@hhgtech/hhg-components 1.28.44 → 1.28.46

package/build/index-2420eee5.js

@@ -0,0 +1,1430 @@
+"use strict";var e=require("./tslib.es6-d46558cb.js"),t=require("react"),a=require("./index-4de92198.js"),l=require("styled-components"),i=require("./theme-98a7bede.js"),n=require("./index-beef0ff7.js"),o=require("./index-065c9097.js"),r=require("./index-d27a3f5f.js"),s=require("./normalizeLink-ef4fc463.js"),d=require("./routing-46446fba.js"),u=require("./index-96dd78ba.js"),c=require("./index-4a8b5e48.js"),m=require("./useTranslations-b435b717.js"),p=require("lodash/throttle"),h=require("@mantine/core");require("@mantine/dates");var g=require("./Subot-54546cbb.js");require("./translationsContext-6c5fb248.js");var f=require("string-format");require("@mantine/hooks");var v=require("./constants-28db3174.js"),b=require("./utils-469dda3f.js"),y=require("./index.styles-ce607f17.js"),x=require("./ChevronDown-77fab19e.js"),E=require("./index-0f6355d4.js"),w=require("./utils-c18ec2df.js"),C=require("./constants-627c575a.js"),k=require("./index-43df25b1.js"),$=require("./useIsInit-8386673c.js");require("./utils-83803365.js"),require("./index.styled-a45b7854.js"),require("./index-4b719c83.js");var M=require("dayjs"),A=require("dayjs/plugin/relativeTime"),L=require("./index-21c825aa.js"),T=require("lodash/debounce"),_=require("./core-19b328be.js");function B(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=B(t),S=B(l),D=B(p),N=B(f),z=B(M),j=B(A),O=B(T);const U=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn","hellohealth.questionpro.com","hellobacsivn.page.link"],H=(e="")=>U.some((t=>new URL(e).origin.endsWith(t))),R=S.default.a`
+  display: inline-flex;
+  position: relative;
+  flex-direction: row;
+  align-items: center;
+  padding: 7px 11px;
+  gap: 2px;
+
+  background: ${i.theme.colors.white};
+  border: 1px solid ${i.theme.colors.neutral100};
+  border-radius: 20px;
+
+  color: ${i.theme.colors.gray600};
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 18px;
+  text-decoration: none;
+
+  cursor: pointer;
+`,F=S.default.div`
+  position: relative;
+  display: inline-block;
+`,G=S.default.div`
+  position: relative;
+`,I=S.default.div`
+  position: absolute;
+  z-index: 21;
+  top: 100%;
+  right: 0;
+  width: 327px;
+  padding: 8px;
+  background: white;
+  border-radius: 4px;
+  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));
+
+  &[data-is-open='false'] {
+    display: none;
+  }
+  &[data-show-indicator='true'] {
+    &:before {
+      position: absolute;
+      right: 11px;
+      bottom: 100%;
+      width: 0;
+      height: 0;
+      border: 0.5rem solid transparent;
+      border-top: none;
+      border-bottom-color: #fff;
+      content: '';
+      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
+    }
+  }
+`,Q=S.default.div`
+  display: flex;
+  height: 40px;
+  align-items: center;
+  justify-content: space-between;
+
+  padding: 0 16px;
+  border-radius: ${i.theme.borderRadius};
+  cursor: pointer;
+
+  .check-icon {
+    width: 16px;
+    height: 16px;
+  }
+  &[data-selected='false'] {
+    background-color: ${i.theme.colors.gray100};
+  }
+`,V=S.default.div`
+  position: fixed;
+  z-index: 20;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  cursor: default;
+`,Z=({options:e,label:a,labelRenderer:l,selected:i,onChange:r,showSelected:s=!0,style:d={},showIndicator:u=!0})=>{const[c,m]=t.useState(!1);return P.default.createElement(P.default.Fragment,null,P.default.createElement(F,null,P.default.createElement(G,{onClick:()=>m((e=>!e))},a||(null==l?void 0:l(c))||null,P.default.createElement(I,{"data-is-open":c,style:d,"data-show-indicator":u},e.map(((e,t)=>P.default.createElement(Q,{key:t,"data-selected":s&&i===e.value,onClick:t=>{i!==e.value&&(r(e.value),m((e=>!e))),t.stopPropagation()}},P.default.createElement(n.Text,{size:"p3"},e.label),s&&i===e.value&&P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("check.svg"),alt:"check",className:"check-icon",loading:"lazy"}))))))),c&&P.default.createElement(V,{onClick:()=>m(!1)}))},q=({languageOptions:e,locale:t})=>{var a,l;const i=null==e?void 0:e.find((e=>e.locale===t));return(null==e?void 0:e.length)?P.default.createElement(Z,{options:e,selected:i.value,label:P.default.createElement(W,{locale:t,label:i.label||(null===(l=null===(a=t.split("-"))||void 0===a?void 0:a[0])||void 0===l?void 0:l.toUpperCase())}),onChange:e=>{"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1}):null},W=({locale:e,label:t,href:l})=>{var i,n,o;return P.default.createElement(R,{href:l},P.default.createElement(a.Flag,{country:null===(n=null===(i=null==e?void 0:e.split("-"))||void 0===i?void 0:i[1])||void 0===n?void 0:n.toUpperCase(),width:16,height:16,rounded:!0,language:null===(o=null==e?void 0:e.split("-"))||void 0===o?void 0:o[0]}),P.default.createElement("span",null,t))},Y=({path:e,locale:t})=>{var a;return`/shop/${null===(a=v.LOCALISED_SLUGS[t||"vi-VN"])||void 0===a?void 0:a[e]}/`};var K=h.createStyles((()=>({root:{textDecoration:"none"},indicatorRoot:{marginRight:h.rem(10)},iconText:{color:"#fff"}})));const J=t=>{var{count:a,styles:l,className:i,classNames:o,locale:r}=t,s=e.__rest(t,["count","styles","className","classNames","locale"]);const{classes:d,cx:u}=K(void 0,{name:"CartBadge",styles:l,classNames:o});return void 0!==a?P.default.createElement(h.Box,Object.assign({component:"a",href:Y({path:"CART",locale:r}),className:u(d.root,i)},s),P.default.createElement(h.Indicator,{classNames:{root:d.indicatorRoot},withBorder:!0,color:"red",size:20,disabled:0===a,label:P.default.createElement(n.Text,{className:d.iconText,size:"s5"},a>99?"99+":a)},P.default.createElement(n.Icon.Cart,{size:24}))):null},X=S.default.div`
+  ${e=>`\n    ${0!==e.lowerBound?`@media (max-width: ${e.lowerBound-1}px) { display: none; }`:""}\n    ${0!==e.upperBound?`@media (min-width: ${e.upperBound}px) { display: none; }`:""}\n  `}
+`,ee=({forceDisplay:e,mediaQueryKey:a,children:l,className:i,style:n})=>{const[o,r]=t.useMemo((()=>b.getBoundariesFromMediaQueryKey(a)),[a]);return P.default.createElement(X,{lowerBound:e?0:o,upperBound:e?0:r,className:i,style:n},l)},te=e=>{const{allowBgScroll:a}=e||{},l=t.useRef();return{containerRef:l,onContainerFocus:()=>{a||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{a||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{l.current&&(document.activeElement===l.current||l.current.contains(document.activeElement))&&(l.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{l.current&&(document.activeElement===l.current||l.current.contains(document.activeElement))&&(l.current.blur(),document.activeElement.blur())}}},ae=S.default.div`
+  position: absolute;
+  right: 0;
+  transition: all 0.5s ease-in-out;
+  overflow-y: auto;
+  padding-bottom: 70px;
+
+  &[data-open='true'] {
+    z-index: 200;
+    top: 120%;
+    opacity: 1;
+    visibility: visible;
+  }
+
+  &[data-open='false'] {
+    display: none;
+  }
+
+  .popup-content {
+    z-index: 111;
+    height: 100%;
+    border: 1px solid #0000001a;
+    ${b.MediaQueries.mbDown} {
+      > div {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+      }
+    }
+  }
+
+  /* min-height: 415px; */
+  ${b.MediaQueries.mbUp} {
+    width: 320px;
+  }
+  ${b.MediaQueries.mbDown} {
+    position: fixed;
+    left: 0;
+    width: 100%;
+  }
+`,le="hhgcomp-navprofilebutton-popup",ie=y.getDefaultClassWrapper(ae,le),ne=S.default.div`
+  position: fixed;
+  z-index: 150;
+  top: var(--header-bottom, 56px);
+  left: 0;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+
+  ${b.MediaQueries.mbUp} {
+    background-color: transparent;
+    &[data-type='welcome'] {
+      background: rgba(38, 38, 38, 0.3);
+    }
+    &[data-type='due-date'] {
+      background: rgba(38, 38, 38, 0.3);
+    }
+  }
+
+  ${b.MediaQueries.mbDown} {
+    background: rgba(38, 38, 38, 0.3);
+  }
+
+  &[data-type='welcome'] {
+    top: 0;
+  }
+
+  &[data-open='false'] {
+    display: none;
+  }
+`,oe="hhgcomp-navprofilebutton-popupwrapper";y.getDefaultClassWrapper(ne,oe);const re=S.default.div`
+  width: 40px;
+  height: 40px;
+  cursor: pointer;
+
+  img {
+    border-radius: 50%;
+  }
+
+  .avatar {
+    width: 40px;
+    height: 40px;
+    object-fit: cover;
+  }
+
+  .avatar-default {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: ${i.theme.colors.secondaryBase};
+    border-radius: 50%;
+    color: white;
+    font-size: 20px;
+    font-weight: bold;
+  }
+`,se=S.default.div`
+  display: inline-flex;
+  position: relative;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  flex-shrink: 0;
+  cursor: pointer;
+
+  .user-close-icon {
+    display: none;
+  }
+  &:focus-within {
+    .user-close-icon {
+      display: block;
+    }
+    .user-avatar {
+      display: none;
+    }
+    .${le} {
+      z-index: 200;
+      top: 120%;
+      opacity: 1;
+      visibility: visible;
+      display: initial;
+      ${b.MediaQueries.mbDown} {
+        top: 100%;
+      }
+    }
+    .${oe} {
+      display: initial;
+    }
+  }
+`,de=S.default.a`
+  display: inline-flex;
+  .login-btn[data-color='tertiary'][data-size='md'] {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  .mobile-only {
+    ${b.MediaQueries.mbUp} {
+      display: none;
+    }
+  }
+  .login-btn {
+    display: none;
+    ${b.MediaQueries.mbUp} {
+      display: block;
+    }
+  }
+`,ue=e=>P.default.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),P.default.createElement("path",{d:"M2.5 6.5a3.2 3.2 0 0 1 3.2-3.2h7.9a3.2 3.2 0 0 1 3.19 3.2v4.72a3.2 3.2 0 0 1-3.2 3.2H5.7a3.2 3.2 0 0 1-3.19-3.2V6.49Z",fill:"#E3F2FF"}),P.default.createElement("path",{d:"M2.5 5.68A2.38 2.38 0 0 1 4.88 3.3h9.52a2.38 2.38 0 0 1 2.39 2.38H2.5Z",fill:"#2D87F3"}),P.default.createElement("path",{d:"M13.6 2.5h-.03c-.36 0-.65.3-.65.65V4.2c0 .36.3.65.65.65h.03c.36 0 .65-.3.65-.65V3.15a.65.65 0 0 0-.65-.65ZM5.27 4.86h.03c.36 0 .65-.3.65-.65V3.15a.65.65 0 0 0-.65-.65h-.03c-.36 0-.65.3-.65.65V4.2c0 .36.3.65.65.65Z",fill:"#2743AD"}),P.default.createElement("path",{d:"M5.56 8.17h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41Zm2.7 0h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41Zm2.7 0h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41Zm2.87 0h-.49a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.49a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41Zm-8.3 2.52h-.5a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Zm2.7 0h-.5a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Zm2.7 0h-.49a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Zm2.87 0h-.49a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Z",fill:"#2D87F3"}),P.default.createElement("path",{d:"M16 16.8a3.17 3.17 0 1 0 0-6.36 3.17 3.17 0 0 0 0 6.35Z",fill:"#FE921D"}),P.default.createElement("path",{d:"M15.78 13.62v-1.36a.21.21 0 0 1 .42 0v1.26l.48.4a.21.21 0 0 1-.01.33.21.21 0 0 1-.26-.01l-.55-.46-.02-.01a.21.21 0 0 1-.06-.15Z",fill:"#fff"})),ce=e=>P.default.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),P.default.createElement("path",{d:"M7.06 4.97h-2.3a3.12 3.12 0 0 0-3.1 3.1v.43a3.12 3.12 0 0 0 3.1 3.1h1.39s1.47 1.11 1.5.97c.03-.22-.23-.99-.23-.99a3.13 3.13 0 0 0 2.72-3.09v-.41a3.12 3.12 0 0 0-3.08-3.11Zm-2.7 3.55a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46Zm1.35.4a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .65Zm1.57-.05Z",fill:"#2D87F3"}),P.default.createElement("path",{d:"M12.88 9.52a3.53 3.53 0 0 0-1.35 6.8s-.23 1.03-.2 1.25c.03.14 1.55-.99 1.55-.99a3.53 3.53 0 0 0 0-7.06Zm-1.33 4.24a.48.48 0 1 1 0-.97.48.48 0 0 1 0 .97Zm1.58.04a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .66Zm1.34-.39a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46Z",fill:"#FFB521"}),P.default.createElement("path",{d:"M16.45 1.67h-3.87a1.88 1.88 0 0 0-1.88 2.06l.22 2.29a1.88 1.88 0 0 0 1.73 1.7s-.17.94-.14 1.16c.02.14 1.66-1.13 1.66-1.13l1.92-.03a1.88 1.88 0 0 0 1.86-1.59l.36-2.29a1.88 1.88 0 0 0-1.86-2.17ZM13.1 5.23a.48.48 0 1 1 .34-.14c-.1.1-.22.14-.34.14Zm1.57.05a.33.33 0 1 1 .23-.1.33.33 0 0 1-.23.1Zm1.34-.4a.23.23 0 1 1 .1-.01.23.23 0 0 1-.1.02Z",fill:"#91CAFF"})),me=e=>P.default.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),P.default.createElement("rect",{x:"8.33337",y:"8.33325",width:"3.33333",height:"3.33333",rx:"1.66667",fill:"#2D87F3"})),pe=e=>P.default.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),P.default.createElement("path",{d:"m3.18 7.06 1.6 1.6 4.33-4.69a.72.72 0 0 0-.03-.99l-.22-.22a.72.72 0 0 0-.99-.02L3.18 7.06Zm13.64 0-1.6 1.6-4.33-4.69a.72.72 0 0 1 .02-.99l.23-.22a.72.72 0 0 1 .99-.02l4.69 4.32Z",fill:"#2743AD"}),P.default.createElement("path",{d:"M15.04 16.7H4.9a.78.78 0 0 1-.77-.7l-.7-6.67h13.09l-.7 6.67a.78.78 0 0 1-.78.7Z",fill:"#2D87F3"}),P.default.createElement("path",{d:"M6.23 15.7a.23.23 0 0 1-.23-.22l-.3-4.46a.23.23 0 1 1 .47-.04l.3 4.47a.23.23 0 0 1-.22.25h-.02Zm2.39 0a.23.23 0 0 1-.23-.23L8.3 11a.23.23 0 1 1 .47 0l.07 4.46a.23.23 0 0 1-.22.24h-.01Zm5.15 0h-.02a.23.23 0 0 1-.2-.16.23.23 0 0 1-.02-.09l.3-4.47a.24.24 0 0 1 .25-.22.23.23 0 0 1 .22.26l-.3 4.46a.23.23 0 0 1-.23.22Zm-2.39 0a.23.23 0 0 1-.23-.23l.07-4.47a.24.24 0 0 1 .24-.23.23.23 0 0 1 .23.23l-.08 4.47a.23.23 0 0 1-.23.23Z",fill:"#2743AD"}),P.default.createElement("path",{d:"M16.04 18.12a2.01 2.01 0 1 0 0-4.03 2.01 2.01 0 0 0 0 4.03Z",fill:"#FE921D"}),P.default.createElement("path",{d:"M16.97 15.87h-.7v-.7a.23.23 0 0 0-.46 0v.7h-.7a.23.23 0 1 0 0 .47h.7v.69a.23.23 0 1 0 .47 0v-.7h.69a.23.23 0 1 0 0-.46Z",fill:"#fff"}),P.default.createElement("path",{d:"M16.58 9.48H3.42a.8.8 0 0 1-.78-.7l-.13-1.1a.8.8 0 0 1 .78-.88h13.42a.8.8 0 0 1 .78.88l-.13 1.1a.8.8 0 0 1-.78.7Z",fill:"#BCDEFF"})),he=e=>P.default.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),P.default.createElement("path",{d:"M10 1.667c-4.595 0-8.333 3.738-8.333 8.333 0 4.595 3.738 8.333 8.333 8.333 4.595 0 8.333-3.738 8.333-8.333 0-4.595-3.738-8.333-8.333-8.333Zm0 13.194a.695.695 0 1 1 0-1.39.695.695 0 0 1 0 1.39Zm1.1-4.415a.698.698 0 0 0-.405.631v.312a.694.694 0 1 1-1.39 0v-.312c0-.81.477-1.553 1.213-1.893.707-.326 1.218-1.19 1.218-1.615 0-.956-.778-1.736-1.736-1.736s-1.736.78-1.736 1.736a.694.694 0 1 1-1.389 0A3.129 3.129 0 0 1 10 4.444a3.129 3.129 0 0 1 3.125 3.125c0 .939-.814 2.318-2.026 2.877Z",fill:"#FF6F4D"})),ge=e=>P.default.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),P.default.createElement("path",{d:"M11.116 1.72 5.488.85a1.898 1.898 0 0 0-2.155 1.856v14.588a1.898 1.898 0 0 0 2.158 1.855l5.625-.869a1.865 1.865 0 0 0 1.592-1.855V3.575a1.87 1.87 0 0 0-1.592-1.855",fill:"#2D87F3"}),P.default.createElement("path",{d:"M17.642 9.584a.6.6 0 0 1-.232.472l-1.964 1.518a.446.446 0 0 1-.719-.353v-.51l-2.118-.01a.225.225 0 0 1-.223-.225v-1.8a.225.225 0 0 1 .224-.225l2.12.002-.004-.506a.446.446 0 0 1 .719-.354l1.965 1.52a.6.6 0 0 1 .232.471",fill:"#FF6F4D"}),P.default.createElement("path",{d:"M17.642 9.584a.6.6 0 0 1-.232.472l-1.964 1.518a.446.446 0 0 1-.719-.353v-.51l-2.118-.01a.225.225 0 0 1-.223-.225v-1.8a.225.225 0 0 1 .224-.225l2.12.002-.004-.506a.446.446 0 0 1 .719-.354l1.965 1.52a.6.6 0 0 1 .232.471m-7.603-.908v1.802c0 .124.1.225.224.225h1.257c.124 0 .225-.1.225-.225V8.676c0-.124-.1-.224-.225-.224h-1.257c-.124 0-.224.1-.224.224m-.673 1.809a.224.224 0 0 1-.225.225h-.407a.61.61 0 0 1-.609-.61V9.069a.61.61 0 0 1 .61-.61h.406a.224.224 0 0 1 .225.225z",fill:"#FF6F4D"})),fe=e=>P.default.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),P.default.createElement("path",{d:"M6.114 3.333a4.64 4.64 0 0 1 3.565 1.708.412.412 0 0 0 .642 0 4.64 4.64 0 0 1 3.565-1.708c2.646 0 4.447 2.302 4.447 5.142 0 1.698-.904 4.446-2.675 6.102-2.522 2.358-4.665 2.965-5.392 3.11a1.3 1.3 0 0 1-.53 0c-.728-.146-2.871-.752-5.393-3.11-1.772-1.656-2.676-4.404-2.676-6.102 0-2.84 1.801-5.142 4.447-5.142",fill:"#FF6F4D"}),P.default.createElement("path",{d:"M13.298 11.226v-.829a1.205 1.205 0 0 0-1.202-1.204h-.208a.26.26 0 0 1-.261-.259v-.208a1.205 1.205 0 0 0-1.201-1.204h-.832A1.205 1.205 0 0 0 8.39 8.726v.205a.26.26 0 0 1-.259.261h-.207a1.2 1.2 0 0 0-1.202 1.202v.834a1.204 1.204 0 0 0 1.202 1.201h.207a.26.26 0 0 1 .259.262v.205A1.205 1.205 0 0 0 9.594 14.1h.832a1.204 1.204 0 0 0 1.201-1.204v-.208a.26.26 0 0 1 .261-.258h.208a1.205 1.205 0 0 0 1.202-1.204",fill:"#fff"})),ve=e=>P.default.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),P.default.createElement("path",{d:"M4.767 17.236a1.36 1.36 0 0 0 1.256.188l4.097-1.397a.37.37 0 0 1 .28 0l4.097 1.397q.22.071.45.075c.29.002.573-.09.807-.263a1.43 1.43 0 0 0 .6-1.171V3.935A1.417 1.417 0 0 0 14.946 2.5H5.573a1.416 1.416 0 0 0-1.406 1.434v12.13a1.43 1.43 0 0 0 .6 1.172",fill:"#00CB8A"})),be=e=>P.default.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),P.default.createElement("path",{d:"M17.339 8.075a2.177 2.177 0 0 1-1.717-2.944 1.02 1.02 0 0 0-.305-1.15 8.2 8.2 0 0 0-2.445-1.417 1.03 1.03 0 0 0-1.16.323 2.173 2.173 0 0 1-3.423 0 1.03 1.03 0 0 0-1.161-.323A8.2 8.2 0 0 0 4.85 3.842a1.03 1.03 0 0 0-.322 1.183 2.167 2.167 0 0 1-1.806 2.978 1.03 1.03 0 0 0-.9.828 8 8 0 0 0-.05 2.861 1.03 1.03 0 0 0 .906.861 2.166 2.166 0 0 1 1.767 3.061 1.01 1.01 0 0 0 .283 1.211A8.2 8.2 0 0 0 7.15 18.22q.17.059.35.061a1.02 1.02 0 0 0 .833-.433 2.15 2.15 0 0 1 1.778-.934 2.18 2.18 0 0 1 1.745.878 1.02 1.02 0 0 0 1.2.339 8.3 8.3 0 0 0 2.222-1.328 1.03 1.03 0 0 0 .3-1.172 2.167 2.167 0 0 1 1.739-2.995 1.03 1.03 0 0 0 .872-.844 8 8 0 0 0 .144-1.405q0-.749-.138-1.484a1.02 1.02 0 0 0-.856-.828m-4.561 2.312a2.778 2.778 0 1 1-5.556 0 2.778 2.778 0 0 1 5.556 0",fill:"#2D87F3"})),ye=e=>P.default.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),P.default.createElement("path",{d:"M10 19.167A9.167 9.167 0 1 0 10 .833a9.167 9.167 0 0 0 0 18.334",fill:"#BCDEFF"}),P.default.createElement("path",{d:"M17.356 15.463a9.188 9.188 0 0 0-14.716-.005 9.155 9.155 0 0 0 14.716.005",fill:"#2D87F3"}),P.default.createElement("path",{d:"M10 10.591a3.548 3.548 0 1 0 0-7.096 3.548 3.548 0 0 0 0 7.096",fill:"#2D87F3"})),xe=S.default.div`
+  padding: 16px;
+  border-radius: 16px;
+  background-color: white;
+  hr {
+    border-color: ${i.theme.colors.neutral100};
+    border-bottom-width: 0px;
+    border-style: solid;
+  }
+  .profile-nav-item-group {
+    background-color: white;
+    border-radius: 8px;
+  }
+`,Ee=S.default.div`
+  display: block;
+  border: 1px solid transparent;
+  transition: all 300ms linear;
+  cursor: pointer;
+  position: relative;
+
+  ${e=>e.hasSubmenu&&l.css`
+      cursor: pointer;
+    `}
+
+  &[data-is-open='true'] {
+    & + div {
+      margin-top: 8px;
+    }
+  }
+
+  border-left-width: 0;
+  border-right-width: 0;
+  &[data-is-open='true'] {
+    & + div {
+      margin-top: 0;
+    }
+    .nav-menu-item:last-child {
+      border-bottom-color: ${i.theme.colors.neutral100};
+    }
+  }
+  .nav-menu-item {
+    background-color: ${i.theme.colors.neutral50};
+  }
+
+  .nav-menu-item {
+    padding-left: 38px;
+  }
+`,we=S.default.div`
+  display: flex;
+  align-items: center;
+  height: 48px;
+  border: 1px solid transparent;
+  transition: all 300ms;
+  border-radius: 8px;
+
+  &:hover {
+    background-color: ${i.theme.colors.neutral150};
+  }
+  &[data-active='true'] {
+    background-color: ${i.theme.colors.blue50};
+  }
+`,Ce=S.default.div`
+  margin-left: auto;
+
+  svg {
+    fill: ${i.theme.colors.gray600};
+    transition: transform 300ms;
+  }
+
+  &[data-is-open='true'] svg {
+    transform: rotate(180deg);
+  }
+`,ke=S.default.div`
+  overflow: hidden;
+  max-height: 0;
+  transition: max-height 0.3s ease-out;
+
+  [data-is-open='true'] & {
+    max-height: 500px;
+    transition-timing-function: ease-in;
+  }
+`,$e={helloSites:{member:()=>o.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>o.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>o.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>o.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>o.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>o.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>o.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>o.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>o.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>o.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},Me=({rank:e,siteType:a="helloSites"})=>{const l=t.useMemo((()=>{var t,l;return(null===(l=null===(t=$e[a])||void 0===t?void 0:t[e])||void 0===l?void 0:l.call(t))||""}),[e,a]),{t:o}=m.useTranslations();return P.default.createElement("div",{style:{display:"inline-flex",height:"fit-content",alignItems:"center",padding:"5px 12px",gap:"4px",borderRadius:16,border:`1px solid ${"helloSites"===a?i.theme.colors.blue100:i.theme.colors.mb100}`}},P.default.createElement("img",{src:l,alt:e,style:{height:16,width:16}}),P.default.createElement(n.Text,{size:"s5",color:"gray.8",weight:"semiBold"},o(`userProfile.userRank.${e}`)))},Ae=({siteType:e="helloSites",userInfo:t})=>(null==t?void 0:t.id)?P.default.createElement(P.default.Fragment,null,P.default.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"}},P.default.createElement(a.Avatar,{src:t.avatar,alt:t.name,size:48,style:{marginBottom:8}}),P.default.createElement(Me,{rank:"member",siteType:e})),P.default.createElement(n.Text,{size:"s3",weight:"semiBold",color:"gray.8",style:{marginBottom:4}},t.name),P.default.createElement(n.Text,{size:"n1",weight:"regular",color:"helloSites"===e?"hb.6":"mb.6"},"@",t.username),P.default.createElement("hr",null)):null,Le=({className:e,activeItem:a,navMenuItems:l,style:i,onLogout:n,siteType:o="helloSites",userInfo:u})=>{const{locale:c}=m.useTranslations(),[p,h]=t.useState(),g="string"==typeof a?a:p,f=s.normalizeLinkSlash(d.getCurrentSsoUrl(c,"marryBaby"===o)+"/"),v=s.normalizeLinkSlash(d.getCurrentBaseUrl(c,"marryBaby"===o)+"/"),b=l||[[{key:"userProfile.nav.header.viewProfile",icon:P.default.createElement(ye,{width:"24",height:"24"}),value:"profile",tracking:{action:"Profile Click"},link:`${f}user/profile/`},{key:"userProfile.nav.card.myHealth",icon:P.default.createElement(fe,{width:"24",height:"24"}),value:"myHealth",tracking:{action:"My Health Click"},link:`${f}user/health/`},{key:"userProfile.nav.card.mySaved",icon:P.default.createElement(ve,{width:"24",height:"24"}),iconColor:"green_300",value:"saved",tracking:{action:"Bookmarks Click"},link:`${f}user/saved/`},{key:"userProfile.nav.card.myBooking",icon:P.default.createElement(ue,{width:"24",height:"24"}),value:"booking",disabled:!r.CARE_LOCALES.includes(c),tracking:{action:"Manage Booking Click"},link:`${f}user/booking/`},{key:"userProfile.nav.card.myCommunity",icon:P.default.createElement(ce,{width:"24",height:"24"}),value:"myCommunities",disabled:!r.TOGETHER_LOCALES.includes(c),tracking:{action:"Community Click"},link:`${f}user/my-communities/`}],...r.ECOM_LOCALES.includes(c)?[[{key:"userProfile.nav.card.eCom",icon:P.default.createElement(pe,{width:"24",height:"24"}),value:"eCom",disabled:!r.ECOM_LOCALES.includes(c),subMenu:[{key:"userProfile.nav.card.ecom.manageOrders",value:"eCom-manageOrders",icon:P.default.createElement(me,{width:"24",height:"24"}),link:`${v}shop/ho-so/quan-li-don-hang/`,tracking:{action:"Order Management Click"}},{key:"userProfile.nav.card.ecom.DeliveryAddress",value:"eCom-manageAddress",icon:P.default.createElement(me,{width:"24",height:"24"}),link:`${v}shop/ho-so/dia-chi-giao-hang/`,tracking:{action:"Address Management Click"}},{key:"userProfile.nav.card.ecom.voucher",value:"eCom-voucher",icon:P.default.createElement(me,{width:"24",height:"24"}),link:`${v}shop/ho-so/khuyen-mai/`,tracking:{action:"Voucher Click"}}]}]]:[],[{key:"userProfile.nav.menu.accountSettings",icon:P.default.createElement(be,{width:"24",height:"24"}),subMenu:[{key:"common.profileNavigator.newsletterSubscription",value:"subscription",icon:P.default.createElement(me,{width:"24",height:"24"}),tracking:{action:"Subscription Click"},link:`${f}user/subscriptions/`,disabled:"vi-VN"!==c},{key:"userProfile.nav.menu.password",value:"password",icon:P.default.createElement(me,{width:"24",height:"24"}),tracking:{action:"Set Password Click"},link:`${f}user/password/`},{key:"userProfile.nav.menu.disableAccount",value:"disable-account",icon:P.default.createElement(me,{width:"24",height:"24"}),tracking:{action:"Disable Account Click"},link:`${f}user/disable-account/`}]}],[{key:"userProfile.nav.menu.help",icon:P.default.createElement(he,{width:"24",height:"24"}),value:"help",link:`${f}user/help`,tracking:{action:"Support Click"}},{key:"userProfile.nav.menu.logout",icon:P.default.createElement(ge,{width:"24",height:"24"}),value:"logout",tracking:{action:"Sign Out Click"}}]];return P.default.createElement(xe,{className:e,style:i},P.default.createElement(Ae,{userInfo:u,siteType:o}),b.map(((e,a)=>P.default.createElement(t.Fragment,{key:a},P.default.createElement("div",{className:"profile-nav-item-group",key:a},e.map((e=>P.default.createElement(Te,{key:e.key,item:e,activeKey:g||"",onLogout:n,onClick:()=>h((t=>t===e.key?void 0:e.key)),siteType:o})))),a!==b.length-1&&P.default.createElement("hr",null)))))},Te=({item:e,activeKey:a,forceOpen:l,onLogout:i,onClick:o,siteType:r="helloSites"})=>{var s,d;const[u,c]=t.useState(!1),p=t.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);if(e.disabled)return null;const{t:h}=m.useTranslations(),g=null===(s=e.subMenu)||void 0===s?void 0:s.some((e=>e.key===a)),f=a===e.key;t.useEffect((()=>{(g||f)&&c(!0)}),[g,f]);const v="boolean"==typeof l?l:u;return P.default.createElement(Ee,{as:e.subMenu?void 0:"a","data-is-open":v,key:e.key,hasSubmenu:!!e.subMenu,onClick:()=>{null==o||o(),e.subMenu&&!l?c((e=>!e)):"logout"===e.value?null==i||i():e.link&&(window.location.href=e.link)},"data-event-category":"Ecommerce","data-event-action":(null===(d=null==e?void 0:e.tracking)||void 0===d?void 0:d.action)||"","data-event-label":p},P.default.createElement(we,{"data-active":f},e.icon,P.default.createElement(n.Text,{size:"p3",style:{marginLeft:e.icon?24:48,transition:"color 300ms"},color:f?"helloSites"===r?"hb.6":"mb.6":"gray.8"},h(e.key)),e.subMenu&&P.default.createElement(Ce,{"data-is-open":v},P.default.createElement(x.ChevronDown,{width:14}))),e.subMenu&&P.default.createElement(ke,null,e.subMenu.map((e=>P.default.createElement(Te,{key:e.key,item:e,activeKey:a,onLogout:i,siteType:r})))))},_e=({isOpen:e,userInfo:t,closePopup:a,siteType:l="helloSites",dispatchLogout:i})=>P.default.createElement(ie,{"data-open":e},P.default.createElement("div",{className:"popup-content"},P.default.createElement(Le,{siteType:l,onLogout:()=>{i&&(i(),a())},userInfo:t}))),Be=S.default.div`
+  background-color: white;
+  text-align: center;
+  .cancle-img {
+    margin-top: 24px;
+    ${b.MediaQueries.mbDown} {
+      width: 80px;
+      height: 80px;
+    }
+
+    ${b.MediaQueries.mbUp} {
+      width: 100px;
+      height: 100px;
+    }
+  }
+
+  h2 {
+    margin-top: 32px;
+    color: ${i.theme.colors.gray800};
+    font-style: normal;
+    font-weight: bold;
+    ${b.MediaQueries.mbDown} {
+      font-size: 24px;
+      line-height: 32px;
+    }
+
+    ${b.MediaQueries.mbUp} {
+      font-size: 32px;
+      line-height: 42px;
+    }
+  }
+
+  p {
+    margin-top: 8px;
+    color: ${i.theme.colors.gray600};
+    font-style: normal;
+    font-weight: normal;
+    ${b.MediaQueries.mbDown} {
+      font-size: 16px;
+      line-height: 24px;
+    }
+
+    ${b.MediaQueries.mbUp} {
+      font-size: 16px;
+      line-height: 24px;
+    }
+  }
+`,Pe=S.default.div`
+  display: flex;
+
+  ${b.MediaQueries.mbDown} {
+    margin-top: 24px;
+  }
+
+  ${b.MediaQueries.mbUp} {
+    margin-top: 32px;
+  }
+  justify-content: space-around;
+  button {
+    flex: 1;
+    margin: 4px;
+  }
+
+  ${e=>"marryBaby"===e.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}
+`,Se=({openLogoutPopup:e,onCloseHandler:a,onLogoutHandler:l,siteType:i="helloSites"})=>{const{t:n}=m.useTranslations();return t.useEffect((()=>{document.body.classList.toggle("noscroll",e)}),[e]),P.default.createElement(h.Portal,null,P.default.createElement(u.Popup,{type:"confirm",isOpen:e,closeIcon:P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon",loading:"lazy"}),onClose:a},P.default.createElement(Be,null,"helloSites"===i&&P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account",loading:"lazy"}),P.default.createElement("h2",null,n("helloSites"===i?"logout.popup.ask1":"logout.popup.ask.mb")),P.default.createElement("p",null,n("logout.popup.ask2")),P.default.createElement(Pe,{siteType:i},P.default.createElement(E.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:l},n("logout.popup.button.logout")),P.default.createElement(E.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:a},n("logout.popup.button.cancel"))))))},De=({userInfo:l,siteType:r,onLoginClick:d,SSO_URL:u,currentUrl:c,isMinifyLogin:p,onLogout:h,style:f,isLoading:v,locale:b})=>{const{t:y}=m.useTranslations(),[x,E]=t.useState(!1),w=(null==l?void 0:l.name)||(null==l?void 0:l.username),[C,k]=t.useState(!1);t.useEffect((()=>{k(!0)}),[]);const{containerRef:$,onContainerFocus:M,onContainerBlur:A,onButtonMouseDown:L,onClose:T}=te();return v?P.default.createElement(a.Button,{size:"sm",color:"transparent",loading:!0}):(null==l?void 0:l.id)?P.default.createElement(P.default.Fragment,null,P.default.createElement(se,{ref:$,style:f,tabIndex:0,onBlur:A,onFocus:()=>{var e;M();const t=null===(e=$.current)||void 0===e?void 0:e.querySelector("#desktop-sticky-header .hhgcomp-navprofilebutton-popup");if(t){const e=`calc(100vh - ${t.getBoundingClientRect().top}px)`;t.setAttribute("style",`max-height: ${e};`)}}},P.default.createElement("div",{onMouseDown:L},P.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},P.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),P.default.createElement(a.Avatar,{size:40,className:"user-avatar",src:null==l?void 0:l.avatar,color:"marryBaby"===r?i.theme.mbColors.pink:i.theme.colors.secondaryBase,placeholderText:w&&w.length?w[0].toUpperCase():"A"})),P.default.createElement(_e,{dispatchLogout:()=>{T(),E(!0)},isOpen:!1,closePopup:T,siteType:r,userInfo:l})),P.default.createElement(Se,{openLogoutPopup:x,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),E(!1)},siteType:r,onLogoutHandler:()=>e.__awaiter(void 0,void 0,void 0,(function*(){E(!1),document.body.classList.toggle("noscroll",!1),yield h()}))})):P.default.createElement(de,{style:Object.assign({textDecoration:"none"},f),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":c,href:C?void 0:s.normalizeLinkSlash(`${u}?returnUrl=${c}`),"data-site-type":r},p?P.default.createElement(re,{onClick:d},P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):P.default.createElement(P.default.Fragment,null,"helloSites"===r&&(b===g.LOCALE.Indonesia||b===g.LOCALE.PhilippinesTagalog||b===g.LOCALE.PhilippinesEnglish?P.default.createElement("img",{className:"mobile-only",src:o.CommonGAssets.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:d}):P.default.createElement(a.Button,{className:"mobile-only",size:"sm",onClick:d,leftIcon:P.default.createElement(n.User,{useCurrentColor:!0,isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"}},y("navigation.loginJoin"))),"marryBaby"===r&&P.default.createElement("div",{className:"mobile-only",onClick:d,style:{paddingLeft:16}},P.default.createElement(n.Text,{size:"p3",color:i.theme.mbColors.pink},y("navigation.loginJoin"))),P.default.createElement(a.Button,{className:"login-btn",size:"md",onClick:d,leftIcon:P.default.createElement(n.User,{useCurrentColor:!0,isSolid:!0,size:22})},y("navigation.loginJoin"))))};var Ne="spdlGfq",ze="vgS16jX";const je=({onCareHeaderClick:e,currentUrl:t,careUrlFe:a,btnName:l})=>e?P.default.createElement(E.Button,{className:Ne,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:t=>e(t),style:{paddingLeft:10,paddingRight:10}},l):P.default.createElement("a",{href:a,className:`${ze} care-button no-replace-click`},P.default.createElement(E.Button,{className:Ne,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},l));var Oe="y5VJdvw",Ue="oVhOSCy",He="pX8OXTM";const Re=P.default.createContext({}),Fe=a=>{var{children:l}=a,i=e.__rest(a,["children"]);const[n,o]=P.default.useState((()=>i.currentUrl||`https://${"marryBaby"===i.siteType?w.domainLocalesMarryBaby[i.locale||"en-PH"]:r.domainLocales[i.locale||"en-PH"]}${"together"===i.projectType?"/community":"ecom"===i.projectType?"/ecom":"care"===i.projectType?"/care":""}/`));t.useEffect((()=>{const e=()=>{o(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const s=(({locale:e,projectType:a,isMobile:l,siteType:i,enableBookingBtn:n})=>t.useMemo((()=>{const t=!(!l&&"profile"===a),o="discover"===a||"marryBaby"===a||"profile"===a&&"marryBaby"===i,s="marryBaby"!==i&&"marryBaby"!==a&&r.CARE_LOCALES.includes(e),u=n&&"marryBaby"!==a&&"discover"===a&&"marryBaby"!==i&&r.CARE_BOOKING_LOCALES.includes(e),c="marryBaby"===a||r.TOGETHER_LOCALES.includes(e),m="marryBaby"!==i&&r.ECOM_LOCALES.includes(e),p="marryBaby"!==i&&r.ECOM_LOCALES.includes(e);let h=d.getCurrentBaseUrl(e,"marryBaby"===i);"undefined"!=typeof window&&(h.includes("//id.")&&(h=h.replace("id.","")),h.includes("//staging-id.")&&(h=h.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:t,enableSearchBar:o,enableNavCare:s,enableNavCareBooking:u,enableNavTogether:c,enableNavEcom:m,enableProfileEcom:p,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:h,CARE_URL_FE:`${h}/care`,TOGETHER_URL_FE:`${h}/community`,SSO_URL:d.getCurrentSsoUrl(e,"marryBaby"===i),TOGETHER_API:d.getTogetherApiDomain(),DISCOVER_API:d.getDiscoverApiDomain(e)}}}),[e,a,l]))({locale:i.locale,projectType:i.projectType,isMobile:i.isMobile,siteType:i.siteType,enableBookingBtn:i.enableBookingBtn});return P.default.createElement(Re.Provider,{value:Object.assign(Object.assign({},i),{configs:Object.assign(Object.assign({},s),i.configs),currentUrl:i.currentUrl||n})},l)};function Ge({className:e}){return P.default.createElement("div",null,P.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:e},P.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function Ie({siteType:e,enableSearch:t,className:a}){return"helloSites"===e?P.default.createElement("div",null,P.default.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:t?o.CommonGAssets.getAssetPath("hamburgerMenuNewWithSearch.svg"):o.CommonGAssets.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:"home",className:a,loading:"lazy"})):P.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:a},P.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"}))}const Qe=S.default.div`
+  position: fixed;
+  z-index: 201;
+  top: calc(100% + 1px);
+  width: 100%;
+  height: calc(100vh - var(--header-bottom));
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: white;
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 0;
+  left: 0;
+  .hhgcomp-navigation-popupwrapper-menuwrapper {
+    position: unset;
+  }
+`,Ve=S.default.div`
+  padding: 16px;
+  padding-bottom: 12px;
+  .fake-search-input {
+    pointer-events: none;
+    input {
+      line-height: 20px;
+      padding-top: 10px;
+      padding-bottom: 10px;
+    }
+  }
+  &[data-theme='marryBaby'] {
+    input {
+      background: ${i.theme.mbColors.lightGray};
+      border-radius: 16px;
+      border: none;
+    }
+  }
+`,Ze=S.default.div`
+  display: block;
+  overflow-y: auto;
+  flex: 1;
+  padding-bottom: 16px;
+  &::-webkit-scrollbar {
+    width: 0;
+    display: none;
+  }
+`,qe=t.memo((()=>P.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},P.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"})))),We=()=>{const{locale:e,configs:{statics:a},siteType:l}=t.useContext(Re),i=m.useUniqueId(),{t:n}=m.useTranslations();return P.default.createElement(y.PureInput,{className:"fake-search-input",name:"search-input-menu-service"+i,size:"md",placeholder:"marryBaby"===l?n("navigation.search.input.placeholder"):n("home.search",{site:r.LOCALE_SPECS[e||"en-PH"]?r.LOCALE_SPECS[e||"en-PH"].SITE_NAME:""}),onChange:()=>{},onKeyDown:e=>"Enter"===e.key&&(window.location.href=`${a.HOME_PAGE_URL}/search/?s=${e.target.value}`),type:"search",onFocus:e=>{e.preventDefault()},displayIcon:P.default.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},P.default.createElement(qe,null))})},Ye=S.default.div`
+  padding-right: 1rem;
+  margin-top: 10px;
+  background: #ffffff;
+  padding: 5px 15px;
+  ${b.MediaQueries.mbUp} {
+    border-right: 1px solid #e4e8ec;
+  }
+`,Ke=S.default.a`
+  padding: 10px 0;
+  position: relative;
+
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  color: ${i.theme.colors.gray800};
+  * {
+    pointer-events: none;
+  }
+  p {
+    font-size: 16px;
+    font-weight: 400;
+    padding: 0 0.4rem;
+  }
+
+  &[data-theme='marryBaby']:hover,
+  &[data-theme='marryBaby'][data-active='true'] {
+    p {
+      color: ${i.theme.mbColors.pink};
+    }
+    .icon {
+      background-color: ${i.theme.mbColors.lightPink};
+    }
+  }
+  &[data-theme='helloSites']:hover,
+  &[data-theme='helloSites'][data-active='true'] {
+    p {
+      color: ${i.theme.colors.primaryActive};
+    }
+  }
+  a {
+  }
+
+  &[data-theme='marryBaby'] {
+    .icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      max-width: 40px;
+      width: 100%;
+      height: 40px;
+      border-radius: 50%;
+      background-color: ${i.theme.mbColors.lightGray};
+      img {
+        border-radius: 50%;
+      }
+    }
+  }
+`,Je=S.default.div`
+  margin: 15px 0;
+  ${b.MediaQueries.mbDown} {
+    display: none;
+  }
+`,Xe=S.default.div`
+  display: flex;
+  position: absolute;
+  right: 0;
+  ${b.MediaQueries.mbUp} {
+    display: none;
+  }
+`,et=S.default.div`
+  display: flex;
+  align-items: center;
+  color: ${i.theme.colors.primaryBase};
+  font-size: ${i.theme.sizes.fsParagraph4};
+  font-weight: ${i.theme.sizes.fwBold};
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  &[data-event-category] * {
+    pointer-events: none;
+  }
+  &[data-theme='marryBaby'] {
+    color: ${i.theme.mbColors.pink};
+  }
+`,tt=S.default.div`
+  display: flex;
+  align-items: center;
+  margin-left: 10px;
+`,at=S.default.a`
+  border: 1px solid ${i.theme.colors.primaryBase};
+  &[data-theme='marryBaby'] {
+    border: 1px solid ${i.theme.mbColors.pink};
+
+    svg path {
+      stroke: ${i.theme.mbColors.pink};
+    }
+  }
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 6px;
+  border-radius: 5px;
+  margin-top: 20px;
+  ${b.MediaQueries.mbDown} {
+    display: none;
+  }
+`;var lt="wnUb-dV",it="cjbOxWe",nt="gB4rp89";const ot=({item:e,menu:t})=>{const{containerRef:a,onContainerFocus:l,onContainerBlur:i,onButtonMouseDown:n,onClose:o}=te({allowBgScroll:!0}),r=$.useIsInit();return!e.popupType&&e.link?P.default.createElement(rt,{isNew:e.isNew},P.default.createElement("a",{className:`hhgcomp-navigation-itemnav-headeritem ${r?"":`menu-handler-${e.id}`} ${"care"===e.id?"force-focus":""}`,tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},P.default.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:it},"care"===e.id&&P.default.createElement("div",{className:nt},P.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},P.default.createElement("path",{d:"M13.4751 21.5C11.8084 21.5 10.3918 20.9167 9.2251 19.75C8.05843 18.5833 7.4751 17.1667 7.4751 15.5V14.95C6.1251 14.7833 4.9961 14.1833 4.0881 13.15C3.17943 12.1167 2.7251 10.9 2.7251 9.5V4.65C2.7251 4.4 2.81243 4.18733 2.9871 4.012C3.16243 3.83733 3.3751 3.75 3.6251 3.75H5.7251V3.5C5.7251 3.28333 5.7961 3.104 5.9381 2.962C6.07943 2.82067 6.25843 2.75 6.4751 2.75C6.69176 2.75 6.8711 2.82067 7.0131 2.962C7.15443 3.104 7.2251 3.28333 7.2251 3.5V5.5C7.2251 5.71667 7.15443 5.89567 7.0131 6.037C6.8711 6.179 6.69176 6.25 6.4751 6.25C6.25843 6.25 6.07943 6.179 5.9381 6.037C5.7961 5.89567 5.7251 5.71667 5.7251 5.5V5.25H4.2251V9.5C4.2251 10.6 4.61676 11.5417 5.4001 12.325C6.18343 13.1083 7.1251 13.5 8.2251 13.5C9.3251 13.5 10.2668 13.1083 11.0501 12.325C11.8334 11.5417 12.2251 10.6 12.2251 9.5V5.25H10.7251V5.5C10.7251 5.71667 10.6544 5.89567 10.5131 6.037C10.3711 6.179 10.1918 6.25 9.9751 6.25C9.75843 6.25 9.57943 6.179 9.4381 6.037C9.2961 5.89567 9.2251 5.71667 9.2251 5.5V3.5C9.2251 3.28333 9.2961 3.104 9.4381 2.962C9.57943 2.82067 9.75843 2.75 9.9751 2.75C10.1918 2.75 10.3711 2.82067 10.5131 2.962C10.6544 3.104 10.7251 3.28333 10.7251 3.5V3.75H12.8251C13.0751 3.75 13.2878 3.83733 13.4631 4.012C13.6378 4.18733 13.7251 4.4 13.7251 4.65V9.5C13.7251 10.9 13.2711 12.1167 12.3631 13.15C11.4544 14.1833 10.3251 14.7833 8.9751 14.95V15.5C8.9751 16.75 9.41276 17.8127 10.2881 18.688C11.1628 19.5627 12.2251 20 13.4751 20C14.7251 20 15.7878 19.5627 16.6631 18.688C17.5378 17.8127 17.9751 16.75 17.9751 15.5V13.875C17.4584 13.7083 17.0294 13.404 16.6881 12.962C16.3461 12.5207 16.1751 12.0167 16.1751 11.45C16.1751 10.7333 16.4251 10.125 16.9251 9.625C17.4251 9.125 18.0251 8.875 18.7251 8.875C19.4418 8.875 20.0501 9.125 20.5501 9.625C21.0501 10.125 21.3001 10.7333 21.3001 11.45C21.3001 12.0167 21.1294 12.5207 20.7881 12.962C20.4461 13.404 20.0084 13.7083 19.4751 13.875V15.5C19.4751 17.1667 18.8918 18.5833 17.7251 19.75C16.5584 20.9167 15.1418 21.5 13.4751 21.5Z",fill:"#2D87F3",strokeWidth:0}))),e.name))):P.default.createElement(rt,{isNew:e.isNew},P.default.createElement("div",{ref:a,className:`hhgcomp-navigation-itemnav-headeritem ${r?"":`menu-handler-${e.id}`} ${"care"===e.id?"force-focus":""}`,tabIndex:0,key:e.id,onBlur:i,onFocus:l,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},P.default.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:n,className:it},"care"===e.id&&P.default.createElement("a",{className:nt,href:s.normalizeLinkSlash(e.link+"/")},P.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},P.default.createElement("path",{d:"M13.4751 21.5C11.8084 21.5 10.3918 20.9167 9.2251 19.75C8.05843 18.5833 7.4751 17.1667 7.4751 15.5V14.95C6.1251 14.7833 4.9961 14.1833 4.0881 13.15C3.17943 12.1167 2.7251 10.9 2.7251 9.5V4.65C2.7251 4.4 2.81243 4.18733 2.9871 4.012C3.16243 3.83733 3.3751 3.75 3.6251 3.75H5.7251V3.5C5.7251 3.28333 5.7961 3.104 5.9381 2.962C6.07943 2.82067 6.25843 2.75 6.4751 2.75C6.69176 2.75 6.8711 2.82067 7.0131 2.962C7.15443 3.104 7.2251 3.28333 7.2251 3.5V5.5C7.2251 5.71667 7.15443 5.89567 7.0131 6.037C6.8711 6.179 6.69176 6.25 6.4751 6.25C6.25843 6.25 6.07943 6.179 5.9381 6.037C5.7961 5.89567 5.7251 5.71667 5.7251 5.5V5.25H4.2251V9.5C4.2251 10.6 4.61676 11.5417 5.4001 12.325C6.18343 13.1083 7.1251 13.5 8.2251 13.5C9.3251 13.5 10.2668 13.1083 11.0501 12.325C11.8334 11.5417 12.2251 10.6 12.2251 9.5V5.25H10.7251V5.5C10.7251 5.71667 10.6544 5.89567 10.5131 6.037C10.3711 6.179 10.1918 6.25 9.9751 6.25C9.75843 6.25 9.57943 6.179 9.4381 6.037C9.2961 5.89567 9.2251 5.71667 9.2251 5.5V3.5C9.2251 3.28333 9.2961 3.104 9.4381 2.962C9.57943 2.82067 9.75843 2.75 9.9751 2.75C10.1918 2.75 10.3711 2.82067 10.5131 2.962C10.6544 3.104 10.7251 3.28333 10.7251 3.5V3.75H12.8251C13.0751 3.75 13.2878 3.83733 13.4631 4.012C13.6378 4.18733 13.7251 4.4 13.7251 4.65V9.5C13.7251 10.9 13.2711 12.1167 12.3631 13.15C11.4544 14.1833 10.3251 14.7833 8.9751 14.95V15.5C8.9751 16.75 9.41276 17.8127 10.2881 18.688C11.1628 19.5627 12.2251 20 13.4751 20C14.7251 20 15.7878 19.5627 16.6631 18.688C17.5378 17.8127 17.9751 16.75 17.9751 15.5V13.875C17.4584 13.7083 17.0294 13.404 16.6881 12.962C16.3461 12.5207 16.1751 12.0167 16.1751 11.45C16.1751 10.7333 16.4251 10.125 16.9251 9.625C17.4251 9.125 18.0251 8.875 18.7251 8.875C19.4418 8.875 20.0501 9.125 20.5501 9.625C21.0501 10.125 21.3001 10.7333 21.3001 11.45C21.3001 12.0167 21.1294 12.5207 20.7881 12.962C20.4461 13.404 20.0084 13.7083 19.4751 13.875V15.5C19.4751 17.1667 18.8918 18.5833 17.7251 19.75C16.5584 20.9167 15.1418 21.5 13.4751 21.5Z",fill:"#2D87F3",strokeWidth:0}))),e.name,e.popupType&&P.default.createElement("div",{className:lt},P.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},P.default.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),P.default.isValidElement(t)?P.default.cloneElement(t,{onClose:o}):null))},rt=({isNew:e,children:t})=>{const{t:a}=m.useTranslations();return e?P.default.createElement(k.Indicator,{color:"green",label:a("home.navigator.menuItem.new"),size:20,styles:{root:{paddingRight:10}}},t):P.default.createElement(P.default.Fragment,null,t)},st=({hrefViewMore:e,titleBtnViewMore:a,UrlFE:l,onClosePopup:i,menuItems:n,headingTitle:r,activeItem:s})=>{const{siteType:d}=t.useContext(Re);return P.default.createElement(Ye,null,P.default.createElement(Je,null,P.default.createElement(y.Heading,{tag:"marryBaby"===d?"h5":"h6",as:"p",fontWeight:"semibold"},r)),null==n?void 0:n.slice(0,6).map(((e,t)=>{const a=(null==e?void 0:e.link)?(null==e?void 0:e.link.startsWith("http"))?null==e?void 0:e.link:`${l}/${null==e?void 0:e.link.split("/").filter(Boolean).join("/")}/`:"/";return P.default.createElement(Ke,Object.assign({className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":a,"data-is-heading-category":!1,"data-active":e.id&&e.id===s,href:a},!H(a)&&{target:"_blank"},{"data-theme":d,key:t,onClick:i}),P.default.createElement("div",{className:"icon"},P.default.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32,overflow:"hidden"}})),P.default.createElement(rt,{isNew:e.isNew},P.default.createElement("p",{style:{paddingRight:e.isNew?10:0}},e.name)),P.default.createElement(Xe,null,P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))})),a&&P.default.createElement(at,{"data-theme":d,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},P.default.createElement(et,{onClick:i,"data-theme":d,"data-is-heading-category":!1},a,P.default.createElement(tt,null,P.default.createElement("img",{className:"svg",src:"marryBaby"===d?o.CommonGAssets.getAssetPath("chevronRightPink.svg"):o.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))))},dt=S.default.div`
+  display: grid;
+
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  margin-bottom: 3.5rem;
+  ${b.MediaQueries.tdDown} {
+    grid-template-columns: repeat(1, 1fr);
+  }
+`,ut=S.default.div`
+  height: 152px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 3;
+  overflow: hidden;
+  border-radius: 4px;
+  padding: 16px;
+  width: 100%;
+
+  .img-container {
+    width: 100%;
+    height: 100%;
+  }
+  img {
+    width: 100%;
+    height: 100%;
+    display: block;
+    object-fit: contain;
+  }
+  ${b.MediaQueries.tdDown} {
+    margin-bottom: 0;
+    padding: 0;
+    height: 100%;
+    position: unset;
+    width: 150px;
+  }
+  ${b.MediaQueries.mbDown} {
+    width: 80px;
+  }
+`,ct=S.default.div`
+  background-color: #ffffff;
+  border-radius: 4px;
+  width: 100%;
+  height: 100%;
+`,mt=S.default.div`
+  display: flex;
+  margin-top: 1rem;
+  align-items: center;
+  color: ${i.theme.colors.primaryBase};
+  font-weight: 400;
+  font-size: 14px;
+  text-decoration: none;
+  ${b.MediaQueries.tdDown} {
+    display: none;
+  }
+`,pt=S.default.p`
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.6;
+  color: ${i.theme.colors.gray800};
+  ${b.MediaQueries.tdDown} {
+    padding: 0;
+  }
+`,ht=S.default.p`
+  font-size: 14px;
+  line-height: 1.6;
+  font-weight: 400;
+  color: ${i.theme.colors.gray600};
+  height: 40px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  margin-bottom: auto;
+  ${b.MediaQueries.tdDown} {
+    height: unset;
+    padding: 0;
+  }
+`,gt=S.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex: 1;
+  z-index: 1;
+  ${b.MediaQueries.tdDown} {
+    gap: 4px;
+  }
+`,ft="hhgcomp-navigation-menucareitem-contentwrapper",vt=y.getDefaultClassWrapper(gt,ft),bt=S.default.a`
+  text-decoration: none;
+  border-radius: 4px;
+  background: ${i.theme.colors.white};
+  position: relative;
+  overflow: hidden;
+  padding: 16px;
+  display: flex;
+  padding-top: 166px;
+  * {
+    pointer-events: none;
+  }
+  ${b.MediaQueries.tdUp} {
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),
+      0px 0px 1px rgba(0, 0, 0, 0.04);
+    gap: 30px;
+    flex-direction: column;
+    a {
+      display: flex;
+      width: 100%;
+    }
+  }
+  ${b.MediaQueries.tdDown} {
+    padding-top: 16px;
+    a {
+      display: none;
+    }
+    grid-template-columns: 2fr 1fr;
+    gap: 10px;
+    display: grid;
+    max-height: 110px;
+    display: flex;
+    flex-direction: row-reverse;
+    > .${ft} {
+      flex: 1;
+    }
+    img {
+      width: 150px;
+    }
+  }
+  ${b.MediaQueries.mbDown} {
+    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),
+      0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
+    display: flex;
+    flex-direction: row-reverse;
+    img {
+      width: 80px;
+      height: 80px;
+    }
+  }
+  ${b.MediaQueries.tdOnly} {
+    border: 1px solid ${i.theme.colors.neutral100};
+  }
+  .bg-svg {
+    width: 100%;
+    max-width: 245px;
+    height: 100%;
+    top: 0;
+    right: -40px;
+    position: absolute;
+    display: inline-block;
+  }
+`,yt=({item:e,index:a=0})=>{var l;const{t:i}=m.useTranslations(),{locale:n,configs:{statics:r}}=t.useContext(Re);if(!e)return null;const s=`${r.CARE_URL_FE}/${null===(l=C.LOCALIZED_SLUGS[n])||void 0===l?void 0:l.HOSPITAL}/${e.slug}-${e.id}`;return P.default.createElement(bt,{key:e.id,href:s,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${a+1}`,"data-event-label":s},P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),P.default.createElement(ut,null,P.default.createElement(ct,null,P.default.createElement("img",{loading:"lazy",alt:e.name,src:e.logo||"/images/avatar.jpg"}))),P.default.createElement(vt,null,P.default.createElement(pt,null,e.name),P.default.createElement(ht,null,e.description),P.default.createElement(mt,null,i("home.seeMore"),P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))))},xt=S.default.div`
+  padding: 16px;
+  border-radius: 8px;
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+  a {
+    text-decoration: none;
+  }
+
+  .bg-svg {
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+  }
+  ${b.MediaQueries.mbDown} {
+    display: block;
+    .bg-svg {
+      right: -24px;
+      left: unset;
+      top: 0;
+      transform: rotateY(180deg);
+    }
+  }
+
+  ${b.MediaQueries.mbUp} {
+    display: grid;
+    grid-gap: 10px;
+    grid-template-columns: 1fr 3fr;
+  }
+`,Et=S.default.div`
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 24px;
+  color: ${i.theme.colors.gray600};
+  margin-bottom: 15px;
+`,wt=S.default.div`
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 26px;
+  color: #000000;
+  margin-bottom: 4px;
+`,Ct=S.default.div`
+  background: #fff;
+  padding: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50px;
+`,kt=S.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  ${b.MediaQueries.mbDown} {
+    justify-content: end;
+    min-height: 100px;
+  }
+`,$t=({title:e,link:a,description:l,cta:i,icon:n})=>{const{siteType:r}=t.useContext(Re);return P.default.createElement(xt,{"data-theme":r},P.default.createElement(kt,null,P.default.createElement("img",{src:"marryBaby"===r?o.CommonGAssets.getAssetPath("navMBSpotlightBgNoData.svg"):o.CommonGAssets.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),P.default.createElement(Ct,null,n&&P.default.createElement("img",{src:n,width:64,height:64,loading:"lazy"}))),P.default.createElement("div",null,e&&P.default.createElement(wt,null,e),l&&P.default.createElement(Et,null,l),i&&P.default.createElement("div",null,P.default.createElement("a",{href:a},P.default.createElement(E.Button,{theme:r,className:"survey-contact-submit",size:"md"},i)))))},Mt=S.default.div`
+  margin-top: 10px;
+  background: #ffffff;
+  padding: 5px 15px;
+  position: relative;
+  ${b.MediaQueries.mbDown} {
+    &:after {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 4px;
+      background-color: ${i.theme.colors.neutral100};
+      content: '';
+    }
+  }
+`,At=S.default.div`
+  margin: 15px 0;
+  display: flex;
+`,Lt=S.default.a`
+  padding-left: 10px;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  font-weight: 400;
+  font-size: 14px;
+  color: ${i.theme.colors.primaryBase};
+  &[data-theme='marryBaby'] {
+    color: ${i.theme.mbColors.pink};
+  }
+  img {
+    padding-left: 5px;
+  }
+  ${b.MediaQueries.mbDown} {
+    margin-left: auto;
+  }
+`,Tt=({title:e,viewMore:a,children:l,link:i,dataEventAction:n=""})=>{const{siteType:r}=t.useContext(Re);return P.default.createElement(Mt,null,P.default.createElement(At,null,P.default.createElement(y.Heading,{tag:"marryBaby"===r?"h5":"h6",as:"p",fontWeight:"semibold"},e),a&&P.default.createElement(Lt,{"data-event-category":"Hamburger Navigation","data-event-action":n,"data-event-label":i,href:i,"data-theme":r},a,P.default.createElement("img",{src:"marryBaby"===r?o.CommonGAssets.getAssetPath("chevronRightPink.svg"):o.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"}))),l)},_t=({spotlights:e=[],hrefViewMore:a})=>{const{t:l}=m.useTranslations(),{siteType:i}=t.useContext(Re);return P.default.createElement(Tt,{title:l("home.navigator.menu.spotlightHospitals")},0!==e.length?P.default.createElement(P.default.Fragment,null,P.default.createElement(dt,null,null==e?void 0:e.slice(0,3).map(((e,t)=>P.default.createElement(yt,{key:t,index:t,item:e})))),P.default.createElement("div",{style:{position:"absolute",bottom:"6px",right:"1rem"}},P.default.createElement("a",{href:a},P.default.createElement(E.Button,{theme:i,className:"survey-contact-submit",size:"md"},l("home.navigator.menu.care.homeButton"))))):P.default.createElement($t,{title:l("home.navigator.menu.care.noDatas.title"),description:l("home.navigator.menu.care.noDatas.description"),link:a,cta:l("home.navigator.menu.care.homeButton"),icon:o.CommonGAssets.getAssetPath("community.svg")}))},Bt=S.default.div`
+  display: grid;
+
+  grid-template-columns: repeat(4, 1fr);
+  gap: 24px;
+  ${b.MediaQueries.tdDown} {
+    gap: 12px;
+    grid-template-columns: 1fr;
+  }
+`,Pt=S.default.a`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  * {
+    pointer-events: none;
+  }
+`,St=S.default.div`
+  border-radius: 5px;
+  display: block;
+  overflow: hidden;
+  padding-top: 140%;
+  width: 100%;
+  position: relative;
+  height: 0;
+  img {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    display: block;
+    object-fit: cover;
+    top: 0;
+    left: 0;
+  }
+  ${b.MediaQueries.tdDown} {
+    width: 72px;
+    padding-top: 100px;
+  }
+`,Dt=S.default.p`
+  font-size: 16px;
+  font-weight: 400;
+  padding: 4px 15px;
+  line-height: 1.4;
+  color: ${i.theme.colors.gray800};
+  flex: 1;
+  ${b.MediaQueries.tdUp} {
+    display: none;
+  }
+`,Nt=({item:e,index:t=0})=>e?P.default.createElement(Pt,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":`Spotlight Click ${t+1}`,"data-event-label":e.link},P.default.createElement(St,null,P.default.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),P.default.createElement(Dt,null,e.title)):null,zt=({spotlightsList:e=[],hrefViewMore:a})=>{const{t:l}=m.useTranslations(),{configs:{statics:i}}=t.useContext(Re);return P.default.createElement(Tt,{title:l("home.navigator.menu.spotlights"),viewMore:l("home.navigator.menu.spotlights.seeAll"),link:a,dataEventAction:"Spotlight See More Click"},0!==e.length?P.default.createElement(Bt,null,null==e?void 0:e.slice(0,4).map(((e,t)=>P.default.createElement(Nt,{key:t,index:t,item:{id:e.id,link:i.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image}})))):P.default.createElement($t,{title:l("home.navigator.menu.category.noDatas.title"),description:l("home.navigator.menu.category.noDatas.description"),link:a,cta:l("home.navigator.menu.category.noDatas.cta"),icon:o.CommonGAssets.getAssetPath("Spotlight.svg")}))},jt=S.default.div`
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 48px;
+  ${b.MediaQueries.tdDown} {
+    grid-template-columns: 1fr;
+    grid-gap: 32px;
+  }
+  ${b.MediaQueries.mbDown} {
+    grid-gap: 24px;
+  }
+`,Ot=S.default.div`
+  padding: 5px;
+  flex: 1;
+`,Ut=S.default.img`
+  width: 88px;
+  height: 88px;
+  border-radius: 4px;
+  object-fit: cover;
+`,Ht=S.default.div`
+  font-size: 12px;
+  font-weight: 600;
+  color: ${i.theme.colors.gray800};
+  text-decoration: none;
+  &[data-theme='marryBaby'] {
+    font-weight: 400;
+    letter-spacing: -0.2px;
+  }
+`,Rt=S.default.div`
+  text-decoration: none;
+  font-size: 12px;
+  font-weight: 400;
+  color: ${i.theme.colors.primaryBase};
+  &[data-theme='marryBaby'] {
+    font-weight: 400;
+    letter-spacing: -0.2px;
+  }
+`,Ft=S.default.div`
+  font-size: 12px;
+  font-weight: 400;
+  color: ${i.theme.colors.gray600};
+`,Gt=S.default.div`
+  font-size: 12px;
+  font-weight: 400;
+  color: ${i.theme.colors.gray600};
+`,It=S.default.a`
+  display: flex;
+  gap: 10px;
+  text-decoration: none;
+  position: relative;
+  &::after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 1px;
+    border-top: 1px dashed ${i.theme.colors.neutral100};
+    position: absolute;
+    bottom: -24px;
+    ${b.MediaQueries.tdOnly} {
+      bottom: -16px;
+    }
+    ${b.MediaQueries.mbDown} {
+      bottom: -12px;
+    }
+  }
+  &:last-child {
+    &::after {
+      display: none;
+    }
+  }
+  ${b.MediaQueries.tdUp} {
+    &:nth-last-child(2) {
+      &::after {
+        display: none;
+      }
+    }
+  }
+`,Qt=S.default.div`
+  display: flex;
+  gap: 10px;
+  vertical-align: middle;
+  align-items: center;
+`,Vt=S.default.div`
+  margin-top: 8px;
+  font-size: 16px;
+  font-weight: 600;
+  color: ${i.theme.colors.gray800};
+  &[data-theme='marryBaby'] {
+    margin-top: 12px;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 24px;
+    letter-spacing: -0.2px;
+  }
+`,Zt=S.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  column-gap: 5px;
+`,qt=S.default.div`
+  display: flex;
+  gap: 4px;
+  flex-direction: column;
+`;z.default.extend(j.default);const Wt=({post:e,index:a=0})=>{var l,i,n,o,r,s,d;const{siteType:c,configs:{statics:m}}=t.useContext(Re);if(!e)return null;const p=[m.TOGETHER_URL_FE,null===(l=e.community)||void 0===l?void 0:l.slug].join("/"),h=[p,e.slug].join("/"),g=e.createdAt,f=g?isNaN(new Date(g).getTime())?null:new Date(g):null,v=f?z.default(f).toNow(!0):g;return P.default.createElement(It,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${a+1}`,"data-event-label":h},P.default.createElement(Ot,null,P.default.createElement(Qt,null,P.default.createElement(u.UserAvatar,{avatar:null===(i=e.author)||void 0===i?void 0:i.avatar,username:(null===(n=e.author)||void 0===n?void 0:n.name)||(null===(o=e.author)||void 0===o?void 0:o.username)}),P.default.createElement(qt,null,P.default.createElement(Ht,{"data-theme":c},null===(r=e.author)||void 0===r?void 0:r.name),P.default.createElement(Zt,null,P.default.createElement(Rt,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${a+1}`,"data-event-label":p,onClick:e=>{e.preventDefault(),location.href=p},"data-theme":c},null===(s=e.community)||void 0===s?void 0:s.name),P.default.createElement(Gt,null,"•"),P.default.createElement(Ft,{"data-theme":c},v)))),P.default.createElement(Vt,null,e.title)),!!(null===(d=e.photos)||void 0===d?void 0:d.length)&&P.default.createElement(Ut,{loading:"lazy",src:e.photos[0]}))},Yt=({spotlights:e=[]})=>{const{configs:{statics:a}}=t.useContext(Re),{t:l}=m.useTranslations();return P.default.createElement(Tt,{title:l("home.navigator.menu.trendingPosts"),viewMore:l("home.navigator.menu.trendingPosts.seeMore"),link:s.normalizeLink(a.TOGETHER_URL_FE),dataEventAction:"Together See More Click"},0!==e.length?P.default.createElement(jt,null,null==e?void 0:e.slice(0,4).map(((e,t)=>P.default.createElement(Wt,{index:t,post:e,key:e.id})))):P.default.createElement($t,{title:l("home.navigator.menu.together.noPosts.title"),description:l("home.navigator.menu.together.noPosts.description"),link:`${a.HOME_PAGE_URL}/community/`,cta:l("home.navigator.menu.together.noPosts.cta"),icon:o.CommonGAssets.getAssetPath("community.svg")}))},Kt=S.default.div`
+  display: grid;
+
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  margin-bottom: 3.5rem;
+  ${b.MediaQueries.tdDown} {
+    grid-template-columns: repeat(1, 1fr);
+  }
+`,Jt=S.default.a`
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+`,Xt=({item:e,index:t=0})=>e?P.default.createElement(Jt,{href:e.url,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":e.url},P.default.createElement("img",{loading:"lazy",alt:e.name,src:e.featuredImage||"/images/avatar.jpg",style:{width:"40px",height:"40px"}}),P.default.createElement(n.Text,{size:"p2",weight:"regular",style:{marginLeft:16}},e.name),P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"20px",height:"20px",marginLeft:"auto"},loading:"lazy"})):null,ea=({helpfulUrls:e=[]})=>{const{t:t}=m.useTranslations();return e.length?P.default.createElement(Tt,{title:t("home.navigator.menu.spotlightEcom")},0!==e.length?P.default.createElement(Kt,null,null==e?void 0:e.slice(0,5).map(((e,t)=>P.default.createElement(Xt,{key:t,index:t,item:e})))):P.default.createElement(P.default.Fragment,null)):null},ta=S.default.div`
+  display: grid;
+
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  ${b.MediaQueries.tdDown} {
+    grid-template-columns: 1fr;
+    gap: 12px;
+  }
+`,aa=S.default.a`
+  text-decoration: none;
+  border-radius: 4px;
+  background: ${i.theme.colors.primary50};
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  * {
+    pointer-events: none;
+  }
+  .bg-svg {
+    width: 245px;
+    top: 0;
+    right: 0;
+    height: 100%;
+    position: absolute;
+    ${b.MediaQueries.tdDown} {
+      top: calc(51% - 68px);
+      right: -8px;
+    }
+  }
+  padding: 180px 24px 16px;
+  a {
+    display: flex;
+    width: 100%;
+  }
+  ${b.MediaQueries.tdDown} {
+    padding-top: 16px;
+    display: flex;
+    align-items: center;
+  }
+`,la=S.default.div`
+  width: 64px;
+  height: 64px;
+  background: white;
+  position: absolute;
+  right: 25px;
+  top: 35px;
+  z-index: 3;
+  border-radius: 50%;
+  img {
+    position: absolute;
+    width: 64px;
+    height: 64px;
+    top: 50%;
+    left: 50%;
+    display: block;
+    transform: translate(-50%, -50%);
+  }
+  ${b.MediaQueries.tdDown} {
+    position: relative;
+    top: unset;
+    right: unset;
+  }
+`,ia=S.default.div`
+  display: flex;
+  align-items: center;
+  color: ${i.theme.colors.primaryBase};
+  font-weight: 400;
+  font-size: 14px;
+  text-decoration: none;
+`,na=S.default.p`
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+  color: ${i.theme.colors.gray800};
+`,oa=S.default.p`
+  font-size: 14px;
+  line-height: 1.4;
+  font-weight: 400;
+  color: ${i.theme.colors.gray600};
+  height: 40px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  margin-bottom: auto;
+  ${b.MediaQueries.tdDown} {
+    display: none;
+  }
+`,ra=S.default.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  z-index: 1;
+  ${b.MediaQueries.tdUp} {
+    gap: 8px;
+  }
+  ${b.MediaQueries.tdDown} {
+    gap: 4px;
+    flex: 1;
+  }
+`,sa=({item:e,index:a=0})=>{const{t:l}=m.useTranslations(),{configs:{statics:i}}=t.useContext(Re);if(!e)return null;const n=e.link?e.link.startsWith("http")?e.link:`${i.HOME_PAGE_URL}${e.link}`:void 0;return P.default.createElement(aa,{href:n,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${a+1}`,"data-event-label":n},P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),P.default.createElement(ra,null,P.default.createElement(na,null,e.title),P.default.createElement(oa,null,e.subtitle),P.default.createElement(ia,null,l("home.seeMore"),P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))),P.default.createElement(la,null,P.default.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},da=S.default.a`
+  text-decoration: none;
+  border-radius: 12px;
+
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  * {
+    pointer-events: none;
+  }
+  .bg-svg {
+    top: 0;
+    left: 0;
+    position: absolute;
+  }
+
+  .dot-svg {
+    width: 40px;
+    height: 30px;
+    top: 36px;
+    left: 16px;
+    position: absolute;
+    stroke-width: 0;
+  }
+
+  &[data-color='pink'] {
+    background: ${i.theme.mbColors.tonePink};
+    .bg-svg {
+      fill: ${i.theme.mbColors.peach};
+    }
+  }
+  &[data-color='orange'] {
+    background: ${i.theme.mbColors.toneYellow};
+    .bg-svg {
+      fill: ${i.theme.mbColors.orange};
+    }
+  }
+  &[data-color='green'] {
+    background: ${i.theme.mbColors.toneGreen};
+    .bg-svg {
+      fill: ${i.theme.mbColors.mint};
+    }
+  }
+
+  padding: 180px 24px 16px;
+  a {
+    display: flex;
+    width: 100%;
+  }
+  ${b.MediaQueries.tdDown} {
+    padding-top: 16px;
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+  }
+  ${b.MediaQueries.mbDown} {
+    padding-top: 0;
+    padding-left: 80px;
+    height: 96px;
+    align-items: flex-start;
+    justify-content: center;
+    flex-direction: column;
+    .dot-svg {
+      top: 22px;
+      left: 16px;
+    }
+  }
+  ${b.MediaQueries.tdUp} {
+    min-height: 296px;
+  }
+  .mobile-only {
+    ${b.MediaQueries.tdUp} {
+      display: none;
+    }
+  }
+  .desktop-only {
+    ${b.MediaQueries.tdDown} {
+      display: none;
+    }
+  }
+`,ua=S.default.div`
+  width: 48px;
+  height: 48px;
+  background: white;
+  position: absolute;
+  right: 25px;
+  top: 35px;
+  z-index: 3;
+  border-radius: 50%;
+  img {
+    position: absolute;
+    width: 36px;
+    height: 36px;
+    top: 50%;
+    left: 50%;
+    display: block;
+    transform: translate(-50%, -50%);
+  }
+  ${b.MediaQueries.tdDown} {
+    position: relative;
+    top: unset;
+    right: unset;
+  }
+  ${b.MediaQueries.mbDown} {
+    position: absolute;
+    left: 32px;
+    top: 28px;
+  }
+`,ca=S.default.div`
+  display: flex;
+  align-items: center;
+  background: white;
+  font-weight: 400;
+  font-size: 14px;
+  text-decoration: none;
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+
+  svg path {
+    fill: ${i.theme.mbColors.gray};
+  }
+
+  ${b.MediaQueries.tdDown} {
+    background: none;
+    width: 100%;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 18px;
+    color: ${i.theme.mbColors.pink};
+    padding-left: 16px;
+  }
+`,ma=S.default.p`
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: -0.2px;
+  color: ${i.theme.colors.gray800};
+`,pa=S.default.p`
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: -0.2px;
+  color: ${i.theme.colors.gray600};
+  height: 54px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  margin-bottom: auto;
+  ${b.MediaQueries.tdDown} {
+    display: none;
+  }
+`,ha=S.default.div`
+  display: flex;
+  flex: 1;
+  z-index: 1;
+  align-items: flex-end;
+  justify-content: flex-end;
+  ${b.MediaQueries.tdUp} {
+    gap: 8px;
+    flex-direction: row;
+  }
+
+  ${b.MediaQueries.tdDown} {
+    align-items: flex-start;
+    justify-content: flex-start;
+    gap: 4px;
+  }
+`,ga=S.default.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  z-index: 1;
+  ${b.MediaQueries.tdUp} {
+    gap: 8px;
+  }
+  ${b.MediaQueries.tdDown} {
+    gap: 4px;
+    flex: 1;
+    padding-left: 16px;
+  }
+`,fa=S.default.div`
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  z-index: 1;
+  ${b.MediaQueries.tdUp} {
+    gap: 8px;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
+  ${b.MediaQueries.tdDown} {
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+  }
+`,va=({item:e,index:a=0,color:l})=>{const{t:i}=m.useTranslations(),{configs:{statics:n}}=t.useContext(Re);if(!e)return null;const r=e.link?e.link.startsWith("http")?e.link:`${n.HOME_PAGE_URL}${e.link}`:void 0,s=()=>P.default.createElement(ua,null,P.default.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})),d=()=>P.default.createElement(fa,null,P.default.createElement(ga,null,P.default.createElement(ma,null,e.title),P.default.createElement(pa,null,e.subtitle)),P.default.createElement(ca,null,P.default.createElement("div",{className:"mobile-only"},i("home.seeMore")),P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"},loading:"lazy"})));return P.default.createElement(da,{href:r,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${a+1}`,"data-event-label":r,"data-color":l},P.default.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none"},P.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"})),P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),P.default.createElement(ha,null,P.default.createElement("div",{className:"mobile-only"},s()),P.default.createElement("div",{className:"desktop-only"},d())),P.default.createElement("div",{className:"mobile-only"},d()),P.default.createElement("div",{className:"desktop-only"},s()))},ba=({hrefViewMore:e,spotlightHealthTools:a=[]})=>{const{t:l}=m.useTranslations(),i=["pink","orange","green"],{siteType:n}=t.useContext(Re);return P.default.createElement(Tt,{title:l("home.navigator.menu.spotlightTools")},0!==a.length&&P.default.createElement(ta,null,null==a?void 0:a.slice(0,3).map(((e,t)=>"marryBaby"===n?P.default.createElement(va,{key:t,index:t,item:e,color:i[t]}):P.default.createElement(sa,{key:t,index:t,item:e})))),0===a.length&&P.default.createElement($t,{title:l("home.navigator.menu.healthTools.noDatas.title"),description:l("home.navigator.menu.healthTools.noDatas.description"),link:e,cta:l("home.navigator.menu.healthTools.noDatas.cta"),icon:o.CommonGAssets.getAssetPath("community.svg")}))},ya=({closePopup:e,menuItems:a=[]})=>{var l,i;const{siteType:n,ssrMenuContent:{categories:o,healthTools:s,care:d,together:u,ecom:c},activeMenuService:p,configs:{statics:h,enableSearchBar:g},locale:f}=t.useContext(Re),{t:v}=m.useTranslations();return P.default.createElement(Qe,{id:"categories-menu"},g?P.default.createElement(Ve,{"data-theme":n,onClick:()=>{window.location.href=`${h.HOME_PAGE_URL}/search`}},P.default.createElement(We,null)):null,P.default.createElement(Ze,null,P.default.createElement(st,{UrlFE:h.HOME_PAGE_URL,titleBtnViewMore:v("home.navigator.menuItem.allCategories"),menuItems:a,headingTitle:v("home.navigator.menuItem.healthCategories"),onClosePopup:e,activeItem:p}),"categories"===p&&P.default.createElement(zt,{spotlightsList:(null==o?void 0:o.spotlights)||[],hrefViewMore:`${h.HOME_PAGE_URL}${"tl-PH"===f?"/fil":""}/spotlight/`}),"tools"===p&&P.default.createElement(ba,{spotlightHealthTools:null==s?void 0:s.spotlights,hrefViewMore:`${h.HOME_PAGE_URL}${"tl-PH"===f?"/fil":""}${(null===(l=r.STATIC_PAGES[f])||void 0===l?void 0:l.HEALTH_TOOLS)||""}`}),"care"===p&&P.default.createElement(_t,{spotlights:null==d?void 0:d.spotlights,hrefViewMore:`${h.CARE_URL_FE}/${null===(i=C.LOCALIZED_SLUGS[f])||void 0===i?void 0:i.SPECIALTIES}`}),"together"===p&&P.default.createElement(Yt,{spotlights:null==u?void 0:u.spotlights}),"ecom"===p&&P.default.createElement(ea,{helpfulUrls:null==c?void 0:c.helpfulUrls})))},xa=({menuItems:e})=>{const{siteType:a,configs:{enableSearchBar:l}}=t.useContext(Re),{containerRef:i,onContainerFocus:n,onContainerBlur:o,onButtonMouseDown:r,onClose:s}=te();return P.default.createElement(ee,{mediaQueryKey:"mbDown"},P.default.createElement("header",{className:Oe},P.default.createElement("div",{className:Ue,ref:i,role:"button",tabIndex:0,onBlur:o,onFocus:n},P.default.createElement("div",{className:He,onMouseDown:r,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},P.default.createElement(Ge,{className:"mobile-close-icon"}),P.default.createElement(Ie,{siteType:a,enableSearch:l,className:"mobile-hamburger-icon"})),P.default.createElement(ya,{menuItems:e,closePopup:s}))))},Ea="profile/posts?website_url={websiteUrl}",wa=S.default.div`
+  z-index: 201;
+  width: 100%;
+  align-items: center;
+
+  background-color: ${i.theme.colors.white};
+
+  transition: height 0.3s, transform 0.3s;
+
+  &[data-site-type='helloSites'] {
+    border-bottom: 1px solid ${i.theme.colors.neutral100};
+  }
+  &[data-sponsored='true'] {
+    border-bottom: none;
+  }
+  &[data-marry-baby-tone='pink'] {
+    background-color: ${i.theme.mbColors.lightPink};
+  }
+
+  ${b.MediaQueries.mbUp} {
+    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {
+      transform: translateY(-64px);
+    }
+  }
+  ${b.MediaQueries.mbDown} {
+    &[data-site-type='marryBaby'] {
+      border-bottom: none;
+    }
+
+    &[data-fixed-bar='true'] {
+      position: fixed;
+      transform: translateY(0);
+    }
+
+    &[data-fixed-bar='false'] {
+      position: absolute;
+    }
+
+    &[data-collapsed='true'] {
+      transform: translateY(-100%);
+      transition: transform 0.5s;
+    }
+    &[data-collapsed='false'] {
+      transform: translateY(0);
+      transition: transform 0.5s;
+    }
+
+    .top-bar-header {
+      line-height: normal;
+    }
+
+    &[data-header-type='home'] {
+      z-index: ${99};
+    }
+
+    &[data-is-displayed='false'] {
+      //display: none;
+      visibility: hidden;
+    }
+  }
+
+  .marry-baby {
+    input {
+      background: ${i.theme.mbColors.lightGray};
+      border-radius: 16px;
+      border: none;
+    }
+    max-width: 172px;
+  }
+  &[data-site-type='marryBaby'] {
+    .close-btn {
+      top: 16px;
+      right: 16px;
+    }
+  }
+`,Ca=S.default.div`
+  display: flex;
+  height: 100%;
+  align-items: center;
+
+  justify-content: space-between;
+  padding: 0 2rem;
+  height: 56px;
+  ${b.MediaQueries.pcDown} {
+    padding: 0 1rem;
+  }
+
+  ${b.MediaQueries.mbDown} {
+    position: relative;
+    height: 56px;
+    background: white;
+    gap: 2px;
+  }
+
+  &[data-site-type='marryBaby'] {
+    width: 100%;
+    margin: 0 auto;
+    padding: 0 16px;
+    ${b.MediaQueries.tdUp} {
+      max-width: 1064px;
+    }
+  }
+`,ka=S.default.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  gap: 24px;
+  ${b.MediaQueries.pcDown} {
+    flex-shrink: 0;
+    gap: 16px;
+  }
+  ${b.MediaQueries.pcDown} {
+    gap: 12px;
+  }
+  &[data-site-type='marryBaby'] {
+    gap: 26px;
+  }
+`,$a=S.default.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  flex-shrink: 0;
+  /* gap: 16px; */
+  ${b.MediaQueries.tdDown} {
+    flex-shrink: 0.6;
+  }
+  .hhgcomp-navigation-itemnav-headeritem {
+    gap: 2px;
+    ${b.MediaQueries.pcUp} {
+      padding: 0 10px;
+    }
+    ${b.MediaQueries.pcDown} {
+      padding: 0 6px;
+    }
+    ${b.MediaQueries.mbDown} {
+      display: none;
+    }
+    a {
+      text-decoration: none;
+    }
+  }
+`;S.default.div`
+  .fake-search-input {
+    pointer-events: none;
+    input {
+      line-height: 20px;
+      padding-top: 10px;
+      padding-bottom: 10px;
+    }
+  }
+`;const Ma=S.default.div`
+  margin-left: 16px;
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  flex-shrink: 0;
+  ${b.MediaQueries.pcDown} {
+    margin-left: 8px;
+    gap: 8px;
+  }
+  ${b.MediaQueries.mbDown} {
+    margin-left: 0;
+    gap: 10px;
+  }
+`,Aa=S.default.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  &[data-site-type='marryBaby'] {
+    gap: 26px;
+  }
+`,La=e=>{var t,a,l,i;return e?{termId:e.term_id||null,sponsor:e.sponsor?(i=e.sponsor,i?{title:i.title,logo:i.logo,link:i.link}:{}):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||e.name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.thumbnail||e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(t=e.child_cates)||void 0===t?void 0:t.map((e=>La(e))))||[],thumnailColor:e.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(a=e.cat_parent)||void 0===a?void 0:a.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?(l=e.reviewed_by,{postTitle:l.post_title,permalink:l.permalink}):null,reviewedDate:e.reviewed_date||"",faqs:e.faqs?e.faqs.map((e=>(e=>({title:e.title,content:e.content}))(e))):null,customizedUrl:e.customized_url||null}:{}},Ta=e=>{var t,a;if(!e)return{};const l=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),i=null===(a=e.link)||void 0===a?void 0:a.startsWith("/fil/"),n=e.link?e.link.startsWith("http")||l?e.link:i?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:n,subtitle:e.subtitle,title:e.title}},_a=e=>{var t,a,l,i,n;return e&&(null==e?void 0:e.object_id)?{thumbnail:(null===(t=null==e?void 0:e.object_id)||void 0===t?void 0:t.logo)||"",link:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.slug)||"",subtitle:(null===(l=e.object_id)||void 0===l?void 0:l.name)||"",name:(null===(i=e.object_id)||void 0===i?void 0:i.name)||"",slug:(null===(n=e.object_id)||void 0===n?void 0:n.slug)||""}:{}},Ba=e=>{var t,a,l,i,n;return e&&(null==e?void 0:e.object_id)?{id:null===(t=e.object_id)||void 0===t?void 0:t.id,name:(null===(a=e.object_id)||void 0===a?void 0:a.name)||"",logo:(null===(l=null==e?void 0:e.object_id)||void 0===l?void 0:l.logo)||"",description:(null===(i=e.object_id)||void 0===i?void 0:i.description)||"",slug:(null===(n=e.object_id)||void 0===n?void 0:n.slug)||""}:{}},Pa=({type:e,specialtySlug:t,locale:a})=>{var l,i;return`${null===(l=C.LOCALIZED_SLUGS[a])||void 0===l?void 0:l.ALL}/${(null===(i=C.LOCALIZED_SLUGS[a])||void 0===i?void 0:i[e])||"doctor"}/${null!=t?t:""}`},Sa=e=>e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}:{},Da=e=>{const t=new Date;if(null==e?void 0:e.startDate){const a=new Date(e.startDate);if(t.getTime()<a.getTime())return!1}if(null==e?void 0:e.endDate){const a=new Date(e.endDate);if(t.getTime()>a.getTime())return!1}return!0};var Na="q3nL5cp",za="_2DNf80G",ja="Q-glX-n";const Oa=({onClosePopup:e})=>P.default.createElement("div",{className:`${ja} close-btn`,onClick:e},P.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},P.default.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),Ua=({onClosePopup:e,isDisplay:t,children:a,isNavMenu:l,hideCloseBtn:i})=>P.default.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!l},P.default.createElement(L.Container,null,!i&&P.default.createElement("div",{className:za},P.default.createElement(Oa,{onClosePopup:e})),P.default.createElement(L.Container,{className:Na},a))),Ha=({careSpecialties:e=[],isOpen:a,onClose:l,spotlights:i=[]})=>{var n;const{t:o}=m.useTranslations(),{locale:r,configs:{statics:s}}=t.useContext(Re);return P.default.createElement(Ua,{onClosePopup:l,isDisplay:a,isNavMenu:!0},P.default.createElement(st,{headingTitle:o("home.navigator.menuItem.specialties"),hrefViewMore:`${s.CARE_URL_FE}/`,UrlFE:s.CARE_URL_FE,onClosePopup:l,titleBtnViewMore:o("home.navigator.menuItem.allSpecialties"),menuItems:(null==e?void 0:e.map((e=>e?{name:String(e.name)||"",link:Pa({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{})))||[]}),P.default.createElement(_t,{spotlights:i,hrefViewMore:`${s.CARE_URL_FE}/${null===(n=C.LOCALIZED_SLUGS[r])||void 0===n?void 0:n.SPECIALTIES}/`}))},Ra=({categories:e=[],spotlightsList:a=[],onClose:l,isOpen:i})=>{const{t:n}=m.useTranslations(),{locale:o,configs:{statics:r}}=t.useContext(Re);return P.default.createElement(Ua,{onClosePopup:l,isDisplay:i,isNavMenu:!0},P.default.createElement(st,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===o?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:l,titleBtnViewMore:n("home.navigator.menuItem.allCategories"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.displayName||null,link:(null==e?void 0:e.customizedUrl)||(null==e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{})))||[],headingTitle:n("home.navigator.menuItem.healthCategories")}),P.default.createElement(zt,{spotlightsList:a,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===o?"/fil":""}/spotlight/`}))},Fa=({communities:e=[],onClose:a,isOpen:l,spotlights:i=[]})=>{const{t:n}=m.useTranslations(),{configs:{statics:o}}=t.useContext(Re);return P.default.createElement(Ua,{onClosePopup:a,isDisplay:l,isNavMenu:!0},P.default.createElement(st,{hrefViewMore:s.normalizeLink(o.TOGETHER_URL_FE),UrlFE:s.normalizeLinkSlash(o.TOGETHER_URL_FE),onClosePopup:a,titleBtnViewMore:n("home.navigator.menuItem.allCommunities"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{})))||[],headingTitle:n("home.navigator.menuItem.allCommunitiesheadingTitle")}),P.default.createElement(Yt,{spotlights:i}))},Ga=({locale:e,onClose:a,isOpen:l,spotlightHealthTools:i=[],healthTools:n=[]})=>{var o;const{t:s}=m.useTranslations(),{configs:{statics:d}}=t.useContext(Re),u=`${d.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(o=r.STATIC_PAGES[e])||void 0===o?void 0:o.HEALTH_TOOLS)||""}`;return P.default.createElement(Ua,{onClosePopup:a,isDisplay:l,isNavMenu:!0},P.default.createElement(st,{hrefViewMore:u,UrlFE:d.HOME_PAGE_URL,onClosePopup:a,headingTitle:s("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:s("home.navigator.menuItem.allHealthTools"),menuItems:n.map((e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${d.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon})))}),P.default.createElement(ba,{spotlightHealthTools:i,hrefViewMore:u}))},Ia=({onTopBarAppears:e,languageMenu:a,menuItems:l,logoComponent:i})=>{var n;const{siteType:d,isMobile:u=!1,locale:p,sitewideBanner:h,sitewideBannerShown:g=!0,sponsorComponent:f,onBookingClick:v,currentUrl:b,onLoginClick:y,cartNumber:x,configs:{statics:E,enableNavCareBooking:w,enableSearchBar:C},userState:{userInfo:k},onLogout:$,isUserLoading:M}=t.useContext(Re),{t:A}=m.useTranslations(),{SSO_URL:L,HOME_PAGE_URL:T}=E,_=!!f,[B,S]=t.useState(!1),N=t.useRef(47),z=t.useRef(null),j=t.useRef(!1),O="helloSites"===d?null===(n=r.LOCALE_SPECS[p])||void 0===n?void 0:n.LOGO_TYPE:d,U="undefined"!=typeof window,H=t.useCallback(D.default((()=>{if(U){if(!z.current)return;const e=z.current.getBoundingClientRect();e.top<=0&&window.scrollY>N.current&&window.scrollY>e.height+20&&!j.current&&(j.current=!0,S(!0)),window.scrollY<N.current&&j.current&&(j.current=!1,S(!1)),window.scrollY>=0&&(N.current=window.scrollY)}}),200),[]);t.useEffect((()=>{null==e||e(!B)}),[B]),t.useEffect((()=>(window.addEventListener("scroll",H,{passive:!0}),()=>{window.removeEventListener("scroll",H)})),[]),t.useEffect((()=>{u&&H()}),[u]);const R=g&&!!h;return P.default.createElement(wa,{"data-site-type":d,"data-sponsored":_,"data-sitewide-banner-shown":R,"data-header-type":"home","data-collapsed":B,"data-is-displayed":!0,id:"site-header",ref:z},h,P.default.createElement(Ca,{"data-site-type":d},P.default.createElement(ka,{"data-site-type":d},P.default.createElement(xa,{menuItems:l}),i||P.default.createElement("a",{style:{flexShrink:0},href:T},P.default.createElement("div",null,P.default.createElement(c.Logo,{style:{display:"flex"},type:O,badge:"id-ID"===p&&P.default.createElement("img",{src:o.CommonGAssets.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:p,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===d?P.default.createElement(Va,{menuItems:l}):C&&P.default.createElement(Qa,{siteType:d})),P.default.createElement($a,{"data-site-type":d},"marryBaby"===d?C&&P.default.createElement(Qa,{siteType:d}):P.default.createElement(Va,{menuItems:l}),P.default.createElement(Ma,null,P.default.createElement(J,{count:x,locale:p}),w&&P.default.createElement(ee,{mediaQueryKey:"mbUp"},P.default.createElement(je,{careUrlFe:E.CARE_URL_FE,currentUrl:b,btnName:A("login.booking"),onCareHeaderClick:v})),a,P.default.createElement(De,{userInfo:k,siteType:d,onLoginClick:y||(()=>{const e=window.location.href;window.location.href=L?s.normalizeLinkSlash(`${L}?returnUrl=${e}`):e}),SSO_URL:s.normalizeLink(E.SSO_URL),currentUrl:b,onLogout:$,isLoading:M,locale:p})))),f?P.default.isValidElement(f)?P.default.cloneElement(f,{isCollapsed:B,locale:p,isMobile:u}):f:null)},Qa=({siteType:e})=>P.default.createElement(ee,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},P.default.createElement(We,null)),Va=({menuItems:e})=>{const{siteType:a,locale:l,ssrMenuContent:{categories:i,healthTools:n,care:o,together:r}}=t.useContext(Re);return P.default.createElement(ee,{mediaQueryKey:"mbUp",style:{height:"100%"}},P.default.createElement(Aa,{"data-site-type":a},null==e?void 0:e.map(((e,t)=>P.default.createElement(ot,{key:t,item:e,menu:"categories"===e.popupType?P.default.createElement(Ra,{categories:null==i?void 0:i.items,spotlightsList:null==i?void 0:i.spotlights}):"tools"===e.popupType?P.default.createElement(Ga,{locale:l,healthTools:null==n?void 0:n.items,spotlightHealthTools:null==n?void 0:n.spotlights}):"together"===e.popupType?P.default.createElement(Fa,{communities:null==r?void 0:r.items,spotlights:null==r?void 0:r.spotlights}):"care"===e.popupType?P.default.createElement(Ha,{careSpecialties:null==o?void 0:o.items,spotlights:null==o?void 0:o.spotlights}):null})))))},Za=S.default.div`
+  --header-z-index: 305;
+  top: 0;
+  z-index: var(--header-z-index);
+
+  ${b.MediaQueries.mbDown} {
+    width: 100vw;
+    max-width: 100%;
+  }
+  --amp-site-wide-closed: 2px;
+
+  -webkit-transform: translateZ(0);
+  position: sticky;
+
+  &.nav-open {
+    margin-top: 64px;
+  }
+
+  &:not(.nav-open) {
+    --amp-site-wide-closed: 66px;
+  }
+  pointer-events: none;
+  > section * {
+    pointer-events: auto;
+  }
+`,qa=e=>{var a,l;const{isMobile:i,locale:n,onTopBarAppears:d,languageOptions:u,sponsorComponent:c,sitewideBanner:p,sitewideBannerShown:h,className:g,logoComponent:f}=e,v=(()=>{const{t:e}=m.useTranslations(),{siteType:a,locale:l,configs:{enableNavDiscover:i,enableNavHealthTools:n,enableNavCare:d,enableNavTogether:u,enableNavEcom:c,statics:p}}=t.useContext(Re),h="marryBaby"===a;return t.useMemo((()=>{var t;const a=[];return i&&a.push({name:e("home.navigator.menuItem.discover"),id:"categories",link:`${p.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/categories`,niceName:"",thumbnail:h?o.CommonGAssets.getAssetPath("categories-mb.svg"):o.CommonGAssets.getAssetPath("nav-icons/discover.svg"),popupType:"categories"}),n&&a.push({name:e("home.navigator.menuItem.healthTools"),id:"tools",link:`${p.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}${(null===(t=r.STATIC_PAGES[l])||void 0===t?void 0:t.HEALTH_TOOLS)||""}`,thumbnail:h?o.CommonGAssets.getAssetPath("healthtools-mb.svg"):o.CommonGAssets.getAssetPath("nav-icons/health-tools.svg"),popupType:"tools"}),u&&a.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:s.normalizeLinkSlash(p.TOGETHER_URL_FE+"/"),thumbnail:h?o.CommonGAssets.getAssetPath("community-mb.svg"):o.CommonGAssets.getAssetPath("nav-icons/community.svg"),popupType:"together"}),c&&a.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:s.normalizeLinkSlash(p.HOME_PAGE_URL+"/shop"),thumbnail:o.CommonGAssets.getAssetPath("nav-icons/shop.svg"),popupType:null}),d&&a.push({name:e("home.navigator.menuItem.helloCare"),id:"care",link:"ms-MY"===l?s.normalizeLinkSlash(p.HOME_PAGE_URL+"/care/current-location/hospital/"):s.normalizeLinkSlash(p.HOME_PAGE_URL+"/care"),thumbnail:o.CommonGAssets.getAssetPath("nav-icons/care.svg"),popupType:"id-ID"===l?"care":null}),a}),[l,d,u,c])})();(()=>{const{isFirstLogin:e,userState:a}=t.useContext(Re),{userInfo:l}=a;t.useEffect((()=>{(null==l?void 0:l.id)&&(e?(null==l?void 0:l.email)&&""!==(null==l?void 0:l.email)?window.insider_object={user:Object.assign({uuid:null==l?void 0:l.id,email:null==l?void 0:l.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==l?void 0:l.name)?{name:null==l?void 0:l.name}:{})}:window.insider_object={user:Object.assign({uuid:null==l?void 0:l.id,sign_up:!0},(null==l?void 0:l.name)?{name:null==l?void 0:l.name}:{})}:(null==l?void 0:l.email)&&""!==(null==l?void 0:l.email)?window.insider_object={user:Object.assign({uuid:null==l?void 0:l.id,email:null==l?void 0:l.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==l?void 0:l.name)?{name:null==l?void 0:l.name}:{})}:window.insider_object={user:Object.assign({uuid:null==l?void 0:l.id,log_in:!0},(null==l?void 0:l.name)?{name:null==l?void 0:l.name}:{})})}),[])})();const b=h&&!!p,y=!!c,x=!!(null===(l=null===(a=null==c?void 0:c.props)||void 0===a?void 0:a.sponsoredBy)||void 0===l?void 0:l.length),{headerRef:E,defaultHeaderHeight:w,headerHeight:C,headerBottom:k}=(({hasSponsoredBanners:e,isSponsored:a,isShowingSiteWideBanner:l,isMobile:i})=>{const n=t.useRef(null),[o,r]=t.useState(0),[s,d]=t.useState(64),u=t.useCallback(O.default((()=>{var e,t,a,l;const i=(null===(e=n.current)||void 0===e?void 0:e.clientHeight)||(null===(a=null===(t=n.current)||void 0===t?void 0:t.children[0])||void 0===a?void 0:a.clientHeight)||0;window.scrollY<=i+200&&(r(i),d((null===(l=n.current)||void 0===l?void 0:l.getBoundingClientRect().bottom)||o))}),200),[]);t.useEffect((()=>(window.addEventListener("resize",u,{passive:!0}),window.addEventListener("scroll",u,{passive:!0}),u(),()=>{window.removeEventListener("resize",u),window.removeEventListener("scroll",u)})),[]),t.useEffect((()=>{u()}),[i,l,a,e,n.current]);const c=t.useMemo((()=>{let t=56;return l&&(t+=64),a&&(t+=40,e&&(t+=57)),t}),[i,l,e,a]);return{defaultHeaderHeight:c,headerHeight:o||c,headerBottom:s,headerRef:n}})({isShowingSiteWideBanner:b,isSponsored:y,hasSponsoredBanners:x,isMobile:i});return P.default.createElement(Za,{id:"navigation-v2",style:{"--default-header-height":w+"px","--header-height":`calc(${C}px - var(--amp-site-wide-closed), 64px)`,"--header-bottom":k+"px"},className:g},P.default.createElement("section",{ref:E},P.default.createElement(Ia,{menuItems:v,onTopBarAppears:d,logoComponent:f,languageMenu:P.default.createElement(q,{languageOptions:u,locale:n})})))},Wa=t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,a,l,i,n,o,c,m,p,h,g,f,v,b,y,x,E,w,C,k,$,M,A;const L={},T="vi-VN_MB"===t;try{const _="tl-PH"===t?"lang=fil":"";try{const[r,u,g,f]=yield Promise.all([fetch(s.normalizeLinkSlash(`${d.getDiscoverApiDomain(t)}/wp-json/api/categories${_?"?"+_:""}`)).then((e=>e.json())),fetch(s.normalizeLinkSlash(`${d.getDiscoverApiDomain(t)}/wp-json/api/spotlights?per_page=10&order_by=start_date${_?"&"+_:""}`)).then((e=>e.json())),fetch(s.normalizeLinkSlash(`${d.getDiscoverApiDomain(t)}/wp-json/api/${T?"health-tools":"healthtools"}${_?"?"+_:""}`)).then((e=>e.json())),fetch(s.normalizeLinkSlash(`${d.getDiscoverApiDomain(t)}/wp-json/api/${T?"health-tools":"healthtools"}/favorites${_?"?"+_:""}`)).then((e=>e.json()))]);L.categories={items:(null===(a=null===(e=null==r?void 0:r.data)||void 0===e?void 0:e.map)||void 0===a?void 0:a.call(e,La))||[],spotlights:(null===(o=null===(n=null===(i=null===(l=null==u?void 0:u.data)||void 0===l?void 0:l.articles)||void 0===i?void 0:i.map)||void 0===n?void 0:n.call(i,Sa))||void 0===o?void 0:o.filter(Da))||[]},L.healthTools={items:(null===(m=null===(c=null==g?void 0:g.data)||void 0===c?void 0:c.map)||void 0===m?void 0:m.call(c,Ta))||[],spotlights:(null===(h=null===(p=null==f?void 0:f.data)||void 0===p?void 0:p.map)||void 0===h?void 0:h.call(p,Ta))||[]}}catch(e){}if(T||r.TOGETHER_LOCALES.includes(t))try{const[e,a]=yield Promise.all([fetch(s.normalizeLinkSlash(`${d.getTogetherApiDomain()}/api/v1/community?website_url=https://${r.domainLocales[t]}`)).then((e=>e.json())),fetch(s.normalizeLinkSlash(`${d.getTogetherApiDomain()}/api/v1/options?website_url=https://${r.domainLocales[t]}&meta_key=popular_post`)).then((e=>e.json()))]);L.together={items:(null===(v=null===(f=null===(g=null==e?void 0:e.data)||void 0===g?void 0:g.communities)||void 0===f?void 0:f.map)||void 0===v?void 0:v.call(f,u.formatCommunity))||[],spotlights:(null===(x=null===(y=null===(b=null==a?void 0:a.data)||void 0===b?void 0:b.posts)||void 0===y?void 0:y.map)||void 0===x?void 0:x.call(y,u.formatPost))||[]}}catch(e){}if(r.CARE_LOCALES.includes(t))try{const[e,a]=yield Promise.all([fetch(s.normalizeLinkSlash(d.getCareApiDomain()+`/api/options/setting_menu?site=${r.domainLocales[t]}&type=0`)).then((e=>e.json())),fetch(s.normalizeLinkSlash(d.getCareApiDomain()+`/api/options/setting_menu?site=${r.domainLocales[t]}&type=1`)).then((e=>e.json()))]);L.care={items:(null===(k=null===(C=null===(w=null===(E=null==e?void 0:e._data)||void 0===E?void 0:E.setting_menu)||void 0===w?void 0:w.menu_specialty)||void 0===C?void 0:C.map)||void 0===k?void 0:k.call(C,_a))||[],spotlights:(null===(A=null===(M=null===($=null==a?void 0:a._data.setting_menu)||void 0===$?void 0:$.menu_hospital)||void 0===M?void 0:M.map)||void 0===A?void 0:A.call(M,Ba))||[]}}catch(e){}}catch(e){console.error(e)}return L}));exports.LanguageSwitcher=q,exports.NavigationLogoutPopup=Se,exports.NavigationProfileButton=De,exports.NavigationV2=e=>{const t=Object.assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return P.default.createElement(Fe,Object.assign({},t),P.default.createElement(qa,Object.assign({},t)))},exports.ProfileNavigation=Le,exports.getNavMenuContent=Wa,exports.getNavMenuContentWithCache=t=>e.__awaiter(void 0,void 0,void 0,(function*(){return(yield _.getDataWithCache("nav-menu-content",(()=>Wa(t||"en-PH")),(e=>{var t,a;return!!(null===(a=null===(t=null==e?void 0:e.categories)||void 0===t?void 0:t.items)||void 0===a?void 0:a.length)})))||{}})),exports.getTogetherUserPostsApiPath=(e,t,a,l)=>(a||"https://together.hellohealthgroup.com/")+"api/v1/"+N.default(Ea,Object.assign(Object.assign({},l),{websiteUrl:t?"https://marrybaby.vn":`https://${r.domainLocales[e]}`})),exports.isInternalLink=H;