@hhgtech/hhg-components 1.27.133 → 1.27.135

package/build/esm/{index-cc1aff02.js → index-3916c205.js}

@@ -1,4 +1,4 @@
-import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEffect as i,useMemo as n,useRef as l,memo as r,useContext as s,useCallback as d}from"react";import{g as c}from"./core-751de8a0.js";import{a2 as m,I as p,F as g,M as h,O as u,B as v,a3 as y,P as b,H as f}from"./index.styles-e345cd05.js";import x from"styled-components";import{T as w,U as E,C}from"./index-2e2b0db2.js";import{CommonGAssets as k}from"./gAssets.js";import{d as $,C as P,b as N,T as B,E as _,L as M,S as A,U as T}from"./index-7e6ef4fe.js";import{n as H,a as L}from"./normalizeLink-e3ff1c11.js";import{g as S,a as U,b as z,c as D,d as j}from"./routing-351976df.js";import{P as R,U as O,a as I,b as F}from"./index-bb913b1c.js";import{L as V}from"./index-a2534c7c.js";import{u as G,b as W}from"./useTranslations-10e9f360.js";import Y from"lodash/throttle";import{j as Z,M as q}from"./screenSizeContext-9a12cff0.js";import{L as K}from"./Onboarding-fd579f72.js";import{t as Q}from"./theme-552e8fb4.js";import{g as J}from"./cookieHelper-6c64533f.js";import{Portal as X}from"@mantine/core";import{B as ee}from"./index-ba50e0db.js";import"@mantine/dates";import te from"dayjs";import"./isProduction-ee053516.js";import"@mantine/hooks";import ae from"lodash/debounce";import"./useCategory-07fae2b9.js";import{L as oe}from"./constants-126b1bf1.js";import ie from"string-format";import{I as ne}from"./index-0007c24c.js";import{u as le}from"./useIsInit-8814c69e.js";import re from"dayjs/plugin/relativeTime";const se={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},de=({type:e="square",size:t,avatarImg:n,avatarUrl:l,firstLetter:r,backgroundColor:s,onClick:d,style:c,className:g,width:h,height:u,alt:v})=>{const y=t?se[t]:void 0,[b,f]=o(!1);i((()=>{if(l){const e=document.createElement("img");e.setAttribute("src",l),e.addEventListener("error",(()=>{f(!0)}))}}),[l,f]);const x=(!l&&!n||b)&&r;return a.createElement(m,{style:Object.assign(Object.assign({},c),{"--size":y?y+"px":void 0,"--width-prop":h?h+"px":void 0,"--height-prop":u?u+"px":void 0,"--background-color":s}),"data-has-max":!(!h||!u),"data-avatar-type":e,onClick:d,className:g,avatarUrl:l,"data-custom-size":!!t},n,l&&!b&&a.createElement(p,{src:l,alt:v||"avatar"}),x&&r)},ce=["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"],me=(e="")=>ce.some((t=>new URL(e).origin.endsWith(t))),pe=x.a`
+import{a as e,_ as t}from"./tslib.es6-098ba6eb.js";import a,{useState as o,useEffect as i,useMemo as n,useRef as l,memo as r,useContext as s,useCallback as d}from"react";import{g as c}from"./core-4a0d9763.js";import{I as m,F as p,B as g,a as h}from"./index-182cff37.js";import u from"styled-components";import{T as v,U as y}from"./index-ef082b02.js";import{CommonGAssets as b}from"./gAssets.js";import{d as f,C as x,b as w,T as E,E as C,L as k,S as $,U as P}from"./index-28fdf8d0.js";import{n as N,a as B}from"./normalizeLink-ac29bb2d.js";import{g as _,a as M,b as A,c as T,d as L}from"./routing-6ca54153.js";import{P as H,U as S,a as U,b as z}from"./index-064afb3d.js";import{L as D}from"./index-bd74d231.js";import{u as j,b as R}from"./useTranslations-756fc193.js";import O from"lodash/throttle";import{j as I,M as F}from"./screenSizeContext-39dfc639.js";import{L as V}from"./Onboarding-3d3e6c2b.js";import{t as G}from"./theme-9fc24894.js";import{K as W,y as Y,L as Z,P as K,H as q}from"./index.styles-1ce44a1d.js";import{g as Q}from"./cookieHelper-3c8a0098.js";import{Portal as J}from"@mantine/core";import{B as X}from"./index-a2022cc1.js";import"./index-2496a47b.js";import"./utils-23eb0cb7.js";import"@mantine/dates";import ee from"dayjs";import"./isProduction-32680346.js";import"@mantine/hooks";import"./index.styled-a6258456.js";import"./index-0c0b9e1b.js";import te from"lodash/debounce";import"./useCategory-d0c0a3cf.js";import{L as ae}from"./constants-b2f78bab.js";import oe from"string-format";import{I as ie}from"./index-26fec022.js";import{u as ne}from"./useIsInit-35b5adad.js";import le from"dayjs/plugin/relativeTime";import{C as re}from"./index-811fb472.js";const se={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},de=({type:e="square",size:t,avatarImg:n,avatarUrl:l,firstLetter:r,backgroundColor:s,onClick:d,style:c,className:p,width:g,height:h,alt:u})=>{const v=t?se[t]:void 0,[y,b]=o(!1);i((()=>{if(l){const e=document.createElement("img");e.setAttribute("src",l),e.addEventListener("error",(()=>{b(!0)}))}}),[l,b]);const f=(!l&&!n||y)&&r;return a.createElement(W,{style:Object.assign(Object.assign({},c),{"--size":v?v+"px":void 0,"--width-prop":g?g+"px":void 0,"--height-prop":h?h+"px":void 0,"--background-color":s}),"data-has-max":!(!g||!h),"data-avatar-type":e,onClick:d,className:p,avatarUrl:l,"data-custom-size":!!t},n,l&&!y&&a.createElement(m,{src:l,alt:u||"avatar"}),f&&r)},ce=["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"],me=(e="")=>ce.some((t=>new URL(e).origin.endsWith(t))),pe=u.a`
   display: inline-flex;
   position: relative;
   flex-direction: row;
@@ -17,12 +17,12 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   text-decoration: none;
 
   cursor: pointer;
-`,ge=x.div`
+`,ge=u.div`
   position: relative;
   display: inline-block;
-`,he=x.div`
+`,he=u.div`
   position: relative;
-`,ue=x.div`
+`,ue=u.div`
   position: absolute;
   z-index: 21;
   top: 100%;
@@ -50,7 +50,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
     }
   }
-`,ve=x.div`
+`,ve=u.div`
   display: flex;
   height: 40px;
   align-items: center;
@@ -67,7 +67,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   &[data-selected='false'] {
     background-color: ${e=>e.theme.colors.gray100};
   }
-`,ye=x.div`
+`,ye=u.div`
   position: fixed;
   z-index: 20;
   top: 0;
@@ -75,9 +75,9 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   width: 100%;
   height: 100%;
   cursor: default;
-`,be=({options:e,label:t,labelRenderer:i,selected:n,onChange:l,showSelected:r=!0,style:s={},showIndicator:d=!0})=>{const[c,m]=o(!1);return a.createElement(a.Fragment,null,a.createElement(ge,null,a.createElement(he,{onClick:()=>m((e=>!e))},t||(null==i?void 0:i(c))||null,a.createElement(ue,{"data-is-open":c,style:s,"data-show-indicator":d},e.map(((e,t)=>a.createElement(ve,{key:t,"data-selected":r&&n===e.value,onClick:t=>{n!==e.value&&(l(e.value),m((e=>!e))),t.stopPropagation()}},a.createElement(w,{size:"p3"},e.label),r&&n===e.value&&a.createElement("img",{src:k.getAssetPath("check.svg"),alt:"check",className:"check-icon",loading:"lazy"}))))))),c&&a.createElement(ye,{onClick:()=>m(!1)}))},fe=({languageOptions:e,locale:t})=>{var o,i;const n=null==e?void 0:e.find((e=>e.locale===t));return(null==e?void 0:e.length)?a.createElement(be,{options:e,selected:n.value,label:a.createElement(xe,{locale:t,label:n.label||(null===(i=null===(o=t.split("-"))||void 0===o?void 0:o[0])||void 0===i?void 0:i.toUpperCase())}),onChange:e=>{"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1}):null},xe=({locale:e,label:t,href:o})=>{var i,n,l;return a.createElement(pe,{href:o},a.createElement(g,{country:null===(n=null===(i=null==e?void 0:e.split("-"))||void 0===i?void 0:i[1])||void 0===n?void 0:n.toUpperCase(),width:16,height:16,rounded:!0,language:null===(l=null==e?void 0:e.split("-"))||void 0===l?void 0:l[0]}),a.createElement("span",null,t))},we=x.div`
+`,be=({options:e,label:t,labelRenderer:i,selected:n,onChange:l,showSelected:r=!0,style:s={},showIndicator:d=!0})=>{const[c,m]=o(!1);return a.createElement(a.Fragment,null,a.createElement(ge,null,a.createElement(he,{onClick:()=>m((e=>!e))},t||(null==i?void 0:i(c))||null,a.createElement(ue,{"data-is-open":c,style:s,"data-show-indicator":d},e.map(((e,t)=>a.createElement(ve,{key:t,"data-selected":r&&n===e.value,onClick:t=>{n!==e.value&&(l(e.value),m((e=>!e))),t.stopPropagation()}},a.createElement(v,{size:"p3"},e.label),r&&n===e.value&&a.createElement("img",{src:b.getAssetPath("check.svg"),alt:"check",className:"check-icon",loading:"lazy"}))))))),c&&a.createElement(ye,{onClick:()=>m(!1)}))},fe=({languageOptions:e,locale:t})=>{var o,i;const n=null==e?void 0:e.find((e=>e.locale===t));return(null==e?void 0:e.length)?a.createElement(be,{options:e,selected:n.value,label:a.createElement(xe,{locale:t,label:n.label||(null===(i=null===(o=t.split("-"))||void 0===o?void 0:o[0])||void 0===i?void 0:i.toUpperCase())}),onChange:e=>{"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1}):null},xe=({locale:e,label:t,href:o})=>{var i,n,l;return a.createElement(pe,{href:o},a.createElement(p,{country:null===(n=null===(i=null==e?void 0:e.split("-"))||void 0===i?void 0:i[1])||void 0===n?void 0:n.toUpperCase(),width:16,height:16,rounded:!0,language:null===(l=null==e?void 0:e.split("-"))||void 0===l?void 0:l[0]}),a.createElement("span",null,t))},we=u.div`
   ${e=>`\n    ${0!==e.lowerBound?`@media (max-width: ${e.lowerBound-1}px) { display: none; }`:""}\n    ${0!==e.upperBound?`@media (min-width: ${e.upperBound}px) { display: none; }`:""}\n  `}
-`,Ee=({forceDisplay:e,mediaQueryKey:t,children:o,className:i,style:l})=>{const[r,s]=n((()=>Z(t)),[t]);return a.createElement(we,{lowerBound:e?0:r,upperBound:e?0:s,className:i,style:l},o)},Ce=e=>{const{allowBgScroll:t}=e||{},a=l();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())}}},ke="hhgcomp-navprofilebutton-popup",$e=h(x.div`
+`,Ee=({forceDisplay:e,mediaQueryKey:t,children:o,className:i,style:l})=>{const[r,s]=n((()=>I(t)),[t]);return a.createElement(we,{lowerBound:e?0:r,upperBound:e?0:s,className:i,style:l},o)},Ce=e=>{const{allowBgScroll:t}=e||{},a=l();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())}}},ke="hhgcomp-navprofilebutton-popup",$e=Y(u.div`
   position: absolute;
   right: 0;
   background-color: ${e=>e.theme.colors.white};
