@hhgtech/hhg-components 1.23.85 → 1.23.87

package/build/{index-02c57597.js → index-0bfec7e5.js}

@@ -1 +1 @@
-"use strict";var n=require("./tslib.es6-96fcc615.js"),e=require("react"),t=require("./index-702408e5.js"),a=require("./index-954c1ca7.js"),i=require("./routing-2f9ad5e6.js"),o=require("./dataTransform-866cde6b.js"),l=require("./index-a27def8e.js"),r=require("./useTranslations-92f77339.js"),s=require("lodash/throttle"),d=require("./utils-389aa237.js"),p=require("styled-components"),c=require("./index-1fc1d892.js"),u=require("./index-d01dd8ed.js"),m=require("./index-f588a087.js"),g=require("./gAssets.js"),f=require("./theme-2df74df1.js"),h=require("@mantine/core"),x=require("./defaultClassWrapper-03ead8f1.js"),v=require("./cookieHelper-0003373c.js"),b=require("./constants-ba29b994.js"),y=require("string-format"),w=require("./index-c48ce4fa.js"),k=require("./index-269e83fb.js"),E=require("./index-aacad298.js"),_=require("dayjs"),C=require("dayjs/plugin/relativeTime"),T=require("lodash/debounce"),A=require("./core-dcb61c84.js");function P(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var M,B,j,N=P(e),O=P(s),L=P(p),S=P(y),z=P(_),D=P(C),H=P(T),U=L.default.div(M||(M=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(n){return"\n    ".concat(0!==n.lowerBound?"@media (max-width: ".concat(n.lowerBound-1,"px) { display: none; }"):"","\n    ").concat(0!==n.upperBound?"@media (min-width: ".concat(n.upperBound,"px) { display: none; }"):"","\n  ")})),G=function(n){var t=n.forceDisplay,a=n.mediaQueryKey,i=n.children,o=n.className,l=n.style,r=e.useMemo((function(){return d.getBoundariesFromMediaQueryKey(a)}),[a]),s=r[0],p=r[1];return N.default.createElement(U,{lowerBound:t?0:s,upperBound:t?0:p,className:o,style:l},i)},R=function(n){var t=(n||{}).allowBgScroll,a=e.useRef();return{containerRef:a,onContainerFocus:function(){t||(document.documentElement.style.overflow="hidden")},onContainerBlur:function(){t||(document.documentElement.style.overflow="")},onButtonMouseDown:function(n){a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur(),n.preventDefault())},onClose:function(){a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur())}}},Q=L.default.div(B||(B=n.__makeTemplateObject(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.gray800}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.gray600}),d.MediaQueries.mbDown,d.MediaQueries.mbUp),I=L.default.div(j||(j=n.__makeTemplateObject(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return"marryBaby"===n.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      ":""})),F=function(n){var t=n.openLogoutPopup,a=n.onCloseHandler,i=n.onLogoutHandler,l=n.siteType,s=void 0===l?"helloSites":l,d=r.useTranslations().t;return e.useEffect((function(){document.body.classList.toggle("noscroll",t)}),[t]),N.default.createElement(h.Portal,null,N.default.createElement(o.Popup,{type:"confirm",isOpen:t,closeIcon:N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon"}),onClose:a},N.default.createElement(Q,null,"helloSites"===s&&N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account"}),N.default.createElement("h2",null,d("helloSites"===s?"logout.popup.ask1":"logout.popup.ask.mb")),N.default.createElement("p",null,d("logout.popup.ask2")),N.default.createElement(I,{siteType:s},N.default.createElement(u.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:i},d("logout.popup.button.logout")),N.default.createElement(u.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:a},d("logout.popup.button.cancel"))))))},q=L.default.div(K||(K=n.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,d.MediaQueries.mbDown,d.MediaQueries.mbUp,d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.gray200}),d.MediaQueries.mbDown,f.theme.colors.neutral100,d.MediaQueries.mbUp),V="hhgcomp-navprofilebutton-popup",W=x.getDefaultClassWrapper(q,V),Y=L.default.div(J||(J=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),d.MediaQueries.mbUp,d.MediaQueries.mbDown),Z="hhgcomp-navprofilebutton-popupwrapper";x.getDefaultClassWrapper(Y,Z);var K,J,X,$,nn,en=L.default.div(X||(X=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.theme.colors.secondaryBase})),tn=L.default.a($||($=n.__makeTemplateObject(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ."," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    ."," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ."," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    ."," {\n      display: initial;\n    }\n  }\n"])),V,d.MediaQueries.mbDown,Z),an=L.default.a(nn||(nn=n.__makeTemplateObject(["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),d.MediaQueries.mbUp,d.MediaQueries.mbUp),on="profile/posts?website_url={websiteUrl}",ln=99,rn=300,sn=400,dn=210,pn=function(n){var e,t,a,i;return n?{termId:n.term_id||null,sponsor:n.sponsor?(i=n.sponsor,i?{title:i.title,logo:i.logo,link:i.link}:{}):null,isSponsored:n.is_sponsored||null,categoryName:n.cat_name||n.name||null,name:n.name||null,iconUrl:n.icon||"",slugName:n.category_nicename||null,description:n.description||null,featureImage:n.thumbnail||n.image||null,displayName:n.name||null,parent:n.parent||null,permalink:n.permalink||null,slug:n.slug||null,childCates:(null===(e=n.child_cates)||void 0===e?void 0:e.map((function(n){return pn(n)})))||[],thumnailColor:n.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:n.color_feature_image||null,imageColor:n.image_color||null,textColor:n.text_color||null,catParent:(null===(t=n.cat_parent)||void 0===t?void 0:t.name)?{name:n.cat_parent.name,permalink:n.cat_parent.permalink}:{},metaTag:n.meta_tag||"",reviewedBy:n.reviewed_by?(a=n.reviewed_by,{postTitle:a.post_title,permalink:a.permalink}):null,reviewedDate:n.reviewed_date||"",faqs:n.faqs?n.faqs.map((function(n){return function(n){return{title:n.title,content:n.content}}(n)})):null}:{}},cn=function(n){var e,t;if(!n)return{};var a=null===(e=n.link)||void 0===e?void 0:e.includes("/bot/"),i=null===(t=n.link)||void 0===t?void 0:t.startsWith("/fil/"),o=n.link?n.link.startsWith("http")||a?n.link:i?n.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):"/health-tools".concat(n.link.replace("/health-tools/","/")):void 0;return{icon:n.icon,link:o,subtitle:n.subtitle,title:n.title}},un=function(n){return n?{thumbnail:n.thumbnail,link:null==n?void 0:n.slug,subtitle:n.name,name:n.name,slug:n.slug}:{}},mn=function(n){return n?{id:n.id,name:n.name,logo:null==n?void 0:n.logo,description:n.about,slug:n.slug}:{}},gn=function(n){var e,t,a=n.type,i=n.specialtySlug,o=n.locale;return"".concat(null===(e=b.LOCALIZED_SLUGS[o])||void 0===e?void 0:e.ALL,"/").concat((null===(t=b.LOCALIZED_SLUGS[o])||void 0===t?void 0:t[a])||"doctor","/").concat(null!=i?i:"")},fn=function(n){return n?{id:n.ID,name:n.name,permalink:n.permalink,image:(null==n?void 0:n.small_banner)||(null==n?void 0:n.image)||"",imageMedium:(null==n?void 0:n.image_medium)||null,imageThumbnail:(null==n?void 0:n.image_thumbnail)||null,startDate:null==n?void 0:n.start_date,endDate:null==n?void 0:n.end_date}:{}},hn=function(n){var e=new Date;if(null==n?void 0:n.startDate){var t=new Date(n.startDate);if(e.getTime()<t.getTime())return!1}if(null==n?void 0:n.endDate){var a=new Date(n.endDate);if(e.getTime()>a.getTime())return!1}return!0},xn={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"shop"},vn={navHeader:"uJQBNNg",navAvatar:"TfG3dM5",navHeaderUserInfos:"aMtjFNf",navHeaderUserName:"cSz2RR-",navHeaderMyProfileButton:"GyFm00F"};function bn(n){var t=n.userInfo,a=n.onClickMyProfileButton,i=n.themeName,o=void 0===i?"helloSites":i,l=r.useTranslations().t,s=e.useMemo((function(){var n=(null==t?void 0:t.name)||(null==t?void 0:t.username);return n&&n.length?n[0].toUpperCase():"A"}),[null==t?void 0:t.username,null==t?void 0:t.name]);return N.default.createElement("div",{className:vn.navHeader,onClick:function(){a&&a()}},N.default.createElement(c.Avatar,{className:vn.navAvatar,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:s,backgroundColor:"marryBaby"===o?f.theme.mbColors.pink:f.theme.colors.secondaryBase}),N.default.createElement("div",{className:vn.navHeaderUserInfos},N.default.createElement("div",{className:vn.navHeaderUserName},(null==t?void 0:t.name)||(null==t?void 0:t.username)),N.default.createElement("div",{className:vn.navHeaderMyProfileButton,style:{"--bg-hellosites":"url(".concat(g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg"),")"),"--bg-marrybaby":"url(".concat(g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg"),")")}},l("userProfile.nav.header.viewProfile"))))}var yn,wn,kn,En,_n,Cn,Tn,An,Pn,Mn,Bn,jn,Nn,On,Ln,Sn="fVk18fq",zn="v8TCvUb",Dn="mx7T4V3",Hn={myHealth:f.theme.mbColors.toneYellow,myCommunity:f.theme.mbColors.toneBlue,mySaved:f.theme.mbColors.toneGreen},Un={helloSites:{myBooking:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg")},myCommunity:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg")},myFamily:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg")},myHealth:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg")},mySaved:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg")},eCom:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")}},marryBaby:{mySaved:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg")},myCommunity:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg")},myHealth:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}}},Gn=function(n){var t=n.type,a=n.themeName,i=n.className,o=n.onClick,l=void 0===o?function(){}:o,s=r.useTranslations().t,d=e.useMemo((function(){var n,e;return(null===(e=null===(n=Un[a])||void 0===n?void 0:n[t])||void 0===e?void 0:e.call(n))||""}),[t,a]),p=e.useMemo((function(){return"marryBaby"!==a?"transparent":Hn[t]}),[t,a]);return N.default.createElement("div",{onClick:function(){l(t)},className:"".concat(Sn," ").concat(i)},N.default.createElement("div",{className:Dn,style:{backgroundColor:p,backgroundImage:'url("'.concat(d,'")')}}),N.default.createElement("h3",{className:zn},s("userProfile.nav.card.".concat(t))))},Rn="gn6HmGG",Qn="FCx8FEM",In="zMiRxaE",Fn="lZ2Z9MQ",qn="rwm-agG",Vn="qMOscoq",Wn=function(n){var t=n.themeName,a=n.locale,i=n.onClickItem,o=e.useState(""),l=o[0],r=o[1],s=e.useMemo((function(){return"marryBaby"===t?[{key:"userProfile.nav.menu.password",icon:g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]}),[t]);function d(n){n.subMenu?r((function(e){return e?"":n.key})):i&&i(n)}return N.default.createElement("div",{className:Rn},s.map((function(n){return N.default.createElement(Yn,{key:n.key,item:n,openKey:l,onClickItem:d,locale:a})})))},Yn=function(n){var e,t=n.item,a=n.openKey,i=n.onClickItem,o=n.locale,l=r.useTranslations().t;return(null===(e=t.disableLocale)||void 0===e?void 0:e.includes(o))?null:N.default.createElement("div",{className:"".concat(Qn," nav-menu-item"),"data-is-open":a===t.key,key:t.key,"data-has-submenu":!!t.subMenu},N.default.createElement("div",{className:In,onClick:function(){return i(t)}},t.icon&&N.default.createElement("div",{className:Fn,style:{backgroundImage:'url("'.concat(t.icon,'")')}}),l(t.key),t.subMenu&&N.default.createElement("div",{className:qn,style:{"--after-bg":"url(".concat(g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg"),")")}})),t.subMenu&&N.default.createElement("div",{className:Vn},t.subMenu.map((function(n){return N.default.createElement(Yn,{key:n.key,item:n,openKey:a,onClickItem:i,locale:o})}))))},Zn="-AZt1au",Kn="IvSIfCI",Jn="eahCJov",Xn="XIyViFs",$n="_4y-O0w3",ne="kO8iNgD",ee="a1d4E10",te="Tdguxxf",ae="-mOxsaU",ie="yPeDBNZ",oe={helloSites:{member:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg")},ambassador:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg")},doctor:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg")},expert:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg")},influencer:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")}},marryBaby:{member:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg")},ambassador:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg")},doctor:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg")},expert:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg")},influencer:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}}},le=function(n){var t=n.themeName,a=n.rank,i=void 0===a?"member":a,o=n.numberOfPosts,l=void 0===o?0:o,s=r.useTranslations().t,d=e.useMemo((function(){var n,e;return(null===(e=null===(n=oe[t])||void 0===n?void 0:n[i])||void 0===e?void 0:e.call(n))||""}),[i,t]);return N.default.createElement("div",{className:$n,"data-user-rank":i},N.default.createElement("div",{className:ne},N.default.createElement("div",{className:ee},N.default.createElement("div",{className:te,style:{backgroundImage:'url("'.concat(d,'")')}}),N.default.createElement("h3",{className:ae},s("userProfile.userRank.".concat(i))),l>0&&N.default.createElement("p",{className:ie},l," ",s("userProfile.nav.header.count.posts")))))},re=function(t){var i=t.SSO_URL,o=t.UP_BASEPATH,l=void 0===o?"user":o,s=t.themeName,d=void 0===s?"helloSites":s,p=t.cardUrls,c=void 0===p?xn:p,m=t.enableCare,f=t.enableTogether,h=t.enableEcom,x=t.userInfo,b=t.togetherApiDomain,y=t.userPostsNumber,w=t.onClickNavigationCard,k=t.onClickMyProfileButton,E=t.onClickMenuItem,_=t.onClickLogout,C=t.isUserProfileNavigatorMenuHidden,T=void 0!==C&&C,A=t.isMyHealthEnabled,P=void 0!==A&&A,M=t.locale,B=r.useTranslations().t,j=e.useState(y||0),O=j[0],L=j[1],z="marryBaby"===d;e.useEffect((function(){if(x&&void 0===y){var e=v.getCookie("hhg_user_token");e&&fetch(function(e,t,i,o){return(i||"https://together.hellohealthgroup.com/")+"api/v1/"+S.default(on,n.__assign(n.__assign({},o),{websiteUrl:t?"https://marrybaby.vn":"https://".concat(a.domainLocales[e])}))}(M,z,b),{headers:{Authorization:"Bearer ".concat(e)}}).then((function(n){return n.json()})).then((function(n){var e,t,a;1===(null==n?void 0:n.status)&&(null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.pagination)&&L((null===(a=null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.pagination)||void 0===a?void 0:a.total_items)||0)})).catch((function(n){return console.error("Error fetching post number",n)}))}}),[M,null!==x,y,b,z]);var D=e.useMemo((function(){return(z?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"]).filter((function(n){return"myBooking"===n?m:"myCommunity"===n?f:"myHealth"===n?P:"eCom"!==n||h}))}),[z,P]),H=e.useMemo((function(){return"marryBaby"===d?null:N.default.createElement(u.Button,{color:"tertiary",icon:N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15}),size:"md",onClick:_,className:Xn},B("userProfile.nav.menu.logout"))}),[d]),U=function(n){window.location.href="".concat(i).concat(l,"/").concat(n)},G=function(n){var e=c[n];w?w(e):U(e)};return x?N.default.createElement("div",{className:Zn,"data-theme":d},N.default.createElement(bn,{userInfo:x,themeName:d,onClickMyProfileButton:function(){k?k():U("profile")}}),N.default.createElement(le,{themeName:d,rank:"member",numberOfPosts:O}),N.default.createElement("div",{className:Kn},D.map((function(n){return N.default.createElement(Gn,{className:Jn,key:n,themeName:d,type:n,onClick:G})}))),!T&&N.default.createElement(N.default.Fragment,null,N.default.createElement(Wn,{themeName:d,locale:M,onClickItem:function(n){"logout"===n.link&&_?_():n.link&&!n.subMenu&&(E?E(n.link):U(n.link))}}),H)):null},se=function(n){var e=n.type,t=void 0===e?"lead":e,a=n.closeIcon,i=n.isOpen,o=void 0===i||i,l=n.onClose,r=n.children,s=n.enableAnimation,d=void 0===s||s,p=n.targetAvatar,c=n.id,u=n.className;return N.default.createElement(W,{"data-open":o,"data-type":t,"data-animation":d,"data-target":p,id:c,className:u},N.default.createElement("div",{className:"popup-content"},!!a&&N.default.createElement("div",{className:"close-button",onClick:l},a),r))},de=function(n){var e=n.SSO_URL,t=n.UP_BASEPATH,a=n.isOpen,i=n.targetAvatar,o=n.userInfo,l=n.enableCare,r=n.enableTogether,s=n.enableEcom,d=n.closePopup,p=n.siteType,c=void 0===p?"helloSites":p,u=n.dispatchLogout,m=n.userProfileRouterPush,g=n.isUserProfileNavigatorMenuHidden,f=n.isMyHealthEnabled,h=void 0!==f&&f,x=n.togetherApiDomain,v=n.locale,b=function(n){m?m("/".concat(n)):e&&(window.location.href="".concat(e).concat(t,"/").concat(n))},y=function(n){b(n),d()};return N.default.createElement(se,{isOpen:a,type:"profile",enableAnimation:!0,targetAvatar:i,onClose:d},N.default.createElement(re,{SSO_URL:e,UP_BASEPATH:t,themeName:c,userInfo:o,enableCare:l,enableTogether:r,enableEcom:s,onClickLogout:function(){u&&(u(),d())},onClickMenuItem:y,onClickNavigationCard:y,onClickMyProfileButton:function(){b("profile"),d()},isUserProfileNavigatorMenuHidden:g,isMyHealthEnabled:h,togetherApiDomain:x,locale:v}))},pe=function(t){var a=t.userInfo,i=t.siteType,o=t.onLoginClick,l=t.SSO_URL,s=t.currentUrl,d=t.isMinifyLogin,p=t.enableCare,h=t.enableTogether,x=t.enableEcom,v=t.isUserProfileNavigatorMenuHidden,b=t.UP_BASEPATH,y=t.isMyHealthEnabled,w=t.togetherApiDomain,k=t.onLogout,E=t.style,_=t.userProfileRouterPush,C=t.isLoading,T=t.locale,A=r.useTranslations().t,P=e.useState(!1),M=P[0],B=P[1],j=(null==a?void 0:a.name)||(null==a?void 0:a.username),O=e.useState(!1),L=O[0],S=O[1];e.useEffect((function(){S(!0)}),[]);var z=R(),D=z.containerRef,H=z.onContainerFocus,U=z.onContainerBlur,G=z.onButtonMouseDown,Q=z.onClose;return C?N.default.createElement(u.Button,{size:"sm",color:"transparent",isLoading:!0}):(null==a?void 0:a.id)?N.default.createElement(N.default.Fragment,null,N.default.createElement(tn,{ref:D,style:E,tabIndex:0,onBlur:U,onFocus:H},N.default.createElement("div",{onMouseDown:G},N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},N.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),N.default.createElement(c.Avatar,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==a?void 0:a.avatar,firstLetter:j&&j.length?j[0].toUpperCase():"A",backgroundColor:"marryBaby"===i?f.theme.mbColors.pink:f.theme.colors.secondaryBase})),N.default.createElement(de,{UP_BASEPATH:b,SSO_URL:l,dispatchLogout:function(){Q(),B(!0)},isOpen:!1,isMyHealthEnabled:y,enableCare:p,enableTogether:h,enableEcom:x,closePopup:Q,userInfo:a,siteType:i,isUserProfileNavigatorMenuHidden:v,togetherApiDomain:w,userProfileRouterPush:_,locale:T})),N.default.createElement(F,{openLogoutPopup:M,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),B(!1)},siteType:i,onLogoutHandler:function(){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return B(!1),document.body.classList.toggle("noscroll",!1),[4,k()];case 1:return n.sent(),[2]}}))}))}})):N.default.createElement(an,{style:n.__assign({textDecoration:"none"},E),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":s,href:L?void 0:"".concat(l,"?returnUrl=").concat(s),"data-site-type":i},d?N.default.createElement(en,{onClick:o},N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):N.default.createElement(N.default.Fragment,null,"helloSites"===i&&N.default.createElement("img",{className:"mobile-only",src:g.CommonGAssets.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:o}),"marryBaby"===i&&N.default.createElement("div",{className:"mobile-only",onClick:o,style:{paddingLeft:16}},N.default.createElement(m.Text,{size:"p3",color:f.theme.mbColors.pink},A("navigation.loginJoin"))),N.default.createElement(u.Button,{className:"login-btn",size:"md",color:"tertiary",onClick:o,icon:N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("login.svg"),width:18,height:18}),theme:i},A("navigation.loginJoin"))))},ce=N.default.createContext({}),ue=function(t){var o=t.children,l=n.__rest(t,["children"]),r=N.default.useState((function(){return l.currentUrl||"https://".concat("marryBaby"===l.siteType?w.domainLocalesMarryBaby[l.locale||"en-PH"]:a.domainLocales[l.locale||"en-PH"]).concat("together"===l.projectType?"/community":"ecom"===l.projectType?"/ecom":"care"===l.projectType?"/care":"","/")})),s=r[0],d=r[1];e.useEffect((function(){var n=function(){d(window.location.href)};return window.addEventListener("popstate",n),n(),function(){window.removeEventListener("popstate",n)}}),[]);var p=function(n){var t=n.locale,o=n.projectType,l=n.isMobile,r=n.siteType;return e.useMemo((function(){var n=!(!l&&"profile"===o),e="discover"===o||"marryBaby"===o||"profile"===o&&"marryBaby"===r,s="marryBaby"!==r&&"marryBaby"!==o&&a.CARE_LOCALES.includes(t),d="marryBaby"!==o&&"discover"===o&&"marryBaby"!==r&&a.CARE_BOOKING_LOCALES.includes(t),p="marryBaby"===o||a.TOGETHER_LOCALES.includes(t),c="ecom"===o,u="ecom"===o,m=i.getCurrentBaseUrl(t,"marryBaby"===r),g=i.getCurrentSsoUrl(t,"marryBaby"===r);return{enableProfileNavigatorMenu:n,enableSearchBar:e,enableNavCare:s,enableNavCareBooking:d,enableNavTogether:p,enableNavEcom:c,enableProfileEcom:u,enableProfileMyHealth:!0,statics:{HOME_PAGE_URL:m,CARE_URL_FE:"".concat(m,"/care"),TOGETHER_URL_FE:"".concat(m,"/community"),SSO_URL:g,TOGETHER_API:i.getTogetherApiDomain(),DISCOVER_API:i.getDiscoverApiDomain(t)}}}),[t,o,l])}({locale:l.locale,projectType:l.projectType,isMobile:l.isMobile,siteType:l.siteType});return N.default.createElement(ce.Provider,{value:n.__assign(n.__assign({},l),{configs:p,currentUrl:l.currentUrl||s})},o)},me="-XmTq5-",ge="V-oxu20",fe=function(n){var t=n.item,a=n.menu,i=R({allowBgScroll:!0}),o=i.containerRef,l=i.onContainerFocus,r=i.onContainerBlur,s=i.onButtonMouseDown,d=i.onClose,p=function(){var n=e.useState(!0),t=n[0],a=n[1];return e.useEffect((function(){a(!1)}),[]),t}();return!t.popupType&&t.link?N.default.createElement("a",{className:"hhgcomp-navigation-itemnav-headeritem ".concat(p?"":"menu-handler-".concat(t.id)),tabIndex:0,href:t.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link},N.default.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link,className:ge},t.name)):N.default.createElement("div",{ref:o,className:"hhgcomp-navigation-itemnav-headeritem ".concat(p?"":"menu-handler-".concat(t.id)),tabIndex:0,key:t.id,onBlur:r,onFocus:l,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link},N.default.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link,onMouseDown:s,className:ge},t.name,t.popupType&&N.default.createElement("div",{className:me},N.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),N.default.isValidElement(a)?N.default.cloneElement(a,{onClose:d}):null)},he=e.memo((function(){return N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.default.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"}))})),xe=function(){var n=e.useContext(ce),t=n.locale,i=n.configs.statics,o=n.siteType,l=r.useTranslations().t;return N.default.createElement(k.PureInput,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:"marryBaby"===o?l("navigation.search.input.placeholder"):l("home.search",{site:a.LOCALE_SPECS[t||"en-PH"]?a.LOCALE_SPECS[t||"en-PH"].SITE_NAME:""}),onChange:function(){},onKeyDown:function(n){return"Enter"===n.key&&(window.location.href="".concat(i.HOME_PAGE_URL,"/search/?s=").concat(n.target.value))},type:"search",onFocus:function(n){n.preventDefault()},displayIcon:N.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},N.default.createElement(he,null))})},ve="eJS8-if",be="EuQrB-3",ye="_0JtBh8L",we=function(n){var e=n.onClosePopup;return N.default.createElement("div",{className:"".concat(ye," close-btn"),onClick:e},N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))},ke=function(n){var e=n.onClosePopup,t=n.isDisplay,a=n.children,i=n.isNavMenu,o=n.hideCloseBtn;return N.default.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!i},N.default.createElement(l.Container,null,!o&&N.default.createElement("div",{className:be},N.default.createElement(we,{onClosePopup:e})),N.default.createElement(l.Container,{className:ve},a)))},Ee=L.default.div(yn||(yn=n.__makeTemplateObject(["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"])),d.MediaQueries.mbUp),_e=L.default.a(wn||(wn=n.__makeTemplateObject(["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      max-width: 40px;\n      width: 100%;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n      img {\n        border-radius: 50%;\n      }\n    }\n  }\n"],["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      max-width: 40px;\n      width: 100%;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n      img {\n        border-radius: 50%;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.lightPink}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.mbColors.lightGray})),Ce=L.default.div(kn||(kn=n.__makeTemplateObject(["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"],["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"])),d.MediaQueries.mbDown),Te=L.default.div(En||(En=n.__makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"])),d.MediaQueries.mbUp),Ae=L.default.div(_n||(_n=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),Pe=L.default.div(Cn||(Cn=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"]))),Me=L.default.a(Tn||(Tn=n.__makeTemplateObject(["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"],["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),d.MediaQueries.mbDown),Be=function(n){var t=n.hrefViewMore,a=n.titleBtnViewMore,i=n.UrlFE,o=n.onClosePopup,l=n.menuItems,r=n.headingTitle,s=e.useContext(ce).siteType;return N.default.createElement(Ee,null,N.default.createElement(Ce,null,N.default.createElement(E.Heading,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},r)),null==l?void 0:l.slice(0,6).map((function(n,e){var t=(null==n?void 0:n.link)?(null==n?void 0:n.link.startsWith("http"))?null==n?void 0:n.link:"".concat(i,"/").concat(null==n?void 0:n.link.split("/").filter(Boolean).join("/"),"/"):"/";return N.default.createElement(_e,{className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t,"data-is-heading-category":!1,href:t,"data-theme":s,key:e,onClick:o},N.default.createElement("div",{className:"icon"},N.default.createElement("img",{loading:"lazy",alt:n.name,src:n.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}})),N.default.createElement("p",null,n.name),N.default.createElement(Te,null,N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"}})))})),a&&N.default.createElement(Me,{"data-theme":s,style:{textDecoration:"none"},href:t,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t},N.default.createElement(Ae,{onClick:o,"data-theme":s,"data-is-heading-category":!1},a,N.default.createElement(Pe,null,N.default.createElement("img",{className:"svg",src:"marryBaby"===s?g.CommonGAssets.getAssetPath("chevronRightPink.svg"):g.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}})))))},je=L.default.div(An||(An=n.__makeTemplateObject(["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"],["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"])),d.MediaQueries.mbDown,d.MediaQueries.mbUp),Ne=L.default.div(Pn||(Pn=n.__makeTemplateObject(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"])),(function(n){return n.theme.colors.gray600})),Oe=L.default.div(Mn||(Mn=n.__makeTemplateObject(["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"],["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"]))),Le=L.default.div(Bn||(Bn=n.__makeTemplateObject(["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"],["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"]))),Se=L.default.div(jn||(jn=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"])),d.MediaQueries.mbDown),ze=function(n){var t=n.title,a=n.link,i=n.description,o=n.cta,l=n.icon,r=e.useContext(ce).siteType;return N.default.createElement(je,{"data-theme":r},N.default.createElement(Se,null,N.default.createElement("img",{src:"marryBaby"===r?g.CommonGAssets.getAssetPath("navMBSpotlightBgNoData.svg"):g.CommonGAssets.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),N.default.createElement(Le,null,l&&N.default.createElement("img",{src:l,width:64,height:64}))),N.default.createElement("div",null,t&&N.default.createElement(Oe,null,t),i&&N.default.createElement(Ne,null,i),o&&N.default.createElement("div",null,N.default.createElement("a",{href:a},N.default.createElement(u.Button,{theme:r,className:"survey-contact-submit",size:"md"},o)))))},De=L.default.div(Nn||(Nn=n.__makeTemplateObject(["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"],["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"])),d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral100})),He=L.default.div(On||(On=n.__makeTemplateObject(["\n  margin: 15px 0;\n  display: flex;\n"],["\n  margin: 15px 0;\n  display: flex;\n"]))),Ue=L.default.a(Ln||(Ln=n.__makeTemplateObject(["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"],["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),d.MediaQueries.mbDown),Ge=function(n){var t=n.title,a=n.viewMore,i=n.children,o=n.link,l=n.dataEventAction,r=void 0===l?"":l,s=e.useContext(ce).siteType;return N.default.createElement(De,null,N.default.createElement(He,null,N.default.createElement(E.Heading,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},t),a&&N.default.createElement(Ue,{"data-event-category":"Hamburger Navigation","data-event-action":r,"data-event-label":o,href:o,"data-theme":s},a,N.default.createElement("img",{src:"marryBaby"===s?g.CommonGAssets.getAssetPath("chevronRightPink.svg"):g.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}}))),i)};L.default.div(Re||(Re=n.__makeTemplateObject(["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}));var Re,Qe,Ie,Fe,qe,Ve,We,Ye,Ze,Ke=L.default.div(Qe||(Qe=n.__makeTemplateObject(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"])),d.MediaQueries.tdDown),Je=L.default.div(Ie||(Ie=n.__makeTemplateObject(["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"],["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"])),d.MediaQueries.tdDown,d.MediaQueries.mbDown),Xe=L.default.div(Fe||(Fe=n.__makeTemplateObject(["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"],["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"]))),$e=L.default.div(qe||(qe=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),d.MediaQueries.tdDown),nt=L.default.p(Ve||(Ve=n.__makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"])),(function(n){return n.theme.colors.gray800}),d.MediaQueries.tdDown),et=L.default.p(We||(We=n.__makeTemplateObject(["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"])),(function(n){return n.theme.colors.gray600}),d.MediaQueries.tdDown),tt=L.default.div(Ye||(Ye=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"])),d.MediaQueries.tdDown),at="hhgcomp-navigation-menucareitem-contentwrapper",it=x.getDefaultClassWrapper(tt,at),ot=L.default.a(Ze||(Ze=n.__makeTemplateObject(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    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);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > ."," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    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);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    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);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > ."," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    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);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"])),f.theme.colors.white,d.MediaQueries.tdUp,d.MediaQueries.tdDown,at,d.MediaQueries.mbDown,d.MediaQueries.tdOnly,f.theme.colors.neutral100),lt=function(n){var t,a=n.item,i=n.index,o=void 0===i?0:i,l=r.useTranslations().t,s=e.useContext(ce),d=s.locale,p=s.configs.statics;if(!a)return null;var c="".concat(p.CARE_URL_FE,"/").concat(null===(t=b.LOCALIZED_SLUGS[d])||void 0===t?void 0:t.HOSPITAL,"/").concat(a.slug,"-").concat(a.id);return N.default.createElement(ot,{key:a.id,href:c,"data-event-category":"Hamburger Navigation","data-event-action":"Care Click ".concat(o+1),"data-event-label":c},N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),N.default.createElement(Je,null,N.default.createElement(Xe,null,N.default.createElement("img",{loading:"lazy",alt:a.name,src:a.logo||"/images/avatar.jpg"}))),N.default.createElement(it,null,N.default.createElement(nt,null,a.name),N.default.createElement(et,null,a.description),N.default.createElement($e,null,l("home.seeMore"),N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))))},rt=function(n){var e=n.spotlights,t=void 0===e?[]:e,a=n.hrefViewMore,i=r.useTranslations().t;return N.default.createElement(Ge,{title:i("home.navigator.menu.spotlightHospitals")},0!==t.length?N.default.createElement(Ke,null,null==t?void 0:t.slice(0,3).map((function(n,e){return N.default.createElement(lt,{key:e,index:e,item:n})}))):N.default.createElement(ze,{title:i("home.navigator.menu.care.noDatas.title"),description:i("home.navigator.menu.care.noDatas.description"),link:a,cta:i("home.navigator.menu.care.noDatas.cta"),icon:g.CommonGAssets.getAssetPath("community.svg")}))},st=function(n){var t,a=n.careSpecialties,i=void 0===a?[]:a,o=n.isOpen,l=n.onClose,s=n.spotlights,d=void 0===s?[]:s,p=r.useTranslations().t,c=e.useContext(ce),u=c.locale,m=c.configs.statics,g="".concat(m.CARE_URL_FE,"/").concat(null===(t=b.LOCALIZED_SLUGS[u])||void 0===t?void 0:t.SPECIALTIES);return N.default.createElement(ke,{onClosePopup:l,isDisplay:o,isNavMenu:!0},N.default.createElement(Be,{headingTitle:p("home.navigator.menuItem.specialties"),hrefViewMore:g,UrlFE:m.CARE_URL_FE,onClosePopup:l,titleBtnViewMore:p("home.navigator.menuItem.allSpecialties"),menuItems:(null==i?void 0:i.map((function(n){return n?{name:String(n.name)||"",link:gn({type:"DOCTOR",specialtySlug:n.slug,locale:u}),thumbnail:(null==n?void 0:n.thumbnail)||""}:{}})))||[]}),N.default.createElement(rt,{spotlights:d,hrefViewMore:g}))};L.default.div(dt||(dt=n.__makeTemplateObject(["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"]))),L.default.div(pt||(pt=n.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var dt,pt,ct,ut,mt,gt,ft=L.default.div(ct||(ct=n.__makeTemplateObject(["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"])),d.MediaQueries.tdDown),ht=L.default.a(ut||(ut=n.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"]))),xt=L.default.div(mt||(mt=n.__makeTemplateObject(["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"],["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"])),d.MediaQueries.tdDown),vt=L.default.p(gt||(gt=n.__makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray800}),d.MediaQueries.tdUp),bt=function(n){var e=n.item,t=n.index,a=void 0===t?0:t;return e?N.default.createElement(ht,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Spotlight Click ".concat(a+1),"data-event-label":e.link},N.default.createElement(xt,null,N.default.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),N.default.createElement(vt,null,e.title)):null},yt=function(n){var t=n.spotlightsList,a=void 0===t?[]:t,i=n.hrefViewMore,o=r.useTranslations().t,l=e.useContext(ce).configs.statics;return N.default.createElement(Ge,{title:o("home.navigator.menu.spotlights"),viewMore:o("home.navigator.menu.spotlights.seeAll"),link:i,dataEventAction:"Spotlight See More Click"},0!==a.length?N.default.createElement(ft,null,null==a?void 0:a.slice(0,4).map((function(n,e){return N.default.createElement(bt,{key:e,index:e,item:{id:n.id,link:l.HOME_PAGE_URL+n.permalink,title:n.name,banner:n.image}})}))):N.default.createElement(ze,{title:o("home.navigator.menu.category.noDatas.title"),description:o("home.navigator.menu.category.noDatas.description"),link:i,cta:o("home.navigator.menu.category.noDatas.cta"),icon:g.CommonGAssets.getAssetPath("Spotlight.svg")}))},wt=function(n){var t=n.categories,a=void 0===t?[]:t,i=n.spotlightsList,o=void 0===i?[]:i,l=n.onClose,s=n.isOpen,d=r.useTranslations().t,p=e.useContext(ce),c=p.locale,u=p.configs.statics;return N.default.createElement(ke,{onClosePopup:l,isDisplay:s,isNavMenu:!0},N.default.createElement(Be,{hrefViewMore:"".concat(u.HOME_PAGE_URL).concat("tl-PH"===c?"/fil":"","/categories/"),UrlFE:u.HOME_PAGE_URL,onClosePopup:l,titleBtnViewMore:d("home.navigator.menuItem.allCategories"),menuItems:(null==a?void 0:a.map((function(n){return n?{name:n.displayName||null,link:(null==n?void 0:n.permalink)||"/",thumbnail:n.iconUrl||null}:{}})))||[],headingTitle:d("home.navigator.menuItem.healthCategories")}),N.default.createElement(yt,{spotlightsList:o,hrefViewMore:"".concat(u.HOME_PAGE_URL).concat("tl-PH"===c?"/fil":"","/spotlight/")}))};L.default.div(kt||(kt=n.__makeTemplateObject(["\n  & > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),L.default.div(Et||(Et=n.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var kt,Et,_t,Ct,Tt,At,Pt,Mt,Bt,jt,Nt,Ot,Lt,St,zt=L.default.div(_t||(_t=n.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"],["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"])),d.MediaQueries.tdDown,d.MediaQueries.mbDown),Dt=L.default.div(Ct||(Ct=n.__makeTemplateObject(["\n  padding: 5px;\n  flex: 1;\n"],["\n  padding: 5px;\n  flex: 1;\n"]))),Ht=L.default.img(Tt||(Tt=n.__makeTemplateObject(["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"],["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"]))),Ut=L.default.div(At||(At=n.__makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.gray800})),Gt=L.default.div(Pt||(Pt=n.__makeTemplateObject(["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),Rt=L.default.div(Mt||(Mt=n.__makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray600})),Qt=L.default.div(Bt||(Bt=n.__makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray600})),It=L.default.a(jt||(jt=n.__makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),d.MediaQueries.tdOnly,d.MediaQueries.mbDown,d.MediaQueries.tdUp),Ft=L.default.div(Nt||(Nt=n.__makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"],["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"]))),qt=L.default.div(Ot||(Ot=n.__makeTemplateObject(["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"],["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.gray800})),Vt=L.default.div(Lt||(Lt=n.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"]))),Wt=L.default.div(St||(St=n.__makeTemplateObject(["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"],["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"])));z.default.extend(D.default);var Yt=function(n){var t,a,i,o,l,r,s,d=n.post,p=n.index,c=void 0===p?0:p,u=e.useContext(ce),m=u.siteType,g=u.configs.statics;if(!d)return null;var f=[g.TOGETHER_URL_FE,null===(t=d.community)||void 0===t?void 0:t.slug].join("/"),h=[f,d.slug].join("/"),x=d.createdAt,v=x?isNaN(new Date(x).getTime())?null:new Date(x):null,b=v?z.default(v).toNow(!0):x;return N.default.createElement(It,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":"Together Click ".concat(c+1),"data-event-label":h},N.default.createElement(Dt,null,N.default.createElement(Ft,null,N.default.createElement(w.UserAvatar,{avatar:null===(a=d.author)||void 0===a?void 0:a.avatar,username:(null===(i=d.author)||void 0===i?void 0:i.name)||(null===(o=d.author)||void 0===o?void 0:o.username)}),N.default.createElement(Wt,null,N.default.createElement(Ut,{"data-theme":m},null===(l=d.author)||void 0===l?void 0:l.name),N.default.createElement(Vt,null,N.default.createElement(Gt,{"data-event-category":"Hamburger Navigation","data-event-action":"Topic Click ".concat(c+1),"data-event-label":f,onClick:function(n){n.preventDefault(),location.href=f},"data-theme":m},null===(r=d.community)||void 0===r?void 0:r.name),N.default.createElement(Qt,null,"•"),N.default.createElement(Rt,{"data-theme":m},b)))),N.default.createElement(qt,null,d.title)),!!(null===(s=d.photos)||void 0===s?void 0:s.length)&&N.default.createElement(Ht,{loading:"lazy",src:d.photos[0]}))},Zt=function(n){var t=n.spotlights,a=void 0===t?[]:t,i=e.useContext(ce).configs.statics,o=r.useTranslations().t;return N.default.createElement(Ge,{title:o("home.navigator.menu.trendingPosts"),viewMore:o("home.navigator.menu.trendingPosts.seeMore"),link:i.TOGETHER_URL_FE+"/",dataEventAction:"Together See More Click"},0!==a.length?N.default.createElement(zt,null,null==a?void 0:a.slice(0,4).map((function(n,e){return N.default.createElement(Yt,{index:e,post:n,key:n.id})}))):N.default.createElement(ze,{title:o("home.navigator.menu.together.noPosts.title"),description:o("home.navigator.menu.together.noPosts.description"),link:"".concat(i.HOME_PAGE_URL,"/community/"),cta:o("home.navigator.menu.together.noPosts.cta"),icon:g.CommonGAssets.getAssetPath("community.svg")}))},Kt=function(n){var t=n.communities,a=void 0===t?[]:t,i=n.onClose,o=n.isOpen,l=n.spotlights,s=void 0===l?[]:l,d=r.useTranslations().t,p=e.useContext(ce).configs.statics;return N.default.createElement(ke,{onClosePopup:i,isDisplay:o,isNavMenu:!0},N.default.createElement(Be,{hrefViewMore:p.TOGETHER_URL_FE+"/",UrlFE:p.TOGETHER_URL_FE,onClosePopup:i,titleBtnViewMore:d("home.navigator.menuItem.allCommunities"),menuItems:(null==a?void 0:a.map((function(n){return n?{name:n.name||"",link:n.slug||"/",thumbnail:n.thumbnail||""}:{}})))||[],headingTitle:d("home.navigator.menuItem.allCommunitiesheadingTitle")}),N.default.createElement(Zt,{spotlights:s}))};L.default.div(Jt||(Jt=n.__makeTemplateObject(["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])));var Jt,Xt,$t,na,ea,ta,aa,ia,oa,la,ra,sa,da,pa,ca,ua,ma=L.default.div(Xt||(Xt=n.__makeTemplateObject(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"])),d.MediaQueries.tdDown),ga=L.default.a($t||($t=n.__makeTemplateObject(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"])),d.MediaQueries.tdDown,d.MediaQueries.tdDown),fa=L.default.div(na||(na=n.__makeTemplateObject(["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"],["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"])),d.MediaQueries.tdDown),ha=L.default.div(ea||(ea=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"])),(function(n){return n.theme.colors.primaryBase})),xa=L.default.p(ta||(ta=n.__makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray800})),va=L.default.p(aa||(aa=n.__makeTemplateObject(["\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray600}),d.MediaQueries.tdDown),ba=L.default.div(ia||(ia=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"])),d.MediaQueries.tdUp,d.MediaQueries.tdDown),ya=function(n){var t=n.item,a=n.index,i=void 0===a?0:a,o=r.useTranslations().t,l=e.useContext(ce).configs.statics;if(!t)return null;var s=t.link?t.link.startsWith("http")?t.link:"".concat(l.HOME_PAGE_URL).concat(t.link):void 0;return N.default.createElement(ga,{href:s,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":s},N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),N.default.createElement(ba,null,N.default.createElement(xa,null,t.title),N.default.createElement(va,null,t.subtitle),N.default.createElement(ha,null,o("home.seeMore"),N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))),N.default.createElement(fa,null,N.default.createElement("img",{loading:"lazy",alt:t.title,src:t.icon||"/images/avatar.jpg"})))},wa=L.default.a(oa||(oa=n.__makeTemplateObject(["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    width: 40px;\n    height: 30px;\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"],["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    width: 40px;\n    height: 30px;\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.tonePink}),(function(n){return n.theme.mbColors.peach}),(function(n){return n.theme.mbColors.toneYellow}),(function(n){return n.theme.mbColors.orange}),(function(n){return n.theme.mbColors.toneGreen}),(function(n){return n.theme.mbColors.mint}),d.MediaQueries.tdDown,d.MediaQueries.mbDown,d.MediaQueries.tdUp,d.MediaQueries.tdUp,d.MediaQueries.tdDown),ka=L.default.div(la||(la=n.__makeTemplateObject(["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"],["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"])),d.MediaQueries.tdDown,d.MediaQueries.mbDown),Ea=L.default.div(ra||(ra=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"])),(function(n){return n.theme.mbColors.gray}),d.MediaQueries.tdDown,(function(n){return n.theme.mbColors.pink})),_a=L.default.p(sa||(sa=n.__makeTemplateObject(["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"],["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray800})),Ca=L.default.p(da||(da=n.__makeTemplateObject(["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray600}),d.MediaQueries.tdDown),Ta=L.default.div(pa||(pa=n.__makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"])),d.MediaQueries.tdUp,d.MediaQueries.tdDown),Aa=L.default.div(ca||(ca=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"])),d.MediaQueries.tdUp,d.MediaQueries.tdDown),Pa=L.default.div(ua||(ua=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"])),d.MediaQueries.tdUp,d.MediaQueries.tdDown),Ma=function(n){var t=n.item,a=n.index,i=void 0===a?0:a,o=n.color,l=r.useTranslations().t,s=e.useContext(ce).configs.statics;if(!t)return null;var d=t.link?t.link.startsWith("http")?t.link:"".concat(s.HOME_PAGE_URL).concat(t.link):void 0,p=function(){return N.default.createElement(ka,null,N.default.createElement("img",{loading:"lazy",alt:t.title,src:t.icon||"/images/avatar.jpg"}))},c=function(){return N.default.createElement(Pa,null,N.default.createElement(Aa,null,N.default.createElement(_a,null,t.title),N.default.createElement(Ca,null,t.subtitle)),N.default.createElement(Ea,null,N.default.createElement("div",{className:"mobile-only"},l("home.seeMore")),N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"}})))};return N.default.createElement(wa,{href:d,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":d,"data-color":o},N.default.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.default.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"})),N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),N.default.createElement(Ta,null,N.default.createElement("div",{className:"mobile-only"},p()),N.default.createElement("div",{className:"desktop-only"},c())),N.default.createElement("div",{className:"mobile-only"},c()),N.default.createElement("div",{className:"desktop-only"},p()))},Ba=function(n){var t=n.hrefViewMore,a=n.spotlightHealthTools,i=void 0===a?[]:a,o=r.useTranslations().t,l=["pink","orange","green"],s=e.useContext(ce).siteType;return N.default.createElement(Ge,{title:o("home.navigator.menu.spotlightTools")},0!==i.length&&N.default.createElement(ma,null,null==i?void 0:i.slice(0,3).map((function(n,e){return"marryBaby"===s?N.default.createElement(Ma,{key:e,index:e,item:n,color:l[e]}):N.default.createElement(ya,{key:e,index:e,item:n})}))),0===i.length&&N.default.createElement(ze,{title:o("home.navigator.menu.healthTools.noDatas.title"),description:o("home.navigator.menu.healthTools.noDatas.description"),link:t,cta:o("home.navigator.menu.healthTools.noDatas.cta"),icon:g.CommonGAssets.getAssetPath("community.svg")}))},ja=function(n){var t,i=n.locale,o=n.onClose,l=n.isOpen,s=n.spotlightHealthTools,d=void 0===s?[]:s,p=n.healthTools,c=void 0===p?[]:p,u=r.useTranslations().t,m=e.useContext(ce).configs.statics,g="".concat(m.HOME_PAGE_URL).concat("tl-PH"===i?"/fil":"").concat((null===(t=a.STATIC_PAGES[i])||void 0===t?void 0:t.HEALTH_TOOLS)||"");return N.default.createElement(ke,{onClosePopup:o,isDisplay:l,isNavMenu:!0},N.default.createElement(Be,{hrefViewMore:g,UrlFE:m.HOME_PAGE_URL,onClosePopup:o,headingTitle:u("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:u("home.navigator.menuItem.allHealthTools"),menuItems:c.map((function(n){return{name:n.title,link:n.link?n.link.startsWith("http")?n.link:"".concat(m.HOME_PAGE_URL).concat(n.link):void 0,thumbnail:n.icon}}))}),N.default.createElement(Ba,{spotlightHealthTools:d,hrefViewMore:g}))},Na="_6gGCHV-",Oa="YDzfyQU",La=function(n){var e=n.onCareHeaderClick,t=n.currentUrl,a=n.careUrlFe,i=n.btnName;return e?N.default.createElement(u.Button,{className:Na,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:function(n){return e(n)}},i):N.default.createElement("a",{href:a,className:"".concat(Oa," care-button no-replace-click")},N.default.createElement(u.Button,{className:Na,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},i))};function Sa(n){var e=n.className;return N.default.createElement("div",null,N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e},N.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function za(n){var e=n.siteType,t=n.type,a=n.enableSearch,i=n.className;return"helloSites"===e?N.default.createElement("div",null,N.default.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:a?g.CommonGAssets.getAssetPath("hamburgerMenuNewWithSearch.svg"):g.CommonGAssets.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:t,className:i})):N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i},N.default.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"}))}var Da=L.default.div(Ha||(Ha=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n  .hhgcomp-navigation-popupwrapper-menuwrapper {\n    position: unset;\n  }\n"],["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n  .hhgcomp-navigation-popupwrapper-menuwrapper {\n    position: unset;\n  }\n"])));L.default.div(Ua||(Ua=n.__makeTemplateObject(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"],["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"]))),L.default.div(Ga||(Ga=n.__makeTemplateObject(["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"]))),L.default.div(Ra||(Ra=n.__makeTemplateObject(["\n  margin-top: 64px;\n"],["\n  margin-top: 64px;\n"]))),L.default.div(Qa||(Qa=n.__makeTemplateObject(["\n  padding: 24px 0;\n"],["\n  padding: 24px 0;\n"]))),L.default.div(Ia||(Ia=n.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"]))),L.default.div(Fa||(Fa=n.__makeTemplateObject(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),dn,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),L.default.div(qa||(qa=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),L.default.div(Va||(Va=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"]))),L.default.div(Wa||(Wa=n.__makeTemplateObject(["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"],["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),L.default.div(Ya||(Ya=n.__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"]))),L.default.div(Za||(Za=n.__makeTemplateObject(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),L.default.div(Ka||(Ka=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),L.default.div(Ja||(Ja=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),L.default.div(Xa||(Xa=n.__makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),L.default.div($a||($a=n.__makeTemplateObject(["\n  display: block;\n"],["\n  display: block;\n"]))),L.default.div(ni||(ni=n.__makeTemplateObject(["\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"],["\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800})),L.default.div(ei||(ei=n.__makeTemplateObject(["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"],["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"])),(function(n){return n.theme.mbColors.pink}));var Ha,Ua,Ga,Ra,Qa,Ia,Fa,qa,Va,Wa,Ya,Za,Ka,Ja,Xa,$a,ni,ei,ti,ai,ii=L.default.div(ti||(ti=n.__makeTemplateObject(["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"],["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.lightGray})),oi=L.default.div(ai||(ai=n.__makeTemplateObject(["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"],["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"]))),li=function(n){var t,i,o=n.closePopup,l=n.menuItems,s=void 0===l?[]:l,d=e.useContext(ce),p=d.siteType,c=d.ssrMenuContent,u=c.categories,m=c.healthTools,g=c.care,f=c.together,h=d.activeMenuService,x=d.configs,v=x.statics,y=x.enableSearchBar,w=d.locale,k=r.useTranslations().t;return N.default.createElement(Da,{id:"categories-menu"},y?N.default.createElement(ii,{"data-theme":p,onClick:function(){window.location.href="".concat(v.HOME_PAGE_URL,"/search")}},N.default.createElement(xe,null)):null,N.default.createElement(oi,null,N.default.createElement(Be,{UrlFE:v.HOME_PAGE_URL,titleBtnViewMore:k("home.navigator.menuItem.allCategories"),menuItems:s,headingTitle:k("home.navigator.menuItem.healthCategories"),onClosePopup:o}),"categories"===h&&N.default.createElement(yt,{spotlightsList:(null==u?void 0:u.spotlights)||[],hrefViewMore:"".concat(v.HOME_PAGE_URL).concat("tl-PH"===w?"/fil":"","/spotlight/")}),"tools"===h&&N.default.createElement(Ba,{spotlightHealthTools:null==m?void 0:m.spotlights,hrefViewMore:"".concat(v.HOME_PAGE_URL).concat("tl-PH"===w?"/fil":"").concat((null===(t=a.STATIC_PAGES[w])||void 0===t?void 0:t.HEALTH_TOOLS)||"")}),"care"===h&&N.default.createElement(rt,{spotlights:null==g?void 0:g.spotlights,hrefViewMore:"".concat(v.CARE_URL_FE,"/").concat(null===(i=b.LOCALIZED_SLUGS[w])||void 0===i?void 0:i.SPECIALTIES)}),"together"===h&&N.default.createElement(Zt,{spotlights:null==f?void 0:f.spotlights})))},ri="IQdn7tn",si="_1jX3mGY",di="arD755Y",pi=function(n){var t=n.type,a=void 0===t?"home":t,i=n.menuItems,o=e.useContext(ce),l=o.siteType,r=o.configs.enableSearchBar,s=R(),d=s.containerRef,p=s.onContainerFocus,c=s.onContainerBlur,u=s.onButtonMouseDown,m=s.onClose;return N.default.createElement(G,{mediaQueryKey:"mbDown"},N.default.createElement("header",{className:ri},N.default.createElement("div",{className:si,ref:d,role:"button",tabIndex:0,onBlur:c,onFocus:p},N.default.createElement("div",{className:di,onMouseDown:u,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},N.default.createElement(Sa,{className:"mobile-close-icon"}),N.default.createElement(za,{siteType:l,type:a,enableSearch:r,className:"mobile-hamburger-icon"})),N.default.createElement(li,{menuItems:i,closePopup:m}))))},ci=L.default.div(hi||(hi=n.__makeTemplateObject(["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"],["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.mbColors.lightPink}),d.MediaQueries.mbUp,d.MediaQueries.mbDown,ln,rn,sn,(function(n){return n.theme.mbColors.lightGray})),ui=L.default.div(xi||(xi=n.__makeTemplateObject(["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"],["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"])),d.MediaQueries.pcDown,d.MediaQueries.mbDown,d.MediaQueries.tdUp),mi=L.default.div(vi||(vi=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),d.MediaQueries.pcDown),gi=L.default.div(bi||(bi=n.__makeTemplateObject([""],[""]))),fi=L.default.div(yi||(yi=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  .hhgcomp-navigation-itemnav-headeritem {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  .hhgcomp-navigation-itemnav-headeritem {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),d.MediaQueries.pcUp,d.MediaQueries.pcDown,d.MediaQueries.mbDown);L.default.div(wi||(wi=n.__makeTemplateObject(["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"],["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"])));var hi,xi,vi,bi,yi,wi,ki,Ei,_i,Ci,Ti,Ai=L.default.div(ki||(ki=n.__makeTemplateObject(["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"],["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"])),d.MediaQueries.pcDown,d.MediaQueries.mbDown),Pi=L.default.div(Ei||(Ei=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"]))),Mi=function(n){var t,i=n.onTopBarAppears,o=n.type,s=void 0===o?"home":o,d=n.languageMenu,p=n.menuItems,c=n.setSitewideBannerClosed,u=n.sitewideBannerClosed,m=e.useContext(ce),f=m.siteType,h=m.isMobile,x=void 0!==h&&h,v=m.locale,b=m.sitewideBanner,y=m.sitewideBannerShown,w=void 0===y||y,k=m.sponsorComponent,E=m.onBookingClick,_=m.currentUrl,C=m.onLoginClick,T=m.configs,A=T.statics,P=T.enableNavCareBooking,M=T.enableSearchBar,B=T.enableNavCare,j=T.enableProfileMyHealth,L=T.enableNavTogether,S=T.enableProfileEcom,z=T.enableProfileNavigatorMenu,D=m.userState.userInfo,H=m.onLogout,U=m.userProfileRouterPush,R=m.isUserLoading,Q=r.useTranslations().t,I=A.SSO_URL,F=A.HOME_PAGE_URL,q=!!k,V=e.useState(!1),W=V[0],Y=V[1],Z=e.useRef(47),K=e.useRef(null),J=e.useRef(!1),X="helloSites"===f?null===(t=a.LOCALE_SPECS[v])||void 0===t?void 0:t.LOGO_TYPE:f,$="undefined"!=typeof window,nn=e.useCallback(O.default((function(){if("home"===s&&$){if(!K.current)return;var n=K.current.getBoundingClientRect();n.top<=0&&window.scrollY>Z.current&&window.scrollY>n.height+20&&!J.current&&(J.current=!0,Y(!0)),window.scrollY<Z.current&&J.current&&(J.current=!1,Y(!1)),window.scrollY>=0&&(Z.current=window.scrollY)}}),200),[]);e.useEffect((function(){null==i||i(!W)}),[W]),e.useEffect((function(){return window.addEventListener("scroll",nn,{passive:!0}),function(){window.removeEventListener("scroll",nn)}}),[]),e.useEffect((function(){x&&nn()}),[x]);var en=w&&!!b&&!u;return N.default.createElement(ci,{"data-site-type":f,"data-sponsored":q,"data-sitewide-banner-shown":en,"data-header-type":s,"data-collapsed":W,"data-with-search-input":"popup-sub-level"!==s,"data-is-displayed":!0,id:"site-header",ref:K},b?N.default.isValidElement(b)?N.default.cloneElement(b,{isCollapsed:W,setBannerClosed:c,isMobile:x}):b:null,N.default.createElement(ui,{"data-site-type":f},N.default.createElement(mi,{"data-site-type":f},N.default.createElement(pi,{menuItems:p,type:s}),N.default.createElement("a",{href:F},N.default.createElement(gi,null,N.default.createElement(l.Logo,{style:{display:"flex"},type:X,badge:"id-ID"===v&&N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("sehat-badge.png"),width:"56",height:"23"}),dateForSeasonal:new Date,locale:v,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===f?N.default.createElement(ji,{menuItems:p}):M&&N.default.createElement(Bi,{siteType:f})),N.default.createElement(fi,{"data-site-type":f},"marryBaby"===f?M&&N.default.createElement(Bi,{siteType:f}):N.default.createElement(ji,{menuItems:p}),N.default.createElement(Ai,null,P&&N.default.createElement(G,{mediaQueryKey:"mbUp"},N.default.createElement(La,{careUrlFe:A.CARE_URL_FE,currentUrl:_,btnName:Q("login.booking"),onCareHeaderClick:E})),d,N.default.createElement(pe,{userInfo:D,siteType:f,onLoginClick:C||function(){var n=window.location.href;window.location.href=I?"".concat(I,"?returnUrl=").concat(n):n},SSO_URL:A.SSO_URL+"/",currentUrl:_,onLogout:H,UP_BASEPATH:a.UP_BASEPATH,isMyHealthEnabled:j,enableCare:B,enableTogether:L,enableEcom:S,togetherApiDomain:A.TOGETHER_API+"/",isUserProfileNavigatorMenuHidden:!z,userProfileRouterPush:U,isLoading:R,locale:v})))),k?N.default.isValidElement(k)?N.default.cloneElement(k,{isCollapsed:W,locale:v,isMobile:x}):k:null)},Bi=function(n){var e=n.siteType;return N.default.createElement(G,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},N.default.createElement(xe,null))},ji=function(n){var t=n.menuItems,a=e.useContext(ce),i=a.siteType,o=a.locale,l=a.ssrMenuContent,r=l.categories,s=l.healthTools,d=l.care,p=l.together;return N.default.createElement(G,{mediaQueryKey:"mbUp",style:{height:"100%"}},N.default.createElement(Pi,{"data-site-type":i},null==t?void 0:t.map((function(n,e){return N.default.createElement(fe,{key:e,item:n,menu:"categories"===n.popupType?N.default.createElement(wt,{categories:null==r?void 0:r.items,spotlightsList:null==r?void 0:r.spotlights}):"tools"===n.popupType?N.default.createElement(ja,{locale:o,healthTools:null==s?void 0:s.items,spotlightHealthTools:null==s?void 0:s.spotlights}):"together"===n.popupType?N.default.createElement(Kt,{communities:null==p?void 0:p.items,spotlights:null==p?void 0:p.spotlights}):"care"===n.popupType?N.default.createElement(st,{careSpecialties:null==d?void 0:d.items,spotlights:null==d?void 0:d.spotlights}):null})}))))},Ni=L.default.div(_i||(_i=n.__makeTemplateObject(["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  -webkit-transform: translateZ(0);\n  position: sticky;\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n  pointer-events: none;\n  > section * {\n    pointer-events: auto;\n  }\n"],["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  -webkit-transform: translateZ(0);\n  position: sticky;\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n  pointer-events: none;\n  > section * {\n    pointer-events: auto;\n  }\n"])),d.MediaQueries.mbDown);L.default.div(Ci||(Ci=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"]))),L.default.a(Ti||(Ti=n.__makeTemplateObject(["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"],["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"])));var Oi=function(i){var o,l,s=i.isMobile,d=i.locale,p=i.onTopBarAppears,c=i.languageOptions,u=i.sponsorComponent,m=i.sitewideBanner,f=i.sitewideBannerShown,h=i.className,x=e.useState(!1),v=x[0],b=x[1],y=function(){var n=r.useTranslations().t,t=e.useContext(ce),i=t.siteType,o=t.locale,l=t.configs,s=l.enableNavCare,d=l.enableNavTogether,p=l.enableNavEcom,c=l.statics,u="marryBaby"===i,m=e.useMemo((function(){var e,t=[{name:n("home.navigator.menuItem.discover"),id:"categories",link:"".concat(c.HOME_PAGE_URL).concat("tl-PH"===o?"/fil":"","/categories"),niceName:"",thumbnail:u?g.CommonGAssets.getAssetPath("categories-mb.svg"):g.CommonGAssets.getAssetPath("discover.png"),popupType:"categories"},{name:n("home.navigator.menuItem.healthTools"),id:"tools",link:"".concat(c.HOME_PAGE_URL).concat("tl-PH"===o?"/fil":"").concat((null===(e=a.STATIC_PAGES[o])||void 0===e?void 0:e.HEALTH_TOOLS)||""),thumbnail:u?g.CommonGAssets.getAssetPath("healthtools-mb.svg"):g.CommonGAssets.getAssetPath("healthTools.png"),popupType:"tools"}];return s&&t.push({name:n("home.navigator.menuItem.helloCare"),id:"care",link:c.HOME_PAGE_URL+"/care",thumbnail:g.CommonGAssets.getAssetPath("helloCare-thumbnail.png"),popupType:"zh-TW"===o?null:"care"}),d&&t.push({name:n("home.navigator.menuItem.helloTogether"),id:"together",link:c.TOGETHER_URL_FE+"/",thumbnail:u?g.CommonGAssets.getAssetPath("community-mb.svg"):g.CommonGAssets.getAssetPath("together.png"),popupType:"together"}),p&&t.push({name:n("home.navigator.menuItem.helloEcom"),id:"ecom",link:c.HOME_PAGE_URL+"/ecom",thumbnail:g.CommonGAssets.getAssetPath("helloCare-thumbnail.png"),popupType:"shop"}),t}),[o,s,d,p]);return m}();!function(){var t=e.useContext(ce),a=t.isFirstLogin,i=t.userState.userInfo;e.useEffect((function(){(null==i?void 0:i.id)&&(a?(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:n.__assign({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:n.__assign({uuid:null==i?void 0:i.id,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:n.__assign({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:n.__assign({uuid:null==i?void 0:i.id,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})})}),[])}();var w=function(n){var t=n.hasSponsoredBanners,a=n.isSiteWide,i=n.isSponsored,o=n.isShowingSiteWideBanner,l=n.isMobile,r=e.useRef(null),s=e.useState(0),d=s[0],p=s[1],c=e.useState(64),u=c[0],m=c[1],g=e.useCallback(H.default((function(){var n,e,t,a,i=(null===(n=r.current)||void 0===n?void 0:n.clientHeight)||(null===(t=null===(e=r.current)||void 0===e?void 0:e.children[0])||void 0===t?void 0:t.clientHeight)||0;window.scrollY<=i+200&&(p(i),m((null===(a=r.current)||void 0===a?void 0:a.getBoundingClientRect().bottom)||d))}),200),[]);e.useEffect((function(){return window.addEventListener("resize",g,{passive:!0}),window.addEventListener("scroll",g,{passive:!0}),g(),function(){window.removeEventListener("resize",g),window.removeEventListener("scroll",g)}}),[]),e.useEffect((function(){g()}),[l,a,o,i,t,r.current]);var f=e.useMemo((function(){var n=l?64:69;return o&&(n+=64),i&&(n+=40,t&&(n+=57)),n}),[l,o,t,i]);return{defaultHeaderHeight:f,headerHeight:d||f,headerBottom:u,headerRef:r}}({isSiteWide:!!m&&!v,isShowingSiteWideBanner:f&&!!m&&!v,isSponsored:!!u,hasSponsoredBanners:!!(null===(l=null===(o=null==u?void 0:u.props)||void 0===o?void 0:o.sponsoredBy)||void 0===l?void 0:l.length),isMobile:s}),k=w.headerRef,E=w.defaultHeaderHeight,_=w.headerHeight,C=w.headerBottom;return N.default.createElement(Ni,{id:"navigation-v2",style:{"--default-header-height":E+"px","--header-height":"calc(".concat(_,"px - var(--amp-site-wide-closed), 64px)"),"--header-bottom":C+"px"},className:h},N.default.createElement("section",{ref:k},N.default.createElement(Mi,{menuItems:y,type:"home",onTopBarAppears:s?function(n){p&&p(n)}:void 0,languageMenu:N.default.createElement(t.LanguageSwitcher,{languageOptions:c,locale:d}),setSitewideBannerClosed:b,sitewideBannerClosed:v})))},Li=function(e){return n.__awaiter(void 0,void 0,void 0,(function(){var t,l,r,s,d,p,c,u,m,g,f,h,x,v,b,y,w,k,E,_,C,T,A,P,M,B,j,N,O,L,S,z,D,H,U,G;return n.__generator(this,(function(n){switch(n.label){case 0:t={},l="vi-VN_MB"===e,n.label=1;case 1:n.trys.push([1,14,,15]),r="tl-PH"===e?"lang=fil":"",n.label=2;case 2:return n.trys.push([2,4,,5]),[4,Promise.all([fetch("".concat(i.getDiscoverApiDomain(e),"/wp-json/api/categories").concat(r?"?"+r:"")).then((function(n){return n.json()})),fetch("".concat(i.getDiscoverApiDomain(e),"/wp-json/api/spotlights?per_page=10").concat(r?"&"+r:"")).then((function(n){return n.json()})),fetch("".concat(i.getDiscoverApiDomain(e),"/wp-json/api/").concat(l?"health-tools":"healthtools").concat(r?"?"+r:"")).then((function(n){return n.json()})),fetch("".concat(i.getDiscoverApiDomain(e),"/wp-json/api/").concat(l?"health-tools":"healthtools","/favorites").concat(r?"?"+r:"")).then((function(n){return n.json()}))])];case 3:return s=n.sent(),d=s[0],p=s[1],c=s[2],u=s[3],t.categories={items:(null===(w=null===(y=null==d?void 0:d.data)||void 0===y?void 0:y.map)||void 0===w?void 0:w.call(y,pn))||[],spotlights:(null===(C=null===(_=null===(E=null===(k=null==p?void 0:p.data)||void 0===k?void 0:k.articles)||void 0===E?void 0:E.map)||void 0===_?void 0:_.call(E,fn))||void 0===C?void 0:C.filter(hn))||[]},t.healthTools={items:(null===(A=null===(T=null==c?void 0:c.data)||void 0===T?void 0:T.map)||void 0===A?void 0:A.call(T,cn))||[],spotlights:(null===(M=null===(P=null==u?void 0:u.data)||void 0===P?void 0:P.map)||void 0===M?void 0:M.call(P,cn))||[]},[3,5];case 4:return n.sent(),[3,5];case 5:if(!l&&!a.TOGETHER_LOCALES.includes(e))return[3,9];n.label=6;case 6:return n.trys.push([6,8,,9]),[4,Promise.all([fetch("".concat(i.getTogetherApiDomain(),"/api/v1/community?website_url=https://").concat(a.domainLocales[e])).then((function(n){return n.json()})),fetch("".concat(i.getTogetherApiDomain(),"/api/v1/options?website_url=https://").concat(a.domainLocales[e],"&meta_key=popular_post")).then((function(n){return n.json()}))])];case 7:return m=n.sent(),g=m[0],f=m[1],t.together={items:(null===(N=null===(j=null===(B=null==g?void 0:g.data)||void 0===B?void 0:B.communities)||void 0===j?void 0:j.map)||void 0===N?void 0:N.call(j,o.formatCommunity))||[],spotlights:(null===(S=null===(L=null===(O=null==f?void 0:f.data)||void 0===O?void 0:O.posts)||void 0===L?void 0:L.map)||void 0===S?void 0:S.call(L,o.formatPost))||[]},[3,9];case 8:return n.sent(),[3,9];case 9:if(!a.CARE_LOCALES.includes(e))return[3,13];n.label=10;case 10:return n.trys.push([10,12,,13]),[4,Promise.all([fetch(i.getCareApiDomain()+"/api/specialties?_ishome=1&site=".concat(a.domainLocales[e])).then((function(n){return n.json()})),fetch(i.getCareApiDomain()+"/api/search/?site=".concat(a.domainLocales[e],"&type=hospital&order_by=total_doctor")).then((function(n){return n.json()}))])];case 11:return h=n.sent(),x=h[0],v=h[1],t.care={items:(null===(H=null===(D=null===(z=null==x?void 0:x._data)||void 0===z?void 0:z.specialties)||void 0===D?void 0:D.map)||void 0===H?void 0:H.call(D,un))||[],spotlights:(null===(G=null===(U=null==v?void 0:v._data.searches)||void 0===U?void 0:U.map)||void 0===G?void 0:G.call(U,mn))||[]},[3,13];case 12:return n.sent(),[3,13];case 13:return[3,15];case 14:return b=n.sent(),console.error(b),[3,15];case 15:return[2,t]}}))}))};exports.NavHeader=bn,exports.NavigationLogoutPopup=F,exports.NavigationProfileButton=pe,exports.NavigationV2=function(e){var t=n.__assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return N.default.createElement(ue,n.__assign({},t),N.default.createElement(Oi,n.__assign({},t)))},exports.ProfilePopup=de,exports.UserProfileNavigation=re,exports.UserStats=le,exports.getNavMenuContent=Li,exports.getNavMenuContentWithCache=function(e){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return[4,A.getDataWithCache("nav-menu-content",(function(){return Li(e||"en-PH")}),(function(n){var e,t;return!!(null===(t=null===(e=null==n?void 0:n.categories)||void 0===e?void 0:e.items)||void 0===t?void 0:t.length)}))];case 1:return[2,n.sent()||{}]}}))}))};
+"use strict";var n=require("./tslib.es6-31fb94f1.js"),e=require("react"),t=require("./index-83cec513.js"),a=require("./index-20eaced0.js"),i=require("./routing-56a67a1d.js"),o=require("./dataTransform-b161ee63.js"),l=require("./index-df9e9f59.js"),r=require("./useTranslations-a4a79beb.js"),s=require("lodash/throttle"),d=require("./utils-be155072.js"),p=require("styled-components"),c=require("./index-f07bc0f5.js"),u=require("./index-cbd87024.js"),m=require("./index-3c5f03d6.js"),g=require("./gAssets.js"),f=require("./theme-5bf80bf7.js"),h=require("@mantine/core"),x=require("./defaultClassWrapper-2ca98655.js"),v=require("./cookieHelper-f58d9f30.js"),b=require("./constants-5e71c2e6.js"),y=require("string-format"),w=require("./index-2c89d05b.js"),k=require("./index-0966c21d.js"),E=require("./index-2c698b9b.js"),_=require("dayjs"),C=require("dayjs/plugin/relativeTime"),T=require("lodash/debounce"),A=require("./core-ac733db4.js");function P(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var M,B,j,N=P(e),O=P(s),L=P(p),S=P(y),z=P(_),D=P(C),H=P(T),U=L.default.div(M||(M=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(n){return"\n    ".concat(0!==n.lowerBound?"@media (max-width: ".concat(n.lowerBound-1,"px) { display: none; }"):"","\n    ").concat(0!==n.upperBound?"@media (min-width: ".concat(n.upperBound,"px) { display: none; }"):"","\n  ")})),G=function(n){var t=n.forceDisplay,a=n.mediaQueryKey,i=n.children,o=n.className,l=n.style,r=e.useMemo((function(){return d.getBoundariesFromMediaQueryKey(a)}),[a]),s=r[0],p=r[1];return N.default.createElement(U,{lowerBound:t?0:s,upperBound:t?0:p,className:o,style:l},i)},R=function(n){var t=(n||{}).allowBgScroll,a=e.useRef();return{containerRef:a,onContainerFocus:function(){t||(document.documentElement.style.overflow="hidden")},onContainerBlur:function(){t||(document.documentElement.style.overflow="")},onButtonMouseDown:function(n){a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur(),n.preventDefault())},onClose:function(){a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur())}}},Q=L.default.div(B||(B=n.__makeTemplateObject(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.gray800}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.gray600}),d.MediaQueries.mbDown,d.MediaQueries.mbUp),I=L.default.div(j||(j=n.__makeTemplateObject(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return"marryBaby"===n.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      ":""})),F=function(n){var t=n.openLogoutPopup,a=n.onCloseHandler,i=n.onLogoutHandler,l=n.siteType,s=void 0===l?"helloSites":l,d=r.useTranslations().t;return e.useEffect((function(){document.body.classList.toggle("noscroll",t)}),[t]),N.default.createElement(h.Portal,null,N.default.createElement(o.Popup,{type:"confirm",isOpen:t,closeIcon:N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon"}),onClose:a},N.default.createElement(Q,null,"helloSites"===s&&N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account"}),N.default.createElement("h2",null,d("helloSites"===s?"logout.popup.ask1":"logout.popup.ask.mb")),N.default.createElement("p",null,d("logout.popup.ask2")),N.default.createElement(I,{siteType:s},N.default.createElement(u.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:i},d("logout.popup.button.logout")),N.default.createElement(u.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:a},d("logout.popup.button.cancel"))))))},q=L.default.div(K||(K=n.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,d.MediaQueries.mbDown,d.MediaQueries.mbUp,d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.gray200}),d.MediaQueries.mbDown,f.theme.colors.neutral100,d.MediaQueries.mbUp),V="hhgcomp-navprofilebutton-popup",W=x.getDefaultClassWrapper(q,V),Y=L.default.div(J||(J=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),d.MediaQueries.mbUp,d.MediaQueries.mbDown),Z="hhgcomp-navprofilebutton-popupwrapper";x.getDefaultClassWrapper(Y,Z);var K,J,X,$,nn,en=L.default.div(X||(X=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.theme.colors.secondaryBase})),tn=L.default.a($||($=n.__makeTemplateObject(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ."," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    ."," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ."," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    ."," {\n      display: initial;\n    }\n  }\n"])),V,d.MediaQueries.mbDown,Z),an=L.default.a(nn||(nn=n.__makeTemplateObject(["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),d.MediaQueries.mbUp,d.MediaQueries.mbUp),on="profile/posts?website_url={websiteUrl}",ln=99,rn=300,sn=400,dn=210,pn=function(n){var e,t,a,i;return n?{termId:n.term_id||null,sponsor:n.sponsor?(i=n.sponsor,i?{title:i.title,logo:i.logo,link:i.link}:{}):null,isSponsored:n.is_sponsored||null,categoryName:n.cat_name||n.name||null,name:n.name||null,iconUrl:n.icon||"",slugName:n.category_nicename||null,description:n.description||null,featureImage:n.thumbnail||n.image||null,displayName:n.name||null,parent:n.parent||null,permalink:n.permalink||null,slug:n.slug||null,childCates:(null===(e=n.child_cates)||void 0===e?void 0:e.map((function(n){return pn(n)})))||[],thumnailColor:n.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:n.color_feature_image||null,imageColor:n.image_color||null,textColor:n.text_color||null,catParent:(null===(t=n.cat_parent)||void 0===t?void 0:t.name)?{name:n.cat_parent.name,permalink:n.cat_parent.permalink}:{},metaTag:n.meta_tag||"",reviewedBy:n.reviewed_by?(a=n.reviewed_by,{postTitle:a.post_title,permalink:a.permalink}):null,reviewedDate:n.reviewed_date||"",faqs:n.faqs?n.faqs.map((function(n){return function(n){return{title:n.title,content:n.content}}(n)})):null}:{}},cn=function(n){var e,t;if(!n)return{};var a=null===(e=n.link)||void 0===e?void 0:e.includes("/bot/"),i=null===(t=n.link)||void 0===t?void 0:t.startsWith("/fil/"),o=n.link?n.link.startsWith("http")||a?n.link:i?n.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):"/health-tools".concat(n.link.replace("/health-tools/","/")):void 0;return{icon:n.icon,link:o,subtitle:n.subtitle,title:n.title}},un=function(n){return n?{thumbnail:n.thumbnail,link:null==n?void 0:n.slug,subtitle:n.name,name:n.name,slug:n.slug}:{}},mn=function(n){return n?{id:n.id,name:n.name,logo:null==n?void 0:n.logo,description:n.about,slug:n.slug}:{}},gn=function(n){var e,t,a=n.type,i=n.specialtySlug,o=n.locale;return"".concat(null===(e=b.LOCALIZED_SLUGS[o])||void 0===e?void 0:e.ALL,"/").concat((null===(t=b.LOCALIZED_SLUGS[o])||void 0===t?void 0:t[a])||"doctor","/").concat(null!=i?i:"")},fn=function(n){return n?{id:n.ID,name:n.name,permalink:n.permalink,image:(null==n?void 0:n.small_banner)||(null==n?void 0:n.image)||"",imageMedium:(null==n?void 0:n.image_medium)||null,imageThumbnail:(null==n?void 0:n.image_thumbnail)||null,startDate:null==n?void 0:n.start_date,endDate:null==n?void 0:n.end_date}:{}},hn=function(n){var e=new Date;if(null==n?void 0:n.startDate){var t=new Date(n.startDate);if(e.getTime()<t.getTime())return!1}if(null==n?void 0:n.endDate){var a=new Date(n.endDate);if(e.getTime()>a.getTime())return!1}return!0},xn={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"shop"},vn={navHeader:"uJQBNNg",navAvatar:"TfG3dM5",navHeaderUserInfos:"aMtjFNf",navHeaderUserName:"cSz2RR-",navHeaderMyProfileButton:"GyFm00F"};function bn(n){var t=n.userInfo,a=n.onClickMyProfileButton,i=n.themeName,o=void 0===i?"helloSites":i,l=r.useTranslations().t,s=e.useMemo((function(){var n=(null==t?void 0:t.name)||(null==t?void 0:t.username);return n&&n.length?n[0].toUpperCase():"A"}),[null==t?void 0:t.username,null==t?void 0:t.name]);return N.default.createElement("div",{className:vn.navHeader,onClick:function(){a&&a()}},N.default.createElement(c.Avatar,{className:vn.navAvatar,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:s,backgroundColor:"marryBaby"===o?f.theme.mbColors.pink:f.theme.colors.secondaryBase}),N.default.createElement("div",{className:vn.navHeaderUserInfos},N.default.createElement("div",{className:vn.navHeaderUserName},(null==t?void 0:t.name)||(null==t?void 0:t.username)),N.default.createElement("div",{className:vn.navHeaderMyProfileButton,style:{"--bg-hellosites":"url(".concat(g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg"),")"),"--bg-marrybaby":"url(".concat(g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg"),")")}},l("userProfile.nav.header.viewProfile"))))}var yn,wn,kn,En,_n,Cn,Tn,An,Pn,Mn,Bn,jn,Nn,On,Ln,Sn="fVk18fq",zn="v8TCvUb",Dn="mx7T4V3",Hn={myHealth:f.theme.mbColors.toneYellow,myCommunity:f.theme.mbColors.toneBlue,mySaved:f.theme.mbColors.toneGreen},Un={helloSites:{myBooking:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg")},myCommunity:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg")},myFamily:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg")},myHealth:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg")},mySaved:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg")},eCom:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")}},marryBaby:{mySaved:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg")},myCommunity:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg")},myHealth:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}}},Gn=function(n){var t=n.type,a=n.themeName,i=n.className,o=n.onClick,l=void 0===o?function(){}:o,s=r.useTranslations().t,d=e.useMemo((function(){var n,e;return(null===(e=null===(n=Un[a])||void 0===n?void 0:n[t])||void 0===e?void 0:e.call(n))||""}),[t,a]),p=e.useMemo((function(){return"marryBaby"!==a?"transparent":Hn[t]}),[t,a]);return N.default.createElement("div",{onClick:function(){l(t)},className:"".concat(Sn," ").concat(i)},N.default.createElement("div",{className:Dn,style:{backgroundColor:p,backgroundImage:'url("'.concat(d,'")')}}),N.default.createElement("h3",{className:zn},s("userProfile.nav.card.".concat(t))))},Rn="gn6HmGG",Qn="FCx8FEM",In="zMiRxaE",Fn="lZ2Z9MQ",qn="rwm-agG",Vn="qMOscoq",Wn=function(n){var t=n.themeName,a=n.locale,i=n.onClickItem,o=e.useState(""),l=o[0],r=o[1],s=e.useMemo((function(){return"marryBaby"===t?[{key:"userProfile.nav.menu.password",icon:g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]}),[t]);function d(n){n.subMenu?r((function(e){return e?"":n.key})):i&&i(n)}return N.default.createElement("div",{className:Rn},s.map((function(n){return N.default.createElement(Yn,{key:n.key,item:n,openKey:l,onClickItem:d,locale:a})})))},Yn=function(n){var e,t=n.item,a=n.openKey,i=n.onClickItem,o=n.locale,l=r.useTranslations().t;return(null===(e=t.disableLocale)||void 0===e?void 0:e.includes(o))?null:N.default.createElement("div",{className:"".concat(Qn," nav-menu-item"),"data-is-open":a===t.key,key:t.key,"data-has-submenu":!!t.subMenu},N.default.createElement("div",{className:In,onClick:function(){return i(t)}},t.icon&&N.default.createElement("div",{className:Fn,style:{backgroundImage:'url("'.concat(t.icon,'")')}}),l(t.key),t.subMenu&&N.default.createElement("div",{className:qn,style:{"--after-bg":"url(".concat(g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg"),")")}})),t.subMenu&&N.default.createElement("div",{className:Vn},t.subMenu.map((function(n){return N.default.createElement(Yn,{key:n.key,item:n,openKey:a,onClickItem:i,locale:o})}))))},Zn="-AZt1au",Kn="IvSIfCI",Jn="eahCJov",Xn="XIyViFs",$n="_4y-O0w3",ne="kO8iNgD",ee="a1d4E10",te="Tdguxxf",ae="-mOxsaU",ie="yPeDBNZ",oe={helloSites:{member:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg")},ambassador:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg")},doctor:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg")},expert:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg")},influencer:function(){return g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")}},marryBaby:{member:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg")},ambassador:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg")},doctor:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg")},expert:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg")},influencer:function(){return g.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}}},le=function(n){var t=n.themeName,a=n.rank,i=void 0===a?"member":a,o=n.numberOfPosts,l=void 0===o?0:o,s=r.useTranslations().t,d=e.useMemo((function(){var n,e;return(null===(e=null===(n=oe[t])||void 0===n?void 0:n[i])||void 0===e?void 0:e.call(n))||""}),[i,t]);return N.default.createElement("div",{className:$n,"data-user-rank":i},N.default.createElement("div",{className:ne},N.default.createElement("div",{className:ee},N.default.createElement("div",{className:te,style:{backgroundImage:'url("'.concat(d,'")')}}),N.default.createElement("h3",{className:ae},s("userProfile.userRank.".concat(i))),l>0&&N.default.createElement("p",{className:ie},l," ",s("userProfile.nav.header.count.posts")))))},re=function(t){var i=t.SSO_URL,o=t.UP_BASEPATH,l=void 0===o?"user":o,s=t.themeName,d=void 0===s?"helloSites":s,p=t.cardUrls,c=void 0===p?xn:p,m=t.enableCare,f=t.enableTogether,h=t.enableEcom,x=t.userInfo,b=t.togetherApiDomain,y=t.userPostsNumber,w=t.onClickNavigationCard,k=t.onClickMyProfileButton,E=t.onClickMenuItem,_=t.onClickLogout,C=t.isUserProfileNavigatorMenuHidden,T=void 0!==C&&C,A=t.isMyHealthEnabled,P=void 0!==A&&A,M=t.locale,B=r.useTranslations().t,j=e.useState(y||0),O=j[0],L=j[1],z="marryBaby"===d;e.useEffect((function(){if(x&&void 0===y){var e=v.getCookie("hhg_user_token");e&&fetch(function(e,t,i,o){return(i||"https://together.hellohealthgroup.com/")+"api/v1/"+S.default(on,n.__assign(n.__assign({},o),{websiteUrl:t?"https://marrybaby.vn":"https://".concat(a.domainLocales[e])}))}(M,z,b),{headers:{Authorization:"Bearer ".concat(e)}}).then((function(n){return n.json()})).then((function(n){var e,t,a;1===(null==n?void 0:n.status)&&(null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.pagination)&&L((null===(a=null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.pagination)||void 0===a?void 0:a.total_items)||0)})).catch((function(n){return console.error("Error fetching post number",n)}))}}),[M,null!==x,y,b,z]);var D=e.useMemo((function(){return(z?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"]).filter((function(n){return"myBooking"===n?m:"myCommunity"===n?f:"myHealth"===n?P:"eCom"!==n||h}))}),[z,P]),H=e.useMemo((function(){return"marryBaby"===d?null:N.default.createElement(u.Button,{color:"tertiary",icon:N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15}),size:"md",onClick:_,className:Xn},B("userProfile.nav.menu.logout"))}),[d]),U=function(n){window.location.href="".concat(i).concat(l,"/").concat(n)},G=function(n){var e=c[n];w?w(e):U(e)};return x?N.default.createElement("div",{className:Zn,"data-theme":d},N.default.createElement(bn,{userInfo:x,themeName:d,onClickMyProfileButton:function(){k?k():U("profile")}}),N.default.createElement(le,{themeName:d,rank:"member",numberOfPosts:O}),N.default.createElement("div",{className:Kn},D.map((function(n){return N.default.createElement(Gn,{className:Jn,key:n,themeName:d,type:n,onClick:G})}))),!T&&N.default.createElement(N.default.Fragment,null,N.default.createElement(Wn,{themeName:d,locale:M,onClickItem:function(n){"logout"===n.link&&_?_():n.link&&!n.subMenu&&(E?E(n.link):U(n.link))}}),H)):null},se=function(n){var e=n.type,t=void 0===e?"lead":e,a=n.closeIcon,i=n.isOpen,o=void 0===i||i,l=n.onClose,r=n.children,s=n.enableAnimation,d=void 0===s||s,p=n.targetAvatar,c=n.id,u=n.className;return N.default.createElement(W,{"data-open":o,"data-type":t,"data-animation":d,"data-target":p,id:c,className:u},N.default.createElement("div",{className:"popup-content"},!!a&&N.default.createElement("div",{className:"close-button",onClick:l},a),r))},de=function(n){var e=n.SSO_URL,t=n.UP_BASEPATH,a=n.isOpen,i=n.targetAvatar,o=n.userInfo,l=n.enableCare,r=n.enableTogether,s=n.enableEcom,d=n.closePopup,p=n.siteType,c=void 0===p?"helloSites":p,u=n.dispatchLogout,m=n.userProfileRouterPush,g=n.isUserProfileNavigatorMenuHidden,f=n.isMyHealthEnabled,h=void 0!==f&&f,x=n.togetherApiDomain,v=n.locale,b=function(n){m?m("/".concat(n)):e&&(window.location.href="".concat(e).concat(t,"/").concat(n))},y=function(n){b(n),d()};return N.default.createElement(se,{isOpen:a,type:"profile",enableAnimation:!0,targetAvatar:i,onClose:d},N.default.createElement(re,{SSO_URL:e,UP_BASEPATH:t,themeName:c,userInfo:o,enableCare:l,enableTogether:r,enableEcom:s,onClickLogout:function(){u&&(u(),d())},onClickMenuItem:y,onClickNavigationCard:y,onClickMyProfileButton:function(){b("profile"),d()},isUserProfileNavigatorMenuHidden:g,isMyHealthEnabled:h,togetherApiDomain:x,locale:v}))},pe=function(t){var a=t.userInfo,i=t.siteType,o=t.onLoginClick,l=t.SSO_URL,s=t.currentUrl,d=t.isMinifyLogin,p=t.enableCare,h=t.enableTogether,x=t.enableEcom,v=t.isUserProfileNavigatorMenuHidden,b=t.UP_BASEPATH,y=t.isMyHealthEnabled,w=t.togetherApiDomain,k=t.onLogout,E=t.style,_=t.userProfileRouterPush,C=t.isLoading,T=t.locale,A=r.useTranslations().t,P=e.useState(!1),M=P[0],B=P[1],j=(null==a?void 0:a.name)||(null==a?void 0:a.username),O=e.useState(!1),L=O[0],S=O[1];e.useEffect((function(){S(!0)}),[]);var z=R(),D=z.containerRef,H=z.onContainerFocus,U=z.onContainerBlur,G=z.onButtonMouseDown,Q=z.onClose;return C?N.default.createElement(u.Button,{size:"sm",color:"transparent",isLoading:!0}):(null==a?void 0:a.id)?N.default.createElement(N.default.Fragment,null,N.default.createElement(tn,{ref:D,style:E,tabIndex:0,onBlur:U,onFocus:H},N.default.createElement("div",{onMouseDown:G},N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},N.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),N.default.createElement(c.Avatar,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==a?void 0:a.avatar,firstLetter:j&&j.length?j[0].toUpperCase():"A",backgroundColor:"marryBaby"===i?f.theme.mbColors.pink:f.theme.colors.secondaryBase})),N.default.createElement(de,{UP_BASEPATH:b,SSO_URL:l,dispatchLogout:function(){Q(),B(!0)},isOpen:!1,isMyHealthEnabled:y,enableCare:p,enableTogether:h,enableEcom:x,closePopup:Q,userInfo:a,siteType:i,isUserProfileNavigatorMenuHidden:v,togetherApiDomain:w,userProfileRouterPush:_,locale:T})),N.default.createElement(F,{openLogoutPopup:M,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),B(!1)},siteType:i,onLogoutHandler:function(){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return B(!1),document.body.classList.toggle("noscroll",!1),[4,k()];case 1:return n.sent(),[2]}}))}))}})):N.default.createElement(an,{style:n.__assign({textDecoration:"none"},E),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":s,href:L?void 0:"".concat(l,"?returnUrl=").concat(s),"data-site-type":i},d?N.default.createElement(en,{onClick:o},N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):N.default.createElement(N.default.Fragment,null,"helloSites"===i&&N.default.createElement("img",{className:"mobile-only",src:g.CommonGAssets.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:o}),"marryBaby"===i&&N.default.createElement("div",{className:"mobile-only",onClick:o,style:{paddingLeft:16}},N.default.createElement(m.Text,{size:"p3",color:f.theme.mbColors.pink},A("navigation.loginJoin"))),N.default.createElement(u.Button,{className:"login-btn",size:"md",color:"tertiary",onClick:o,icon:N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("login.svg"),width:18,height:18}),theme:i},A("navigation.loginJoin"))))},ce=N.default.createContext({}),ue=function(t){var o=t.children,l=n.__rest(t,["children"]),r=N.default.useState((function(){return l.currentUrl||"https://".concat("marryBaby"===l.siteType?w.domainLocalesMarryBaby[l.locale||"en-PH"]:a.domainLocales[l.locale||"en-PH"]).concat("together"===l.projectType?"/community":"ecom"===l.projectType?"/ecom":"care"===l.projectType?"/care":"","/")})),s=r[0],d=r[1];e.useEffect((function(){var n=function(){d(window.location.href)};return window.addEventListener("popstate",n),n(),function(){window.removeEventListener("popstate",n)}}),[]);var p=function(n){var t=n.locale,o=n.projectType,l=n.isMobile,r=n.siteType;return e.useMemo((function(){var n=!(!l&&"profile"===o),e="discover"===o||"marryBaby"===o||"profile"===o&&"marryBaby"===r,s="marryBaby"!==r&&"marryBaby"!==o&&a.CARE_LOCALES.includes(t),d="marryBaby"!==o&&"discover"===o&&"marryBaby"!==r&&a.CARE_BOOKING_LOCALES.includes(t),p="marryBaby"===o||a.TOGETHER_LOCALES.includes(t),c="ecom"===o,u="ecom"===o,m=i.getCurrentBaseUrl(t,"marryBaby"===r),g=i.getCurrentSsoUrl(t,"marryBaby"===r);return{enableProfileNavigatorMenu:n,enableSearchBar:e,enableNavCare:s,enableNavCareBooking:d,enableNavTogether:p,enableNavEcom:c,enableProfileEcom:u,enableProfileMyHealth:!0,statics:{HOME_PAGE_URL:m,CARE_URL_FE:"".concat(m,"/care"),TOGETHER_URL_FE:"".concat(m,"/community"),SSO_URL:g,TOGETHER_API:i.getTogetherApiDomain(),DISCOVER_API:i.getDiscoverApiDomain(t)}}}),[t,o,l])}({locale:l.locale,projectType:l.projectType,isMobile:l.isMobile,siteType:l.siteType});return N.default.createElement(ce.Provider,{value:n.__assign(n.__assign({},l),{configs:p,currentUrl:l.currentUrl||s})},o)},me="-XmTq5-",ge="V-oxu20",fe=function(n){var t=n.item,a=n.menu,i=R({allowBgScroll:!0}),o=i.containerRef,l=i.onContainerFocus,r=i.onContainerBlur,s=i.onButtonMouseDown,d=i.onClose,p=function(){var n=e.useState(!0),t=n[0],a=n[1];return e.useEffect((function(){a(!1)}),[]),t}();return!t.popupType&&t.link?N.default.createElement("a",{className:"hhgcomp-navigation-itemnav-headeritem ".concat(p?"":"menu-handler-".concat(t.id)),tabIndex:0,href:t.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link},N.default.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link,className:ge},t.name)):N.default.createElement("div",{ref:o,className:"hhgcomp-navigation-itemnav-headeritem ".concat(p?"":"menu-handler-".concat(t.id)),tabIndex:0,key:t.id,onBlur:r,onFocus:l,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link},N.default.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t.link,onMouseDown:s,className:ge},t.name,t.popupType&&N.default.createElement("div",{className:me},N.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),N.default.isValidElement(a)?N.default.cloneElement(a,{onClose:d}):null)},he=e.memo((function(){return N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.default.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"}))})),xe=function(){var n=e.useContext(ce),t=n.locale,i=n.configs.statics,o=n.siteType,l=r.useTranslations().t;return N.default.createElement(k.PureInput,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:"marryBaby"===o?l("navigation.search.input.placeholder"):l("home.search",{site:a.LOCALE_SPECS[t||"en-PH"]?a.LOCALE_SPECS[t||"en-PH"].SITE_NAME:""}),onChange:function(){},onKeyDown:function(n){return"Enter"===n.key&&(window.location.href="".concat(i.HOME_PAGE_URL,"/search/?s=").concat(n.target.value))},type:"search",onFocus:function(n){n.preventDefault()},displayIcon:N.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},N.default.createElement(he,null))})},ve="eJS8-if",be="EuQrB-3",ye="_0JtBh8L",we=function(n){var e=n.onClosePopup;return N.default.createElement("div",{className:"".concat(ye," close-btn"),onClick:e},N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))},ke=function(n){var e=n.onClosePopup,t=n.isDisplay,a=n.children,i=n.isNavMenu,o=n.hideCloseBtn;return N.default.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!i},N.default.createElement(l.Container,null,!o&&N.default.createElement("div",{className:be},N.default.createElement(we,{onClosePopup:e})),N.default.createElement(l.Container,{className:ve},a)))},Ee=L.default.div(yn||(yn=n.__makeTemplateObject(["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"])),d.MediaQueries.mbUp),_e=L.default.a(wn||(wn=n.__makeTemplateObject(["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      max-width: 40px;\n      width: 100%;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n      img {\n        border-radius: 50%;\n      }\n    }\n  }\n"],["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      max-width: 40px;\n      width: 100%;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n      img {\n        border-radius: 50%;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.lightPink}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.mbColors.lightGray})),Ce=L.default.div(kn||(kn=n.__makeTemplateObject(["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"],["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"])),d.MediaQueries.mbDown),Te=L.default.div(En||(En=n.__makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"])),d.MediaQueries.mbUp),Ae=L.default.div(_n||(_n=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),Pe=L.default.div(Cn||(Cn=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"]))),Me=L.default.a(Tn||(Tn=n.__makeTemplateObject(["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"],["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),d.MediaQueries.mbDown),Be=function(n){var t=n.hrefViewMore,a=n.titleBtnViewMore,i=n.UrlFE,o=n.onClosePopup,l=n.menuItems,r=n.headingTitle,s=e.useContext(ce).siteType;return N.default.createElement(Ee,null,N.default.createElement(Ce,null,N.default.createElement(E.Heading,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},r)),null==l?void 0:l.slice(0,6).map((function(n,e){var t=(null==n?void 0:n.link)?(null==n?void 0:n.link.startsWith("http"))?null==n?void 0:n.link:"".concat(i,"/").concat(null==n?void 0:n.link.split("/").filter(Boolean).join("/"),"/"):"/";return N.default.createElement(_e,{className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t,"data-is-heading-category":!1,href:t,"data-theme":s,key:e,onClick:o},N.default.createElement("div",{className:"icon"},N.default.createElement("img",{loading:"lazy",alt:n.name,src:n.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}})),N.default.createElement("p",null,n.name),N.default.createElement(Te,null,N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"}})))})),a&&N.default.createElement(Me,{"data-theme":s,style:{textDecoration:"none"},href:t,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t},N.default.createElement(Ae,{onClick:o,"data-theme":s,"data-is-heading-category":!1},a,N.default.createElement(Pe,null,N.default.createElement("img",{className:"svg",src:"marryBaby"===s?g.CommonGAssets.getAssetPath("chevronRightPink.svg"):g.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}})))))},je=L.default.div(An||(An=n.__makeTemplateObject(["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"],["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"])),d.MediaQueries.mbDown,d.MediaQueries.mbUp),Ne=L.default.div(Pn||(Pn=n.__makeTemplateObject(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"])),(function(n){return n.theme.colors.gray600})),Oe=L.default.div(Mn||(Mn=n.__makeTemplateObject(["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"],["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"]))),Le=L.default.div(Bn||(Bn=n.__makeTemplateObject(["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"],["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"]))),Se=L.default.div(jn||(jn=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"])),d.MediaQueries.mbDown),ze=function(n){var t=n.title,a=n.link,i=n.description,o=n.cta,l=n.icon,r=e.useContext(ce).siteType;return N.default.createElement(je,{"data-theme":r},N.default.createElement(Se,null,N.default.createElement("img",{src:"marryBaby"===r?g.CommonGAssets.getAssetPath("navMBSpotlightBgNoData.svg"):g.CommonGAssets.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),N.default.createElement(Le,null,l&&N.default.createElement("img",{src:l,width:64,height:64}))),N.default.createElement("div",null,t&&N.default.createElement(Oe,null,t),i&&N.default.createElement(Ne,null,i),o&&N.default.createElement("div",null,N.default.createElement("a",{href:a},N.default.createElement(u.Button,{theme:r,className:"survey-contact-submit",size:"md"},o)))))},De=L.default.div(Nn||(Nn=n.__makeTemplateObject(["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"],["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"])),d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral100})),He=L.default.div(On||(On=n.__makeTemplateObject(["\n  margin: 15px 0;\n  display: flex;\n"],["\n  margin: 15px 0;\n  display: flex;\n"]))),Ue=L.default.a(Ln||(Ln=n.__makeTemplateObject(["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"],["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),d.MediaQueries.mbDown),Ge=function(n){var t=n.title,a=n.viewMore,i=n.children,o=n.link,l=n.dataEventAction,r=void 0===l?"":l,s=e.useContext(ce).siteType;return N.default.createElement(De,null,N.default.createElement(He,null,N.default.createElement(E.Heading,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},t),a&&N.default.createElement(Ue,{"data-event-category":"Hamburger Navigation","data-event-action":r,"data-event-label":o,href:o,"data-theme":s},a,N.default.createElement("img",{src:"marryBaby"===s?g.CommonGAssets.getAssetPath("chevronRightPink.svg"):g.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}}))),i)};L.default.div(Re||(Re=n.__makeTemplateObject(["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}));var Re,Qe,Ie,Fe,qe,Ve,We,Ye,Ze,Ke=L.default.div(Qe||(Qe=n.__makeTemplateObject(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"])),d.MediaQueries.tdDown),Je=L.default.div(Ie||(Ie=n.__makeTemplateObject(["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"],["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"])),d.MediaQueries.tdDown,d.MediaQueries.mbDown),Xe=L.default.div(Fe||(Fe=n.__makeTemplateObject(["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"],["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"]))),$e=L.default.div(qe||(qe=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),d.MediaQueries.tdDown),nt=L.default.p(Ve||(Ve=n.__makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"])),(function(n){return n.theme.colors.gray800}),d.MediaQueries.tdDown),et=L.default.p(We||(We=n.__makeTemplateObject(["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"])),(function(n){return n.theme.colors.gray600}),d.MediaQueries.tdDown),tt=L.default.div(Ye||(Ye=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"])),d.MediaQueries.tdDown),at="hhgcomp-navigation-menucareitem-contentwrapper",it=x.getDefaultClassWrapper(tt,at),ot=L.default.a(Ze||(Ze=n.__makeTemplateObject(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    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);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > ."," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    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);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    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);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > ."," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    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);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"])),f.theme.colors.white,d.MediaQueries.tdUp,d.MediaQueries.tdDown,at,d.MediaQueries.mbDown,d.MediaQueries.tdOnly,f.theme.colors.neutral100),lt=function(n){var t,a=n.item,i=n.index,o=void 0===i?0:i,l=r.useTranslations().t,s=e.useContext(ce),d=s.locale,p=s.configs.statics;if(!a)return null;var c="".concat(p.CARE_URL_FE,"/").concat(null===(t=b.LOCALIZED_SLUGS[d])||void 0===t?void 0:t.HOSPITAL,"/").concat(a.slug,"-").concat(a.id);return N.default.createElement(ot,{key:a.id,href:c,"data-event-category":"Hamburger Navigation","data-event-action":"Care Click ".concat(o+1),"data-event-label":c},N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),N.default.createElement(Je,null,N.default.createElement(Xe,null,N.default.createElement("img",{loading:"lazy",alt:a.name,src:a.logo||"/images/avatar.jpg"}))),N.default.createElement(it,null,N.default.createElement(nt,null,a.name),N.default.createElement(et,null,a.description),N.default.createElement($e,null,l("home.seeMore"),N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))))},rt=function(n){var e=n.spotlights,t=void 0===e?[]:e,a=n.hrefViewMore,i=r.useTranslations().t;return N.default.createElement(Ge,{title:i("home.navigator.menu.spotlightHospitals")},0!==t.length?N.default.createElement(Ke,null,null==t?void 0:t.slice(0,3).map((function(n,e){return N.default.createElement(lt,{key:e,index:e,item:n})}))):N.default.createElement(ze,{title:i("home.navigator.menu.care.noDatas.title"),description:i("home.navigator.menu.care.noDatas.description"),link:a,cta:i("home.navigator.menu.care.noDatas.cta"),icon:g.CommonGAssets.getAssetPath("community.svg")}))},st=function(n){var t,a=n.careSpecialties,i=void 0===a?[]:a,o=n.isOpen,l=n.onClose,s=n.spotlights,d=void 0===s?[]:s,p=r.useTranslations().t,c=e.useContext(ce),u=c.locale,m=c.configs.statics,g="".concat(m.CARE_URL_FE,"/").concat(null===(t=b.LOCALIZED_SLUGS[u])||void 0===t?void 0:t.SPECIALTIES);return N.default.createElement(ke,{onClosePopup:l,isDisplay:o,isNavMenu:!0},N.default.createElement(Be,{headingTitle:p("home.navigator.menuItem.specialties"),hrefViewMore:g,UrlFE:m.CARE_URL_FE,onClosePopup:l,titleBtnViewMore:p("home.navigator.menuItem.allSpecialties"),menuItems:(null==i?void 0:i.map((function(n){return n?{name:String(n.name)||"",link:gn({type:"DOCTOR",specialtySlug:n.slug,locale:u}),thumbnail:(null==n?void 0:n.thumbnail)||""}:{}})))||[]}),N.default.createElement(rt,{spotlights:d,hrefViewMore:g}))};L.default.div(dt||(dt=n.__makeTemplateObject(["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"]))),L.default.div(pt||(pt=n.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var dt,pt,ct,ut,mt,gt,ft=L.default.div(ct||(ct=n.__makeTemplateObject(["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"])),d.MediaQueries.tdDown),ht=L.default.a(ut||(ut=n.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"]))),xt=L.default.div(mt||(mt=n.__makeTemplateObject(["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"],["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"])),d.MediaQueries.tdDown),vt=L.default.p(gt||(gt=n.__makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray800}),d.MediaQueries.tdUp),bt=function(n){var e=n.item,t=n.index,a=void 0===t?0:t;return e?N.default.createElement(ht,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Spotlight Click ".concat(a+1),"data-event-label":e.link},N.default.createElement(xt,null,N.default.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),N.default.createElement(vt,null,e.title)):null},yt=function(n){var t=n.spotlightsList,a=void 0===t?[]:t,i=n.hrefViewMore,o=r.useTranslations().t,l=e.useContext(ce).configs.statics;return N.default.createElement(Ge,{title:o("home.navigator.menu.spotlights"),viewMore:o("home.navigator.menu.spotlights.seeAll"),link:i,dataEventAction:"Spotlight See More Click"},0!==a.length?N.default.createElement(ft,null,null==a?void 0:a.slice(0,4).map((function(n,e){return N.default.createElement(bt,{key:e,index:e,item:{id:n.id,link:l.HOME_PAGE_URL+n.permalink,title:n.name,banner:n.image}})}))):N.default.createElement(ze,{title:o("home.navigator.menu.category.noDatas.title"),description:o("home.navigator.menu.category.noDatas.description"),link:i,cta:o("home.navigator.menu.category.noDatas.cta"),icon:g.CommonGAssets.getAssetPath("Spotlight.svg")}))},wt=function(n){var t=n.categories,a=void 0===t?[]:t,i=n.spotlightsList,o=void 0===i?[]:i,l=n.onClose,s=n.isOpen,d=r.useTranslations().t,p=e.useContext(ce),c=p.locale,u=p.configs.statics;return N.default.createElement(ke,{onClosePopup:l,isDisplay:s,isNavMenu:!0},N.default.createElement(Be,{hrefViewMore:"".concat(u.HOME_PAGE_URL).concat("tl-PH"===c?"/fil":"","/categories/"),UrlFE:u.HOME_PAGE_URL,onClosePopup:l,titleBtnViewMore:d("home.navigator.menuItem.allCategories"),menuItems:(null==a?void 0:a.map((function(n){return n?{name:n.displayName||null,link:(null==n?void 0:n.permalink)||"/",thumbnail:n.iconUrl||null}:{}})))||[],headingTitle:d("home.navigator.menuItem.healthCategories")}),N.default.createElement(yt,{spotlightsList:o,hrefViewMore:"".concat(u.HOME_PAGE_URL).concat("tl-PH"===c?"/fil":"","/spotlight/")}))};L.default.div(kt||(kt=n.__makeTemplateObject(["\n  & > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),L.default.div(Et||(Et=n.__makeTemplateObject(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var kt,Et,_t,Ct,Tt,At,Pt,Mt,Bt,jt,Nt,Ot,Lt,St,zt=L.default.div(_t||(_t=n.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"],["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"])),d.MediaQueries.tdDown,d.MediaQueries.mbDown),Dt=L.default.div(Ct||(Ct=n.__makeTemplateObject(["\n  padding: 5px;\n  flex: 1;\n"],["\n  padding: 5px;\n  flex: 1;\n"]))),Ht=L.default.img(Tt||(Tt=n.__makeTemplateObject(["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"],["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"]))),Ut=L.default.div(At||(At=n.__makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.gray800})),Gt=L.default.div(Pt||(Pt=n.__makeTemplateObject(["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),Rt=L.default.div(Mt||(Mt=n.__makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray600})),Qt=L.default.div(Bt||(Bt=n.__makeTemplateObject(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray600})),It=L.default.a(jt||(jt=n.__makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),d.MediaQueries.tdOnly,d.MediaQueries.mbDown,d.MediaQueries.tdUp),Ft=L.default.div(Nt||(Nt=n.__makeTemplateObject(["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"],["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"]))),qt=L.default.div(Ot||(Ot=n.__makeTemplateObject(["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"],["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.gray800})),Vt=L.default.div(Lt||(Lt=n.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"]))),Wt=L.default.div(St||(St=n.__makeTemplateObject(["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"],["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"])));z.default.extend(D.default);var Yt=function(n){var t,a,i,o,l,r,s,d=n.post,p=n.index,c=void 0===p?0:p,u=e.useContext(ce),m=u.siteType,g=u.configs.statics;if(!d)return null;var f=[g.TOGETHER_URL_FE,null===(t=d.community)||void 0===t?void 0:t.slug].join("/"),h=[f,d.slug].join("/"),x=d.createdAt,v=x?isNaN(new Date(x).getTime())?null:new Date(x):null,b=v?z.default(v).toNow(!0):x;return N.default.createElement(It,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":"Together Click ".concat(c+1),"data-event-label":h},N.default.createElement(Dt,null,N.default.createElement(Ft,null,N.default.createElement(w.UserAvatar,{avatar:null===(a=d.author)||void 0===a?void 0:a.avatar,username:(null===(i=d.author)||void 0===i?void 0:i.name)||(null===(o=d.author)||void 0===o?void 0:o.username)}),N.default.createElement(Wt,null,N.default.createElement(Ut,{"data-theme":m},null===(l=d.author)||void 0===l?void 0:l.name),N.default.createElement(Vt,null,N.default.createElement(Gt,{"data-event-category":"Hamburger Navigation","data-event-action":"Topic Click ".concat(c+1),"data-event-label":f,onClick:function(n){n.preventDefault(),location.href=f},"data-theme":m},null===(r=d.community)||void 0===r?void 0:r.name),N.default.createElement(Qt,null,"•"),N.default.createElement(Rt,{"data-theme":m},b)))),N.default.createElement(qt,null,d.title)),!!(null===(s=d.photos)||void 0===s?void 0:s.length)&&N.default.createElement(Ht,{loading:"lazy",src:d.photos[0]}))},Zt=function(n){var t=n.spotlights,a=void 0===t?[]:t,i=e.useContext(ce).configs.statics,o=r.useTranslations().t;return N.default.createElement(Ge,{title:o("home.navigator.menu.trendingPosts"),viewMore:o("home.navigator.menu.trendingPosts.seeMore"),link:i.TOGETHER_URL_FE+"/",dataEventAction:"Together See More Click"},0!==a.length?N.default.createElement(zt,null,null==a?void 0:a.slice(0,4).map((function(n,e){return N.default.createElement(Yt,{index:e,post:n,key:n.id})}))):N.default.createElement(ze,{title:o("home.navigator.menu.together.noPosts.title"),description:o("home.navigator.menu.together.noPosts.description"),link:"".concat(i.HOME_PAGE_URL,"/community/"),cta:o("home.navigator.menu.together.noPosts.cta"),icon:g.CommonGAssets.getAssetPath("community.svg")}))},Kt=function(n){var t=n.communities,a=void 0===t?[]:t,i=n.onClose,o=n.isOpen,l=n.spotlights,s=void 0===l?[]:l,d=r.useTranslations().t,p=e.useContext(ce).configs.statics;return N.default.createElement(ke,{onClosePopup:i,isDisplay:o,isNavMenu:!0},N.default.createElement(Be,{hrefViewMore:p.TOGETHER_URL_FE+"/",UrlFE:p.TOGETHER_URL_FE,onClosePopup:i,titleBtnViewMore:d("home.navigator.menuItem.allCommunities"),menuItems:(null==a?void 0:a.map((function(n){return n?{name:n.name||"",link:n.slug||"/",thumbnail:n.thumbnail||""}:{}})))||[],headingTitle:d("home.navigator.menuItem.allCommunitiesheadingTitle")}),N.default.createElement(Zt,{spotlights:s}))};L.default.div(Jt||(Jt=n.__makeTemplateObject(["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])));var Jt,Xt,$t,na,ea,ta,aa,ia,oa,la,ra,sa,da,pa,ca,ua,ma=L.default.div(Xt||(Xt=n.__makeTemplateObject(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"])),d.MediaQueries.tdDown),ga=L.default.a($t||($t=n.__makeTemplateObject(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"])),d.MediaQueries.tdDown,d.MediaQueries.tdDown),fa=L.default.div(na||(na=n.__makeTemplateObject(["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"],["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"])),d.MediaQueries.tdDown),ha=L.default.div(ea||(ea=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"])),(function(n){return n.theme.colors.primaryBase})),xa=L.default.p(ta||(ta=n.__makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray800})),va=L.default.p(aa||(aa=n.__makeTemplateObject(["\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray600}),d.MediaQueries.tdDown),ba=L.default.div(ia||(ia=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"])),d.MediaQueries.tdUp,d.MediaQueries.tdDown),ya=function(n){var t=n.item,a=n.index,i=void 0===a?0:a,o=r.useTranslations().t,l=e.useContext(ce).configs.statics;if(!t)return null;var s=t.link?t.link.startsWith("http")?t.link:"".concat(l.HOME_PAGE_URL).concat(t.link):void 0;return N.default.createElement(ga,{href:s,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":s},N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),N.default.createElement(ba,null,N.default.createElement(xa,null,t.title),N.default.createElement(va,null,t.subtitle),N.default.createElement(ha,null,o("home.seeMore"),N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))),N.default.createElement(fa,null,N.default.createElement("img",{loading:"lazy",alt:t.title,src:t.icon||"/images/avatar.jpg"})))},wa=L.default.a(oa||(oa=n.__makeTemplateObject(["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    width: 40px;\n    height: 30px;\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"],["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    width: 40px;\n    height: 30px;\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.tonePink}),(function(n){return n.theme.mbColors.peach}),(function(n){return n.theme.mbColors.toneYellow}),(function(n){return n.theme.mbColors.orange}),(function(n){return n.theme.mbColors.toneGreen}),(function(n){return n.theme.mbColors.mint}),d.MediaQueries.tdDown,d.MediaQueries.mbDown,d.MediaQueries.tdUp,d.MediaQueries.tdUp,d.MediaQueries.tdDown),ka=L.default.div(la||(la=n.__makeTemplateObject(["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"],["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"])),d.MediaQueries.tdDown,d.MediaQueries.mbDown),Ea=L.default.div(ra||(ra=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"])),(function(n){return n.theme.mbColors.gray}),d.MediaQueries.tdDown,(function(n){return n.theme.mbColors.pink})),_a=L.default.p(sa||(sa=n.__makeTemplateObject(["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"],["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray800})),Ca=L.default.p(da||(da=n.__makeTemplateObject(["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray600}),d.MediaQueries.tdDown),Ta=L.default.div(pa||(pa=n.__makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"])),d.MediaQueries.tdUp,d.MediaQueries.tdDown),Aa=L.default.div(ca||(ca=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"])),d.MediaQueries.tdUp,d.MediaQueries.tdDown),Pa=L.default.div(ua||(ua=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"])),d.MediaQueries.tdUp,d.MediaQueries.tdDown),Ma=function(n){var t=n.item,a=n.index,i=void 0===a?0:a,o=n.color,l=r.useTranslations().t,s=e.useContext(ce).configs.statics;if(!t)return null;var d=t.link?t.link.startsWith("http")?t.link:"".concat(s.HOME_PAGE_URL).concat(t.link):void 0,p=function(){return N.default.createElement(ka,null,N.default.createElement("img",{loading:"lazy",alt:t.title,src:t.icon||"/images/avatar.jpg"}))},c=function(){return N.default.createElement(Pa,null,N.default.createElement(Aa,null,N.default.createElement(_a,null,t.title),N.default.createElement(Ca,null,t.subtitle)),N.default.createElement(Ea,null,N.default.createElement("div",{className:"mobile-only"},l("home.seeMore")),N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"}})))};return N.default.createElement(wa,{href:d,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":d,"data-color":o},N.default.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.default.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"})),N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),N.default.createElement(Ta,null,N.default.createElement("div",{className:"mobile-only"},p()),N.default.createElement("div",{className:"desktop-only"},c())),N.default.createElement("div",{className:"mobile-only"},c()),N.default.createElement("div",{className:"desktop-only"},p()))},Ba=function(n){var t=n.hrefViewMore,a=n.spotlightHealthTools,i=void 0===a?[]:a,o=r.useTranslations().t,l=["pink","orange","green"],s=e.useContext(ce).siteType;return N.default.createElement(Ge,{title:o("home.navigator.menu.spotlightTools")},0!==i.length&&N.default.createElement(ma,null,null==i?void 0:i.slice(0,3).map((function(n,e){return"marryBaby"===s?N.default.createElement(Ma,{key:e,index:e,item:n,color:l[e]}):N.default.createElement(ya,{key:e,index:e,item:n})}))),0===i.length&&N.default.createElement(ze,{title:o("home.navigator.menu.healthTools.noDatas.title"),description:o("home.navigator.menu.healthTools.noDatas.description"),link:t,cta:o("home.navigator.menu.healthTools.noDatas.cta"),icon:g.CommonGAssets.getAssetPath("community.svg")}))},ja=function(n){var t,i=n.locale,o=n.onClose,l=n.isOpen,s=n.spotlightHealthTools,d=void 0===s?[]:s,p=n.healthTools,c=void 0===p?[]:p,u=r.useTranslations().t,m=e.useContext(ce).configs.statics,g="".concat(m.HOME_PAGE_URL).concat("tl-PH"===i?"/fil":"").concat((null===(t=a.STATIC_PAGES[i])||void 0===t?void 0:t.HEALTH_TOOLS)||"");return N.default.createElement(ke,{onClosePopup:o,isDisplay:l,isNavMenu:!0},N.default.createElement(Be,{hrefViewMore:g,UrlFE:m.HOME_PAGE_URL,onClosePopup:o,headingTitle:u("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:u("home.navigator.menuItem.allHealthTools"),menuItems:c.map((function(n){return{name:n.title,link:n.link?n.link.startsWith("http")?n.link:"".concat(m.HOME_PAGE_URL).concat(n.link):void 0,thumbnail:n.icon}}))}),N.default.createElement(Ba,{spotlightHealthTools:d,hrefViewMore:g}))},Na="_6gGCHV-",Oa="YDzfyQU",La=function(n){var e=n.onCareHeaderClick,t=n.currentUrl,a=n.careUrlFe,i=n.btnName;return e?N.default.createElement(u.Button,{className:Na,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:function(n){return e(n)}},i):N.default.createElement("a",{href:a,className:"".concat(Oa," care-button no-replace-click")},N.default.createElement(u.Button,{className:Na,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},i))};function Sa(n){var e=n.className;return N.default.createElement("div",null,N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e},N.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function za(n){var e=n.siteType,t=n.type,a=n.enableSearch,i=n.className;return"helloSites"===e?N.default.createElement("div",null,N.default.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:a?g.CommonGAssets.getAssetPath("hamburgerMenuNewWithSearch.svg"):g.CommonGAssets.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:t,className:i})):N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i},N.default.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"}))}var Da=L.default.div(Ha||(Ha=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n  .hhgcomp-navigation-popupwrapper-menuwrapper {\n    position: unset;\n  }\n"],["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n  .hhgcomp-navigation-popupwrapper-menuwrapper {\n    position: unset;\n  }\n"])));L.default.div(Ua||(Ua=n.__makeTemplateObject(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"],["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"]))),L.default.div(Ga||(Ga=n.__makeTemplateObject(["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"]))),L.default.div(Ra||(Ra=n.__makeTemplateObject(["\n  margin-top: 64px;\n"],["\n  margin-top: 64px;\n"]))),L.default.div(Qa||(Qa=n.__makeTemplateObject(["\n  padding: 24px 0;\n"],["\n  padding: 24px 0;\n"]))),L.default.div(Ia||(Ia=n.__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"]))),L.default.div(Fa||(Fa=n.__makeTemplateObject(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),dn,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),L.default.div(qa||(qa=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),L.default.div(Va||(Va=n.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"]))),L.default.div(Wa||(Wa=n.__makeTemplateObject(["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"],["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),L.default.div(Ya||(Ya=n.__makeTemplateObject(["\n  display: none;\n"],["\n  display: none;\n"]))),L.default.div(Za||(Za=n.__makeTemplateObject(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),L.default.div(Ka||(Ka=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),L.default.div(Ja||(Ja=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),L.default.div(Xa||(Xa=n.__makeTemplateObject(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),L.default.div($a||($a=n.__makeTemplateObject(["\n  display: block;\n"],["\n  display: block;\n"]))),L.default.div(ni||(ni=n.__makeTemplateObject(["\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"],["\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800})),L.default.div(ei||(ei=n.__makeTemplateObject(["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"],["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"])),(function(n){return n.theme.mbColors.pink}));var Ha,Ua,Ga,Ra,Qa,Ia,Fa,qa,Va,Wa,Ya,Za,Ka,Ja,Xa,$a,ni,ei,ti,ai,ii=L.default.div(ti||(ti=n.__makeTemplateObject(["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"],["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.lightGray})),oi=L.default.div(ai||(ai=n.__makeTemplateObject(["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"],["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"]))),li=function(n){var t,i,o=n.closePopup,l=n.menuItems,s=void 0===l?[]:l,d=e.useContext(ce),p=d.siteType,c=d.ssrMenuContent,u=c.categories,m=c.healthTools,g=c.care,f=c.together,h=d.activeMenuService,x=d.configs,v=x.statics,y=x.enableSearchBar,w=d.locale,k=r.useTranslations().t;return N.default.createElement(Da,{id:"categories-menu"},y?N.default.createElement(ii,{"data-theme":p,onClick:function(){window.location.href="".concat(v.HOME_PAGE_URL,"/search")}},N.default.createElement(xe,null)):null,N.default.createElement(oi,null,N.default.createElement(Be,{UrlFE:v.HOME_PAGE_URL,titleBtnViewMore:k("home.navigator.menuItem.allCategories"),menuItems:s,headingTitle:k("home.navigator.menuItem.healthCategories"),onClosePopup:o}),"categories"===h&&N.default.createElement(yt,{spotlightsList:(null==u?void 0:u.spotlights)||[],hrefViewMore:"".concat(v.HOME_PAGE_URL).concat("tl-PH"===w?"/fil":"","/spotlight/")}),"tools"===h&&N.default.createElement(Ba,{spotlightHealthTools:null==m?void 0:m.spotlights,hrefViewMore:"".concat(v.HOME_PAGE_URL).concat("tl-PH"===w?"/fil":"").concat((null===(t=a.STATIC_PAGES[w])||void 0===t?void 0:t.HEALTH_TOOLS)||"")}),"care"===h&&N.default.createElement(rt,{spotlights:null==g?void 0:g.spotlights,hrefViewMore:"".concat(v.CARE_URL_FE,"/").concat(null===(i=b.LOCALIZED_SLUGS[w])||void 0===i?void 0:i.SPECIALTIES)}),"together"===h&&N.default.createElement(Zt,{spotlights:null==f?void 0:f.spotlights})))},ri="IQdn7tn",si="_1jX3mGY",di="arD755Y",pi=function(n){var t=n.type,a=void 0===t?"home":t,i=n.menuItems,o=e.useContext(ce),l=o.siteType,r=o.configs.enableSearchBar,s=R(),d=s.containerRef,p=s.onContainerFocus,c=s.onContainerBlur,u=s.onButtonMouseDown,m=s.onClose;return N.default.createElement(G,{mediaQueryKey:"mbDown"},N.default.createElement("header",{className:ri},N.default.createElement("div",{className:si,ref:d,role:"button",tabIndex:0,onBlur:c,onFocus:p},N.default.createElement("div",{className:di,onMouseDown:u,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},N.default.createElement(Sa,{className:"mobile-close-icon"}),N.default.createElement(za,{siteType:l,type:a,enableSearch:r,className:"mobile-hamburger-icon"})),N.default.createElement(li,{menuItems:i,closePopup:m}))))},ci=L.default.div(hi||(hi=n.__makeTemplateObject(["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"],["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.mbColors.lightPink}),d.MediaQueries.mbUp,d.MediaQueries.mbDown,ln,rn,sn,(function(n){return n.theme.mbColors.lightGray})),ui=L.default.div(xi||(xi=n.__makeTemplateObject(["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"],["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"])),d.MediaQueries.pcDown,d.MediaQueries.mbDown,d.MediaQueries.tdUp),mi=L.default.div(vi||(vi=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),d.MediaQueries.pcDown),gi=L.default.div(bi||(bi=n.__makeTemplateObject([""],[""]))),fi=L.default.div(yi||(yi=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  .hhgcomp-navigation-itemnav-headeritem {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  .hhgcomp-navigation-itemnav-headeritem {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),d.MediaQueries.pcUp,d.MediaQueries.pcDown,d.MediaQueries.mbDown);L.default.div(wi||(wi=n.__makeTemplateObject(["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"],["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"])));var hi,xi,vi,bi,yi,wi,ki,Ei,_i,Ci,Ti,Ai=L.default.div(ki||(ki=n.__makeTemplateObject(["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"],["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"])),d.MediaQueries.pcDown,d.MediaQueries.mbDown),Pi=L.default.div(Ei||(Ei=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"]))),Mi=function(n){var t,i=n.onTopBarAppears,o=n.type,s=void 0===o?"home":o,d=n.languageMenu,p=n.menuItems,c=n.setSitewideBannerClosed,u=n.sitewideBannerClosed,m=e.useContext(ce),f=m.siteType,h=m.isMobile,x=void 0!==h&&h,v=m.locale,b=m.sitewideBanner,y=m.sitewideBannerShown,w=void 0===y||y,k=m.sponsorComponent,E=m.onBookingClick,_=m.currentUrl,C=m.onLoginClick,T=m.configs,A=T.statics,P=T.enableNavCareBooking,M=T.enableSearchBar,B=T.enableNavCare,j=T.enableProfileMyHealth,L=T.enableNavTogether,S=T.enableProfileEcom,z=T.enableProfileNavigatorMenu,D=m.userState.userInfo,H=m.onLogout,U=m.userProfileRouterPush,R=m.isUserLoading,Q=r.useTranslations().t,I=A.SSO_URL,F=A.HOME_PAGE_URL,q=!!k,V=e.useState(!1),W=V[0],Y=V[1],Z=e.useRef(47),K=e.useRef(null),J=e.useRef(!1),X="helloSites"===f?null===(t=a.LOCALE_SPECS[v])||void 0===t?void 0:t.LOGO_TYPE:f,$="undefined"!=typeof window,nn=e.useCallback(O.default((function(){if("home"===s&&$){if(!K.current)return;var n=K.current.getBoundingClientRect();n.top<=0&&window.scrollY>Z.current&&window.scrollY>n.height+20&&!J.current&&(J.current=!0,Y(!0)),window.scrollY<Z.current&&J.current&&(J.current=!1,Y(!1)),window.scrollY>=0&&(Z.current=window.scrollY)}}),200),[]);e.useEffect((function(){null==i||i(!W)}),[W]),e.useEffect((function(){return window.addEventListener("scroll",nn,{passive:!0}),function(){window.removeEventListener("scroll",nn)}}),[]),e.useEffect((function(){x&&nn()}),[x]);var en=w&&!!b&&!u;return N.default.createElement(ci,{"data-site-type":f,"data-sponsored":q,"data-sitewide-banner-shown":en,"data-header-type":s,"data-collapsed":W,"data-with-search-input":"popup-sub-level"!==s,"data-is-displayed":!0,id:"site-header",ref:K},b?N.default.isValidElement(b)?N.default.cloneElement(b,{isCollapsed:W,setBannerClosed:c,isMobile:x}):b:null,N.default.createElement(ui,{"data-site-type":f},N.default.createElement(mi,{"data-site-type":f},N.default.createElement(pi,{menuItems:p,type:s}),N.default.createElement("a",{href:F},N.default.createElement(gi,null,N.default.createElement(l.Logo,{style:{display:"flex"},type:X,badge:"id-ID"===v&&N.default.createElement("img",{src:g.CommonGAssets.getAssetPath("sehat-badge.png"),width:"56",height:"23"}),dateForSeasonal:new Date,locale:v,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===f?N.default.createElement(ji,{menuItems:p}):M&&N.default.createElement(Bi,{siteType:f})),N.default.createElement(fi,{"data-site-type":f},"marryBaby"===f?M&&N.default.createElement(Bi,{siteType:f}):N.default.createElement(ji,{menuItems:p}),N.default.createElement(Ai,null,P&&N.default.createElement(G,{mediaQueryKey:"mbUp"},N.default.createElement(La,{careUrlFe:A.CARE_URL_FE,currentUrl:_,btnName:Q("login.booking"),onCareHeaderClick:E})),d,N.default.createElement(pe,{userInfo:D,siteType:f,onLoginClick:C||function(){var n=window.location.href;window.location.href=I?"".concat(I,"?returnUrl=").concat(n):n},SSO_URL:A.SSO_URL+"/",currentUrl:_,onLogout:H,UP_BASEPATH:a.UP_BASEPATH,isMyHealthEnabled:j,enableCare:B,enableTogether:L,enableEcom:S,togetherApiDomain:A.TOGETHER_API+"/",isUserProfileNavigatorMenuHidden:!z,userProfileRouterPush:U,isLoading:R,locale:v})))),k?N.default.isValidElement(k)?N.default.cloneElement(k,{isCollapsed:W,locale:v,isMobile:x}):k:null)},Bi=function(n){var e=n.siteType;return N.default.createElement(G,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},N.default.createElement(xe,null))},ji=function(n){var t=n.menuItems,a=e.useContext(ce),i=a.siteType,o=a.locale,l=a.ssrMenuContent,r=l.categories,s=l.healthTools,d=l.care,p=l.together;return N.default.createElement(G,{mediaQueryKey:"mbUp",style:{height:"100%"}},N.default.createElement(Pi,{"data-site-type":i},null==t?void 0:t.map((function(n,e){return N.default.createElement(fe,{key:e,item:n,menu:"categories"===n.popupType?N.default.createElement(wt,{categories:null==r?void 0:r.items,spotlightsList:null==r?void 0:r.spotlights}):"tools"===n.popupType?N.default.createElement(ja,{locale:o,healthTools:null==s?void 0:s.items,spotlightHealthTools:null==s?void 0:s.spotlights}):"together"===n.popupType?N.default.createElement(Kt,{communities:null==p?void 0:p.items,spotlights:null==p?void 0:p.spotlights}):"care"===n.popupType?N.default.createElement(st,{careSpecialties:null==d?void 0:d.items,spotlights:null==d?void 0:d.spotlights}):null})}))))},Ni=L.default.div(_i||(_i=n.__makeTemplateObject(["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  -webkit-transform: translateZ(0);\n  position: sticky;\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n  pointer-events: none;\n  > section * {\n    pointer-events: auto;\n  }\n"],["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  -webkit-transform: translateZ(0);\n  position: sticky;\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n  pointer-events: none;\n  > section * {\n    pointer-events: auto;\n  }\n"])),d.MediaQueries.mbDown);L.default.div(Ci||(Ci=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"]))),L.default.a(Ti||(Ti=n.__makeTemplateObject(["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"],["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"])));var Oi=function(i){var o,l,s=i.isMobile,d=i.locale,p=i.onTopBarAppears,c=i.languageOptions,u=i.sponsorComponent,m=i.sitewideBanner,f=i.sitewideBannerShown,h=i.className,x=e.useState(!1),v=x[0],b=x[1],y=function(){var n=r.useTranslations().t,t=e.useContext(ce),i=t.siteType,o=t.locale,l=t.configs,s=l.enableNavCare,d=l.enableNavTogether,p=l.enableNavEcom,c=l.statics,u="marryBaby"===i,m=e.useMemo((function(){var e,t=[{name:n("home.navigator.menuItem.discover"),id:"categories",link:"".concat(c.HOME_PAGE_URL).concat("tl-PH"===o?"/fil":"","/categories"),niceName:"",thumbnail:u?g.CommonGAssets.getAssetPath("categories-mb.svg"):g.CommonGAssets.getAssetPath("discover.png"),popupType:"categories"},{name:n("home.navigator.menuItem.healthTools"),id:"tools",link:"".concat(c.HOME_PAGE_URL).concat("tl-PH"===o?"/fil":"").concat((null===(e=a.STATIC_PAGES[o])||void 0===e?void 0:e.HEALTH_TOOLS)||""),thumbnail:u?g.CommonGAssets.getAssetPath("healthtools-mb.svg"):g.CommonGAssets.getAssetPath("healthTools.png"),popupType:"tools"}];return s&&t.push({name:n("home.navigator.menuItem.helloCare"),id:"care",link:c.HOME_PAGE_URL+"/care",thumbnail:g.CommonGAssets.getAssetPath("helloCare-thumbnail.png"),popupType:"zh-TW"===o?null:"care"}),d&&t.push({name:n("home.navigator.menuItem.helloTogether"),id:"together",link:c.TOGETHER_URL_FE+"/",thumbnail:u?g.CommonGAssets.getAssetPath("community-mb.svg"):g.CommonGAssets.getAssetPath("together.png"),popupType:"together"}),p&&t.push({name:n("home.navigator.menuItem.helloEcom"),id:"ecom",link:c.HOME_PAGE_URL+"/ecom",thumbnail:g.CommonGAssets.getAssetPath("helloCare-thumbnail.png"),popupType:"shop"}),t}),[o,s,d,p]);return m}();!function(){var t=e.useContext(ce),a=t.isFirstLogin,i=t.userState.userInfo;e.useEffect((function(){(null==i?void 0:i.id)&&(a?(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:n.__assign({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:n.__assign({uuid:null==i?void 0:i.id,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:n.__assign({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:n.__assign({uuid:null==i?void 0:i.id,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})})}),[])}();var w=function(n){var t=n.hasSponsoredBanners,a=n.isSiteWide,i=n.isSponsored,o=n.isShowingSiteWideBanner,l=n.isMobile,r=e.useRef(null),s=e.useState(0),d=s[0],p=s[1],c=e.useState(64),u=c[0],m=c[1],g=e.useCallback(H.default((function(){var n,e,t,a,i=(null===(n=r.current)||void 0===n?void 0:n.clientHeight)||(null===(t=null===(e=r.current)||void 0===e?void 0:e.children[0])||void 0===t?void 0:t.clientHeight)||0;window.scrollY<=i+200&&(p(i),m((null===(a=r.current)||void 0===a?void 0:a.getBoundingClientRect().bottom)||d))}),200),[]);e.useEffect((function(){return window.addEventListener("resize",g,{passive:!0}),window.addEventListener("scroll",g,{passive:!0}),g(),function(){window.removeEventListener("resize",g),window.removeEventListener("scroll",g)}}),[]),e.useEffect((function(){g()}),[l,a,o,i,t,r.current]);var f=e.useMemo((function(){var n=l?64:69;return o&&(n+=64),i&&(n+=40,t&&(n+=57)),n}),[l,o,t,i]);return{defaultHeaderHeight:f,headerHeight:d||f,headerBottom:u,headerRef:r}}({isSiteWide:!!m&&!v,isShowingSiteWideBanner:f&&!!m&&!v,isSponsored:!!u,hasSponsoredBanners:!!(null===(l=null===(o=null==u?void 0:u.props)||void 0===o?void 0:o.sponsoredBy)||void 0===l?void 0:l.length),isMobile:s}),k=w.headerRef,E=w.defaultHeaderHeight,_=w.headerHeight,C=w.headerBottom;return N.default.createElement(Ni,{id:"navigation-v2",style:{"--default-header-height":E+"px","--header-height":"calc(".concat(_,"px - var(--amp-site-wide-closed), 64px)"),"--header-bottom":C+"px"},className:h},N.default.createElement("section",{ref:k},N.default.createElement(Mi,{menuItems:y,type:"home",onTopBarAppears:s?function(n){p&&p(n)}:void 0,languageMenu:N.default.createElement(t.LanguageSwitcher,{languageOptions:c,locale:d}),setSitewideBannerClosed:b,sitewideBannerClosed:v})))},Li=function(e){return n.__awaiter(void 0,void 0,void 0,(function(){var t,l,r,s,d,p,c,u,m,g,f,h,x,v,b,y,w,k,E,_,C,T,A,P,M,B,j,N,O,L,S,z,D,H,U,G;return n.__generator(this,(function(n){switch(n.label){case 0:t={},l="vi-VN_MB"===e,n.label=1;case 1:n.trys.push([1,14,,15]),r="tl-PH"===e?"lang=fil":"",n.label=2;case 2:return n.trys.push([2,4,,5]),[4,Promise.all([fetch("".concat(i.getDiscoverApiDomain(e),"/wp-json/api/categories").concat(r?"?"+r:"")).then((function(n){return n.json()})),fetch("".concat(i.getDiscoverApiDomain(e),"/wp-json/api/spotlights?per_page=10").concat(r?"&"+r:"")).then((function(n){return n.json()})),fetch("".concat(i.getDiscoverApiDomain(e),"/wp-json/api/").concat(l?"health-tools":"healthtools").concat(r?"?"+r:"")).then((function(n){return n.json()})),fetch("".concat(i.getDiscoverApiDomain(e),"/wp-json/api/").concat(l?"health-tools":"healthtools","/favorites").concat(r?"?"+r:"")).then((function(n){return n.json()}))])];case 3:return s=n.sent(),d=s[0],p=s[1],c=s[2],u=s[3],t.categories={items:(null===(w=null===(y=null==d?void 0:d.data)||void 0===y?void 0:y.map)||void 0===w?void 0:w.call(y,pn))||[],spotlights:(null===(C=null===(_=null===(E=null===(k=null==p?void 0:p.data)||void 0===k?void 0:k.articles)||void 0===E?void 0:E.map)||void 0===_?void 0:_.call(E,fn))||void 0===C?void 0:C.filter(hn))||[]},t.healthTools={items:(null===(A=null===(T=null==c?void 0:c.data)||void 0===T?void 0:T.map)||void 0===A?void 0:A.call(T,cn))||[],spotlights:(null===(M=null===(P=null==u?void 0:u.data)||void 0===P?void 0:P.map)||void 0===M?void 0:M.call(P,cn))||[]},[3,5];case 4:return n.sent(),[3,5];case 5:if(!l&&!a.TOGETHER_LOCALES.includes(e))return[3,9];n.label=6;case 6:return n.trys.push([6,8,,9]),[4,Promise.all([fetch("".concat(i.getTogetherApiDomain(),"/api/v1/community?website_url=https://").concat(a.domainLocales[e])).then((function(n){return n.json()})),fetch("".concat(i.getTogetherApiDomain(),"/api/v1/options?website_url=https://").concat(a.domainLocales[e],"&meta_key=popular_post")).then((function(n){return n.json()}))])];case 7:return m=n.sent(),g=m[0],f=m[1],t.together={items:(null===(N=null===(j=null===(B=null==g?void 0:g.data)||void 0===B?void 0:B.communities)||void 0===j?void 0:j.map)||void 0===N?void 0:N.call(j,o.formatCommunity))||[],spotlights:(null===(S=null===(L=null===(O=null==f?void 0:f.data)||void 0===O?void 0:O.posts)||void 0===L?void 0:L.map)||void 0===S?void 0:S.call(L,o.formatPost))||[]},[3,9];case 8:return n.sent(),[3,9];case 9:if(!a.CARE_LOCALES.includes(e))return[3,13];n.label=10;case 10:return n.trys.push([10,12,,13]),[4,Promise.all([fetch(i.getCareApiDomain()+"/api/specialties?_ishome=1&site=".concat(a.domainLocales[e])).then((function(n){return n.json()})),fetch(i.getCareApiDomain()+"/api/search/?site=".concat(a.domainLocales[e],"&type=hospital&order_by=total_doctor")).then((function(n){return n.json()}))])];case 11:return h=n.sent(),x=h[0],v=h[1],t.care={items:(null===(H=null===(D=null===(z=null==x?void 0:x._data)||void 0===z?void 0:z.specialties)||void 0===D?void 0:D.map)||void 0===H?void 0:H.call(D,un))||[],spotlights:(null===(G=null===(U=null==v?void 0:v._data.searches)||void 0===U?void 0:U.map)||void 0===G?void 0:G.call(U,mn))||[]},[3,13];case 12:return n.sent(),[3,13];case 13:return[3,15];case 14:return b=n.sent(),console.error(b),[3,15];case 15:return[2,t]}}))}))};exports.NavHeader=bn,exports.NavigationLogoutPopup=F,exports.NavigationProfileButton=pe,exports.NavigationV2=function(e){var t=n.__assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return N.default.createElement(ue,n.__assign({},t),N.default.createElement(Oi,n.__assign({},t)))},exports.ProfilePopup=de,exports.UserProfileNavigation=re,exports.UserStats=le,exports.getNavMenuContent=Li,exports.getNavMenuContentWithCache=function(e){return n.__awaiter(void 0,void 0,void 0,(function(){return n.__generator(this,(function(n){switch(n.label){case 0:return[4,A.getDataWithCache("nav-menu-content",(function(){return Li(e||"en-PH")}),(function(n){var e,t;return!!(null===(t=null===(e=null==n?void 0:n.categories)||void 0===e?void 0:e.items)||void 0===t?void 0:t.length)}))];case 1:return[2,n.sent()||{}]}}))}))};