@@ -109,13 +109,13 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
 
   &[data-type='welcome'] {
     position: fixed;
-    ${q.mbDown} {
+    ${F.mbDown} {
       width: 100%;
       height: 424px;
       bottom: 0;
       top: unset;
     }
-    ${q.mbUp} {
+    ${F.mbUp} {
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
@@ -127,14 +127,14 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
 
   &[data-type='due-date'] {
     position: fixed;
-    ${q.mbDown} {
+    ${F.mbDown} {
       width: 100%;
       height: 100%;
       overflow-y: scroll;
       bottom: 0;
       top: unset;
     }
-    ${q.mbUp} {
+    ${F.mbUp} {
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
@@ -148,7 +148,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   .popup-content {
     z-index: 111;
     height: 100%;
-    ${q.mbDown} {
+    ${F.mbDown} {
       max-height: calc(100vh - var(--header-bottom, 64px));
     }
     overflow: auto;
@@ -166,7 +166,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
 
   &[data-type='profile'] {
     /* min-height: 415px; */
-    ${q.mbUp} {
+    ${F.mbUp} {
       border-radius: ${e=>e.theme.borderRadius};
       box-shadow: 0px 4px 8px
         ${e=>e.theme.colors.gray200};
@@ -183,13 +183,13 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
         filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
       }
     }
-    ${q.mbDown} {
+    ${F.mbDown} {
       position: fixed;
       left: 0;
       width: 100%;
-      border-top: 1px solid ${Q.colors.neutral100};
+      border-top: 1px solid ${G.colors.neutral100};
     }
-    ${q.mbUp} {
+    ${F.mbUp} {
       width: 368px;
     }
   }
@@ -208,7 +208,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       border-radius: 50%;
     }
   }
-`,ke),Pe="hhgcomp-navprofilebutton-popupwrapper";h(x.div`
+`,ke),Pe="hhgcomp-navprofilebutton-popupwrapper";Y(u.div`
   position: fixed;
   z-index: 150;
   top: var(--header-bottom, 69px);
@@ -217,7 +217,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   height: 100%;
   align-items: center;
 
-  ${q.mbUp} {
+  ${F.mbUp} {
     background-color: transparent;
     &[data-type='welcome'] {
       background: rgba(38, 38, 38, 0.3);
@@ -227,7 +227,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     }
   }
 
-  ${q.mbDown} {
+  ${F.mbDown} {
     background: rgba(38, 38, 38, 0.3);
   }
 
@@ -238,7 +238,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   &[data-open='false'] {
     display: none;
   }
-`,Pe);const Ne=x.div`
+`,Pe);const Ne=u.div`
   width: 40px;
   height: 40px;
   cursor: pointer;
@@ -263,7 +263,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     font-size: 20px;
     font-weight: bold;
   }
-`,Be=x.a`
+`,Be=u.a`
   display: inline-flex;
   position: relative;
   width: 40px;
@@ -292,7 +292,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       visibility: visible;
       display: initial;
       &[data-type='profile'] {
-        ${q.mbDown} {
+        ${F.mbDown} {
           top: 100%;
         }
       }
@@ -301,34 +301,34 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       display: initial;
     }
   }
-`,_e=x.a`
+`,_e=u.a`
   display: inline-flex;
   .login-btn[data-color='tertiary'][data-size='md'] {
     padding-left: 12px;
     padding-right: 12px;
   }
   .mobile-only {
-    ${q.mbUp} {
+    ${F.mbUp} {
       display: none;
     }
   }
   .login-btn {
     display: none;
-    ${q.mbUp} {
+    ${F.mbUp} {
       display: block;
     }
   }
-`,Me=({type:e="lead",closeIcon:t,isOpen:o=!0,onClose:i,children:n,enableAnimation:l=!0,targetAvatar:r,id:s,className:d})=>a.createElement($e,{"data-open":o,"data-type":e,"data-animation":l,"data-target":r,id:s,className:d},a.createElement("div",{className:"popup-content"},!!t&&a.createElement("div",{className:"close-button",onClick:i},t),n)),Ae={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/"};var Te="uJQBNNg",He="TfG3dM5",Le="aMtjFNf",Se="cSz2RR-",Ue="GyFm00F";function ze({userInfo:e,onClickMyProfileButton:t,themeName:o="helloSites"}){const{t:i}=G(),l=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 a.createElement("div",{className:Te,onClick:()=>{t&&t()}},a.createElement(de,{className:He,type:"rounded",size:"xl",avatarUrl:null==e?void 0:e.avatar,firstLetter:l,backgroundColor:"marryBaby"===o?Q.mbColors.pink:Q.colors.secondaryBase}),a.createElement("div",{className:Le},a.createElement("div",{className:Se},(null==e?void 0:e.name)||(null==e?void 0:e.username)),a.createElement("div",{className:Ue,style:{"--bg-hellosites":`url(${k.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${k.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},i("userProfile.nav.header.viewProfile"))))}var De="fVk18fq",je="v8TCvUb",Re="mx7T4V3";const Oe={myHealth:Q.mbColors.toneYellow,myCommunity:Q.mbColors.toneBlue,mySaved:Q.mbColors.toneGreen},Ie={helloSites:{myBooking:()=>k.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>k.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>k.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>k.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>k.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>k.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>k.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>k.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>k.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},Fe=({type:e,themeName:t,className:o,onClick:i=(()=>{})})=>{const{t:l}=G(),r=n((()=>{var a,o;return(null===(o=null===(a=Ie[t])||void 0===a?void 0:a[e])||void 0===o?void 0:o.call(a))||""}),[e,t]),s=n((()=>"marryBaby"!==t?"transparent":Oe[e]),[e,t]);return a.createElement("div",{onClick:function(){i(e)},className:`${De} ${o}`},a.createElement("div",{className:Re,style:{backgroundColor:s,backgroundImage:`url("${r}")`}}),a.createElement("h3",{className:je},l(`userProfile.nav.card.${e}`)))};var Ve="gn6HmGG",Ge="FCx8FEM",We="zMiRxaE",Ye="lZ2Z9MQ",Ze="rwm-agG",qe="qMOscoq";const Ke=({themeName:e,locale:t,onClickItem:i})=>{const[l,r]=o(""),s=n((()=>"marryBaby"===e?[{key:"userProfile.nav.menu.password",icon:k.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:k.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:k.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:k.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[e]);function d(e){e.subMenu?r((t=>t?"":e.key)):i&&i(e)}return a.createElement("div",{className:Ve},s.map((e=>a.createElement(Qe,{key:e.key,item:e,openKey:l,onClickItem:d,locale:t}))))},Qe=({item:e,openKey:t,onClickItem:o,locale:i})=>{var n;const{t:l}=G();return(null===(n=e.disableLocale)||void 0===n?void 0:n.includes(i))?null:a.createElement("div",{className:`${Ge} nav-menu-item`,"data-is-open":t===e.key,key:e.key,"data-has-submenu":!!e.subMenu},a.createElement("div",{className:We,onClick:()=>o(e)},e.icon&&a.createElement("div",{className:Ye,style:{backgroundImage:`url("${e.icon}")`}}),l(e.key),e.subMenu&&a.createElement("div",{className:Ze,style:{"--after-bg":`url(${k.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&a.createElement("div",{className:qe},e.subMenu.map((e=>a.createElement(Qe,{key:e.key,item:e,openKey:t,onClickItem:o,locale:i})))))};var Je="-AZt1au",Xe="IvSIfCI",et="eahCJov",tt="XIyViFs",at="_4y-O0w3",ot="kO8iNgD",it="a1d4E10",nt="Tdguxxf",lt="-mOxsaU",rt="yPeDBNZ";const st={helloSites:{member:()=>k.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>k.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>k.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>k.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>k.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>k.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>k.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>k.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>k.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>k.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},dt=({themeName:e,rank:t="member",numberOfPosts:o=0})=>{const{t:i}=G(),l=n((()=>{var a,o;return(null===(o=null===(a=st[e])||void 0===a?void 0:a[t])||void 0===o?void 0:o.call(a))||""}),[t,e]);return a.createElement("div",{className:at,"data-user-rank":t},a.createElement("div",{className:ot},a.createElement("div",{className:it},a.createElement("div",{className:nt,style:{backgroundImage:`url("${l}")`}}),a.createElement("h3",{className:lt},i(`userProfile.userRank.${t}`)),o>0&&a.createElement("p",{className:rt},o," ",i("userProfile.nav.header.count.posts")))))},ct="profile/posts?website_url={websiteUrl}",mt=99,pt=300,gt=400,ht=210,ut=e=>{var t,a,o,i;return e?{termId:e.term_id||null,sponsor:e.sponsor?(i=e.sponsor,i?{title:i.title,logo:i.logo,link:i.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=>ut(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?(o=e.reviewed_by,{postTitle:o.post_title,permalink:o.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}:{}},vt=e=>{var t,a;if(!e)return{};const o=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),i=null===(a=e.link)||void 0===a?void 0:a.startsWith("/fil/"),n=e.link?e.link.startsWith("http")||o?e.link:i?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:n,subtitle:e.subtitle,title:e.title}},yt=e=>{var t,a,o,i,n;return e&&(null==e?void 0:e.object_id)?{thumbnail:(null===(t=null==e?void 0:e.object_id)||void 0===t?void 0:t.logo)||"",link:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.slug)||"",subtitle:(null===(o=e.object_id)||void 0===o?void 0:o.name)||"",name:(null===(i=e.object_id)||void 0===i?void 0:i.name)||"",slug:(null===(n=e.object_id)||void 0===n?void 0:n.slug)||""}:{}},bt=e=>{var t,a,o,i;return e&&(null==e?void 0:e.object_id)?{id:e.id,name:(null===(t=e.object_id)||void 0===t?void 0:t.name)||"",logo:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.logo)||"",description:(null===(o=e.object_id)||void 0===o?void 0:o.description)||"",slug:(null===(i=e.object_id)||void 0===i?void 0:i.slug)||""}:{}},ft=({type:e,specialtySlug:t,locale:a})=>{var o,i;return`${null===(o=oe[a])||void 0===o?void 0:o.ALL}/${(null===(i=oe[a])||void 0===i?void 0:i[e])||"doctor"}/${null!=t?t:""}`},xt=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}:{},wt=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},Et=({SSO_URL:e,UP_BASEPATH:t="user",themeName:l="helloSites",cardUrls:r=Ae,enableCare:s,enableTogether:d,enableEcom:c,enableMySaved:m,userInfo:p,togetherApiDomain:g,userPostsNumber:h,onClickNavigationCard:u,onClickMyProfileButton:v,onClickMenuItem:y,onClickLogout:b,isUserProfileNavigatorMenuHidden:f=!1,isMyHealthEnabled:x=!1,locale:w})=>{const{t:E}=G(),[C,P]=o(h||0),N="marryBaby"===l;i((()=>{if(p&&void 0===h){const e=J("hhg_user_token");e&&fetch(H(((e,t,a,o)=>(a||"https://together.hellohealthgroup.com/")+"api/v1/"+ie(ct,Object.assign(Object.assign({},o),{websiteUrl:t?"https://marrybaby.vn":`https://${$[e]}`})))(w,N,g)),{headers:{Authorization:`Bearer ${e}`}}).then((e=>e.json())).then((e=>{var t,a,o;1===(null==e?void 0:e.status)&&(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.pagination)&&P((null===(o=null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.pagination)||void 0===o?void 0:o.total_items)||0)})).catch((e=>console.error("Error fetching post number",e)))}}),[w,null!==p,h,g,N]);const B=n((()=>{let e;return e=N?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?s:"myCommunity"===e?d:"myHealth"===e?x:"eCom"===e?c:"mySaved"!==e||m))}),[N,x]),_=n((()=>"marryBaby"===l?null:a.createElement(ee,{color:"tertiary",icon:a.createElement("img",{src:k.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:b,className:tt},E("userProfile.nav.menu.logout"))),[l]),M=a=>{a.startsWith("http")||a.startsWith("/")?window.location.href=L(a):e&&(window.location.href=L(`${e}${t}/${a}`))},A=e=>{const t=r[e];u?u(t):M(t)};return p?a.createElement("div",{className:Je,"data-theme":l},a.createElement(ze,{userInfo:p,themeName:l,onClickMyProfileButton:()=>{v?v():M("profile")}}),a.createElement(dt,{themeName:l,rank:"member",numberOfPosts:C}),a.createElement("div",{className:Xe},B.map((e=>a.createElement(Fe,{className:et,key:e,themeName:l,type:e,onClick:A})))),!f&&a.createElement(a.Fragment,null,a.createElement(Ke,{themeName:l,locale:w,onClickItem:e=>{"logout"===e.link&&b?b():e.link&&!e.subMenu&&(y?y(e.link):M(e.link))}}),_)):null},Ct=({SSO_URL:e,UP_BASEPATH:t,isOpen:o,targetAvatar:i,userInfo:n,enableCare:l,enableTogether:r,enableEcom:s,enableMySaved:d,closePopup:c,siteType:m="helloSites",dispatchLogout:p,userProfileRouterPush:g,isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:u=!1,togetherApiDomain:v,locale:y})=>{const b=a=>{a.startsWith("http")||a.startsWith("/")?window.location.href=L(a):g?g(`/${a}`):e&&(window.location.href=L(`${e}${t}/${a}`))},f=e=>{b(e),c()};return a.createElement(Me,{isOpen:o,type:"profile",enableAnimation:!0,targetAvatar:i,onClose:c},a.createElement(Et,{SSO_URL:e,UP_BASEPATH:t,themeName:m,userInfo:n,enableCare:l,enableTogether:r,enableEcom:s,enableMySaved:d,onClickLogout:()=>{p&&(p(),c())},onClickMenuItem:f,onClickNavigationCard:f,onClickMyProfileButton:()=>{b("profile"),c()},isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:u,togetherApiDomain:v,locale:y}))},kt=x.div`
+`,Me=({type:e="lead",closeIcon:t,isOpen:o=!0,onClose:i,children:n,enableAnimation:l=!0,targetAvatar:r,id:s,className:d})=>a.createElement($e,{"data-open":o,"data-type":e,"data-animation":l,"data-target":r,id:s,className:d},a.createElement("div",{className:"popup-content"},!!t&&a.createElement("div",{className:"close-button",onClick:i},t),n)),Ae={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/"};var Te="uJQBNNg",Le="TfG3dM5",He="aMtjFNf",Se="cSz2RR-",Ue="GyFm00F";function ze({userInfo:e,onClickMyProfileButton:t,themeName:o="helloSites"}){const{t:i}=j(),l=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 a.createElement("div",{className:Te,onClick:()=>{t&&t()}},a.createElement(de,{className:Le,type:"rounded",size:"xl",avatarUrl:null==e?void 0:e.avatar,firstLetter:l,backgroundColor:"marryBaby"===o?G.mbColors.pink:G.colors.secondaryBase}),a.createElement("div",{className:He},a.createElement("div",{className:Se},(null==e?void 0:e.name)||(null==e?void 0:e.username)),a.createElement("div",{className:Ue,style:{"--bg-hellosites":`url(${b.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${b.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},i("userProfile.nav.header.viewProfile"))))}var De="fVk18fq",je="v8TCvUb",Re="mx7T4V3";const Oe={myHealth:G.mbColors.toneYellow,myCommunity:G.mbColors.toneBlue,mySaved:G.mbColors.toneGreen},Ie={helloSites:{myBooking:()=>b.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>b.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>b.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>b.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>b.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>b.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>b.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>b.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>b.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},Fe=({type:e,themeName:t,className:o,onClick:i=(()=>{})})=>{const{t:l}=j(),r=n((()=>{var a,o;return(null===(o=null===(a=Ie[t])||void 0===a?void 0:a[e])||void 0===o?void 0:o.call(a))||""}),[e,t]),s=n((()=>"marryBaby"!==t?"transparent":Oe[e]),[e,t]);return a.createElement("div",{onClick:function(){i(e)},className:`${De} ${o}`},a.createElement("div",{className:Re,style:{backgroundColor:s,backgroundImage:`url("${r}")`}}),a.createElement("h3",{className:je},l(`userProfile.nav.card.${e}`)))};var Ve="gn6HmGG",Ge="FCx8FEM",We="zMiRxaE",Ye="lZ2Z9MQ",Ze="rwm-agG",Ke="qMOscoq";const qe=({themeName:e,locale:t,onClickItem:i})=>{const[l,r]=o(""),s=n((()=>"marryBaby"===e?[{key:"userProfile.nav.menu.password",icon:b.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:b.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:b.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:b.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[e]);function d(e){e.subMenu?r((t=>t?"":e.key)):i&&i(e)}return a.createElement("div",{className:Ve},s.map((e=>a.createElement(Qe,{key:e.key,item:e,openKey:l,onClickItem:d,locale:t}))))},Qe=({item:e,openKey:t,onClickItem:o,locale:i})=>{var n;const{t:l}=j();return(null===(n=e.disableLocale)||void 0===n?void 0:n.includes(i))?null:a.createElement("div",{className:`${Ge} nav-menu-item`,"data-is-open":t===e.key,key:e.key,"data-has-submenu":!!e.subMenu},a.createElement("div",{className:We,onClick:()=>o(e)},e.icon&&a.createElement("div",{className:Ye,style:{backgroundImage:`url("${e.icon}")`}}),l(e.key),e.subMenu&&a.createElement("div",{className:Ze,style:{"--after-bg":`url(${b.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&a.createElement("div",{className:Ke},e.subMenu.map((e=>a.createElement(Qe,{key:e.key,item:e,openKey:t,onClickItem:o,locale:i})))))};var Je="-AZt1au",Xe="IvSIfCI",et="eahCJov",tt="XIyViFs",at="_4y-O0w3",ot="kO8iNgD",it="a1d4E10",nt="Tdguxxf",lt="-mOxsaU",rt="yPeDBNZ";const st={helloSites:{member:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>b.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>b.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},dt=({themeName:e,rank:t="member",numberOfPosts:o=0})=>{const{t:i}=j(),l=n((()=>{var a,o;return(null===(o=null===(a=st[e])||void 0===a?void 0:a[t])||void 0===o?void 0:o.call(a))||""}),[t,e]);return a.createElement("div",{className:at,"data-user-rank":t},a.createElement("div",{className:ot},a.createElement("div",{className:it},a.createElement("div",{className:nt,style:{backgroundImage:`url("${l}")`}}),a.createElement("h3",{className:lt},i(`userProfile.userRank.${t}`)),o>0&&a.createElement("p",{className:rt},o," ",i("userProfile.nav.header.count.posts")))))},ct="profile/posts?website_url={websiteUrl}",mt=99,pt=300,gt=400,ht=210,ut=e=>{var t,a,o,i;return e?{termId:e.term_id||null,sponsor:e.sponsor?(i=e.sponsor,i?{title:i.title,logo:i.logo,link:i.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=>ut(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?(o=e.reviewed_by,{postTitle:o.post_title,permalink:o.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}:{}},vt=e=>{var t,a;if(!e)return{};const o=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),i=null===(a=e.link)||void 0===a?void 0:a.startsWith("/fil/"),n=e.link?e.link.startsWith("http")||o?e.link:i?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:n,subtitle:e.subtitle,title:e.title}},yt=e=>{var t,a,o,i,n;return e&&(null==e?void 0:e.object_id)?{thumbnail:(null===(t=null==e?void 0:e.object_id)||void 0===t?void 0:t.logo)||"",link:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.slug)||"",subtitle:(null===(o=e.object_id)||void 0===o?void 0:o.name)||"",name:(null===(i=e.object_id)||void 0===i?void 0:i.name)||"",slug:(null===(n=e.object_id)||void 0===n?void 0:n.slug)||""}:{}},bt=e=>{var t,a,o,i;return e&&(null==e?void 0:e.object_id)?{id:e.id,name:(null===(t=e.object_id)||void 0===t?void 0:t.name)||"",logo:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.logo)||"",description:(null===(o=e.object_id)||void 0===o?void 0:o.description)||"",slug:(null===(i=e.object_id)||void 0===i?void 0:i.slug)||""}:{}},ft=({type:e,specialtySlug:t,locale:a})=>{var o,i;return`${null===(o=ae[a])||void 0===o?void 0:o.ALL}/${(null===(i=ae[a])||void 0===i?void 0:i[e])||"doctor"}/${null!=t?t:""}`},xt=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}:{},wt=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},Et=({SSO_URL:e,UP_BASEPATH:t="user",themeName:l="helloSites",cardUrls:r=Ae,enableCare:s,enableTogether:d,enableEcom:c,enableMySaved:m,userInfo:p,togetherApiDomain:g,userPostsNumber:h,onClickNavigationCard:u,onClickMyProfileButton:v,onClickMenuItem:y,onClickLogout:x,isUserProfileNavigatorMenuHidden:w=!1,isMyHealthEnabled:E=!1,locale:C})=>{const{t:k}=j(),[$,P]=o(h||0),_="marryBaby"===l;i((()=>{if(p&&void 0===h){const e=Q("hhg_user_token");e&&fetch(N(((e,t,a,o)=>(a||"https://together.hellohealthgroup.com/")+"api/v1/"+oe(ct,Object.assign(Object.assign({},o),{websiteUrl:t?"https://marrybaby.vn":`https://${f[e]}`})))(C,_,g)),{headers:{Authorization:`Bearer ${e}`}}).then((e=>e.json())).then((e=>{var t,a,o;1===(null==e?void 0:e.status)&&(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.pagination)&&P((null===(o=null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.pagination)||void 0===o?void 0:o.total_items)||0)})).catch((e=>console.error("Error fetching post number",e)))}}),[C,null!==p,h,g,_]);const M=n((()=>{let e;return e=_?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?s:"myCommunity"===e?d:"myHealth"===e?E:"eCom"===e?c:"mySaved"!==e||m))}),[_,E]),A=n((()=>"marryBaby"===l?null:a.createElement(X,{color:"tertiary",icon:a.createElement("img",{src:b.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:x,className:tt},k("userProfile.nav.menu.logout"))),[l]),T=a=>{a.startsWith("http")||a.startsWith("/")?window.location.href=B(a):e&&(window.location.href=B(`${e}${t}/${a}`))},L=e=>{const t=r[e];u?u(t):T(t)};return p?a.createElement("div",{className:Je,"data-theme":l},a.createElement(ze,{userInfo:p,themeName:l,onClickMyProfileButton:()=>{v?v():T("profile")}}),a.createElement(dt,{themeName:l,rank:"member",numberOfPosts:$}),a.createElement("div",{className:Xe},M.map((e=>a.createElement(Fe,{className:et,key:e,themeName:l,type:e,onClick:L})))),!w&&a.createElement(a.Fragment,null,a.createElement(qe,{themeName:l,locale:C,onClickItem:e=>{"logout"===e.link&&x?x():e.link&&!e.subMenu&&(y?y(e.link):T(e.link))}}),A)):null},Ct=({SSO_URL:e,UP_BASEPATH:t,isOpen:o,targetAvatar:i,userInfo:n,enableCare:l,enableTogether:r,enableEcom:s,enableMySaved:d,closePopup:c,siteType:m="helloSites",dispatchLogout:p,userProfileRouterPush:g,isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:u=!1,togetherApiDomain:v,locale:y})=>{const b=a=>{a.startsWith("http")||a.startsWith("/")?window.location.href=B(a):g?g(`/${a}`):e&&(window.location.href=B(`${e}${t}/${a}`))},f=e=>{b(e),c()};return a.createElement(Me,{isOpen:o,type:"profile",enableAnimation:!0,targetAvatar:i,onClose:c},a.createElement(Et,{SSO_URL:e,UP_BASEPATH:t,themeName:m,userInfo:n,enableCare:l,enableTogether:r,enableEcom:s,enableMySaved:d,onClickLogout:()=>{p&&(p(),c())},onClickMenuItem:f,onClickNavigationCard:f,onClickMyProfileButton:()=>{b("profile"),c()},isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:u,togetherApiDomain:v,locale:y}))},kt=u.div`
   background-color: white;
   text-align: center;
   .cancle-img {
     margin-top: 24px;
-    ${q.mbDown} {
+    ${F.mbDown} {
       width: 80px;
       height: 80px;
     }
 
-    ${q.mbUp} {
+    ${F.mbUp} {
       width: 100px;
       height: 100px;
     }
@@ -339,12 +339,12 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     color: ${e=>e.theme.colors.gray800};
     font-style: normal;
     font-weight: bold;
-    ${q.mbDown} {
+    ${F.mbDown} {
       font-size: 24px;
       line-height: 32px;
     }
 
-    ${q.mbUp} {
+    ${F.mbUp} {
       font-size: 32px;
       line-height: 42px;
     }
@@ -355,24 +355,24 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     color: ${e=>e.theme.colors.gray600};
     font-style: normal;
     font-weight: normal;
-    ${q.mbDown} {
+    ${F.mbDown} {
       font-size: 16px;
       line-height: 24px;
     }
 
-    ${q.mbUp} {
+    ${F.mbUp} {
       font-size: 16px;
       line-height: 24px;
     }
   }
-`,$t=x.div`
+`,$t=u.div`
   display: flex;
 
-  ${q.mbDown} {
+  ${F.mbDown} {
     margin-top: 24px;
   }
 
-  ${q.mbUp} {
+  ${F.mbUp} {
     margin-top: 32px;
   }
   justify-content: space-around;
@@ -382,7 +382,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   }
 
   ${e=>"marryBaby"===e.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}
-`,Pt=({openLogoutPopup:e,onCloseHandler:t,onLogoutHandler:o,siteType:n="helloSites"})=>{const{t:l}=G();return i((()=>{document.body.classList.toggle("noscroll",e)}),[e]),a.createElement(X,null,a.createElement(R,{type:"confirm",isOpen:e,closeIcon:a.createElement("img",{src:k.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon",loading:"lazy"}),onClose:t},a.createElement(kt,null,"helloSites"===n&&a.createElement("img",{src:k.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account",loading:"lazy"}),a.createElement("h2",null,l("helloSites"===n?"logout.popup.ask1":"logout.popup.ask.mb")),a.createElement("p",null,l("logout.popup.ask2")),a.createElement($t,{siteType:n},a.createElement(ee,{className:"logout-button",color:"tertiary",size:"lg",onClick:o},l("logout.popup.button.logout")),a.createElement(ee,{className:"cancel-button",color:"primary",size:"lg",onClick:t},l("logout.popup.button.cancel"))))))},Nt=({userInfo:t,siteType:n,onLoginClick:l,SSO_URL:r,currentUrl:s,isMinifyLogin:d,enableCare:c,enableTogether:m,enableEcom:p,isUserProfileNavigatorMenuHidden:g,UP_BASEPATH:h,isMyHealthEnabled:y,togetherApiDomain:b,onLogout:f,style:x,userProfileRouterPush:C,isLoading:$,locale:P,enableMySaved:N})=>{const{t:B}=G(),[_,M]=o(!1),A=(null==t?void 0:t.name)||(null==t?void 0:t.username),[T,L]=o(!1);i((()=>{L(!0)}),[]);const{containerRef:S,onContainerFocus:U,onContainerBlur:z,onButtonMouseDown:D,onClose:j}=Ce();return $?a.createElement(u,{size:"sm",color:"transparent",loading:$}):(null==t?void 0:t.id)?a.createElement(a.Fragment,null,a.createElement(Be,{ref:S,style:x,tabIndex:0,onBlur:z,onFocus:U},a.createElement("div",{onMouseDown:D},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),a.createElement(v,{size:40,className:"user-avatar",src:null==t?void 0:t.avatar,color:"marryBaby"===n?Q.mbColors.pink:Q.colors.secondaryBase,placeholderText:A&&A.length?A[0].toUpperCase():"A"})),a.createElement(Ct,{UP_BASEPATH:h,SSO_URL:r,dispatchLogout:()=>{j(),M(!0)},isOpen:!1,isMyHealthEnabled:y,enableCare:c,enableTogether:m,enableEcom:p,enableMySaved:N,closePopup:j,userInfo:t,siteType:n,isUserProfileNavigatorMenuHidden:g,togetherApiDomain:b,userProfileRouterPush:C,locale:P})),a.createElement(Pt,{openLogoutPopup:_,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),M(!1)},siteType:n,onLogoutHandler:()=>e(void 0,void 0,void 0,(function*(){M(!1),document.body.classList.toggle("noscroll",!1),yield f()}))})):a.createElement(_e,{style:Object.assign({textDecoration:"none"},x),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":s,href:T?void 0:H(`${r}?returnUrl=${s}`),"data-site-type":n},d?a.createElement(Ne,{onClick:l},a.createElement("img",{src:k.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):a.createElement(a.Fragment,null,"helloSites"===n&&(P===K.Indonesia||P===K.PhilippinesTagalog||P===K.PhilippinesEnglish?a.createElement("img",{className:"mobile-only",src:k.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:l}):a.createElement(u,{className:"mobile-only",size:"sm",onClick:l,leftIcon:a.createElement(E,{useCurrentColor:!0,isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"}},B("navigation.loginJoin"))),"marryBaby"===n&&a.createElement("div",{className:"mobile-only",onClick:l,style:{paddingLeft:16}},a.createElement(w,{size:"p3",color:Q.mbColors.pink},B("navigation.loginJoin"))),a.createElement(u,{className:"login-btn",size:"md",onClick:l,leftIcon:a.createElement(E,{useCurrentColor:!0,isSolid:!0,size:22})},B("navigation.loginJoin"))))};var Bt="spdlGfq",_t="vgS16jX";const Mt=({onCareHeaderClick:e,currentUrl:t,careUrlFe:o,btnName:i})=>e?a.createElement(ee,{className:Bt,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:t=>e(t),style:{paddingLeft:10,paddingRight:10}},i):a.createElement("a",{href:o,className:`${_t} care-button no-replace-click`},a.createElement(ee,{className:Bt,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},i));var At="y5VJdvw",Tt="oVhOSCy",Ht="pX8OXTM";const Lt=a.createContext({}),St=e=>{var{children:o}=e,l=t(e,["children"]);const[r,s]=a.useState((()=>l.currentUrl||`https://${"marryBaby"===l.siteType?y[l.locale||"en-PH"]:$[l.locale||"en-PH"]}${"together"===l.projectType?"/community":"ecom"===l.projectType?"/ecom":"care"===l.projectType?"/care":""}/`));i((()=>{const e=()=>{s(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const d=(({locale:e,projectType:t,isMobile:a,siteType:o,enableBookingBtn:i})=>n((()=>{const n=!(!a&&"profile"===t),l="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===o,r="marryBaby"!==o&&"marryBaby"!==t&&P.includes(e),s=i&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==o&&N.includes(e),d="marryBaby"===t||B.includes(e),c="marryBaby"!==o&&_.includes(e),m="marryBaby"!==o&&_.includes(e);let p=S(e,"marryBaby"===o);"undefined"!=typeof window&&(p.includes("//id.")&&(p=p.replace("id.","")),p.includes("//staging-id.")&&(p=p.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:n,enableSearchBar:l,enableNavCare:r,enableNavCareBooking:s,enableNavTogether:d,enableNavEcom:c,enableProfileEcom:m,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:p,CARE_URL_FE:`${p}/care`,TOGETHER_URL_FE:`${p}/community`,SSO_URL:U(e,"marryBaby"===o),TOGETHER_API:z(),DISCOVER_API:D(e)}}}),[e,t,a]))({locale:l.locale,projectType:l.projectType,isMobile:l.isMobile,siteType:l.siteType,enableBookingBtn:l.enableBookingBtn});return a.createElement(Lt.Provider,{value:Object.assign(Object.assign({},l),{configs:Object.assign(Object.assign({},d),l.configs),currentUrl:l.currentUrl||r})},o)};function Ut({className:e}){return a.createElement("div",null,a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function zt({siteType:e,type:t,enableSearch:o,className:i}){return"helloSites"===e?a.createElement("div",null,a.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:o?k.getAssetPath("hamburgerMenuNewWithSearch.svg"):k.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:t,className:i,loading:"lazy"})):a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i},a.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 Dt=x.div`
+`,Pt=({openLogoutPopup:e,onCloseHandler:t,onLogoutHandler:o,siteType:n="helloSites"})=>{const{t:l}=j();return i((()=>{document.body.classList.toggle("noscroll",e)}),[e]),a.createElement(J,null,a.createElement(H,{type:"confirm",isOpen:e,closeIcon:a.createElement("img",{src:b.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon",loading:"lazy"}),onClose:t},a.createElement(kt,null,"helloSites"===n&&a.createElement("img",{src:b.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account",loading:"lazy"}),a.createElement("h2",null,l("helloSites"===n?"logout.popup.ask1":"logout.popup.ask.mb")),a.createElement("p",null,l("logout.popup.ask2")),a.createElement($t,{siteType:n},a.createElement(X,{className:"logout-button",color:"tertiary",size:"lg",onClick:o},l("logout.popup.button.logout")),a.createElement(X,{className:"cancel-button",color:"primary",size:"lg",onClick:t},l("logout.popup.button.cancel"))))))},Nt=({userInfo:t,siteType:n,onLoginClick:l,SSO_URL:r,currentUrl:s,isMinifyLogin:d,enableCare:c,enableTogether:m,enableEcom:p,isUserProfileNavigatorMenuHidden:u,UP_BASEPATH:f,isMyHealthEnabled:x,togetherApiDomain:w,onLogout:E,style:C,userProfileRouterPush:k,isLoading:$,locale:P,enableMySaved:B})=>{const{t:_}=j(),[M,A]=o(!1),T=(null==t?void 0:t.name)||(null==t?void 0:t.username),[L,H]=o(!1);i((()=>{H(!0)}),[]);const{containerRef:S,onContainerFocus:U,onContainerBlur:z,onButtonMouseDown:D,onClose:R}=Ce();return $?a.createElement(g,{size:"sm",color:"transparent",loading:$}):(null==t?void 0:t.id)?a.createElement(a.Fragment,null,a.createElement(Be,{ref:S,style:C,tabIndex:0,onBlur:z,onFocus:U},a.createElement("div",{onMouseDown:D},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),a.createElement(h,{size:40,className:"user-avatar",src:null==t?void 0:t.avatar,color:"marryBaby"===n?G.mbColors.pink:G.colors.secondaryBase,placeholderText:T&&T.length?T[0].toUpperCase():"A"})),a.createElement(Ct,{UP_BASEPATH:f,SSO_URL:r,dispatchLogout:()=>{R(),A(!0)},isOpen:!1,isMyHealthEnabled:x,enableCare:c,enableTogether:m,enableEcom:p,enableMySaved:B,closePopup:R,userInfo:t,siteType:n,isUserProfileNavigatorMenuHidden:u,togetherApiDomain:w,userProfileRouterPush:k,locale:P})),a.createElement(Pt,{openLogoutPopup:M,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),A(!1)},siteType:n,onLogoutHandler:()=>e(void 0,void 0,void 0,(function*(){A(!1),document.body.classList.toggle("noscroll",!1),yield E()}))})):a.createElement(_e,{style:Object.assign({textDecoration:"none"},C),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":s,href:L?void 0:N(`${r}?returnUrl=${s}`),"data-site-type":n},d?a.createElement(Ne,{onClick:l},a.createElement("img",{src:b.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):a.createElement(a.Fragment,null,"helloSites"===n&&(P===V.Indonesia||P===V.PhilippinesTagalog||P===V.PhilippinesEnglish?a.createElement("img",{className:"mobile-only",src:b.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:l}):a.createElement(g,{className:"mobile-only",size:"sm",onClick:l,leftIcon:a.createElement(y,{useCurrentColor:!0,isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"}},_("navigation.loginJoin"))),"marryBaby"===n&&a.createElement("div",{className:"mobile-only",onClick:l,style:{paddingLeft:16}},a.createElement(v,{size:"p3",color:G.mbColors.pink},_("navigation.loginJoin"))),a.createElement(g,{className:"login-btn",size:"md",onClick:l,leftIcon:a.createElement(y,{useCurrentColor:!0,isSolid:!0,size:22})},_("navigation.loginJoin"))))};var Bt="spdlGfq",_t="vgS16jX";const Mt=({onCareHeaderClick:e,currentUrl:t,careUrlFe:o,btnName:i})=>e?a.createElement(X,{className:Bt,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:t=>e(t),style:{paddingLeft:10,paddingRight:10}},i):a.createElement("a",{href:o,className:`${_t} care-button no-replace-click`},a.createElement(X,{className:Bt,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},i));var At="y5VJdvw",Tt="oVhOSCy",Lt="pX8OXTM";const Ht=a.createContext({}),St=e=>{var{children:o}=e,l=t(e,["children"]);const[r,s]=a.useState((()=>l.currentUrl||`https://${"marryBaby"===l.siteType?Z[l.locale||"en-PH"]:f[l.locale||"en-PH"]}${"together"===l.projectType?"/community":"ecom"===l.projectType?"/ecom":"care"===l.projectType?"/care":""}/`));i((()=>{const e=()=>{s(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const d=(({locale:e,projectType:t,isMobile:a,siteType:o,enableBookingBtn:i})=>n((()=>{const n=!(!a&&"profile"===t),l="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===o,r="marryBaby"!==o&&"marryBaby"!==t&&x.includes(e),s=i&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==o&&w.includes(e),d="marryBaby"===t||E.includes(e),c="marryBaby"!==o&&C.includes(e),m="marryBaby"!==o&&C.includes(e);let p=_(e,"marryBaby"===o);"undefined"!=typeof window&&(p.includes("//id.")&&(p=p.replace("id.","")),p.includes("//staging-id.")&&(p=p.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:n,enableSearchBar:l,enableNavCare:r,enableNavCareBooking:s,enableNavTogether:d,enableNavEcom:c,enableProfileEcom:m,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:p,CARE_URL_FE:`${p}/care`,TOGETHER_URL_FE:`${p}/community`,SSO_URL:M(e,"marryBaby"===o),TOGETHER_API:A(),DISCOVER_API:T(e)}}}),[e,t,a]))({locale:l.locale,projectType:l.projectType,isMobile:l.isMobile,siteType:l.siteType,enableBookingBtn:l.enableBookingBtn});return a.createElement(Ht.Provider,{value:Object.assign(Object.assign({},l),{configs:Object.assign(Object.assign({},d),l.configs),currentUrl:l.currentUrl||r})},o)};function Ut({className:e}){return a.createElement("div",null,a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function zt({siteType:e,type:t,enableSearch:o,className:i}){return"helloSites"===e?a.createElement("div",null,a.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:o?b.getAssetPath("hamburgerMenuNewWithSearch.svg"):b.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:t,className:i,loading:"lazy"})):a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i},a.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 Dt=u.div`
   position: fixed;
   z-index: 201;
   top: calc(100% + 1px); // border 1px
@@ -398,7 +398,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   .hhgcomp-navigation-popupwrapper-menuwrapper {
     position: unset;
   }
-`;x.div`
+`;u.div`
   position: fixed;
   bottom: 0;
   left: 0;
@@ -421,7 +421,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       height: 48px;
     }
   }
-`,x.div`
+`,u.div`
   display: flex;
 
   &[data-card-array-no-margin-style='true'] {
@@ -442,11 +442,11 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       margin: 0 4px;
     }
   }
-`,x.div`
+`,u.div`
   margin-top: 64px;
-`,x.div`
+`,u.div`
   padding: 24px 0;
-`,x.div`
+`,u.div`
   display: flex;
   width: 100%;
   align-items: center;
@@ -455,7 +455,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   & > div:first-child {
     margin-right: 8px;
   }
-`,x.div`
+`,u.div`
   z-index: ${ht};
   align-items: center;
 
@@ -464,14 +464,14 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),
     0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),
     0px 0px 1px rgba(0, 0, 0, 0.04);
-`,x.div`
+`,u.div`
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: flex-start;
   padding: 48px 0;
-`,x.div`
+`,u.div`
   position: relative;
   display: flex;
   flex-wrap: wrap;
@@ -480,7 +480,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   &[data-disabled-divider='false'] {
     border-right: 1px solid #e4e8ec;
   }
-`,x.div`
+`,u.div`
   width: 20%;
   padding-right: 16px;
   margin-bottom: 12px;
@@ -508,9 +508,9 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       margin-right: 16px;
     }
   }
-`,x.div`
+`,u.div`
   display: none;
-`,x.div`
+`,u.div`
   width: 33%;
   height: 48px;
   padding-right: 16px;
@@ -532,7 +532,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   & > a > p:hover {
     color: ${e=>e.theme.colors.primaryBase};
   }
-`,x.div`
+`,u.div`
   display: flex;
   align-items: center;
 
@@ -546,21 +546,21 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   &[data-theme='marryBaby'] {
     color: ${e=>e.theme.mbColors.pink};
   }
-`,x.div`
+`,u.div`
   display: flex;
   align-items: center;
 
   margin-left: 10px;
-`,x.div`
+`,u.div`
   position: absolute;
   top: 16px;
   right: 0;
   display: flex;
   align-items: center;
   cursor: pointer;
-`,x.div`
+`,u.div`
   display: block;
-`,x.div`
+`,u.div`
   .categories__spotlight {
     display: grid;
     margin: 16px;
@@ -640,13 +640,13 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       }
     }
   }
-`,x.div`
+`,u.div`
   width: 20%;
   height: 2px;
 
   background-color: ${e=>e.theme.mbColors.pink};
   border-radius: 2px;
-`;const jt=x.div`
+`;const jt=u.div`
   padding: 16px;
   padding-bottom: 12px;
   .fake-search-input {
@@ -664,7 +664,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       border: none;
     }
   }
-`,Rt=x.div`
+`,Rt=u.div`
   display: block;
   overflow-y: auto;
   flex: 1;
@@ -673,15 +673,15 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     width: 0;
     display: none;
   }
-`,Ot=r((()=>a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"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.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"})))),It=()=>{const{locale:e,configs:{statics:t},siteType:o}=s(Lt),i=W(),{t:n}=G();return a.createElement(b,{className:"fake-search-input",name:"search-input-menu-service"+i,size:"md",placeholder:"marryBaby"===o?n("navigation.search.input.placeholder"):n("home.search",{site:M[e||"en-PH"]?M[e||"en-PH"].SITE_NAME:""}),onChange:()=>{},onKeyDown:e=>"Enter"===e.key&&(window.location.href=`${t.HOME_PAGE_URL}/search/?s=${e.target.value}`),type:"search",onFocus:e=>{e.preventDefault()},displayIcon:a.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},a.createElement(Ot,null))})},Ft=x.div`
+`,Ot=r((()=>a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"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.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"})))),It=()=>{const{locale:e,configs:{statics:t},siteType:o}=s(Ht),i=R(),{t:n}=j();return a.createElement(K,{className:"fake-search-input",name:"search-input-menu-service"+i,size:"md",placeholder:"marryBaby"===o?n("navigation.search.input.placeholder"):n("home.search",{site:k[e||"en-PH"]?k[e||"en-PH"].SITE_NAME:""}),onChange:()=>{},onKeyDown:e=>"Enter"===e.key&&(window.location.href=`${t.HOME_PAGE_URL}/search/?s=${e.target.value}`),type:"search",onFocus:e=>{e.preventDefault()},displayIcon:a.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},a.createElement(Ot,null))})},Ft=u.div`
   padding-right: 1rem;
   margin-top: 10px;
   background: #ffffff;
   padding: 5px 15px;
-  ${q.mbUp} {
+  ${F.mbUp} {
     border-right: 1px solid #e4e8ec;
   }
-`,Vt=x.a`
+`,Vt=u.a`
   padding: 10px 0;
   position: relative;
 
@@ -729,19 +729,19 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       }
     }
   }
-`,Gt=x.div`
+`,Gt=u.div`
   margin: 15px 0;
-  ${q.mbDown} {
+  ${F.mbDown} {
     display: none;
   }
-`,Wt=x.div`
+`,Wt=u.div`
   display: flex;
   position: absolute;
   right: 0;
-  ${q.mbUp} {
+  ${F.mbUp} {
     display: none;
   }
-`,Yt=x.div`
+`,Yt=u.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primaryBase};
@@ -756,11 +756,11 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   &[data-theme='marryBaby'] {
     color: ${e=>e.theme.mbColors.pink};
   }
-`,Zt=x.div`
+`,Zt=u.div`
   display: flex;
   align-items: center;
   margin-left: 10px;
-`,qt=x.a`
+`,Kt=u.a`
   border: 1px solid ${e=>e.theme.colors.primaryBase};
   &[data-theme='marryBaby'] {
     border: 1px solid ${e=>e.theme.mbColors.pink};
@@ -776,10 +776,10 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   padding: 6px;
   border-radius: 5px;
   margin-top: 20px;
-  ${q.mbDown} {
+  ${F.mbDown} {
     display: none;
   }
-`;var Kt="wnUb-dV",Qt="cjbOxWe",Jt="gB4rp89";const Xt=({item:e,menu:t})=>{const{containerRef:o,onContainerFocus:i,onContainerBlur:n,onButtonMouseDown:l,onClose:r}=Ce({allowBgScroll:!0}),s=le();return!e.popupType&&e.link?a.createElement(ea,{isNew:e.isNew},a.createElement("a",{className:`hhgcomp-navigation-itemnav-headeritem ${s?"":`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},a.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:Qt},"care"===e.id&&a.createElement("div",{className:Jt},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"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))):a.createElement(ea,{isNew:e.isNew},a.createElement("div",{ref:o,className:`hhgcomp-navigation-itemnav-headeritem ${s?"":`menu-handler-${e.id}`} ${"care"===e.id?"force-focus":""}`,tabIndex:0,key:e.id,onBlur:n,onFocus:i,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},a.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:l,className:Qt},"care"===e.id&&a.createElement("a",{className:Jt,href:H(e.link+"/")},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"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&&a.createElement("div",{className:Kt},a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),a.isValidElement(t)?a.cloneElement(t,{onClose:r}):null))},ea=({isNew:e,children:t})=>{const{t:o}=G();return e?a.createElement(ne,{color:"green",label:o("home.navigator.menuItem.new"),size:20,styles:{root:{paddingRight:10}}},t):a.createElement(a.Fragment,null,t)},ta=({hrefViewMore:e,titleBtnViewMore:t,UrlFE:o,onClosePopup:i,menuItems:n,headingTitle:l})=>{const{siteType:r}=s(Lt);return a.createElement(Ft,null,a.createElement(Gt,null,a.createElement(f,{tag:"marryBaby"===r?"h5":"h6",as:"p",fontWeight:"semibold"},l)),null==n?void 0:n.slice(0,6).map(((e,t)=>{const n=(null==e?void 0:e.link)?(null==e?void 0:e.link.startsWith("http"))?null==e?void 0:e.link:`${o}/${null==e?void 0:e.link.split("/").filter(Boolean).join("/")}/`:"/";return a.createElement(Vt,Object.assign({className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":n,"data-is-heading-category":!1,href:n},!me(n)&&{target:"_blank"},{"data-theme":r,key:t,onClick:i}),a.createElement("div",{className:"icon"},a.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32,overflow:"hidden"}})),a.createElement(ea,{isNew:e.isNew},a.createElement("p",{style:{paddingRight:e.isNew?10:0}},e.name)),a.createElement(Wt,null,a.createElement("img",{src:k.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))})),t&&a.createElement(qt,{"data-theme":r,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},a.createElement(Yt,{onClick:i,"data-theme":r,"data-is-heading-category":!1},t,a.createElement(Zt,null,a.createElement("img",{className:"svg",src:"marryBaby"===r?k.getAssetPath("chevronRightPink.svg"):k.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))))};x.div`
+`;var qt="wnUb-dV",Qt="cjbOxWe",Jt="gB4rp89";const Xt=({item:e,menu:t})=>{const{containerRef:o,onContainerFocus:i,onContainerBlur:n,onButtonMouseDown:l,onClose:r}=Ce({allowBgScroll:!0}),s=ne();return!e.popupType&&e.link?a.createElement(ea,{isNew:e.isNew},a.createElement("a",{className:`hhgcomp-navigation-itemnav-headeritem ${s?"":`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},a.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:Qt},"care"===e.id&&a.createElement("div",{className:Jt},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"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))):a.createElement(ea,{isNew:e.isNew},a.createElement("div",{ref:o,className:`hhgcomp-navigation-itemnav-headeritem ${s?"":`menu-handler-${e.id}`} ${"care"===e.id?"force-focus":""}`,tabIndex:0,key:e.id,onBlur:n,onFocus:i,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},a.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:l,className:Qt},"care"===e.id&&a.createElement("a",{className:Jt,href:N(e.link+"/")},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"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&&a.createElement("div",{className:qt},a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),a.isValidElement(t)?a.cloneElement(t,{onClose:r}):null))},ea=({isNew:e,children:t})=>{const{t:o}=j();return e?a.createElement(ie,{color:"green",label:o("home.navigator.menuItem.new"),size:20,styles:{root:{paddingRight:10}}},t):a.createElement(a.Fragment,null,t)},ta=({hrefViewMore:e,titleBtnViewMore:t,UrlFE:o,onClosePopup:i,menuItems:n,headingTitle:l})=>{const{siteType:r}=s(Ht);return a.createElement(Ft,null,a.createElement(Gt,null,a.createElement(q,{tag:"marryBaby"===r?"h5":"h6",as:"p",fontWeight:"semibold"},l)),null==n?void 0:n.slice(0,6).map(((e,t)=>{const n=(null==e?void 0:e.link)?(null==e?void 0:e.link.startsWith("http"))?null==e?void 0:e.link:`${o}/${null==e?void 0:e.link.split("/").filter(Boolean).join("/")}/`:"/";return a.createElement(Vt,Object.assign({className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":n,"data-is-heading-category":!1,href:n},!me(n)&&{target:"_blank"},{"data-theme":r,key:t,onClick:i}),a.createElement("div",{className:"icon"},a.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32,overflow:"hidden"}})),a.createElement(ea,{isNew:e.isNew},a.createElement("p",{style:{paddingRight:e.isNew?10:0}},e.name)),a.createElement(Wt,null,a.createElement("img",{src:b.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))})),t&&a.createElement(Kt,{"data-theme":r,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},a.createElement(Yt,{onClick:i,"data-theme":r,"data-is-heading-category":!1},t,a.createElement(Zt,null,a.createElement("img",{className:"svg",src:"marryBaby"===r?b.getAssetPath("chevronRightPink.svg"):b.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))))};u.div`
   & > a:not(:last-child) > div {
     border-bottom: 1px solid
       ${e=>e.theme.colors.neutral100};
@@ -792,16 +792,16 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   &[data-is-displayed='false'] {
     display: none;
   }
-`;const aa=x.div`
+`;const aa=u.div`
   display: grid;
 
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
   margin-bottom: 3.5rem;
-  ${q.tdDown} {
+  ${F.tdDown} {
     grid-template-columns: repeat(1, 1fr);
   }
-`,oa=x.div`
+`,oa=u.div`
   height: 152px; // 120 + 16 * 2
   position: absolute;
   top: 0;
@@ -822,22 +822,22 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     display: block;
     object-fit: contain;
   }
-  ${q.tdDown} {
+  ${F.tdDown} {
     margin-bottom: 0;
     padding: 0;
     height: 100%;
     position: unset;
     width: 150px;
   }
-  ${q.mbDown} {
+  ${F.mbDown} {
     width: 80px;
   }
-`,ia=x.div`
+`,ia=u.div`
   background-color: #ffffff;
   border-radius: 4px;
   width: 100%;
   height: 100%;
-`,na=x.div`
+`,na=u.div`
   display: flex;
   margin-top: 1rem;
   align-items: center;
@@ -845,18 +845,18 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   font-weight: 400;
   font-size: 14px;
   text-decoration: none;
-  ${q.tdDown} {
+  ${F.tdDown} {
     display: none;
   }
-`,la=x.p`
+`,la=u.p`
   font-size: 16px;
   font-weight: 600;
   line-height: 1.6;
   color: ${e=>e.theme.colors.gray800};
-  ${q.tdDown} {
+  ${F.tdDown} {
     padding: 0;
   }
-`,ra=x.p`
+`,ra=u.p`
   font-size: 14px;
   line-height: 1.6;
   font-weight: 400;
@@ -868,23 +868,23 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin-bottom: auto;
-  ${q.tdDown} {
+  ${F.tdDown} {
     height: unset;
     padding: 0;
   }
-`,sa="hhgcomp-navigation-menucareitem-contentwrapper",da=h(x.div`
+`,sa="hhgcomp-navigation-menucareitem-contentwrapper",da=Y(u.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
   flex: 1;
   z-index: 1;
-  ${q.tdDown} {
+  ${F.tdDown} {
     gap: 4px;
   }
-`,sa),ca=x.a`
+`,sa),ca=u.a`
   text-decoration: none;
   border-radius: 4px;
-  background: ${Q.colors.white};
+  background: ${G.colors.white};
   position: relative;
   overflow: hidden;
   padding: 16px;
@@ -893,7 +893,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   * {
     pointer-events: none;
   }
-  ${q.tdUp} {
+  ${F.tdUp} {
     box-shadow: 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);
     gap: 30px;
@@ -903,7 +903,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       width: 100%;
     }
   }
-  ${q.tdDown} {
+  ${F.tdDown} {
     padding-top: 16px;
     a {
       display: none;
@@ -921,7 +921,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       width: 150px;
     }
   }
-  ${q.mbDown} {
+  ${F.mbDown} {
     box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),
       0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
     display: flex;
@@ -931,8 +931,8 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       height: 80px;
     }
   }
-  ${q.tdOnly} {
-    border: 1px solid ${Q.colors.neutral100};
+  ${F.tdOnly} {
+    border: 1px solid ${G.colors.neutral100};
   }
   .bg-svg {
     width: 100%;
@@ -943,7 +943,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     position: absolute;
     display: inline-block;
   }
-`,ma=({item:e,index:t=0})=>{var o;const{t:i}=G(),{locale:n,configs:{statics:l}}=s(Lt);if(!e)return null;const r=`${l.CARE_URL_FE}/${null===(o=oe[n])||void 0===o?void 0:o.HOSPITAL}/${e.slug}-${e.id}`;return a.createElement(ca,{key:e.id,href:r,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":r},a.createElement("img",{src:k.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),a.createElement(oa,null,a.createElement(ia,null,a.createElement("img",{loading:"lazy",alt:e.name,src:e.logo||"/images/avatar.jpg"}))),a.createElement(da,null,a.createElement(la,null,e.name),a.createElement(ra,null,e.description),a.createElement(na,null,i("home.seeMore"),a.createElement("img",{src:k.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))))},pa=x.div`
+`,ma=({item:e,index:t=0})=>{var o;const{t:i}=j(),{locale:n,configs:{statics:l}}=s(Ht);if(!e)return null;const r=`${l.CARE_URL_FE}/${null===(o=ae[n])||void 0===o?void 0:o.HOSPITAL}/${e.slug}-${e.id}`;return a.createElement(ca,{key:e.id,href:r,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":r},a.createElement("img",{src:b.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),a.createElement(oa,null,a.createElement(ia,null,a.createElement("img",{loading:"lazy",alt:e.name,src:e.logo||"/images/avatar.jpg"}))),a.createElement(da,null,a.createElement(la,null,e.name),a.createElement(ra,null,e.description),a.createElement(na,null,i("home.seeMore"),a.createElement("img",{src:b.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))))},pa=u.div`
   padding: 16px;
   border-radius: 8px;
   position: relative;
@@ -960,7 +960,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     left: 0;
     z-index: -1;
   }
-  ${q.mbDown} {
+  ${F.mbDown} {
     display: block;
     .bg-svg {
       right: -24px;
@@ -970,45 +970,45 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     }
   }
 
-  ${q.mbUp} {
+  ${F.mbUp} {
     display: grid;
     grid-gap: 10px;
     grid-template-columns: 1fr 3fr;
   }
-`,ga=x.div`
+`,ga=u.div`
   font-weight: 400;
   font-size: 14px;
   line-height: 24px;
   color: ${e=>e.theme.colors.gray600};
   margin-bottom: 15px;
-`,ha=x.div`
+`,ha=u.div`
   font-weight: 600;
   font-size: 16px;
   line-height: 26px;
   color: #000000;
   margin-bottom: 4px;
-`,ua=x.div`
+`,ua=u.div`
   background: #fff;
   padding: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50px;
-`,va=x.div`
+`,va=u.div`
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
-  ${q.mbDown} {
+  ${F.mbDown} {
     justify-content: end;
     min-height: 100px;
   }
-`,ya=({title:e,link:t,description:o,cta:i,icon:n})=>{const{siteType:l}=s(Lt);return a.createElement(pa,{"data-theme":l},a.createElement(va,null,a.createElement("img",{src:"marryBaby"===l?k.getAssetPath("navMBSpotlightBgNoData.svg"):k.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),a.createElement(ua,null,n&&a.createElement("img",{src:n,width:64,height:64,loading:"lazy"}))),a.createElement("div",null,e&&a.createElement(ha,null,e),o&&a.createElement(ga,null,o),i&&a.createElement("div",null,a.createElement("a",{href:t},a.createElement(ee,{theme:l,className:"survey-contact-submit",size:"md"},i)))))},ba=x.div`
+`,ya=({title:e,link:t,description:o,cta:i,icon:n})=>{const{siteType:l}=s(Ht);return a.createElement(pa,{"data-theme":l},a.createElement(va,null,a.createElement("img",{src:"marryBaby"===l?b.getAssetPath("navMBSpotlightBgNoData.svg"):b.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),a.createElement(ua,null,n&&a.createElement("img",{src:n,width:64,height:64,loading:"lazy"}))),a.createElement("div",null,e&&a.createElement(ha,null,e),o&&a.createElement(ga,null,o),i&&a.createElement("div",null,a.createElement("a",{href:t},a.createElement(X,{theme:l,className:"survey-contact-submit",size:"md"},i)))))},ba=u.div`
   margin-top: 10px;
   background: #ffffff;
   padding: 5px 15px;
   position: relative;
-  ${q.mbDown} {
+  ${F.mbDown} {
     &:after {
       position: absolute;
       top: 0;
@@ -1019,10 +1019,10 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       content: '';
     }
   }
-`,fa=x.div`
+`,fa=u.div`
   margin: 15px 0;
   display: flex;
-`,xa=x.a`
+`,xa=u.a`
   padding-left: 10px;
   display: flex;
   align-items: center;
@@ -1036,10 +1036,10 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   img {
     padding-left: 5px;
   }
-  ${q.mbDown} {
+  ${F.mbDown} {
     margin-left: auto;
   }
-`,wa=({title:e,viewMore:t,children:o,link:i,dataEventAction:n=""})=>{const{siteType:l}=s(Lt);return a.createElement(ba,null,a.createElement(fa,null,a.createElement(f,{tag:"marryBaby"===l?"h5":"h6",as:"p",fontWeight:"semibold"},e),t&&a.createElement(xa,{"data-event-category":"Hamburger Navigation","data-event-action":n,"data-event-label":i,href:i,"data-theme":l},t,a.createElement("img",{src:"marryBaby"===l?k.getAssetPath("chevronRightPink.svg"):k.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"}))),o)},Ea=({spotlights:e=[],hrefViewMore:t})=>{const{t:o}=G(),{siteType:i}=s(Lt);return a.createElement(wa,{title:o("home.navigator.menu.spotlightHospitals")},0!==e.length?a.createElement(a.Fragment,null,a.createElement(aa,null,null==e?void 0:e.slice(0,3).map(((e,t)=>a.createElement(ma,{key:t,index:t,item:e})))),a.createElement("div",{style:{position:"absolute",bottom:"6px",right:"1rem"}},a.createElement("a",{href:t},a.createElement(ee,{theme:i,className:"survey-contact-submit",size:"md"},o("home.navigator.menu.care.homeButton"))))):a.createElement(ya,{title:o("home.navigator.menu.care.noDatas.title"),description:o("home.navigator.menu.care.noDatas.description"),link:t,cta:o("home.navigator.menu.care.homeButton"),icon:k.getAssetPath("community.svg")}))};x.div`
+`,wa=({title:e,viewMore:t,children:o,link:i,dataEventAction:n=""})=>{const{siteType:l}=s(Ht);return a.createElement(ba,null,a.createElement(fa,null,a.createElement(q,{tag:"marryBaby"===l?"h5":"h6",as:"p",fontWeight:"semibold"},e),t&&a.createElement(xa,{"data-event-category":"Hamburger Navigation","data-event-action":n,"data-event-label":i,href:i,"data-theme":l},t,a.createElement("img",{src:"marryBaby"===l?b.getAssetPath("chevronRightPink.svg"):b.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"}))),o)},Ea=({spotlights:e=[],hrefViewMore:t})=>{const{t:o}=j(),{siteType:i}=s(Ht);return a.createElement(wa,{title:o("home.navigator.menu.spotlightHospitals")},0!==e.length?a.createElement(a.Fragment,null,a.createElement(aa,null,null==e?void 0:e.slice(0,3).map(((e,t)=>a.createElement(ma,{key:t,index:t,item:e})))),a.createElement("div",{style:{position:"absolute",bottom:"6px",right:"1rem"}},a.createElement("a",{href:t},a.createElement(X,{theme:i,className:"survey-contact-submit",size:"md"},o("home.navigator.menu.care.homeButton"))))):a.createElement(ya,{title:o("home.navigator.menu.care.noDatas.title"),description:o("home.navigator.menu.care.noDatas.description"),link:t,cta:o("home.navigator.menu.care.homeButton"),icon:b.getAssetPath("community.svg")}))};u.div`
   &[data-category-list-type='sub'] {
     padding-bottom: 72px;
   }
@@ -1047,21 +1047,21 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   &[data-is-displayed='false'] {
     display: none;
   }
-`,x.div`
+`,u.div`
   & > div {
     width: 100%;
     margin-bottom: 8px;
   }
-`;const Ca=x.div`
+`;const Ca=u.div`
   display: grid;
 
   grid-template-columns: repeat(4, 1fr);
   gap: 24px;
-  ${q.tdDown} {
+  ${F.tdDown} {
     gap: 12px;
     grid-template-columns: 1fr;
   }
-`,ka=x.a`
+`,ka=u.a`
   width: 100%;
   display: flex;
   align-items: center;
@@ -1069,7 +1069,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   * {
     pointer-events: none;
   }
-`,$a=x.div`
+`,$a=u.div`
   border-radius: 5px;
   display: block;
   overflow: hidden;
@@ -1086,21 +1086,21 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     top: 0;
     left: 0;
   }
-  ${q.tdDown} {
+  ${F.tdDown} {
     width: 72px;
     padding-top: 100px;
   }
-`,Pa=x.p`
+`,Pa=u.p`
   font-size: 16px;
   font-weight: 400;
   padding: 4px 15px;
   line-height: 1.4;
   color: ${e=>e.theme.colors.gray800};
   flex: 1;
-  ${q.tdUp} {
+  ${F.tdUp} {
     display: none;
   }
-`,Na=({item:e,index:t=0})=>e?a.createElement(ka,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":`Spotlight Click ${t+1}`,"data-event-label":e.link},a.createElement($a,null,a.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),a.createElement(Pa,null,e.title)):null,Ba=({spotlightsList:e=[],hrefViewMore:t})=>{const{t:o}=G(),{configs:{statics:i}}=s(Lt);return a.createElement(wa,{title:o("home.navigator.menu.spotlights"),viewMore:o("home.navigator.menu.spotlights.seeAll"),link:t,dataEventAction:"Spotlight See More Click"},0!==e.length?a.createElement(Ca,null,null==e?void 0:e.slice(0,4).map(((e,t)=>a.createElement(Na,{key:t,index:t,item:{id:e.id,link:i.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image}})))):a.createElement(ya,{title:o("home.navigator.menu.category.noDatas.title"),description:o("home.navigator.menu.category.noDatas.description"),link:t,cta:o("home.navigator.menu.category.noDatas.cta"),icon:k.getAssetPath("Spotlight.svg")}))};x.div`
+`,Na=({item:e,index:t=0})=>e?a.createElement(ka,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":`Spotlight Click ${t+1}`,"data-event-label":e.link},a.createElement($a,null,a.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),a.createElement(Pa,null,e.title)):null,Ba=({spotlightsList:e=[],hrefViewMore:t})=>{const{t:o}=j(),{configs:{statics:i}}=s(Ht);return a.createElement(wa,{title:o("home.navigator.menu.spotlights"),viewMore:o("home.navigator.menu.spotlights.seeAll"),link:t,dataEventAction:"Spotlight See More Click"},0!==e.length?a.createElement(Ca,null,null==e?void 0:e.slice(0,4).map(((e,t)=>a.createElement(Na,{key:t,index:t,item:{id:e.id,link:i.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image}})))):a.createElement(ya,{title:o("home.navigator.menu.category.noDatas.title"),description:o("home.navigator.menu.category.noDatas.description"),link:t,cta:o("home.navigator.menu.category.noDatas.cta"),icon:b.getAssetPath("Spotlight.svg")}))};u.div`
   & > :not(:last-child) {
     border-bottom: 1px solid
       ${e=>e.theme.colors.neutral100};
@@ -1118,31 +1118,31 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   &[data-is-displayed='false'] {
     display: none;
   }
-`,x.div`
+`,u.div`
   & > div {
     width: 100%;
     margin-bottom: 8px;
   }
-`;const _a=x.div`
+`;const _a=u.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 48px;
-  ${q.tdDown} {
+  ${F.tdDown} {
     grid-template-columns: 1fr;
     grid-gap: 32px;
   }
-  ${q.mbDown} {
+  ${F.mbDown} {
     grid-gap: 24px;
   }
-`,Ma=x.div`
+`,Ma=u.div`
   padding: 5px;
   flex: 1;
-`,Aa=x.img`
+`,Aa=u.img`
   width: 88px;
   height: 88px;
   border-radius: 4px;
   object-fit: cover;
-`,Ta=x.div`
+`,Ta=u.div`
   font-size: 12px;
   font-weight: 600;
   color: ${e=>e.theme.colors.gray800};
@@ -1151,7 +1151,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     font-weight: 400;
     letter-spacing: -0.2px;
   }
-`,Ha=x.div`
+`,La=u.div`
   text-decoration: none;
   font-size: 12px;
   font-weight: 400;
@@ -1160,15 +1160,15 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     font-weight: 400;
     letter-spacing: -0.2px;
   }
-`,La=x.div`
+`,Ha=u.div`
   font-size: 12px;
   font-weight: 400;
   color: ${e=>e.theme.colors.gray600};
-`,Sa=x.div`
+`,Sa=u.div`
   font-size: 12px;
   font-weight: 400;
   color: ${e=>e.theme.colors.gray600};
-`,Ua=x.a`
+`,Ua=u.a`
   display: flex;
   gap: 10px;
   text-decoration: none;
@@ -1182,10 +1182,10 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       ${e=>e.theme.colors.neutral100};
     position: absolute;
     bottom: -24px;
-    ${q.tdOnly} {
+    ${F.tdOnly} {
       bottom: -16px;
     }
-    ${q.mbDown} {
+    ${F.mbDown} {
       bottom: -12px;
     }
   }
@@ -1194,19 +1194,19 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       display: none;
     }
   }
-  ${q.tdUp} {
+  ${F.tdUp} {
     &:nth-last-child(2) {
       &::after {
         display: none;
       }
     }
   }
-`,za=x.div`
+`,za=u.div`
   display: flex;
   gap: 10px;
   vertical-align: middle;
   align-items: center;
-`,Da=x.div`
+`,Da=u.div`
   margin-top: 8px;
   font-size: 16px;
   font-weight: 600;
@@ -1218,29 +1218,29 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     line-height: 24px;
     letter-spacing: -0.2px;
   }
-`,ja=x.div`
+`,ja=u.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   column-gap: 5px;
-`,Ra=x.div`
+`,Ra=u.div`
   display: flex;
   gap: 4px;
   flex-direction: column;
-`;te.extend(re);const Oa=({post:e,index:t=0})=>{var o,i,n,l,r,d,c;const{siteType:m,configs:{statics:p}}=s(Lt);if(!e)return null;const g=[p.TOGETHER_URL_FE,null===(o=e.community)||void 0===o?void 0:o.slug].join("/"),h=[g,e.slug].join("/"),u=e.createdAt,v=u?isNaN(new Date(u).getTime())?null:new Date(u):null,y=v?te(v).toNow(!0):u;return a.createElement(Ua,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":h},a.createElement(Ma,null,a.createElement(za,null,a.createElement(O,{avatar:null===(i=e.author)||void 0===i?void 0:i.avatar,username:(null===(n=e.author)||void 0===n?void 0:n.name)||(null===(l=e.author)||void 0===l?void 0:l.username)}),a.createElement(Ra,null,a.createElement(Ta,{"data-theme":m},null===(r=e.author)||void 0===r?void 0:r.name),a.createElement(ja,null,a.createElement(Ha,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":g,onClick:e=>{e.preventDefault(),location.href=g},"data-theme":m},null===(d=e.community)||void 0===d?void 0:d.name),a.createElement(Sa,null,"•"),a.createElement(La,{"data-theme":m},y)))),a.createElement(Da,null,e.title)),!!(null===(c=e.photos)||void 0===c?void 0:c.length)&&a.createElement(Aa,{loading:"lazy",src:e.photos[0]}))},Ia=({spotlights:e=[]})=>{const{configs:{statics:t}}=s(Lt),{t:o}=G();return a.createElement(wa,{title:o("home.navigator.menu.trendingPosts"),viewMore:o("home.navigator.menu.trendingPosts.seeMore"),link:L(t.TOGETHER_URL_FE),dataEventAction:"Together See More Click"},0!==e.length?a.createElement(_a,null,null==e?void 0:e.slice(0,4).map(((e,t)=>a.createElement(Oa,{index:t,post:e,key:e.id})))):a.createElement(ya,{title:o("home.navigator.menu.together.noPosts.title"),description:o("home.navigator.menu.together.noPosts.description"),link:`${t.HOME_PAGE_URL}/community/`,cta:o("home.navigator.menu.together.noPosts.cta"),icon:k.getAssetPath("community.svg")}))};x.div`
+`;ee.extend(le);const Oa=({post:e,index:t=0})=>{var o,i,n,l,r,d,c;const{siteType:m,configs:{statics:p}}=s(Ht);if(!e)return null;const g=[p.TOGETHER_URL_FE,null===(o=e.community)||void 0===o?void 0:o.slug].join("/"),h=[g,e.slug].join("/"),u=e.createdAt,v=u?isNaN(new Date(u).getTime())?null:new Date(u):null,y=v?ee(v).toNow(!0):u;return a.createElement(Ua,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":h},a.createElement(Ma,null,a.createElement(za,null,a.createElement(S,{avatar:null===(i=e.author)||void 0===i?void 0:i.avatar,username:(null===(n=e.author)||void 0===n?void 0:n.name)||(null===(l=e.author)||void 0===l?void 0:l.username)}),a.createElement(Ra,null,a.createElement(Ta,{"data-theme":m},null===(r=e.author)||void 0===r?void 0:r.name),a.createElement(ja,null,a.createElement(La,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":g,onClick:e=>{e.preventDefault(),location.href=g},"data-theme":m},null===(d=e.community)||void 0===d?void 0:d.name),a.createElement(Sa,null,"•"),a.createElement(Ha,{"data-theme":m},y)))),a.createElement(Da,null,e.title)),!!(null===(c=e.photos)||void 0===c?void 0:c.length)&&a.createElement(Aa,{loading:"lazy",src:e.photos[0]}))},Ia=({spotlights:e=[]})=>{const{configs:{statics:t}}=s(Ht),{t:o}=j();return a.createElement(wa,{title:o("home.navigator.menu.trendingPosts"),viewMore:o("home.navigator.menu.trendingPosts.seeMore"),link:B(t.TOGETHER_URL_FE),dataEventAction:"Together See More Click"},0!==e.length?a.createElement(_a,null,null==e?void 0:e.slice(0,4).map(((e,t)=>a.createElement(Oa,{index:t,post:e,key:e.id})))):a.createElement(ya,{title:o("home.navigator.menu.together.noPosts.title"),description:o("home.navigator.menu.together.noPosts.description"),link:`${t.HOME_PAGE_URL}/community/`,cta:o("home.navigator.menu.together.noPosts.cta"),icon:b.getAssetPath("community.svg")}))};u.div`
   &[data-is-display='false'] {
     display: none;
   }
-`;const Fa=x.div`
+`;const Fa=u.div`
   display: grid;
 
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
-  ${q.tdDown} {
+  ${F.tdDown} {
     grid-template-columns: 1fr;
     gap: 12px;
   }
-`,Va=x.a`
+`,Va=u.a`
   text-decoration: none;
   border-radius: 4px;
   background: ${e=>e.theme.colors.primary50};
@@ -1256,7 +1256,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     right: 0;
     height: 100%;
     position: absolute;
-    ${q.tdDown} {
+    ${F.tdDown} {
       top: calc(51% - 68px);
       right: -8px;
     }
@@ -1266,12 +1266,12 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     display: flex;
     width: 100%;
   }
-  ${q.tdDown} {
+  ${F.tdDown} {
     padding-top: 16px;
     display: flex;
     align-items: center;
   }
-`,Ga=x.div`
+`,Ga=u.div`
   width: 64px;
   height: 64px;
   background: white;
@@ -1289,24 +1289,24 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     display: block;
     transform: translate(-50%, -50%);
   }
-  ${q.tdDown} {
+  ${F.tdDown} {
     position: relative;
     top: unset;
     right: unset;
   }
-`,Wa=x.div`
+`,Wa=u.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.primaryBase};
   font-weight: 400;
   font-size: 14px;
   text-decoration: none;
-`,Ya=x.p`
+`,Ya=u.p`
   font-size: 16px;
   font-weight: 600;
   line-height: 1.4;
   color: ${e=>e.theme.colors.gray800};
-`,Za=x.p`
+`,Za=u.p`
   font-size: 14px;
   line-height: 1.4;
   font-weight: 400;
@@ -1318,22 +1318,22 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin-bottom: auto;
-  ${q.tdDown} {
+  ${F.tdDown} {
     display: none;
   }
-`,qa=x.div`
+`,Ka=u.div`
   display: flex;
   flex-direction: column;
   flex: 1;
   z-index: 1;
-  ${q.tdUp} {
+  ${F.tdUp} {
     gap: 8px;
   }
-  ${q.tdDown} {
+  ${F.tdDown} {
     gap: 4px;
     flex: 1;
   }
-`,Ka=({item:e,index:t=0})=>{const{t:o}=G(),{configs:{statics:i}}=s(Lt);if(!e)return null;const n=e.link?e.link.startsWith("http")?e.link:`${i.HOME_PAGE_URL}${e.link}`:void 0;return a.createElement(Va,{href:n,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":n},a.createElement("img",{src:k.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),a.createElement(qa,null,a.createElement(Ya,null,e.title),a.createElement(Za,null,e.subtitle),a.createElement(Wa,null,o("home.seeMore"),a.createElement("img",{src:k.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))),a.createElement(Ga,null,a.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},Qa=x.a`
+`,qa=({item:e,index:t=0})=>{const{t:o}=j(),{configs:{statics:i}}=s(Ht);if(!e)return null;const n=e.link?e.link.startsWith("http")?e.link:`${i.HOME_PAGE_URL}${e.link}`:void 0;return a.createElement(Va,{href:n,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":n},a.createElement("img",{src:b.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),a.createElement(Ka,null,a.createElement(Ya,null,e.title),a.createElement(Za,null,e.subtitle),a.createElement(Wa,null,o("home.seeMore"),a.createElement("img",{src:b.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))),a.createElement(Ga,null,a.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},Qa=u.a`
   text-decoration: none;
   border-radius: 12px;
 
@@ -1382,13 +1382,13 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     display: flex;
     width: 100%;
   }
-  ${q.tdDown} {
+  ${F.tdDown} {
     padding-top: 16px;
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
   }
-  ${q.mbDown} {
+  ${F.mbDown} {
     padding-top: 0;
     padding-left: 80px;
     height: 96px;
@@ -1400,20 +1400,20 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       left: 16px;
     }
   }
-  ${q.tdUp} {
+  ${F.tdUp} {
     min-height: 296px;
   }
   .mobile-only {
-    ${q.tdUp} {
+    ${F.tdUp} {
       display: none;
     }
   }
   .desktop-only {
-    ${q.tdDown} {
+    ${F.tdDown} {
       display: none;
     }
   }
-`,Ja=x.div`
+`,Ja=u.div`
   width: 48px;
   height: 48px;
   background: white;
@@ -1431,17 +1431,17 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     display: block;
     transform: translate(-50%, -50%);
   }
-  ${q.tdDown} {
+  ${F.tdDown} {
     position: relative;
     top: unset;
     right: unset;
   }
-  ${q.mbDown} {
+  ${F.mbDown} {
     position: absolute;
     left: 32px;
     top: 28px;
   }
-`,Xa=x.div`
+`,Xa=u.div`
   display: flex;
   align-items: center;
   background: white;
@@ -1456,7 +1456,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     fill: ${e=>e.theme.mbColors.gray};
   }
 
-  ${q.tdDown} {
+  ${F.tdDown} {
     background: none;
     width: 100%;
     font-weight: 400;
@@ -1465,13 +1465,13 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     color: ${e=>e.theme.mbColors.pink};
     padding-left: 16px;
   }
-`,eo=x.p`
+`,eo=u.p`
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
   letter-spacing: -0.2px;
   color: ${e=>e.theme.colors.gray800};
-`,to=x.p`
+`,to=u.p`
   font-weight: 400;
   font-size: 12px;
   line-height: 18px;
@@ -1484,54 +1484,54 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   margin-bottom: auto;
-  ${q.tdDown} {
+  ${F.tdDown} {
     display: none;
   }
-`,ao=x.div`
+`,ao=u.div`
   display: flex;
   flex: 1;
   z-index: 1;
   align-items: flex-end;
   justify-content: flex-end;
-  ${q.tdUp} {
+  ${F.tdUp} {
     gap: 8px;
     flex-direction: row;
   }
 
-  ${q.tdDown} {
+  ${F.tdDown} {
     align-items: flex-start;
     justify-content: flex-start;
     gap: 4px;
   }
-`,oo=x.div`
+`,oo=u.div`
   display: flex;
   flex-direction: column;
   flex: 1;
   z-index: 1;
-  ${q.tdUp} {
+  ${F.tdUp} {
     gap: 8px;
   }
-  ${q.tdDown} {
+  ${F.tdDown} {
     gap: 4px;
     flex: 1;
     padding-left: 16px;
   }
-`,io=x.div`
+`,io=u.div`
   display: flex;
   flex-direction: row;
   flex: 1;
   z-index: 1;
-  ${q.tdUp} {
+  ${F.tdUp} {
     gap: 8px;
     justify-content: flex-end;
     align-items: flex-end;
   }
-  ${q.tdDown} {
+  ${F.tdDown} {
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
   }
-`,no=({item:e,index:t=0,color:o})=>{const{t:i}=G(),{configs:{statics:n}}=s(Lt);if(!e)return null;const l=e.link?e.link.startsWith("http")?e.link:`${n.HOME_PAGE_URL}${e.link}`:void 0,r=()=>a.createElement(Ja,null,a.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})),d=()=>a.createElement(io,null,a.createElement(oo,null,a.createElement(eo,null,e.title),a.createElement(to,null,e.subtitle)),a.createElement(Xa,null,a.createElement("div",{className:"mobile-only"},i("home.seeMore")),a.createElement("img",{src:k.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"},loading:"lazy"})));return a.createElement(Qa,{href:l,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":l,"data-color":o},a.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.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"})),a.createElement("img",{src:k.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),a.createElement(ao,null,a.createElement("div",{className:"mobile-only"},r()),a.createElement("div",{className:"desktop-only"},d())),a.createElement("div",{className:"mobile-only"},d()),a.createElement("div",{className:"desktop-only"},r()))},lo=({hrefViewMore:e,spotlightHealthTools:t=[]})=>{const{t:o}=G(),i=["pink","orange","green"],{siteType:n}=s(Lt);return a.createElement(wa,{title:o("home.navigator.menu.spotlightTools")},0!==t.length&&a.createElement(Fa,null,null==t?void 0:t.slice(0,3).map(((e,t)=>"marryBaby"===n?a.createElement(no,{key:t,index:t,item:e,color:i[t]}):a.createElement(Ka,{key:t,index:t,item:e})))),0===t.length&&a.createElement(ya,{title:o("home.navigator.menu.healthTools.noDatas.title"),description:o("home.navigator.menu.healthTools.noDatas.description"),link:e,cta:o("home.navigator.menu.healthTools.noDatas.cta"),icon:k.getAssetPath("community.svg")}))},ro=({closePopup:e,menuItems:t=[]})=>{var o,i;const{siteType:n,ssrMenuContent:{categories:l,healthTools:r,care:d,together:c},activeMenuService:m,configs:{statics:p,enableSearchBar:g},locale:h}=s(Lt),{t:u}=G();return a.createElement(Dt,{id:"categories-menu"},g?a.createElement(jt,{"data-theme":n,onClick:()=>{window.location.href=`${p.HOME_PAGE_URL}/search`}},a.createElement(It,null)):null,a.createElement(Rt,null,a.createElement(ta,{UrlFE:p.HOME_PAGE_URL,titleBtnViewMore:u("home.navigator.menuItem.allCategories"),menuItems:t,headingTitle:u("home.navigator.menuItem.healthCategories"),onClosePopup:e}),"categories"===m&&a.createElement(Ba,{spotlightsList:(null==l?void 0:l.spotlights)||[],hrefViewMore:`${p.HOME_PAGE_URL}${"tl-PH"===h?"/fil":""}/spotlight/`}),"tools"===m&&a.createElement(lo,{spotlightHealthTools:null==r?void 0:r.spotlights,hrefViewMore:`${p.HOME_PAGE_URL}${"tl-PH"===h?"/fil":""}${(null===(o=A[h])||void 0===o?void 0:o.HEALTH_TOOLS)||""}`}),"care"===m&&a.createElement(Ea,{spotlights:null==d?void 0:d.spotlights,hrefViewMore:`${p.CARE_URL_FE}/${null===(i=oe[h])||void 0===i?void 0:i.SPECIALTIES}`}),"together"===m&&a.createElement(Ia,{spotlights:null==c?void 0:c.spotlights})))},so=({type:e="home",menuItems:t})=>{const{siteType:o,configs:{enableSearchBar:i}}=s(Lt),{containerRef:n,onContainerFocus:l,onContainerBlur:r,onButtonMouseDown:d,onClose:c}=Ce();return a.createElement(Ee,{mediaQueryKey:"mbDown"},a.createElement("header",{className:At},a.createElement("div",{className:Tt,ref:n,role:"button",tabIndex:0,onBlur:r,onFocus:l},a.createElement("div",{className:Ht,onMouseDown:d,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},a.createElement(Ut,{className:"mobile-close-icon"}),a.createElement(zt,{siteType:o,type:e,enableSearch:i,className:"mobile-hamburger-icon"})),a.createElement(ro,{menuItems:t,closePopup:c}))))},co=x.div`
+`,no=({item:e,index:t=0,color:o})=>{const{t:i}=j(),{configs:{statics:n}}=s(Ht);if(!e)return null;const l=e.link?e.link.startsWith("http")?e.link:`${n.HOME_PAGE_URL}${e.link}`:void 0,r=()=>a.createElement(Ja,null,a.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})),d=()=>a.createElement(io,null,a.createElement(oo,null,a.createElement(eo,null,e.title),a.createElement(to,null,e.subtitle)),a.createElement(Xa,null,a.createElement("div",{className:"mobile-only"},i("home.seeMore")),a.createElement("img",{src:b.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"},loading:"lazy"})));return a.createElement(Qa,{href:l,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":l,"data-color":o},a.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.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"})),a.createElement("img",{src:b.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),a.createElement(ao,null,a.createElement("div",{className:"mobile-only"},r()),a.createElement("div",{className:"desktop-only"},d())),a.createElement("div",{className:"mobile-only"},d()),a.createElement("div",{className:"desktop-only"},r()))},lo=({hrefViewMore:e,spotlightHealthTools:t=[]})=>{const{t:o}=j(),i=["pink","orange","green"],{siteType:n}=s(Ht);return a.createElement(wa,{title:o("home.navigator.menu.spotlightTools")},0!==t.length&&a.createElement(Fa,null,null==t?void 0:t.slice(0,3).map(((e,t)=>"marryBaby"===n?a.createElement(no,{key:t,index:t,item:e,color:i[t]}):a.createElement(qa,{key:t,index:t,item:e})))),0===t.length&&a.createElement(ya,{title:o("home.navigator.menu.healthTools.noDatas.title"),description:o("home.navigator.menu.healthTools.noDatas.description"),link:e,cta:o("home.navigator.menu.healthTools.noDatas.cta"),icon:b.getAssetPath("community.svg")}))},ro=({closePopup:e,menuItems:t=[]})=>{var o,i;const{siteType:n,ssrMenuContent:{categories:l,healthTools:r,care:d,together:c},activeMenuService:m,configs:{statics:p,enableSearchBar:g},locale:h}=s(Ht),{t:u}=j();return a.createElement(Dt,{id:"categories-menu"},g?a.createElement(jt,{"data-theme":n,onClick:()=>{window.location.href=`${p.HOME_PAGE_URL}/search`}},a.createElement(It,null)):null,a.createElement(Rt,null,a.createElement(ta,{UrlFE:p.HOME_PAGE_URL,titleBtnViewMore:u("home.navigator.menuItem.allCategories"),menuItems:t,headingTitle:u("home.navigator.menuItem.healthCategories"),onClosePopup:e}),"categories"===m&&a.createElement(Ba,{spotlightsList:(null==l?void 0:l.spotlights)||[],hrefViewMore:`${p.HOME_PAGE_URL}${"tl-PH"===h?"/fil":""}/spotlight/`}),"tools"===m&&a.createElement(lo,{spotlightHealthTools:null==r?void 0:r.spotlights,hrefViewMore:`${p.HOME_PAGE_URL}${"tl-PH"===h?"/fil":""}${(null===(o=$[h])||void 0===o?void 0:o.HEALTH_TOOLS)||""}`}),"care"===m&&a.createElement(Ea,{spotlights:null==d?void 0:d.spotlights,hrefViewMore:`${p.CARE_URL_FE}/${null===(i=ae[h])||void 0===i?void 0:i.SPECIALTIES}`}),"together"===m&&a.createElement(Ia,{spotlights:null==c?void 0:c.spotlights})))},so=({type:e="home",menuItems:t})=>{const{siteType:o,configs:{enableSearchBar:i}}=s(Ht),{containerRef:n,onContainerFocus:l,onContainerBlur:r,onButtonMouseDown:d,onClose:c}=Ce();return a.createElement(Ee,{mediaQueryKey:"mbDown"},a.createElement("header",{className:At},a.createElement("div",{className:Tt,ref:n,role:"button",tabIndex:0,onBlur:r,onFocus:l},a.createElement("div",{className:Lt,onMouseDown:d,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},a.createElement(Ut,{className:"mobile-close-icon"}),a.createElement(zt,{siteType:o,type:e,enableSearch:i,className:"mobile-hamburger-icon"})),a.createElement(ro,{menuItems:t,closePopup:c}))))},co=u.div`
   z-index: 201;
   width: 100%;
   align-items: center;
@@ -1551,12 +1551,12 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     background-color: ${e=>e.theme.mbColors.lightPink};
   }
 
-  ${q.mbUp} {
+  ${F.mbUp} {
     &[data-sitewide-banner-shown='true'][data-collapsed='true'] {
       transform: translateY(-64px);
     }
   }
-  ${q.mbDown} {
+  ${F.mbDown} {
     &[data-site-type='marryBaby'] {
       border-bottom: none;
     }
@@ -1617,7 +1617,7 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       right: 16px;
     }
   }
-`,mo=x.div`
+`,mo=u.div`
   display: flex;
   height: 100%;
   align-items: center;
@@ -1625,11 +1625,11 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   justify-content: space-between;
   padding: 0 2rem;
   height: 69px;
-  ${q.pcDown} {
+  ${F.pcDown} {
     padding: 0 1rem;
   }
 
-  ${q.mbDown} {
+  ${F.mbDown} {
     position: relative;
     height: 64px;
     background: white;
@@ -1640,50 +1640,50 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
     width: 100%;
     margin: 0 auto;
     padding: 0 16px;
-    ${q.tdUp} {
+    ${F.tdUp} {
       max-width: 1064px;
     }
   }
-`,po=x.div`
+`,po=u.div`
   display: flex;
   align-items: center;
   height: 100%;
   gap: 24px;
-  ${q.pcDown} {
+  ${F.pcDown} {
     flex-shrink: 0;
     gap: 16px;
   }
-  ${q.pcDown} {
+  ${F.pcDown} {
     gap: 12px;
   }
   &[data-site-type='marryBaby'] {
     gap: 26px;
   }
-`,go=x.div``,ho=x.div`
+`,go=u.div``,ho=u.div`
   display: flex;
   align-items: center;
   height: 100%;
   flex-shrink: 0;
   /* gap: 16px; */
-  ${q.tdDown} {
+  ${F.tdDown} {
     flex-shrink: 0.6;
   }
   .hhgcomp-navigation-itemnav-headeritem {
     gap: 2px;
-    ${q.pcUp} {
+    ${F.pcUp} {
       padding: 0 10px;
     }
-    ${q.pcDown} {
+    ${F.pcDown} {
       padding: 0 6px;
     }
-    ${q.mbDown} {
+    ${F.mbDown} {
       display: none;
     }
     a {
       text-decoration: none;
     }
   }
-`;x.div`
+`;u.div`
   .fake-search-input {
     pointer-events: none;
     input {
@@ -1692,33 +1692,33 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
       padding-bottom: 10px;
     }
   }
-`;const uo=x.div`
+`;const uo=u.div`
   margin-left: 16px;
   display: flex;
   gap: 12px;
   align-items: center;
   flex-shrink: 0;
-  ${q.pcDown} {
+  ${F.pcDown} {
     margin-left: 8px;
     gap: 8px;
   }
-  ${q.mbDown} {
+  ${F.mbDown} {
     margin-left: 0;
     gap: 10px;
   }
-`,vo=x.div`
+`,vo=u.div`
   display: flex;
   align-items: center;
   height: 100%;
   &[data-site-type='marryBaby'] {
     gap: 26px;
   }
-`;var yo="q3nL5cp",bo="_2DNf80G",fo="Q-glX-n";const xo=({onClosePopup:e})=>a.createElement("div",{className:`${fo} close-btn`,onClick:e},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),wo=({onClosePopup:e,isDisplay:t,children:o,isNavMenu:i,hideCloseBtn:n})=>a.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!i},a.createElement(C,null,!n&&a.createElement("div",{className:bo},a.createElement(xo,{onClosePopup:e})),a.createElement(C,{className:yo},o))),Eo=({careSpecialties:e=[],isOpen:t,onClose:o,spotlights:i=[]})=>{var n;const{t:l}=G(),{locale:r,configs:{statics:d}}=s(Lt);return a.createElement(wo,{onClosePopup:o,isDisplay:t,isNavMenu:!0},a.createElement(ta,{headingTitle:l("home.navigator.menuItem.specialties"),hrefViewMore:`${d.CARE_URL_FE}/`,UrlFE:d.CARE_URL_FE,onClosePopup:o,titleBtnViewMore:l("home.navigator.menuItem.allSpecialties"),menuItems:(null==e?void 0:e.map((e=>e?{name:String(e.name)||"",link:ft({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{})))||[]}),a.createElement(Ea,{spotlights:i,hrefViewMore:`${d.CARE_URL_FE}/${null===(n=oe[r])||void 0===n?void 0:n.SPECIALTIES}/`}))},Co=({categories:e=[],spotlightsList:t=[],onClose:o,isOpen:i})=>{const{t:n}=G(),{locale:l,configs:{statics:r}}=s(Lt);return a.createElement(wo,{onClosePopup:o,isDisplay:i,isNavMenu:!0},a.createElement(ta,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:o,titleBtnViewMore:n("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:n("home.navigator.menuItem.healthCategories")}),a.createElement(Ba,{spotlightsList:t,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/spotlight/`}))},ko=({communities:e=[],onClose:t,isOpen:o,spotlights:i=[]})=>{const{t:n}=G(),{configs:{statics:l}}=s(Lt);return a.createElement(wo,{onClosePopup:t,isDisplay:o,isNavMenu:!0},a.createElement(ta,{hrefViewMore:L(l.TOGETHER_URL_FE),UrlFE:H(l.TOGETHER_URL_FE),onClosePopup:t,titleBtnViewMore:n("home.navigator.menuItem.allCommunities"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{})))||[],headingTitle:n("home.navigator.menuItem.allCommunitiesheadingTitle")}),a.createElement(Ia,{spotlights:i}))},$o=({locale:e,onClose:t,isOpen:o,spotlightHealthTools:i=[],healthTools:n=[]})=>{var l;const{t:r}=G(),{configs:{statics:d}}=s(Lt),c=`${d.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(l=A[e])||void 0===l?void 0:l.HEALTH_TOOLS)||""}`;return a.createElement(wo,{onClosePopup:t,isDisplay:o,isNavMenu:!0},a.createElement(ta,{hrefViewMore:c,UrlFE:d.HOME_PAGE_URL,onClosePopup:t,headingTitle:r("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:r("home.navigator.menuItem.allHealthTools"),menuItems:n.map((e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${d.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon})))}),a.createElement(lo,{spotlightHealthTools:i,hrefViewMore:c}))},Po=({onTopBarAppears:e,type:t="home",languageMenu:n,menuItems:r})=>{var c;const{siteType:m,isMobile:p=!1,locale:g,sitewideBanner:h,sitewideBannerShown:u=!0,sponsorComponent:v,onBookingClick:y,currentUrl:b,onLoginClick:f,configs:{statics:x,enableNavCareBooking:w,enableSearchBar:E,enableNavCare:C,enableProfileMyHealth:$,enableProfileMySaved:P,enableNavTogether:N,enableProfileEcom:B,enableProfileNavigatorMenu:_},userState:{userInfo:A},onLogout:S,userProfileRouterPush:U,isUserLoading:z}=s(Lt),{t:D}=G(),{SSO_URL:j,HOME_PAGE_URL:R}=x,O=!!v,[I,F]=o(!1),W=l(47),Z=l(null),q=l(!1),K="helloSites"===m?null===(c=M[g])||void 0===c?void 0:c.LOGO_TYPE:m,Q="undefined"!=typeof window,J=d(Y((()=>{if("home"===t&&Q){if(!Z.current)return;const e=Z.current.getBoundingClientRect();e.top<=0&&window.scrollY>W.current&&window.scrollY>e.height+20&&!q.current&&(q.current=!0,F(!0)),window.scrollY<W.current&&q.current&&(q.current=!1,F(!1)),window.scrollY>=0&&(W.current=window.scrollY)}}),200),[]);i((()=>{null==e||e(!I)}),[I]),i((()=>(window.addEventListener("scroll",J,{passive:!0}),()=>{window.removeEventListener("scroll",J)})),[]),i((()=>{p&&J()}),[p]);const X=u&&!!h;return a.createElement(co,{"data-site-type":m,"data-sponsored":O,"data-sitewide-banner-shown":X,"data-header-type":t,"data-collapsed":I,"data-with-search-input":"popup-sub-level"!==t,"data-is-displayed":!0,id:"site-header",ref:Z},h,a.createElement(mo,{"data-site-type":m},a.createElement(po,{"data-site-type":m},a.createElement(so,{menuItems:r,type:t}),a.createElement("a",{style:{flexShrink:0},href:R},a.createElement(go,null,a.createElement(V,{style:{display:"flex"},type:K,badge:"id-ID"===g&&a.createElement("img",{src:k.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:g,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===m?a.createElement(Bo,{menuItems:r}):E&&a.createElement(No,{siteType:m})),a.createElement(ho,{"data-site-type":m},"marryBaby"===m?E&&a.createElement(No,{siteType:m}):a.createElement(Bo,{menuItems:r}),a.createElement(uo,null,w&&a.createElement(Ee,{mediaQueryKey:"mbUp"},a.createElement(Mt,{careUrlFe:x.CARE_URL_FE,currentUrl:b,btnName:D("login.booking"),onCareHeaderClick:y})),n,a.createElement(Nt,{userInfo:A,siteType:m,onLoginClick:f||(()=>{const e=window.location.href;window.location.href=j?H(`${j}?returnUrl=${e}`):e}),SSO_URL:L(x.SSO_URL),currentUrl:b,onLogout:S,UP_BASEPATH:T,isMyHealthEnabled:$,enableCare:C,enableTogether:N,enableEcom:B,enableMySaved:P,togetherApiDomain:L(x.TOGETHER_API),isUserProfileNavigatorMenuHidden:!_,userProfileRouterPush:U,isLoading:z,locale:g})))),v?a.isValidElement(v)?a.cloneElement(v,{isCollapsed:I,locale:g,isMobile:p}):v:null)},No=({siteType:e})=>a.createElement(Ee,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},a.createElement(It,null)),Bo=({menuItems:e})=>{const{siteType:t,locale:o,ssrMenuContent:{categories:i,healthTools:n,care:l,together:r}}=s(Lt);return a.createElement(Ee,{mediaQueryKey:"mbUp",style:{height:"100%"}},a.createElement(vo,{"data-site-type":t},null==e?void 0:e.map(((e,t)=>a.createElement(Xt,{key:t,item:e,menu:"categories"===e.popupType?a.createElement(Co,{categories:null==i?void 0:i.items,spotlightsList:null==i?void 0:i.spotlights}):"tools"===e.popupType?a.createElement($o,{locale:o,healthTools:null==n?void 0:n.items,spotlightHealthTools:null==n?void 0:n.spotlights}):"together"===e.popupType?a.createElement(ko,{communities:null==r?void 0:r.items,spotlights:null==r?void 0:r.spotlights}):"care"===e.popupType?a.createElement(Eo,{careSpecialties:null==l?void 0:l.items,spotlights:null==l?void 0:l.spotlights}):null})))))},_o=x.div`
+`;var yo="q3nL5cp",bo="_2DNf80G",fo="Q-glX-n";const xo=({onClosePopup:e})=>a.createElement("div",{className:`${fo} close-btn`,onClick:e},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),wo=({onClosePopup:e,isDisplay:t,children:o,isNavMenu:i,hideCloseBtn:n})=>a.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!i},a.createElement(re,null,!n&&a.createElement("div",{className:bo},a.createElement(xo,{onClosePopup:e})),a.createElement(re,{className:yo},o))),Eo=({careSpecialties:e=[],isOpen:t,onClose:o,spotlights:i=[]})=>{var n;const{t:l}=j(),{locale:r,configs:{statics:d}}=s(Ht);return a.createElement(wo,{onClosePopup:o,isDisplay:t,isNavMenu:!0},a.createElement(ta,{headingTitle:l("home.navigator.menuItem.specialties"),hrefViewMore:`${d.CARE_URL_FE}/`,UrlFE:d.CARE_URL_FE,onClosePopup:o,titleBtnViewMore:l("home.navigator.menuItem.allSpecialties"),menuItems:(null==e?void 0:e.map((e=>e?{name:String(e.name)||"",link:ft({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{})))||[]}),a.createElement(Ea,{spotlights:i,hrefViewMore:`${d.CARE_URL_FE}/${null===(n=ae[r])||void 0===n?void 0:n.SPECIALTIES}/`}))},Co=({categories:e=[],spotlightsList:t=[],onClose:o,isOpen:i})=>{const{t:n}=j(),{locale:l,configs:{statics:r}}=s(Ht);return a.createElement(wo,{onClosePopup:o,isDisplay:i,isNavMenu:!0},a.createElement(ta,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:o,titleBtnViewMore:n("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:n("home.navigator.menuItem.healthCategories")}),a.createElement(Ba,{spotlightsList:t,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/spotlight/`}))},ko=({communities:e=[],onClose:t,isOpen:o,spotlights:i=[]})=>{const{t:n}=j(),{configs:{statics:l}}=s(Ht);return a.createElement(wo,{onClosePopup:t,isDisplay:o,isNavMenu:!0},a.createElement(ta,{hrefViewMore:B(l.TOGETHER_URL_FE),UrlFE:N(l.TOGETHER_URL_FE),onClosePopup:t,titleBtnViewMore:n("home.navigator.menuItem.allCommunities"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{})))||[],headingTitle:n("home.navigator.menuItem.allCommunitiesheadingTitle")}),a.createElement(Ia,{spotlights:i}))},$o=({locale:e,onClose:t,isOpen:o,spotlightHealthTools:i=[],healthTools:n=[]})=>{var l;const{t:r}=j(),{configs:{statics:d}}=s(Ht),c=`${d.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(l=$[e])||void 0===l?void 0:l.HEALTH_TOOLS)||""}`;return a.createElement(wo,{onClosePopup:t,isDisplay:o,isNavMenu:!0},a.createElement(ta,{hrefViewMore:c,UrlFE:d.HOME_PAGE_URL,onClosePopup:t,headingTitle:r("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:r("home.navigator.menuItem.allHealthTools"),menuItems:n.map((e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${d.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon})))}),a.createElement(lo,{spotlightHealthTools:i,hrefViewMore:c}))},Po=({onTopBarAppears:e,type:t="home",languageMenu:n,menuItems:r})=>{var c;const{siteType:m,isMobile:p=!1,locale:g,sitewideBanner:h,sitewideBannerShown:u=!0,sponsorComponent:v,onBookingClick:y,currentUrl:f,onLoginClick:x,configs:{statics:w,enableNavCareBooking:E,enableSearchBar:C,enableNavCare:$,enableProfileMyHealth:_,enableProfileMySaved:M,enableNavTogether:A,enableProfileEcom:T,enableProfileNavigatorMenu:L},userState:{userInfo:H},onLogout:S,userProfileRouterPush:U,isUserLoading:z}=s(Ht),{t:R}=j(),{SSO_URL:I,HOME_PAGE_URL:F}=w,V=!!v,[G,W]=o(!1),Y=l(47),Z=l(null),K=l(!1),q="helloSites"===m?null===(c=k[g])||void 0===c?void 0:c.LOGO_TYPE:m,Q="undefined"!=typeof window,J=d(O((()=>{if("home"===t&&Q){if(!Z.current)return;const e=Z.current.getBoundingClientRect();e.top<=0&&window.scrollY>Y.current&&window.scrollY>e.height+20&&!K.current&&(K.current=!0,W(!0)),window.scrollY<Y.current&&K.current&&(K.current=!1,W(!1)),window.scrollY>=0&&(Y.current=window.scrollY)}}),200),[]);i((()=>{null==e||e(!G)}),[G]),i((()=>(window.addEventListener("scroll",J,{passive:!0}),()=>{window.removeEventListener("scroll",J)})),[]),i((()=>{p&&J()}),[p]);const X=u&&!!h;return a.createElement(co,{"data-site-type":m,"data-sponsored":V,"data-sitewide-banner-shown":X,"data-header-type":t,"data-collapsed":G,"data-with-search-input":"popup-sub-level"!==t,"data-is-displayed":!0,id:"site-header",ref:Z},h,a.createElement(mo,{"data-site-type":m},a.createElement(po,{"data-site-type":m},a.createElement(so,{menuItems:r,type:t}),a.createElement("a",{style:{flexShrink:0},href:F},a.createElement(go,null,a.createElement(D,{style:{display:"flex"},type:q,badge:"id-ID"===g&&a.createElement("img",{src:b.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:g,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===m?a.createElement(Bo,{menuItems:r}):C&&a.createElement(No,{siteType:m})),a.createElement(ho,{"data-site-type":m},"marryBaby"===m?C&&a.createElement(No,{siteType:m}):a.createElement(Bo,{menuItems:r}),a.createElement(uo,null,E&&a.createElement(Ee,{mediaQueryKey:"mbUp"},a.createElement(Mt,{careUrlFe:w.CARE_URL_FE,currentUrl:f,btnName:R("login.booking"),onCareHeaderClick:y})),n,a.createElement(Nt,{userInfo:H,siteType:m,onLoginClick:x||(()=>{const e=window.location.href;window.location.href=I?N(`${I}?returnUrl=${e}`):e}),SSO_URL:B(w.SSO_URL),currentUrl:f,onLogout:S,UP_BASEPATH:P,isMyHealthEnabled:_,enableCare:$,enableTogether:A,enableEcom:T,enableMySaved:M,togetherApiDomain:B(w.TOGETHER_API),isUserProfileNavigatorMenuHidden:!L,userProfileRouterPush:U,isLoading:z,locale:g})))),v?a.isValidElement(v)?a.cloneElement(v,{isCollapsed:G,locale:g,isMobile:p}):v:null)},No=({siteType:e})=>a.createElement(Ee,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},a.createElement(It,null)),Bo=({menuItems:e})=>{const{siteType:t,locale:o,ssrMenuContent:{categories:i,healthTools:n,care:l,together:r}}=s(Ht);return a.createElement(Ee,{mediaQueryKey:"mbUp",style:{height:"100%"}},a.createElement(vo,{"data-site-type":t},null==e?void 0:e.map(((e,t)=>a.createElement(Xt,{key:t,item:e,menu:"categories"===e.popupType?a.createElement(Co,{categories:null==i?void 0:i.items,spotlightsList:null==i?void 0:i.spotlights}):"tools"===e.popupType?a.createElement($o,{locale:o,healthTools:null==n?void 0:n.items,spotlightHealthTools:null==n?void 0:n.spotlights}):"together"===e.popupType?a.createElement(ko,{communities:null==r?void 0:r.items,spotlights:null==r?void 0:r.spotlights}):"care"===e.popupType?a.createElement(Eo,{careSpecialties:null==l?void 0:l.items,spotlights:null==l?void 0:l.spotlights}):null})))))},_o=u.div`
   --header-z-index: 305;
   top: 0;
   z-index: var(--header-z-index);
 
-  ${q.mbDown} {
+  ${F.mbDown} {
     width: 100vw;
     max-width: 100%;
   }
@@ -1738,11 +1738,11 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   > section * {
     pointer-events: auto;
   }
-`;x.div`
+`;u.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`,x.a`
+`,u.a`
   &[data-is-active='true'] {
     color: unset;
   }
@@ -1750,4 +1750,4 @@ import{a as e,_ as t}from"./tslib.es6-ff502d3f.js";import a,{useState as o,useEf
   font-weight: 700;
   line-height: 22px;
   text-decoration: none;
-`;const Mo=e=>{var t,r;const{isMobile:c,locale:m,onTopBarAppears:p,languageOptions:g,sponsorComponent:h,sitewideBanner:u,sitewideBannerShown:v,className:y}=e,b=(()=>{const{t:e}=G(),{siteType:t,locale:a,configs:{enableNavDiscover:o,enableNavHealthTools:i,enableNavCare:l,enableNavTogether:r,enableNavEcom:d,statics:c}}=s(Lt),m="marryBaby"===t;return n((()=>{var t;const n=[];return o&&n.push({name:e("home.navigator.menuItem.discover"),id:"categories",link:`${c.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/categories`,niceName:"",thumbnail:m?k.getAssetPath("categories-mb.svg"):k.getAssetPath("nav-icons/discover.svg"),popupType:"categories"}),i&&n.push({name:e("home.navigator.menuItem.healthTools"),id:"tools",link:`${c.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}${(null===(t=A[a])||void 0===t?void 0:t.HEALTH_TOOLS)||""}`,thumbnail:m?k.getAssetPath("healthtools-mb.svg"):k.getAssetPath("nav-icons/health-tools.svg"),popupType:"tools"}),r&&n.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:H(c.TOGETHER_URL_FE+"/"),thumbnail:m?k.getAssetPath("community-mb.svg"):k.getAssetPath("nav-icons/community.svg"),popupType:"together"}),d&&n.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:H(c.HOME_PAGE_URL+"/shop"),thumbnail:k.getAssetPath("nav-icons/shop.svg"),popupType:null}),l&&n.push({name:e("home.navigator.menuItem.helloCare"),id:"care",link:H("ms-MY"===a?c.HOME_PAGE_URL+"/care/current-location/hospital/":c.HOME_PAGE_URL+"/care"),thumbnail:k.getAssetPath("nav-icons/care.svg"),popupType:"zh-TW"===a||"ms-MY"===a?null:"care"}),n}),[a,l,r,d])})();(()=>{const{isFirstLogin:e,userState:t}=s(Lt),{userInfo:a}=t;i((()=>{(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 f=v&&!!u,x=!!h,w=!!(null===(r=null===(t=null==h?void 0:h.props)||void 0===t?void 0:t.sponsoredBy)||void 0===r?void 0:r.length),{headerRef:E,defaultHeaderHeight:C,headerHeight:$,headerBottom:P}=(({hasSponsoredBanners:e,isSponsored:t,isShowingSiteWideBanner:a,isMobile:r})=>{const s=l(null),[c,m]=o(0),[p,g]=o(64),h=d(ae((()=>{var e,t,a,o;const i=(null===(e=s.current)||void 0===e?void 0:e.clientHeight)||(null===(a=null===(t=s.current)||void 0===t?void 0:t.children[0])||void 0===a?void 0:a.clientHeight)||0;window.scrollY<=i+200&&(m(i),g((null===(o=s.current)||void 0===o?void 0:o.getBoundingClientRect().bottom)||c))}),200),[]);i((()=>(window.addEventListener("resize",h,{passive:!0}),window.addEventListener("scroll",h,{passive:!0}),h(),()=>{window.removeEventListener("resize",h),window.removeEventListener("scroll",h)})),[]),i((()=>{h()}),[r,a,t,e,s.current]);const u=n((()=>{let o=r?64:69;return a&&(o+=64),t&&(o+=40,e&&(o+=57)),o}),[r,a,e,t]);return{defaultHeaderHeight:u,headerHeight:c||u,headerBottom:p,headerRef:s}})({isShowingSiteWideBanner:f,isSponsored:x,hasSponsoredBanners:w,isMobile:c});return a.createElement(_o,{id:"navigation-v2",style:{"--default-header-height":C+"px","--header-height":`calc(${$}px - var(--amp-site-wide-closed), 64px)`,"--header-bottom":P+"px"},className:y},a.createElement("section",{ref:E},a.createElement(Po,{menuItems:b,type:"home",onTopBarAppears:p,languageMenu:a.createElement(fe,{languageOptions:g,locale:m})})))},Ao=e=>{const t=Object.assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return a.createElement(St,Object.assign({},t),a.createElement(Mo,Object.assign({},t)))},To=t=>e(void 0,void 0,void 0,(function*(){var e,a,o,i,n,l,r,s,d,c,m,p,g,h,u,v,y,b,f,x,w,E,C;const k={},N="vi-VN_MB"===t;try{const _="tl-PH"===t?"lang=fil":"";try{const[m,p,g,h]=yield Promise.all([fetch(H(`${D(t)}/wp-json/api/categories${_?"?"+_:""}`)).then((e=>e.json())),fetch(H(`${D(t)}/wp-json/api/spotlights?per_page=10&order_by=start_date${_?"&"+_:""}`)).then((e=>e.json())),fetch(H(`${D(t)}/wp-json/api/${N?"health-tools":"healthtools"}${_?"?"+_:""}`)).then((e=>e.json())),fetch(H(`${D(t)}/wp-json/api/${N?"health-tools":"healthtools"}/favorites${_?"?"+_:""}`)).then((e=>e.json()))]);k.categories={items:(null===(a=null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.map)||void 0===a?void 0:a.call(e,ut))||[],spotlights:(null===(l=null===(n=null===(i=null===(o=null==p?void 0:p.data)||void 0===o?void 0:o.articles)||void 0===i?void 0:i.map)||void 0===n?void 0:n.call(i,xt))||void 0===l?void 0:l.filter(wt))||[]},k.healthTools={items:(null===(s=null===(r=null==g?void 0:g.data)||void 0===r?void 0:r.map)||void 0===s?void 0:s.call(r,vt))||[],spotlights:(null===(c=null===(d=null==h?void 0:h.data)||void 0===d?void 0:d.map)||void 0===c?void 0:c.call(d,vt))||[]}}catch(e){}if(N||B.includes(t))try{const[e,a]=yield Promise.all([fetch(H(`${z()}/api/v1/community?website_url=https://${$[t]}`)).then((e=>e.json())),fetch(H(`${z()}/api/v1/options?website_url=https://${$[t]}&meta_key=popular_post`)).then((e=>e.json()))]);k.together={items:(null===(g=null===(p=null===(m=null==e?void 0:e.data)||void 0===m?void 0:m.communities)||void 0===p?void 0:p.map)||void 0===g?void 0:g.call(p,I))||[],spotlights:(null===(v=null===(u=null===(h=null==a?void 0:a.data)||void 0===h?void 0:h.posts)||void 0===u?void 0:u.map)||void 0===v?void 0:v.call(u,F))||[]}}catch(e){}if(P.includes(t))try{const[e,a]=yield Promise.all([fetch(H(j()+`/api/options/setting_menu?site=${$[t]}&type=0`)).then((e=>e.json())),fetch(H(j()+`/api/options/setting_menu?site=${$[t]}&type=1`)).then((e=>e.json()))]);k.care={items:(null===(x=null===(f=null===(b=null===(y=null==e?void 0:e._data)||void 0===y?void 0:y.setting_menu)||void 0===b?void 0:b.menu_specialty)||void 0===f?void 0:f.map)||void 0===x?void 0:x.call(f,yt))||[],spotlights:(null===(C=null===(E=null===(w=null==a?void 0:a._data.setting_menu)||void 0===w?void 0:w.menu_hospital)||void 0===E?void 0:E.map)||void 0===C?void 0:C.call(E,bt))||[]}}catch(e){}}catch(e){console.error(e)}return k})),Ho=t=>e(void 0,void 0,void 0,(function*(){return(yield c("nav-menu-content",(()=>To(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{de as A,fe as L,Ao as N,Ct as P,Et as U,Ho as a,ze as b,dt as c,Pt as d,Nt as e,To as g,me as i};
+`;const Mo=e=>{var t,r;const{isMobile:c,locale:m,onTopBarAppears:p,languageOptions:g,sponsorComponent:h,sitewideBanner:u,sitewideBannerShown:v,className:y}=e,f=(()=>{const{t:e}=j(),{siteType:t,locale:a,configs:{enableNavDiscover:o,enableNavHealthTools:i,enableNavCare:l,enableNavTogether:r,enableNavEcom:d,statics:c}}=s(Ht),m="marryBaby"===t;return n((()=>{var t;const n=[];return o&&n.push({name:e("home.navigator.menuItem.discover"),id:"categories",link:`${c.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/categories`,niceName:"",thumbnail:m?b.getAssetPath("categories-mb.svg"):b.getAssetPath("nav-icons/discover.svg"),popupType:"categories"}),i&&n.push({name:e("home.navigator.menuItem.healthTools"),id:"tools",link:`${c.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}${(null===(t=$[a])||void 0===t?void 0:t.HEALTH_TOOLS)||""}`,thumbnail:m?b.getAssetPath("healthtools-mb.svg"):b.getAssetPath("nav-icons/health-tools.svg"),popupType:"tools"}),r&&n.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:N(c.TOGETHER_URL_FE+"/"),thumbnail:m?b.getAssetPath("community-mb.svg"):b.getAssetPath("nav-icons/community.svg"),popupType:"together"}),d&&n.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:N(c.HOME_PAGE_URL+"/shop"),thumbnail:b.getAssetPath("nav-icons/shop.svg"),popupType:null}),l&&n.push({name:e("home.navigator.menuItem.helloCare"),id:"care",link:N("ms-MY"===a?c.HOME_PAGE_URL+"/care/current-location/hospital/":c.HOME_PAGE_URL+"/care"),thumbnail:b.getAssetPath("nav-icons/care.svg"),popupType:"zh-TW"===a||"ms-MY"===a?null:"care"}),n}),[a,l,r,d])})();(()=>{const{isFirstLogin:e,userState:t}=s(Ht),{userInfo:a}=t;i((()=>{(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 x=v&&!!u,w=!!h,E=!!(null===(r=null===(t=null==h?void 0:h.props)||void 0===t?void 0:t.sponsoredBy)||void 0===r?void 0:r.length),{headerRef:C,defaultHeaderHeight:k,headerHeight:P,headerBottom:B}=(({hasSponsoredBanners:e,isSponsored:t,isShowingSiteWideBanner:a,isMobile:r})=>{const s=l(null),[c,m]=o(0),[p,g]=o(64),h=d(te((()=>{var e,t,a,o;const i=(null===(e=s.current)||void 0===e?void 0:e.clientHeight)||(null===(a=null===(t=s.current)||void 0===t?void 0:t.children[0])||void 0===a?void 0:a.clientHeight)||0;window.scrollY<=i+200&&(m(i),g((null===(o=s.current)||void 0===o?void 0:o.getBoundingClientRect().bottom)||c))}),200),[]);i((()=>(window.addEventListener("resize",h,{passive:!0}),window.addEventListener("scroll",h,{passive:!0}),h(),()=>{window.removeEventListener("resize",h),window.removeEventListener("scroll",h)})),[]),i((()=>{h()}),[r,a,t,e,s.current]);const u=n((()=>{let o=r?64:69;return a&&(o+=64),t&&(o+=40,e&&(o+=57)),o}),[r,a,e,t]);return{defaultHeaderHeight:u,headerHeight:c||u,headerBottom:p,headerRef:s}})({isShowingSiteWideBanner:x,isSponsored:w,hasSponsoredBanners:E,isMobile:c});return a.createElement(_o,{id:"navigation-v2",style:{"--default-header-height":k+"px","--header-height":`calc(${P}px - var(--amp-site-wide-closed), 64px)`,"--header-bottom":B+"px"},className:y},a.createElement("section",{ref:C},a.createElement(Po,{menuItems:f,type:"home",onTopBarAppears:p,languageMenu:a.createElement(fe,{languageOptions:g,locale:m})})))},Ao=e=>{const t=Object.assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return a.createElement(St,Object.assign({},t),a.createElement(Mo,Object.assign({},t)))},To=t=>e(void 0,void 0,void 0,(function*(){var e,a,o,i,n,l,r,s,d,c,m,p,g,h,u,v,y,b,w,C,k,$,P;const B={},_="vi-VN_MB"===t;try{const M="tl-PH"===t?"lang=fil":"";try{const[m,p,g,h]=yield Promise.all([fetch(N(`${T(t)}/wp-json/api/categories${M?"?"+M:""}`)).then((e=>e.json())),fetch(N(`${T(t)}/wp-json/api/spotlights?per_page=10&order_by=start_date${M?"&"+M:""}`)).then((e=>e.json())),fetch(N(`${T(t)}/wp-json/api/${_?"health-tools":"healthtools"}${M?"?"+M:""}`)).then((e=>e.json())),fetch(N(`${T(t)}/wp-json/api/${_?"health-tools":"healthtools"}/favorites${M?"?"+M:""}`)).then((e=>e.json()))]);B.categories={items:(null===(a=null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.map)||void 0===a?void 0:a.call(e,ut))||[],spotlights:(null===(l=null===(n=null===(i=null===(o=null==p?void 0:p.data)||void 0===o?void 0:o.articles)||void 0===i?void 0:i.map)||void 0===n?void 0:n.call(i,xt))||void 0===l?void 0:l.filter(wt))||[]},B.healthTools={items:(null===(s=null===(r=null==g?void 0:g.data)||void 0===r?void 0:r.map)||void 0===s?void 0:s.call(r,vt))||[],spotlights:(null===(c=null===(d=null==h?void 0:h.data)||void 0===d?void 0:d.map)||void 0===c?void 0:c.call(d,vt))||[]}}catch(e){}if(_||E.includes(t))try{const[e,a]=yield Promise.all([fetch(N(`${A()}/api/v1/community?website_url=https://${f[t]}`)).then((e=>e.json())),fetch(N(`${A()}/api/v1/options?website_url=https://${f[t]}&meta_key=popular_post`)).then((e=>e.json()))]);B.together={items:(null===(g=null===(p=null===(m=null==e?void 0:e.data)||void 0===m?void 0:m.communities)||void 0===p?void 0:p.map)||void 0===g?void 0:g.call(p,U))||[],spotlights:(null===(v=null===(u=null===(h=null==a?void 0:a.data)||void 0===h?void 0:h.posts)||void 0===u?void 0:u.map)||void 0===v?void 0:v.call(u,z))||[]}}catch(e){}if(x.includes(t))try{const[e,a]=yield Promise.all([fetch(N(L()+`/api/options/setting_menu?site=${f[t]}&type=0`)).then((e=>e.json())),fetch(N(L()+`/api/options/setting_menu?site=${f[t]}&type=1`)).then((e=>e.json()))]);B.care={items:(null===(C=null===(w=null===(b=null===(y=null==e?void 0:e._data)||void 0===y?void 0:y.setting_menu)||void 0===b?void 0:b.menu_specialty)||void 0===w?void 0:w.map)||void 0===C?void 0:C.call(w,yt))||[],spotlights:(null===(P=null===($=null===(k=null==a?void 0:a._data.setting_menu)||void 0===k?void 0:k.menu_hospital)||void 0===$?void 0:$.map)||void 0===P?void 0:P.call($,bt))||[]}}catch(e){}}catch(e){console.error(e)}return B})),Lo=t=>e(void 0,void 0,void 0,(function*(){return(yield c("nav-menu-content",(()=>To(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{de as A,fe as L,Ao as N,Ct as P,Et as U,Lo as a,ze as b,dt as c,Pt as d,Nt as e,To as g,me as i};