(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5789],{92351:function(e,t,a){"use strict";a.d(t,{L:function(){return X},N:function(){return Ja},P:function(){return Fe},a:function(){return en},b:function(){return Le},c:function(){return ze},d:function(){return Da},g:function(){return Xa},i:function(){return V}});var n=a(33919),l=a(67294),i=a(48560),o=a(93867),r=a(46784),s=a(75529),c=a(32680),d=a(86262),m=a(76507),p=a(63096),h=a(94599),g=a(19220),u=a(86826),v=a(23493),f=a.n(v),y=a(44036),b=a(91938),E=a(26621),x=a(40254),w=a(14646),k=a(47856),C=a.n(k),M=a(89814),$=a(54324),B=a(58809),_=a(93393),P=a(57605),F=a(70917),T=a(42010),N=a(97944),D=a(48337),A=a(24856),L=a(66797),z=a(90411),S=a.n(z),H=a(93912),Z=a.n(H),U=a(2465),j=a(23279),O=a.n(j),R=a(902);const I=["hellobacsi.blog","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"],V=(e="")=>I.some((t=>new URL(e).origin.endsWith(t))),G=o.Z.a`
  display: inline-flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  padding: 7px 11px;
  gap: 2px;

  background: ${r.t.colors.white};
  border: 1px solid ${r.t.colors.neutral100};
  border-radius: 20px;

  color: ${r.t.colors.gray600};
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;

  cursor: pointer;
`,q=o.Z.div`
  position: relative;
  display: inline-block;
`,W=o.Z.div`
  position: relative;
`,Y=o.Z.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));
    }
  }
`,K=o.Z.div`
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: space-between;

  padding: 0 16px;
  border-radius: ${r.t.borderRadius};
  cursor: pointer;

  .check-icon {
    width: 16px;
    height: 16px;
  }
  &[data-selected='false'] {
    background-color: ${r.t.colors.gray100};
  }
`,Q=o.Z.div`
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default;
`,J=({options:e,label:t,labelRenderer:a,selected:n,onChange:i,showSelected:o=!0,style:r={},showIndicator:d=!0})=>{const[m,p]=(0,l.useState)(!1);return l.createElement(l.Fragment,null,l.createElement(q,null,l.createElement(W,{onClick:()=>p((e=>!e))},t||(null===a||void 0===a?void 0:a(m))||null,l.createElement(Y,{"data-is-open":m,style:r,"data-show-indicator":d},e.map(((e,t)=>l.createElement(K,{key:t,"data-selected":o&&n===e.value,onClick:t=>{n!==e.value&&(i(e.value),p((e=>!e))),t.stopPropagation()}},l.createElement(s.T,{size:"p3"},e.label),o&&n===e.value&&l.createElement("img",{src:c.C.getAssetPath("check.svg"),alt:"check",className:"check-icon",loading:"lazy"}))))))),m&&l.createElement(Q,{onClick:()=>p(!1)}))},X=({languageOptions:e,locale:t})=>{var a,n;const i=null===e||void 0===e?void 0:e.find((e=>e.locale===t));return(null===e||void 0===e?void 0:e.length)?l.createElement(J,{options:e,selected:i.value,label:l.createElement(ee,{locale:t,label:i.label||(null===(n=null===(a=t.split("-"))||void 0===a?void 0:a[0])||void 0===n?void 0:n.toUpperCase())}),onChange:e=>{"undefined"!==typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1}):null},ee=({locale:e,label:t,href:a})=>{var n,o,r;return l.createElement(G,{href:a},l.createElement(i.F,{country:null===(o=null===(n=null===e||void 0===e?void 0:e.split("-"))||void 0===n?void 0:n[1])||void 0===o?void 0:o.toUpperCase(),width:16,height:16,rounded:!0,language:null===(r=null===e||void 0===e?void 0:e.split("-"))||void 0===r?void 0:r[0]}),l.createElement("span",null,t))},te=({path:e,locale:t})=>{var a;return`/shop/${null===(a=$.L[t||"vi-VN"])||void 0===a?void 0:a[e]}/`};var ae=(0,y.k)((()=>({root:{textDecoration:"none"},iconText:{color:"#fff"}})));const ne=e=>{var{count:t,styles:a,className:i,classNames:o,locale:r}=e,c=(0,n._)(e,["count","styles","className","classNames","locale"]);const{classes:d,cx:m}=ae(void 0,{name:"CartBadge",styles:a,classNames:o});return"undefined"!==typeof t?l.createElement(b.x,Object.assign({component:"a",href:te({path:"CART",locale:r}),className:m(d.root,i)},c),l.createElement(E.z,{withBorder:!0,color:"red",size:20,disabled:0===t,label:l.createElement(s.T,{className:d.iconText,size:"s5"},t>99?"99+":t)},l.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},l.createElement("path",{d:"M5.308 21.5q-.748 0-1.278-.53a1.74 1.74 0 0 1-.53-1.278V8.308q0-.75.53-1.278.53-.53 1.278-.53H7.5q0-1.873 1.313-3.187Q10.127 2 12 2t3.187 1.313T16.5 6.5h2.192q.749 0 1.278.53.53.53.53 1.278v11.384q0 .749-.53 1.278-.53.53-1.278.53zm0-1.5h13.384a.3.3 0 0 0 .212-.096.3.3 0 0 0 .096-.212V8.308a.3.3 0 0 0-.096-.212.3.3 0 0 0-.212-.096H5.308a.3.3 0 0 0-.212.096.3.3 0 0 0-.096.212v11.384q0 .116.096.212a.3.3 0 0 0 .212.096M9 6.5h6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3.5q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6.5m2.985 7q1.695 0 3.047-1.148 1.35-1.148 1.335-2.606a.74.74 0 0 0-.207-.528.7.7 0 0 0-.527-.218.7.7 0 0 0-.471.182 1 1 0 0 0-.295.506 2.8 2.8 0 0 1-1.036 1.665 2.9 2.9 0 0 1-1.846.647 2.93 2.93 0 0 1-1.854-.647A2.73 2.73 0 0 1 9.1 9.688q-.086-.34-.278-.514A.66.66 0 0 0 8.367 9a.72.72 0 0 0-.534.218.72.72 0 0 0-.216.528q0 1.457 1.336 2.606 1.335 1.148 3.032 1.148",fill:"#2D87F3"})))):null},le=o.Z.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  `}
`,ie=({forceDisplay:e,mediaQueryKey:t,children:a,className:n,style:i})=>{const[o,r]=(0,l.useMemo)((()=>(0,M.g)(t)),[t]);return l.createElement(le,{lowerBound:e?0:o,upperBound:e?0:r,className:n,style:i},a)},oe=e=>{const{allowBgScroll:t}=e||{},a=(0,l.useRef)();return{containerRef:a,onContainerFocus:()=>{t||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{t||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur())}}},re=(0,_.s)(o.Z.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;
      border-radius: 16px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    /* min-height: 415px; */
    ${M.M.mbUp} {
      width: 320px;
    }
    ${M.M.mbDown} {
      position: fixed;
      left: 0;
      width: 100%;
    }
  `,"hhgcomp-navprofilebutton-popup"),se=(0,_.s)(o.Z.div`
    position: fixed;
    z-index: 150;
    top: var(--header-bottom, 56px);
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;

    ${M.M.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);
      }
    }

    ${M.M.mbDown} {
      background: rgba(38, 38, 38, 0.3);
    }

    &[data-type='welcome'] {
      top: 0;
    }

    &[data-open='false'] {
      display: none;
    }
  `,"hhgcomp-navprofilebutton-popupwrapper"),ce=o.Z.div`
  width: 36px;
  height: 36px;
  cursor: pointer;

  img {
    border-radius: 50%;
  }

  .avatar {
    width: 36px;
    height: 36px;
    object-fit: cover;
  }

  .avatar-default {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: ${r.t.colors.secondaryBase};
    border-radius: 50%;
    color: white;
    font-size: 20px;
    font-weight: bold;
  }
`,de=o.Z.div`
  display: inline-flex;
  position: relative;
  width: 36px;
  height: 36px;
  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;
    }
    ${re.classSelector} {
      z-index: 200;
      top: 120%;
      opacity: 1;
      visibility: visible;
      display: initial;
      ${M.M.mbDown} {
        top: 100%;
      }
    }
    ${se.classSelector} {
      display: initial;
    }
  }
`,me=o.Z.a`
  display: inline-flex;
  .login-btn[data-color='tertiary'][data-size='md'] {
    padding-left: 12px;
    padding-right: 12px;
  }
  .mobile-only {
    ${M.M.mbUp} {
      display: none;
    }
  }
  .login-btn {
    display: none;
    ${M.M.mbUp} {
      display: block;
    }
  }
`,pe=e=>l.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),l.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"}),l.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.38z",fill:"#2D87F3"}),l.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-.65M5.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"}),l.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-.41m2.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-.41m2.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-.41m2.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-.41m-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-.4m2.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-.4m2.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"}),l.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"}),l.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.2.2 0 0 1-.06-.15",fill:"#fff"})),he=e=>l.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),l.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.11m-2.7 3.55a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46m1.35.4a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .65Zm1.57-.05",fill:"#2D87F3"}),l.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.06m-1.33 4.24a.48.48 0 1 1 0-.97.48.48 0 0 1 0 .97m1.58.04a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .66m1.34-.39a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46",fill:"#FFB521"}),l.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.17M13.1 5.23a.48.48 0 1 1 .34-.14c-.1.1-.22.14-.34.14m1.57.05a.33.33 0 1 1 .23-.1.33.33 0 0 1-.23.1m1.34-.4a.23.23 0 1 1 .1-.01.2.2 0 0 1-.1.02Z",fill:"#91CAFF"})),ge=e=>l.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),l.createElement("rect",{x:"8.333",y:"8.333",width:"3.333",height:"3.333",rx:"1.667",fill:"#2D87F3"})),ue=e=>l.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),l.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-.02zm13.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-.02z",fill:"#2743AD"}),l.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.7",fill:"#2D87F3"}),l.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.25zm2.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.2.2 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.22m-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.23",fill:"#2743AD"}),l.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.03",fill:"#FE921D"}),l.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-.46",fill:"#fff"}),l.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.7",fill:"#BCDEFF"})),ve=e=>l.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),l.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"})),fe=e=>l.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),l.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"}),l.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"}),l.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"})),ye=e=>l.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),l.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"}),l.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"})),be=e=>l.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),l.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"})),Ee=e=>l.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),l.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"})),xe=e=>l.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),l.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"}),l.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"}),l.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"})),we=o.Z.div`
  padding: 16px;
  border-radius: 16px;
  background-color: white;
  hr {
    border-color: ${r.t.colors.neutral100};
    border-bottom-width: 0px;
    border-style: solid;
  }
  .profile-nav-item-group {
    background-color: white;
    border-radius: 8px;
  }
`,ke=o.Z.div`
  display: block;
  border: 1px solid transparent;
  transition: all 300ms linear;
  cursor: pointer;
  position: relative;

  ${e=>e.hasSubmenu&&F.iv`
      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: ${r.t.colors.neutral100};
    }
  }
  .nav-menu-item {
    background-color: ${r.t.colors.neutral50};
  }

  .nav-menu-item {
    padding-left: 38px;
  }
`,Ce=o.Z.div`
  display: flex;
  align-items: center;
  height: 48px;
  border: 1px solid transparent;
  transition: all 300ms;
  border-radius: 8px;

  &:hover {
    background-color: ${r.t.colors.neutral150};
  }
  &[data-active='true'] {
    background-color: ${r.t.colors.blue50};
  }
`,Me=o.Z.div`
  margin-left: auto;

  svg {
    fill: ${r.t.colors.gray600};
    transition: transform 300ms;
  }

  &[data-is-open='true'] svg {
    transform: rotate(180deg);
  }
`,$e=o.Z.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;
  }
`,Be={helloSites:{member:()=>c.C.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>c.C.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>c.C.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>c.C.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>c.C.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>c.C.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>c.C.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>c.C.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>c.C.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>c.C.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},_e=({rank:e,siteType:t="helloSites"})=>{const a=(0,l.useMemo)((()=>{var a,n;return(null===(n=null===(a=Be[t])||void 0===a?void 0:a[e])||void 0===n?void 0:n.call(a))||""}),[e,t]),{t:n}=(0,u.u)();return l.createElement("div",{style:{display:"inline-flex",height:"fit-content",alignItems:"center",padding:"5px 12px",gap:"4px",borderRadius:16,border:`1px solid ${"helloSites"===t?r.t.colors.blue100:r.t.colors.mb100}`}},l.createElement("img",{src:a,alt:e,style:{height:16,width:16}}),l.createElement(s.T,{size:"s5",color:"gray.8",weight:"semiBold"},n(`userProfile.userRank.${e}`)))},Pe=({siteType:e="helloSites",userInfo:t})=>(null===t||void 0===t?void 0:t.id)?l.createElement(l.Fragment,null,l.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"}},l.createElement(i.a,{src:t.avatar,alt:t.name,size:48,style:{marginBottom:8}}),l.createElement(_e,{rank:"member",siteType:e})),l.createElement(s.T,{size:"s3",weight:"semiBold",color:"gray.8",style:{marginBottom:4}},t.name),l.createElement(s.T,{size:"n1",weight:"regular",color:"helloSites"===e?"hb.6":"mb.6"},"@",t.username),l.createElement("hr",null)):null,Fe=({className:e,activeItem:t,navMenuItems:a,style:n,onLogout:i,siteType:o="helloSites",userInfo:r})=>{const{locale:s}=(0,u.u)(),[c,h]=(0,l.useState)(),g="string"===typeof t?t:c,v=(0,m.n)((0,p.a)(s,"marryBaby"===o)+"/"),f=(0,m.n)((0,p.g)(s,"marryBaby"===o)+"/"),y=a||[[{key:"userProfile.nav.header.viewProfile",icon:l.createElement(xe,{width:"24",height:"24"}),value:"profile",tracking:{action:"Profile Click"},link:`${v}user/profile/`},{key:"userProfile.nav.card.myHealth",icon:l.createElement(ye,{width:"24",height:"24"}),value:"myHealth",tracking:{action:"My Health Click"},link:`${v}user/health/`},{key:"userProfile.nav.card.mySaved",icon:l.createElement(be,{width:"24",height:"24"}),iconColor:"green_300",value:"saved",tracking:{action:"Bookmarks Click"},link:`${v}user/saved/`},{key:"userProfile.nav.card.myBooking",icon:l.createElement(pe,{width:"24",height:"24"}),value:"booking",disabled:!d.C.includes(s),tracking:{action:"Manage Booking Click"},link:`${v}user/booking/`},{key:"userProfile.nav.card.myCommunity",icon:l.createElement(he,{width:"24",height:"24"}),value:"myCommunities",disabled:!d.T.includes(s),tracking:{action:"Community Click"},link:`${v}user/my-communities/`}],...d.E.includes(s)?[[{key:"userProfile.nav.card.eCom",icon:l.createElement(ue,{width:"24",height:"24"}),value:"eCom",disabled:!d.E.includes(s),subMenu:[{key:"userProfile.nav.card.ecom.manageOrders",value:"eCom-manageOrders",icon:l.createElement(ge,{width:"24",height:"24"}),link:`${f}shop/ho-so/quan-li-don-hang/`,tracking:{action:"Order Management Click"}},{key:"userProfile.nav.card.ecom.DeliveryAddress",value:"eCom-manageAddress",icon:l.createElement(ge,{width:"24",height:"24"}),link:`${f}shop/ho-so/dia-chi-giao-hang/`,tracking:{action:"Address Management Click"}},{key:"userProfile.nav.card.ecom.voucher",value:"eCom-voucher",icon:l.createElement(ge,{width:"24",height:"24"}),link:`${f}shop/ho-so/khuyen-mai/`,tracking:{action:"Voucher Click"}}]}]]:[],[{key:"userProfile.nav.menu.accountSettings",icon:l.createElement(Ee,{width:"24",height:"24"}),subMenu:[{key:"common.profileNavigator.newsletterSubscription",value:"subscription",icon:l.createElement(ge,{width:"24",height:"24"}),tracking:{action:"Subscription Click"},link:`${v}user/subscriptions/`,disabled:"vi-VN"!==s},{key:"userProfile.nav.menu.password",value:"password",icon:l.createElement(ge,{width:"24",height:"24"}),tracking:{action:"Set Password Click"},link:`${v}user/password/`},{key:"userProfile.nav.menu.disableAccount",value:"disable-account",icon:l.createElement(ge,{width:"24",height:"24"}),tracking:{action:"Disable Account Click"},link:`${v}user/disable-account/`}]}],[{key:"userProfile.nav.menu.help",icon:l.createElement(ve,{width:"24",height:"24"}),value:"help",link:`${v}user/help`,tracking:{action:"Support Click"}},{key:"userProfile.nav.menu.logout",icon:l.createElement(fe,{width:"24",height:"24"}),value:"logout",tracking:{action:"Sign Out Click"}}]];return l.createElement(we,{className:e,style:n},l.createElement(Pe,{userInfo:r,siteType:o}),y.map(((e,t)=>l.createElement(l.Fragment,{key:t},l.createElement("div",{className:"profile-nav-item-group",key:t},e.map((e=>l.createElement(Te,{key:e.key,item:e,activeKey:g||"",onLogout:i,onClick:()=>h((t=>t===e.key?void 0:e.key)),siteType:o})))),t!==y.length-1&&l.createElement("hr",null)))))},Te=({item:e,activeKey:t,forceOpen:a,onLogout:n,onClick:i,siteType:o="helloSites"})=>{var r,c;const[d,m]=(0,l.useState)(!1),p=(0,l.useMemo)((()=>"undefined"!==typeof window?window.location.href:""),[]);if(e.disabled)return null;const{t:h}=(0,u.u)(),g=null===(r=e.subMenu)||void 0===r?void 0:r.some((e=>e.key===t)),v=t===e.key;(0,l.useEffect)((()=>{(g||v)&&m(!0)}),[g,v]);const f="boolean"===typeof a?a:d;return l.createElement(ke,{as:e.subMenu?void 0:"a","data-is-open":f,key:e.key,hasSubmenu:!!e.subMenu,onClick:()=>{null===i||void 0===i||i(),e.subMenu&&!a?m((e=>!e)):"logout"===e.value?null===n||void 0===n||n():e.link&&(window.location.href=e.link)},"data-event-category":"Ecommerce","data-event-action":(null===(c=null===e||void 0===e?void 0:e.tracking)||void 0===c?void 0:c.action)||"","data-event-label":p},l.createElement(Ce,{"data-active":v},e.icon,l.createElement(s.T,{size:"p3",style:{marginLeft:e.icon?24:48,transition:"color 300ms"},color:v?"helloSites"===o?"hb.6":"mb.6":"gray.8"},h(e.key)),e.subMenu&&l.createElement(Me,{"data-is-open":f},l.createElement(P.C,{width:14}))),e.subMenu&&l.createElement($e,null,e.subMenu.map((e=>l.createElement(Te,{key:e.key,item:e,activeKey:t,onLogout:n,siteType:o})))))},Ne=({isOpen:e,userInfo:t,closePopup:a,siteType:n="helloSites",dispatchLogout:i})=>l.createElement(re,{"data-open":e},l.createElement("div",{className:"popup-content"},l.createElement(Fe,{siteType:n,onLogout:()=>{i&&(i(),a())},userInfo:t}))),De=o.Z.div`
  background-color: white;
  text-align: center;
  .cancle-img {
    margin-top: 24px;
    ${M.M.mbDown} {
      width: 80px;
      height: 80px;
    }

    ${M.M.mbUp} {
      width: 100px;
      height: 100px;
    }
  }

  h2 {
    margin-top: 32px;
    color: ${r.t.colors.gray800};
    font-style: normal;
    font-weight: bold;
    ${M.M.mbDown} {
      font-size: 24px;
      line-height: 32px;
    }

    ${M.M.mbUp} {
      font-size: 32px;
      line-height: 42px;
    }
  }

  p {
    margin-top: 8px;
    color: ${r.t.colors.gray600};
    font-style: normal;
    font-weight: normal;
    ${M.M.mbDown} {
      font-size: 16px;
      line-height: 24px;
    }

    ${M.M.mbUp} {
      font-size: 16px;
      line-height: 24px;
    }
  }
`,Ae=o.Z.div`
  display: flex;

  ${M.M.mbDown} {
    margin-top: 24px;
  }

  ${M.M.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      ":""}
`,Le=({openLogoutPopup:e,onCloseHandler:t,onLogoutHandler:a,siteType:n="helloSites"})=>{const{t:i}=(0,u.u)();return(0,l.useEffect)((()=>{document.body.classList.toggle("noscroll",e)}),[e]),l.createElement(x.h,null,l.createElement(h.P,{type:"confirm",isOpen:e,closeIcon:l.createElement("img",{src:c.C.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon",loading:"lazy"}),onClose:t},l.createElement(De,null,"helloSites"===n&&l.createElement("img",{src:c.C.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account",loading:"lazy"}),l.createElement("h2",null,i("helloSites"===n?"logout.popup.ask1":"logout.popup.ask.mb")),l.createElement("p",null,i("logout.popup.ask2")),l.createElement(Ae,{siteType:n},l.createElement(T.B,{className:"logout-button",color:"tertiary",size:"lg",onClick:a},i("logout.popup.button.logout")),l.createElement(T.B,{className:"cancel-button",color:"primary",size:"lg",onClick:t},i("logout.popup.button.cancel"))))))},ze=({userInfo:e,siteType:t,onLoginClick:a,SSO_URL:o,currentUrl:d,isMinifyLogin:p,onLogout:h,style:g,isLoading:v,locale:f})=>{const{t:y}=(0,u.u)(),[b,E]=(0,l.useState)(!1),x=(null===e||void 0===e?void 0:e.name)||(null===e||void 0===e?void 0:e.username),[k,C]=(0,l.useState)(!1);(0,l.useEffect)((()=>{C(!0)}),[]);const{containerRef:M,onContainerFocus:$,onContainerBlur:_,onButtonMouseDown:P,onClose:F}=oe();return v?l.createElement(i.B,{size:"sm",color:"transparent",loading:!0}):(null===e||void 0===e?void 0:e.id)?l.createElement(l.Fragment,null,l.createElement(de,{ref:M,style:g,tabIndex:0,onBlur:_,onFocus:()=>{var e;$();const t=null===(e=M.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};`)}}},l.createElement("div",{onMouseDown:P},l.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},l.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),l.createElement(i.a,{size:36,className:"user-avatar",src:null===e||void 0===e?void 0:e.avatar,color:"marryBaby"===t?r.t.mbColors.pink:r.t.colors.secondaryBase,placeholderText:x&&x.length?x[0].toUpperCase():"A"})),l.createElement(Ne,{dispatchLogout:()=>{F(),E(!0)},isOpen:!1,closePopup:F,siteType:t,userInfo:e})),l.createElement(Le,{openLogoutPopup:b,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),E(!1)},siteType:t,onLogoutHandler:()=>(0,n.a)(void 0,void 0,void 0,(function*(){E(!1),document.body.classList.toggle("noscroll",!1),yield h()}))})):l.createElement(me,{style:Object.assign({textDecoration:"none"},g),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":d,href:k?void 0:(0,m.n)(`${o}?returnUrl=${d}`),"data-site-type":t},p?l.createElement(ce,{onClick:a},l.createElement("img",{src:c.C.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):l.createElement(l.Fragment,null,"helloSites"===t&&(f===w.L.Indonesia||f===w.L.PhilippinesTagalog||f===w.L.PhilippinesEnglish?l.createElement("img",{className:"mobile-only",src:c.C.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:a}):l.createElement(i.B,{className:"mobile-only",size:"sm",onClick:a,leftIcon:l.createElement(B.Z,{color:"currentColor",isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"}},y("navigation.loginJoin"))),"marryBaby"===t&&l.createElement("div",{className:"mobile-only",onClick:a,style:{paddingLeft:16}},l.createElement(s.T,{size:"p3",color:r.t.mbColors.pink},y("navigation.loginJoin"))),"marryBaby"===t?l.createElement(i.B,{className:"login-btn",size:"md",onClick:a,leftIcon:l.createElement(B.Z,{color:"currentColor",isSolid:!0,size:22})},y("navigation.loginJoin")):l.createElement(i.B,{className:"login-btn",size:"md",onClick:a,leftIcon:l.createElement(B.Z,{color:"#595959",isSolid:!0,size:22}),variant:"ghost",color:"#262626"},y("navigation.loginJoin"))))};var Se="spdlGfq",He="vgS16jX";const Ze=({onCareHeaderClick:e,currentUrl:t,careUrlFe:a,btnName:n})=>e?l.createElement(T.B,{className:Se,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:t=>e(t),style:{paddingLeft:10,paddingRight:10}},n):l.createElement("a",{href:a,className:`${He} care-button no-replace-click`},l.createElement(T.B,{className:Se,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},n));var Ue="y5VJdvw",je="oVhOSCy",Oe="pX8OXTM";const Re=l.createContext({}),Ie=e=>{var{children:t}=e,a=(0,n._)(e,["children"]);const[i,o]=l.useState((()=>a.currentUrl||`https://${"marryBaby"===a.siteType?_.l[a.locale||"en-PH"]:d.d[a.locale||"en-PH"]}${"together"===a.projectType?"/community":"ecom"===a.projectType?"/ecom":"care"===a.projectType?"/care":""}/`));(0,l.useEffect)((()=>{const e=()=>{o(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const r=(({locale:e,projectType:t,siteType:a,enableBookingBtn:n})=>(0,l.useMemo)((()=>{const l="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,i="marryBaby"!==a&&"marryBaby"!==t&&d.C.includes(e),o=n&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&d.b.includes(e),r="marryBaby"===t||d.T.includes(e),s="marryBaby"!==a&&d.E.includes(e),c="marryBaby"!==a&&d.E.includes(e);let m=(0,p.g)(e,"marryBaby"===a);"undefined"!==typeof window&&(m.includes("//id.")&&(m=m.replace("id.","")),m.includes("//staging-id.")&&(m=m.replace("staging-id.","discover.")));return{enableSearchBar:l,enableNavCare:i,enableNavCareBooking:o,enableNavTogether:r,enableNavEcom:s,enableProfileEcom:c,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:m,CARE_URL_FE:`${m}/care`,TOGETHER_URL_FE:`${m}/community`,SSO_URL:(0,p.a)(e,"marryBaby"===a),TOGETHER_API:(0,p.b)(),DISCOVER_API:(0,p.c)(e)}}}),[e,t]))({locale:a.locale,projectType:a.projectType,siteType:a.siteType,enableBookingBtn:a.enableBookingBtn});return l.createElement(Re.Provider,{value:Object.assign(Object.assign({},a),{configs:Object.assign(Object.assign({},r),a.configs),currentUrl:a.currentUrl||i})},t)};function Ve({className:e}){return l.createElement("div",null,l.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:e},l.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function Ge({siteType:e,enableSearch:t,className:a}){return"helloSites"===e?l.createElement("div",null,l.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:t?c.C.getAssetPath("hamburgerMenuNewWithSearch.svg"):c.C.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:"home",className:a,loading:"lazy"})):l.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:a},l.createElement("path",{d:"M3.35 15a.65.65 0 0 1 .65-.65h10a.65.65 0 1 1 0 1.3H4a.65.65 0 0 1-.65-.65m0-6A.65.65 0 0 1 4 8.35h16a.65.65 0 1 1 0 1.3H4A.65.65 0 0 1 3.35 9",fill:"#3E3F58"}))}const qe=o.Z.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;
  }
`,We=o.Z.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: ${r.t.mbColors.lightGray};
      border-radius: 16px;
      border: none;
    }
  }
`,Ye=o.Z.div`
  display: block;
  overflow-y: auto;
  flex: 1;
  padding-bottom: 16px;
  &::-webkit-scrollbar {
    width: 0;
    display: none;
  }
`,Ke=({id:e})=>{const{locale:t,configs:{statics:a},siteType:n}=(0,l.useContext)(Re),{t:o}=(0,u.u)();return l.createElement(i.c,{className:"fake-search-input",name:"search-input-menu-service"+e,size:"md",placeholder:"marryBaby"===n?o("navigation.search.input.placeholder"):o("home.search",{site:d.L[t||"en-PH"]?d.L[t||"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()},icon:l.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},l.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",style:{verticalAlign:"bottom"}},l.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"})))})},Qe=o.Z.div`
  padding-right: 1rem;
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 15px;
  ${M.M.mbUp} {
    border-right: 1px solid #e4e8ec;
  }
`,Je=o.Z.a`
  padding: 10px 0;
  position: relative;

  display: flex;
  align-items: center;
  text-decoration: none;
  color: ${r.t.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: ${r.t.mbColors.pink};
    }
    .icon {
      background-color: ${r.t.mbColors.lightPink};
    }
  }
  &[data-theme='helloSites']:hover,
  &[data-theme='helloSites'][data-active='true'] {
    p {
      color: ${r.t.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: ${r.t.mbColors.lightGray};
      img {
        border-radius: 50%;
      }
    }
  }
`,Xe=o.Z.div`
  margin: 15px 0;
  ${M.M.mbDown} {
    display: none;
  }
`,et=o.Z.div`
  display: flex;
  position: absolute;
  right: 0;
  ${M.M.mbUp} {
    display: none;
  }
`,tt=o.Z.div`
  display: flex;
  align-items: center;
  color: ${r.t.colors.primaryBase};
  font-size: ${r.t.sizes.fsParagraph4};
  font-weight: ${r.t.sizes.fwBold};
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
  &[data-event-category] * {
    pointer-events: none;
  }
  &[data-theme='marryBaby'] {
    color: ${r.t.mbColors.pink};
  }
`,at=o.Z.div`
  display: flex;
  align-items: center;
  margin-left: 10px;
`,nt=o.Z.a`
  border: 1px solid ${r.t.colors.primaryBase};
  &[data-theme='marryBaby'] {
    border: 1px solid ${r.t.mbColors.pink};

    svg path {
      stroke: ${r.t.mbColors.pink};
    }
  }
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  border-radius: 5px;
  margin-top: 20px;
  ${M.M.mbDown} {
    display: none;
  }
`;var lt="wnUb-dV",it="cjbOxWe",ot="-sx0jrx";const rt=({item:e,menu:t})=>{const{containerRef:a,onButtonMouseDown:n,onClose:i}=oe({allowBgScroll:!0}),o=(0,L.u)();return!e.popupType&&e.link?l.createElement(st,{isNew:e.isNew},l.createElement("a",{className:"hhgcomp-navigation-itemnav-headeritem "+(o?"":`menu-handler-${e.id}`),tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},l.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:it},e.name))):l.createElement(st,{isNew:e.isNew},l.createElement("div",{ref:a,className:"hhgcomp-navigation-itemnav-headeritem "+(o?"":`menu-handler-${e.id}`),tabIndex:0,key:e.id,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},l.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:n,className:it},e.name,e.popupType&&l.createElement("div",{className:lt},l.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},l.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),l.isValidElement(t)?l.cloneElement(t,{onClose:i}):null))},st=({isNew:e,children:t})=>{const{t:a}=(0,u.u)();return e?l.createElement(A.I,{color:"green",label:a("home.navigator.menuItem.new"),size:20,styles:{root:{paddingRight:10}}},t):l.createElement(l.Fragment,null,t)},ct=({hrefViewMore:e,titleBtnViewMore:t,UrlFE:a,onClosePopup:n,menuItems:i,headingTitle:o,activeItem:r})=>{const{siteType:s}=(0,l.useContext)(Re);return l.createElement(Qe,null,l.createElement(Xe,null,l.createElement(D.H,{tag:"marryBaby"===s?"h5":"h6",as:"p",fontWeight:"semibold"},o)),null===i||void 0===i?void 0:i.slice(0,6).map(((e,t)=>{const i=(null===e||void 0===e?void 0:e.link)?(null===e||void 0===e?void 0:e.link.startsWith("http"))?null===e||void 0===e?void 0:e.link:`${a}/${null===e||void 0===e?void 0:e.link.split("/").filter(Boolean).join("/")}/`:"/";return l.createElement(Je,Object.assign({className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":i,"data-is-heading-category":!1,"data-active":e.id&&e.id===r,href:i},!V(i)&&{target:"_blank"},{"data-theme":s,key:t,onClick:n}),l.createElement("div",{className:"icon"},l.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32,overflow:"hidden"}})),l.createElement(st,{isNew:e.isNew},l.createElement("p",{style:{paddingRight:e.isNew?10:0}},e.name)),l.createElement(et,null,l.createElement("img",{src:c.C.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))})),t&&l.createElement(nt,{"data-theme":s,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},l.createElement(tt,{onClick:n,"data-theme":s,"data-is-heading-category":!1},t,l.createElement(at,null,l.createElement("img",{className:"svg",src:"marryBaby"===s?c.C.getAssetPath("chevronRightPink.svg"):c.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))))},dt=o.Z.div`
  display: grid;

  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 3.5rem;
  ${M.M.tdDown} {
    grid-template-columns: repeat(1, 1fr);
  }
`,mt=o.Z.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;
  }
  ${M.M.tdDown} {
    margin-bottom: 0;
    padding: 0;
    height: 100%;
    position: unset;
    width: 150px;
  }
  ${M.M.mbDown} {
    width: 80px;
  }
`,pt=o.Z.div`
  background-color: #ffffff;
  border-radius: 4px;
  width: 100%;
  height: 100%;
`,ht=o.Z.div`
  display: flex;
  margin-top: 1rem;
  align-items: center;
  color: ${r.t.colors.primaryBase};
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
  ${M.M.tdDown} {
    display: none;
  }
`,gt=o.Z.p`
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  color: ${r.t.colors.gray800};
  ${M.M.tdDown} {
    padding: 0;
  }
`,ut=o.Z.p`
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  color: ${r.t.colors.gray600};
  height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: auto;
  ${M.M.tdDown} {
    height: unset;
    padding: 0;
  }
`,vt=(0,_.s)(o.Z.div`
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    z-index: 1;
    ${M.M.tdDown} {
      gap: 4px;
    }
  `,"hhgcomp-navigation-menucareitem-contentwrapper"),ft=o.Z.a`
  text-decoration: none;
  border-radius: 4px;
  background: ${r.t.colors.white};
  position: relative;
  overflow: hidden;
  padding: 16px;
  display: flex;
  padding-top: 166px;
  * {
    pointer-events: none;
  }
  ${M.M.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%;
    }
  }
  ${M.M.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;
    > ${vt.classSelector} {
      flex: 1;
    }
    img {
      width: 150px;
    }
  }
  ${M.M.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;
    }
  }
  ${M.M.tdOnly} {
    border: 1px solid ${r.t.colors.neutral100};
  }
  .bg-svg {
    width: 100%;
    max-width: 245px;
    height: 100%;
    top: 0;
    right: -40px;
    position: absolute;
    display: inline-block;
  }
`,yt=({item:e,index:t=0})=>{var a;const{t:n}=(0,u.u)(),{locale:i,configs:{statics:o}}=(0,l.useContext)(Re);if(!e)return null;const r=`${o.CARE_URL_FE}/${null===(a=N.a[i])||void 0===a?void 0:a.HOSPITAL}/${e.slug}-${e.id}`;return l.createElement(ft,{key:e.id,href:r,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":r},l.createElement("img",{src:c.C.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),l.createElement(mt,null,l.createElement(pt,null,l.createElement("img",{loading:"lazy",alt:e.name,src:e.logo||"/images/avatar.jpg"}))),l.createElement(vt,null,l.createElement(gt,null,e.name),l.createElement(ut,null,e.description),l.createElement(ht,null,n("home.seeMore"),l.createElement("img",{src:c.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))))},bt=o.Z.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;
  }
  ${M.M.mbDown} {
    display: block;
    .bg-svg {
      right: -24px;
      left: unset;
      top: 0;
      transform: rotateY(180deg);
    }
  }

  ${M.M.mbUp} {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 3fr;
  }
`,Et=o.Z.div`
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: ${r.t.colors.gray600};
  margin-bottom: 15px;
`,xt=o.Z.div`
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #000000;
  margin-bottom: 4px;
`,wt=o.Z.div`
  background: #fff;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
`,kt=o.Z.div`
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  ${M.M.mbDown} {
    justify-content: end;
    min-height: 100px;
  }
`,Ct=({title:e,link:t,description:a,cta:n,icon:i})=>{const{siteType:o}=(0,l.useContext)(Re);return l.createElement(bt,{"data-theme":o},l.createElement(kt,null,l.createElement("img",{src:"marryBaby"===o?c.C.getAssetPath("navMBSpotlightBgNoData.svg"):c.C.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),l.createElement(wt,null,i&&l.createElement("img",{src:i,width:64,height:64,loading:"lazy"}))),l.createElement("div",null,e&&l.createElement(xt,null,e),a&&l.createElement(Et,null,a),n&&l.createElement("div",null,l.createElement("a",{href:t},l.createElement(T.B,{theme:o,className:"survey-contact-submit",size:"md"},n)))))},Mt=o.Z.div`
  margin-top: 10px;
  background: #ffffff;
  padding: 5px 15px;
  position: relative;
  ${M.M.mbDown} {
    &:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background-color: ${r.t.colors.neutral100};
      content: '';
    }
  }
`,$t=o.Z.div`
  margin: 15px 0;
  display: flex;
`,Bt=o.Z.a`
  padding-left: 10px;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  color: ${r.t.colors.primaryBase};
  &[data-theme='marryBaby'] {
    color: ${r.t.mbColors.pink};
  }
  img {
    padding-left: 5px;
  }
  ${M.M.mbDown} {
    margin-left: auto;
  }
`,_t=({title:e,viewMore:t,children:a,link:n,dataEventAction:i=""})=>{const{siteType:o}=(0,l.useContext)(Re);return l.createElement(Mt,null,l.createElement($t,null,l.createElement(D.H,{tag:"marryBaby"===o?"h5":"h6",as:"p",fontWeight:"semibold"},e),t&&l.createElement(Bt,{"data-event-category":"Hamburger Navigation","data-event-action":i,"data-event-label":n,href:n,"data-theme":o},t,l.createElement("img",{src:"marryBaby"===o?c.C.getAssetPath("chevronRightPink.svg"):c.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"}))),a)},Pt=({spotlights:e=[],hrefViewMore:t})=>{const{t:a}=(0,u.u)(),{siteType:n}=(0,l.useContext)(Re);return l.createElement(_t,{title:a("home.navigator.menu.spotlightHospitals")},0!==e.length?l.createElement(l.Fragment,null,l.createElement(dt,null,null===e||void 0===e?void 0:e.slice(0,3).map(((e,t)=>l.createElement(yt,{key:t,index:t,item:e})))),l.createElement("div",{style:{position:"absolute",bottom:"6px",right:"1rem"}},l.createElement("a",{href:t},l.createElement(T.B,{theme:n,className:"survey-contact-submit",size:"md"},a("home.navigator.menu.care.homeButton"))))):l.createElement(Ct,{title:a("home.navigator.menu.care.noDatas.title"),description:a("home.navigator.menu.care.noDatas.description"),link:t,cta:a("home.navigator.menu.care.homeButton"),icon:c.C.getAssetPath("community.svg")}))},Ft=o.Z.div`
  display: grid;

  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  ${M.M.tdDown} {
    gap: 12px;
    grid-template-columns: 1fr;
  }
`,Tt=o.Z.a`
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  * {
    pointer-events: none;
  }
`,Nt=o.Z.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;
  }
  ${M.M.tdDown} {
    width: 72px;
    padding-top: 100px;
  }
`,Dt=o.Z.p`
  font-size: 16px;
  font-weight: 400;
  padding: 4px 15px;
  line-height: 1.4;
  color: ${r.t.colors.gray800};
  flex: 1;
  ${M.M.tdUp} {
    display: none;
  }
`,At=({item:e,index:t=0})=>e?l.createElement(Tt,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":`Spotlight Click ${t+1}`,"data-event-label":e.link},l.createElement(Nt,null,l.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),l.createElement(Dt,null,e.title)):null,Lt=({spotlightsList:e=[],hrefViewMore:t})=>{const{t:a}=(0,u.u)(),{configs:{statics:n}}=(0,l.useContext)(Re);return l.createElement(_t,{title:a("home.navigator.menu.spotlights"),viewMore:a("home.navigator.menu.spotlights.seeAll"),link:t,dataEventAction:"Spotlight See More Click"},0!==e.length?l.createElement(Ft,null,null===e||void 0===e?void 0:e.slice(0,4).map(((e,t)=>l.createElement(At,{key:t,index:t,item:{id:e.id,link:n.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image}})))):l.createElement(Ct,{title:a("home.navigator.menu.category.noDatas.title"),description:a("home.navigator.menu.category.noDatas.description"),link:t,cta:a("home.navigator.menu.category.noDatas.cta"),icon:c.C.getAssetPath("Spotlight.svg")}))},zt=o.Z.div`
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 48px;
  ${M.M.tdDown} {
    grid-template-columns: 1fr;
    grid-gap: 32px;
  }
  ${M.M.mbDown} {
    grid-gap: 24px;
  }
`,St=o.Z.div`
  padding: 5px;
  flex: 1;
`,Ht=o.Z.img`
  width: 88px;
  height: 88px;
  border-radius: 4px;
  object-fit: cover;
`,Zt=o.Z.div`
  font-size: 12px;
  font-weight: 600;
  color: ${r.t.colors.gray800};
  text-decoration: none;
  &[data-theme='marryBaby'] {
    font-weight: 400;
    letter-spacing: -0.2px;
  }
`,Ut=o.Z.div`
  text-decoration: none;
  font-size: 12px;
  font-weight: 400;
  color: ${r.t.colors.primaryBase};
  &[data-theme='marryBaby'] {
    font-weight: 400;
    letter-spacing: -0.2px;
  }
`,jt=o.Z.div`
  font-size: 12px;
  font-weight: 400;
  color: ${r.t.colors.gray600};
`,Ot=o.Z.div`
  font-size: 12px;
  font-weight: 400;
  color: ${r.t.colors.gray600};
`,Rt=o.Z.a`
  display: flex;
  gap: 10px;
  text-decoration: none;
  position: relative;
  &::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px dashed ${r.t.colors.neutral100};
    position: absolute;
    bottom: -24px;
    ${M.M.tdOnly} {
      bottom: -16px;
    }
    ${M.M.mbDown} {
      bottom: -12px;
    }
  }
  &:last-child {
    &::after {
      display: none;
    }
  }
  ${M.M.tdUp} {
    &:nth-last-child(2) {
      &::after {
        display: none;
      }
    }
  }
`,It=o.Z.div`
  display: flex;
  gap: 10px;
  vertical-align: middle;
  align-items: center;
`,Vt=o.Z.div`
  margin-top: 8px;
  font-size: 16px;
  font-weight: 600;
  color: ${r.t.colors.gray800};
  &[data-theme='marryBaby'] {
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.2px;
  }
`,Gt=o.Z.div`
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 5px;
`,qt=o.Z.div`
  display: flex;
  gap: 4px;
  flex-direction: column;
`;S().extend(Z());const Wt=({post:e,index:t=0})=>{var a,n,i,o,r,s,c;const{siteType:d,configs:{statics:m}}=(0,l.useContext)(Re);if(!e)return null;const p=[m.TOGETHER_URL_FE,null===(a=e.community)||void 0===a?void 0:a.slug].join("/"),g=[p,e.slug].join("/"),u=e.createdAt,v=u?isNaN(new Date(u).getTime())?null:new Date(u):null,f=v?S()(v).toNow(!0):u;return l.createElement(Rt,{href:g,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":g},l.createElement(St,null,l.createElement(It,null,l.createElement(h.U,{avatar:null===(n=e.author)||void 0===n?void 0:n.avatar,username:(null===(i=e.author)||void 0===i?void 0:i.name)||(null===(o=e.author)||void 0===o?void 0:o.username)}),l.createElement(qt,null,l.createElement(Zt,{"data-theme":d},null===(r=e.author)||void 0===r?void 0:r.name),l.createElement(Gt,null,l.createElement(Ut,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":p,onClick:e=>{e.preventDefault(),location.href=p},"data-theme":d},null===(s=e.community)||void 0===s?void 0:s.name),l.createElement(Ot,null,"\u2022"),l.createElement(jt,{"data-theme":d},f)))),l.createElement(Vt,null,e.title)),!!(null===(c=e.photos)||void 0===c?void 0:c.length)&&l.createElement(Ht,{loading:"lazy",src:e.photos[0]}))},Yt=({spotlights:e=[]})=>{const{configs:{statics:t}}=(0,l.useContext)(Re),{t:a}=(0,u.u)();return l.createElement(_t,{title:a("home.navigator.menu.trendingPosts"),viewMore:a("home.navigator.menu.trendingPosts.seeMore"),link:(0,m.a)(t.TOGETHER_URL_FE),dataEventAction:"Together See More Click"},0!==e.length?l.createElement(zt,null,null===e||void 0===e?void 0:e.slice(0,4).map(((e,t)=>l.createElement(Wt,{index:t,post:e,key:e.id})))):l.createElement(Ct,{title:a("home.navigator.menu.together.noPosts.title"),description:a("home.navigator.menu.together.noPosts.description"),link:`${t.HOME_PAGE_URL}/community/`,cta:a("home.navigator.menu.together.noPosts.cta"),icon:c.C.getAssetPath("community.svg")}))},Kt=o.Z.div`
  display: grid;

  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 3.5rem;
  ${M.M.tdDown} {
    grid-template-columns: repeat(1, 1fr);
  }
`,Qt=o.Z.a`
  text-decoration: none;
  display: flex;
  align-items: center;
`,Jt=({item:e,index:t=0})=>e?l.createElement(Qt,{href:e.url,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":e.url},l.createElement("img",{loading:"lazy",alt:e.name,src:e.featuredImage||"/images/avatar.jpg",style:{width:"40px",height:"40px"}}),l.createElement(s.T,{size:"p2",weight:"regular",style:{marginLeft:16}},e.name),l.createElement("img",{src:c.C.getAssetPath("chevronRightActive.svg"),style:{width:"20px",height:"20px",marginLeft:"auto"},loading:"lazy"})):null,Xt=({helpfulUrls:e=[]})=>{const{t:t}=(0,u.u)();return e.length?l.createElement(_t,{title:t("home.navigator.menu.spotlightEcom")},0!==e.length?l.createElement(Kt,null,null===e||void 0===e?void 0:e.slice(0,5).map(((e,t)=>l.createElement(Jt,{key:t,index:t,item:e})))):l.createElement(l.Fragment,null)):null},ea=o.Z.div`
  display: grid;

  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  ${M.M.tdDown} {
    grid-template-columns: 1fr;
    gap: 12px;
  }
`,ta=o.Z.a`
  text-decoration: none;
  border-radius: 4px;
  background: ${r.t.colors.primary50};
  position: relative;
  overflow: hidden;
  display: flex;
  * {
    pointer-events: none;
  }
  .bg-svg {
    width: 245px;
    top: 0;
    right: 0;
    height: 100%;
    position: absolute;
    ${M.M.tdDown} {
      top: calc(51% - 68px);
      right: -8px;
    }
  }
  padding: 180px 24px 16px;
  a {
    display: flex;
    width: 100%;
  }
  ${M.M.tdDown} {
    padding-top: 16px;
    display: flex;
    align-items: center;
  }
`,aa=o.Z.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%);
  }
  ${M.M.tdDown} {
    position: relative;
    top: unset;
    right: unset;
  }
`,na=o.Z.div`
  display: flex;
  align-items: center;
  color: ${r.t.colors.primaryBase};
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
`,la=o.Z.p`
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: ${r.t.colors.gray800};
`,ia=o.Z.p`
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: ${r.t.colors.gray600};
  height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: auto;
  ${M.M.tdDown} {
    display: none;
  }
`,oa=o.Z.div`
  display: flex;
  flex-direction: column;
  flex: 1;
  z-index: 1;
  ${M.M.tdUp} {
    gap: 8px;
  }
  ${M.M.tdDown} {
    gap: 4px;
    flex: 1;
  }
`,ra=({item:e,index:t=0})=>{const{t:a}=(0,u.u)(),{configs:{statics:n}}=(0,l.useContext)(Re);if(!e)return null;const i=e.link?e.link.startsWith("http")?e.link:`${n.HOME_PAGE_URL}${e.link}`:void 0;return l.createElement(ta,{href:i,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":i},l.createElement("img",{src:c.C.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),l.createElement(oa,null,l.createElement(la,null,e.title),l.createElement(ia,null,e.subtitle),l.createElement(na,null,a("home.seeMore"),l.createElement("img",{src:c.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))),l.createElement(aa,null,l.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},sa=o.Z.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: ${r.t.mbColors.tonePink};
    .bg-svg {
      fill: ${r.t.mbColors.peach};
    }
  }
  &[data-color='orange'] {
    background: ${r.t.mbColors.toneYellow};
    .bg-svg {
      fill: ${r.t.mbColors.orange};
    }
  }
  &[data-color='green'] {
    background: ${r.t.mbColors.toneGreen};
    .bg-svg {
      fill: ${r.t.mbColors.mint};
    }
  }

  padding: 180px 24px 16px;
  a {
    display: flex;
    width: 100%;
  }
  ${M.M.tdDown} {
    padding-top: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  ${M.M.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;
    }
  }
  ${M.M.tdUp} {
    min-height: 296px;
  }
  .mobile-only {
    ${M.M.tdUp} {
      display: none;
    }
  }
  .desktop-only {
    ${M.M.tdDown} {
      display: none;
    }
  }
`,ca=o.Z.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%);
  }
  ${M.M.tdDown} {
    position: relative;
    top: unset;
    right: unset;
  }
  ${M.M.mbDown} {
    position: absolute;
    left: 32px;
    top: 28px;
  }
`,da=o.Z.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: ${r.t.mbColors.gray};
  }

  ${M.M.tdDown} {
    background: none;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: ${r.t.mbColors.pink};
    padding-left: 16px;
  }
`,ma=o.Z.p`
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: ${r.t.colors.gray800};
`,pa=o.Z.p`
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: ${r.t.colors.gray600};
  height: 54px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: auto;
  ${M.M.tdDown} {
    display: none;
  }
`,ha=o.Z.div`
  display: flex;
  flex: 1;
  z-index: 1;
  align-items: flex-end;
  justify-content: flex-end;
  ${M.M.tdUp} {
    gap: 8px;
    flex-direction: row;
  }

  ${M.M.tdDown} {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4px;
  }
`,ga=o.Z.div`
  display: flex;
  flex-direction: column;
  flex: 1;
  z-index: 1;
  ${M.M.tdUp} {
    gap: 8px;
  }
  ${M.M.tdDown} {
    gap: 4px;
    flex: 1;
    padding-left: 16px;
  }
`,ua=o.Z.div`
  display: flex;
  flex-direction: row;
  flex: 1;
  z-index: 1;
  ${M.M.tdUp} {
    gap: 8px;
    justify-content: flex-end;
    align-items: flex-end;
  }
  ${M.M.tdDown} {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
`,va=({item:e,index:t=0,color:a})=>{const{t:n}=(0,u.u)(),{configs:{statics:i}}=(0,l.useContext)(Re);if(!e)return null;const o=e.link?e.link.startsWith("http")?e.link:`${i.HOME_PAGE_URL}${e.link}`:void 0,r=()=>l.createElement(ca,null,l.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})),s=()=>l.createElement(ua,null,l.createElement(ga,null,l.createElement(ma,null,e.title),l.createElement(pa,null,e.subtitle)),l.createElement(da,null,l.createElement("div",{className:"mobile-only"},n("home.seeMore")),l.createElement("img",{src:c.C.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"},loading:"lazy"})));return l.createElement(sa,{href:o,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":o,"data-color":a},l.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none"},l.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"})),l.createElement("img",{src:c.C.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),l.createElement(ha,null,l.createElement("div",{className:"mobile-only"},r()),l.createElement("div",{className:"desktop-only"},s())),l.createElement("div",{className:"mobile-only"},s()),l.createElement("div",{className:"desktop-only"},r()))},fa=({hrefViewMore:e,spotlightHealthTools:t=[]})=>{const{t:a}=(0,u.u)(),n=["pink","orange","green"],{siteType:i}=(0,l.useContext)(Re);return l.createElement(_t,{title:a("home.navigator.menu.spotlightTools")},0!==t.length&&l.createElement(ea,null,null===t||void 0===t?void 0:t.slice(0,3).map(((e,t)=>"marryBaby"===i?l.createElement(va,{key:t,index:t,item:e,color:n[t]}):l.createElement(ra,{key:t,index:t,item:e})))),0===t.length&&l.createElement(Ct,{title:a("home.navigator.menu.healthTools.noDatas.title"),description:a("home.navigator.menu.healthTools.noDatas.description"),link:e,cta:a("home.navigator.menu.healthTools.noDatas.cta"),icon:c.C.getAssetPath("community.svg")}))},ya=({closePopup:e,menuItems:t=[]})=>{var a,n;const{siteType:i,ssrMenuContent:{categories:o,healthTools:r,care:s,together:c,ecom:m},activeMenuService:p,configs:{statics:h,enableSearchBar:g},locale:v}=(0,l.useContext)(Re),{t:f}=(0,u.u)();return l.createElement(qe,{id:"categories-menu"},g?l.createElement(We,{"data-theme":i,onClick:()=>{window.location.href=`${h.HOME_PAGE_URL}/search`}},l.createElement(Ke,{id:"mobile"})):null,l.createElement(Ye,null,l.createElement(ct,{UrlFE:h.HOME_PAGE_URL,titleBtnViewMore:f("home.navigator.menuItem.allCategories"),menuItems:t,headingTitle:f("home.navigator.menuItem.healthCategories"),onClosePopup:e,activeItem:p}),"categories"===p&&l.createElement(Lt,{spotlightsList:(null===o||void 0===o?void 0:o.spotlights)||[],hrefViewMore:`${h.HOME_PAGE_URL}${"tl-PH"===v?"/fil":""}/spotlight/`}),"tools"===p&&l.createElement(fa,{spotlightHealthTools:null===r||void 0===r?void 0:r.spotlights,hrefViewMore:`${h.HOME_PAGE_URL}${"tl-PH"===v?"/fil":""}${(null===(a=d.S[v])||void 0===a?void 0:a.HEALTH_TOOLS)||""}`}),"care"===p&&l.createElement(Pt,{spotlights:null===s||void 0===s?void 0:s.spotlights,hrefViewMore:`${h.CARE_URL_FE}/${null===(n=N.a[v])||void 0===n?void 0:n.SPECIALTIES}`}),"together"===p&&l.createElement(Yt,{spotlights:null===c||void 0===c?void 0:c.spotlights}),"ecom"===p&&l.createElement(Xt,{helpfulUrls:null===m||void 0===m?void 0:m.helpfulUrls})))},ba=({menuItems:e})=>{const{siteType:t,configs:{enableSearchBar:a}}=(0,l.useContext)(Re),{containerRef:n,onContainerFocus:i,onContainerBlur:o,onButtonMouseDown:r,onClose:s}=oe();return l.createElement(ie,{mediaQueryKey:"mbDown"},l.createElement("header",{className:Ue},l.createElement("div",{className:je,ref:n,role:"button",tabIndex:0,onBlur:o,onFocus:i},l.createElement("div",{className:Oe,onMouseDown:r,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},l.createElement(Ve,{className:"mobile-close-icon"}),l.createElement(Ge,{siteType:t,enableSearch:a,className:"mobile-hamburger-icon"})),l.createElement(ya,{menuItems:e,closePopup:s}))))},Ea="profile/posts?website_url={websiteUrl}",xa=o.Z.div`
  z-index: 201;
  width: 100%;
  align-items: center;

  background-color: ${r.t.colors.white};

  transition: height 0.3s, transform 0.3s;

  &[data-site-type='helloSites'] {
    border-bottom: 1px solid ${r.t.colors.neutral100};
  }
  &[data-sponsored='true'] {
    border-bottom: none;
  }
  &[data-marry-baby-tone='pink'] {
    background-color: ${r.t.mbColors.lightPink};
  }

  ${M.M.mbUp} {
    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {
      transform: translateY(-64px);
    }
  }
  ${M.M.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: ${r.t.mbColors.lightGray};
      border-radius: 16px;
      border: none;
    }
    max-width: 172px;
  }
  &[data-site-type='marryBaby'] {
    .close-btn {
      top: 16px;
      right: 16px;
    }
  }
`,wa=o.Z.div`
  display: flex;
  height: 100%;
  align-items: center;

  justify-content: space-between;
  padding: 0 2rem;
  height: 56px;
  ${M.M.pcDown} {
    padding: 0 1rem;
  }

  ${M.M.mbDown} {
    position: relative;
    height: 56px;
    background: white;
    gap: 2px;
  }

  &[data-site-type='marryBaby'] {
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
    ${M.M.tdUp} {
      max-width: 1064px;
    }
  }
`,ka=o.Z.div`
  display: flex;
  align-items: center;
  height: 100%;
  gap: 24px;
  ${M.M.pcDown} {
    flex-shrink: 0;
    gap: 16px;
  }
  ${M.M.pcDown} {
    gap: 12px;
  }
  &[data-site-type='marryBaby'] {
    gap: 26px;
  }
`,Ca=o.Z.div`
  display: flex;
  align-items: center;
  height: 100%;
  flex-shrink: 0;
  /* gap: 16px; */
  ${M.M.tdDown} {
    flex-shrink: 0.6;
  }
  .hhgcomp-navigation-itemnav-headeritem {
    gap: 2px;
    ${M.M.pcUp} {
      padding: 0 10px;
    }
    ${M.M.pcDown} {
      padding: 0 6px;
    }
    ${M.M.mbDown} {
      display: none;
    }
    a {
      text-decoration: none;
    }
  }
`;o.Z.div`
  .fake-search-input {
    pointer-events: none;
    input {
      line-height: 20px;
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }
`;const Ma=o.Z.div`
  margin-left: 16px;
  display: flex;
  gap: 12px;
  align-items: center;
  flex-shrink: 0;
  ${M.M.pcDown} {
    margin-left: 8px;
    gap: 8px;
  }
  ${M.M.mbDown} {
    margin-left: 0;
    gap: 10px;
  }
`,$a=o.Z.div`
  display: flex;
  align-items: center;
  height: 100%;
  &[data-site-type='marryBaby'] {
    gap: 26px;
  }
`,Ba=()=>l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:"512",height:"512",style:{width:"100%",height:"100%",contentVisibility:"visible"},viewBox:"0 0 512 512"},l.createElement("defs",null,l.createElement("clipPath",{id:"__lottie_element_2"},l.createElement("path",{d:"M0 0h512v512H0z"})),l.createElement("path",{fill:"#FFF",d:"m139 0-13 174h244l-30 292 165 1 4-466z",opacity:"1",id:"__lottie_element_6",display:"block"}),l.createElement("mask",{id:"__lottie_element_6_1","mask-type":"alpha"},l.createElement("use",{xlinkHref:"#__lottie_element_6"}))),l.createElement("g",{clipPath:"url(#__lottie_element_2)"},l.createElement("path",{fill:"#2B62CD",d:"m430 181-40 41-111-120a18 18 0 0 1-5-13c0-5 2-9 5-13l6-5a18 18 0 0 1 25-1zm-348 0 40 41 111-120a18 18 0 0 0 0-26l-6-5a18 18 0 0 0-25-1z",display:"block"}),l.createElement("g",{display:"block"},l.createElement("path",{fill:"#2D87F3",d:"M385 427H125c-4 0-9-1-13-5a20 20 0 0 1-6-12L88 239h335l-18 171a20 20 0 0 1-7 12c-3 4-8 5-13 5"}),l.createElement("path",{fill:"#2B62CD",d:"m160 402-5-2a6 6 0 0 1-1-4l-8-114v-2a6 6 0 0 1 3-4 6 6 0 0 1 5 0 6 6 0 0 1 4 5l8 115-1 2a6 6 0 0 1-1 2 6 6 0 0 1-4 2m61 0-5-2a6 6 0 0 1-1-4l-2-114c0-2 0-3 2-5a6 6 0 0 1 4-1l4 1a6 6 0 0 1 2 4l2 115a6 6 0 0 1-2 4 6 6 0 0 1-4 2zm131 0a6 6 0 0 1-5-4l-1-2 8-115a6 6 0 0 1 2-4l2-1a6 6 0 0 1 2 0 6 6 0 0 1 5 2 6 6 0 0 1 1 4l-8 114a6 6 0 0 1-6 6m-61 0a6 6 0 0 1-6-6l2-114 2-5a6 6 0 0 1 4-1 6 6 0 0 1 5 1 6 6 0 0 1 1 5l-2 114a6 6 0 0 1-1 4 6 6 0 0 1-5 2"}),l.createElement("path",{fill:"#91CAFF",d:"M424 243H88a20 20 0 0 1-21-18l-3-28a20 20 0 0 1 20-23h344a20 20 0 0 1 20 23l-3 28a20 20 0 0 1-21 18"})),l.createElement("g",{mask:"url(#__lottie_element_6_1)",display:"block"},l.createElement("path",{fill:"#FFC326",d:"m294 198-16 123a5 5 0 0 1-5 5h-80l-4-2a5 5 0 0 1-1-4l15-115h1z"}),l.createElement("path",{fill:"#FFD658",d:"M272 189c0 3 0 7 2 10a12 12 0 0 0 10 6h-81l-3-1c-3-1-5-3-6-5a15 15 0 0 1 5-19 17 17 0 0 1 9-3h80c-4 0-7 1-9 3a15 15 0 0 0-7 9"}),l.createElement("path",{fill:"#FEA21E",d:"M277 326h-4c3 0 5-2 5-4l15-115 1-9v1l-1 1a9 9 0 0 1-5 4 11 11 0 0 1-8 0c-3-1-5-3-6-5-4-7-2-15 5-19 2-2 5-3 9-3h1c4 0 7 2 10 4l6 9 1 11 14 119-1 4z"}),l.createElement("path",{fill:"#FC7419",d:"M303 310v-74a3 3 0 1 0-5 0v74l-21 16h38l4-2zm-5-109a13 13 0 0 1-5 6l1-9c0-1 0 0 0 0 0-3-1-6-4-7a4 4 0 0 0-5 1v1c0 2-1 3-2 3a3 3 0 0 1-3-2l1-4a9 9 0 0 1 11-4c3 1 5 3 6 6v9"})),l.createElement("g",{display:"block"},l.createElement("path",{fill:"#FFC326",d:"m460 330-16 123a5 5 0 0 1-5 5h-80l-4-2a5 5 0 0 1-1-4l15-115h1z"}),l.createElement("path",{fill:"#FFD658",d:"M438 321c0 3 0 6 2 9a12 12 0 0 0 10 7h-81l-3-1c-3-1-5-3-6-6a15 15 0 0 1 5-18 17 17 0 0 1 9-3h80c-4 0-7 1-9 3a15 15 0 0 0-7 9"}),l.createElement("path",{fill:"#FEA21E",d:"M443 458h-4c3 0 5-2 5-5l15-114 1-9v1l-1 1a9 9 0 0 1-5 4 11 11 0 0 1-8 0c-3-1-5-3-6-6-4-6-2-14 5-18 2-2 5-3 9-3h1c4 0 7 2 10 4s5 5 6 9l1 11 14 119-1 4z"}),l.createElement("path",{fill:"#FC7419",d:"M469 442v-74a3 3 0 1 0-5 0v74l-21 16h38l4-2zm-5-109a13 13 0 0 1-5 6l1-9c0-1 0 0 0 0 0-3-1-6-4-7a4 4 0 0 0-4 1l-1 1-2 3a3 3 0 0 1-3-3l1-3a9 9 0 0 1 11-4c3 1 5 3 6 5 1 3 2 7 0 10"})))),_a=()=>l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"512",height:"512",style:{width:"100%",height:"100%",contentVisibility:"visible"},viewBox:"0 0 512 512"},l.createElement("defs",null,l.createElement("clipPath",{id:"__lottie_element_23"},l.createElement("path",{d:"M0 0h512v512H0z"}))),l.createElement("g",{clipPath:"url(#__lottie_element_23)"},l.createElement("g",{display:"block"},l.createElement("path",{fill:"#1B3250",d:"M430 332c-13-17-52-37-42-63 16-41-9-72-28-84-22-14-23-43-30-66-15-50-53-73-103-73s-88 21-103 71c-7 22-7 53-29 67-19 12-61 41-45 82 10 26-15 52-28 69-39 53 13 89 72 98l255 2c59-9 120-50 81-103"}),l.createElement("path",{fill:"#FFB497",d:"M120 202c-11 4-13 17-10 29a29 29 0 0 0 14 17 29 29 0 0 0 22 3l-8-49a25 25 0 0 0-18 0"}),l.createElement("path",{fill:"#FF977B",d:"M147 235a5 5 0 0 1-4-2c-6-8-17-8-17-8a5 5 0 0 1-4-2 5 5 0 0 1 0-7l4-1c1 0 16 0 25 11a5 5 0 0 1-4 9"}),l.createElement("path",{fill:"#FFB497",d:"M332 202a25 25 0 0 0-18 0l-8 49a29 29 0 0 0 22-3c7-3 12-10 14-17 3-12 1-25-10-29"}),l.createElement("path",{fill:"#FF977B",d:"M305 235a5 5 0 0 1-5-3 5 5 0 0 1 1-6c9-11 24-11 25-11a5 5 0 0 1 5 5 5 5 0 0 1-5 5s-11 0-17 8a5 5 0 0 1-4 2"}),l.createElement("path",{fill:"#E3F2FF",d:"M366 452H86a3 3 0 0 1-4-4c5-19 19-47 37-65a153 153 0 0 1 42-28l1-1a85 85 0 0 1 29-19h70a84 84 0 0 1 29 19l1 1a153 153 0 0 1 42 28c18 18 32 46 37 65a3 3 0 0 1-1 3 3 3 0 0 1-3 1"}),l.createElement("path",{fill:"#FCCAAF",d:"M261 335c-25 32-48 32-70 0l5-10v-1a45 45 0 0 0 2-13h56a48 48 0 0 0 2 13v1l5 10"}),l.createElement("path",{fill:"#2D87F3",d:"M281 452H175c-14-93 16-117 16-117 7 9 20 15 35 15s28-6 35-15c0 0 9 12 16 37 5 20 6 60 4 80"}),l.createElement("path",{fill:"#BCDEFF",d:"M191 335a84 84 0 0 0-30 19 53 53 0 0 0-13 28c0 3 11 1 16 0h1v1c-13 8-17 19-16 25 2 15 6 30 13 44h26s-12-72 3-117m96 48a1 1 0 0 1 0-1h1c1 0 0 0 0 0 5 1 16 3 16 0a53 53 0 0 0-13-28 83 83 0 0 0-30-19c15 45 3 117 3 117h26a157 157 0 0 0 13-44c1-6-3-17-16-25"}),l.createElement("path",{fill:"#FF977B",d:"M256 325c-20 18-40 18-60 0v-1a46 46 0 0 0 2-13h56a48 48 0 0 0 2 13v1"}),l.createElement("path",{fill:"#FCCAAF",d:"M314 205c-3 54-17 80-39 96-14 11-37 24-49 24s-35-13-49-24c-22-16-36-42-39-96 52-21 30-127 85-99a7 7 0 0 0 6 0c55-28 33 78 85 99"}),l.createElement("path",{fill:"#FFB497",d:"M221 106c-27-12-34 12-43 40-7 25-16 54-41 63l1 3c43 0 71-62 83-106"})),l.createElement("path",{fill:"#FF977B",d:"M233 233a5 5 0 0 0-4 2l-3 1-3-1a5 5 0 0 0-2-2 5 5 0 0 0-4 0 5 5 0 0 0-3 5c0 6 9 8 12 8s12-2 12-8a5 5 0 0 0-2-3 5 5 0 0 0-3-2",display:"block"}),l.createElement("path",{fill:"#1B3250",d:"m261 199 9-5a27 27 0 0 1 11-1c4 0 7 0 11 2l8 4a2 2 0 0 1 1 2 2 2 0 0 1 0 1h-1l-10-1h-9a20 20 0 0 0-7 2 65 65 0 0 0-7 4 5 5 0 0 1-4 1 5 5 0 0 1-3-2 5 5 0 0 1-1-2 5 5 0 0 1 2-5",display:"block"}),l.createElement("path",{fill:"#284A75",d:"M280 218a9 9 0 1 0 0-19 9 9 0 0 0 0 19",display:"block"}),l.createElement("path",{fill:"#1B3250",d:"m192 210-7-4-7-2h-9l-9 1a2 2 0 0 1-2-1v-1l1-1 9-4c3-2 6-2 10-2 4-1 7 0 11 1l9 5a5 5 0 0 1 2 3v4a5 5 0 0 1-7 2l-1-1",display:"block"}),l.createElement("path",{fill:"#284A75",d:"M184 218a9 9 0 1 0 0-19 9 9 0 0 0 0 19",display:"block"}),l.createElement("g",{fill:"#FFF",display:"block"},l.createElement("path",{d:"m216 213-4-1a5 5 0 0 1-1-3v-4a5 5 0 0 1 3-2 33 33 0 0 1 24 0 5 5 0 0 1 3 7 5 5 0 0 1-3 2h-3a23 23 0 0 0-18 1h-1"}),l.createElement("path",{d:"M183 249a38 38 0 0 1-35-23 38 38 0 0 1-2-22 38 38 0 0 1 11-19 38 38 0 0 1 19-11c7-1 15 0 22 2a38 38 0 0 1 16 14 38 38 0 0 1 7 21 38 38 0 0 1-11 27 38 38 0 0 1-27 11m0-65a27 27 0 0 0-25 17 27 27 0 0 0-2 15 27 27 0 0 0 8 14 27 27 0 0 0 42-4c3-4 4-9 4-15a27 27 0 0 0-8-19 27 27 0 0 0-19-8zm86 65a38 38 0 0 1-35-24 38 38 0 0 1 27-51 38 38 0 0 1 39 16 38 38 0 0 1 6 21 38 38 0 0 1-11 27 38 38 0 0 1-26 11m0-65a27 27 0 0 0-25 17 27 27 0 0 0-2 15 27 27 0 0 0 8 14 27 27 0 0 0 46-19 27 27 0 0 0-8-19 27 27 0 0 0-19-8z"})),l.createElement("path",{d:"m205 180-2-1c-10-4-39-9-47-1a5 5 0 0 1-3 2 5 5 0 0 1-4-2 5 5 0 0 1-2-3l1-4c14-15 52-4 59-1a5 5 0 0 1 3 6 5 5 0 0 1-2 3l-3 1zm42 0-3-1a5 5 0 0 1-1-7 5 5 0 0 1 2-2c7-3 45-14 59 1a5 5 0 0 1 1 4l-2 3a5 5 0 0 1-4 2l-3-2c-8-8-37-3-47 1l-2 1",fill:"#284A75",display:"block"}),l.createElement("path",{fill:"#FF886C",d:"M208 260a4 4 0 0 0-3 1 4 4 0 0 0-1 3c2 8 6 19 22 19s21-11 22-19a4 4 0 0 0-4-4l-18-1-18 1",display:"block"}),l.createElement("g",{display:"block"},l.createElement("g",{fill:"#FFF"},l.createElement("path",{d:"M469 405a85 85 0 1 1-170 0 85 85 0 0 1 170 0"}),l.createElement("path",{d:"M469 405a85 85 0 1 1-170 0 85 85 0 0 1 170 0"})),l.createElement("path",{fill:"#E4E8EC",d:"M384 480a75 75 0 1 0 0-149 75 75 0 0 0 0 149m0 11a85 85 0 1 0 0-171 85 85 0 0 0 0 171"}),l.createElement("path",{fill:"#FFF",d:"M469 405a85 85 0 1 1-170 0 85 85 0 0 1 170 0"}),l.createElement("path",{fill:"#E4E8EC",d:"M384 480a75 75 0 1 0 0-149 75 75 0 0 0 0 149m0 11a85 85 0 1 0 0-171 85 85 0 0 0 0 171"}),l.createElement("path",{fill:"#FF6F4D",d:"M389 358h-11a17 17 0 0 0-12 5 17 17 0 0 0-5 12v3l-1 3a4 4 0 0 1-3 1h-3a17 17 0 0 0-17 17v12a17 17 0 0 0 17 17h3a4 4 0 0 1 4 3v3a17 17 0 0 0 17 17h11c5 0 9-2 12-5s5-7 5-12v-3a4 4 0 0 1 4-3h3c4 0 9-2 12-5s5-8 5-12v-12c0-5-2-9-5-12a17 17 0 0 0-12-5h-3a4 4 0 0 1-4-4v-3a17 17 0 0 0-5-12 17 17 0 0 0-12-5"})))),Pa=e=>{var t,a,n,l;return e?{termId:e.term_id||null,sponsor:e.sponsor?(l=e.sponsor,l?{title:l.title,logo:l.logo,link:l.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=>Pa(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?(n=e.reviewed_by,{postTitle:n.post_title,permalink:n.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}:{}},Fa=e=>{var t,a;if(!e)return{};const n=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),l=null===(a=e.link)||void 0===a?void 0:a.startsWith("/fil/"),i=e.link?e.link.startsWith("http")||n?e.link:l?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:i,subtitle:e.subtitle,title:e.title}},Ta=e=>{var t,a,n,l,i;return e&&(null===e||void 0===e?void 0:e.object_id)?{thumbnail:(null===(t=null===e||void 0===e?void 0:e.object_id)||void 0===t?void 0:t.logo)||"",link:(null===(a=null===e||void 0===e?void 0:e.object_id)||void 0===a?void 0:a.slug)||"",subtitle:(null===(n=e.object_id)||void 0===n?void 0:n.name)||"",name:(null===(l=e.object_id)||void 0===l?void 0:l.name)||"",slug:(null===(i=e.object_id)||void 0===i?void 0:i.slug)||""}:{}},Na=e=>{var t,a,n,l,i;return e&&(null===e||void 0===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===(n=null===e||void 0===e?void 0:e.object_id)||void 0===n?void 0:n.logo)||"",description:(null===(l=e.object_id)||void 0===l?void 0:l.description)||"",slug:(null===(i=e.object_id)||void 0===i?void 0:i.slug)||""}:{}},Da=(e,t,a,n)=>(a||"https://together.hellohealthgroup.com/")+"api/v1/"+C()(Ea,Object.assign(Object.assign({},n),{websiteUrl:t?"https://marrybaby.vn":`https://${d.d[e]}`})),Aa=({type:e,specialtySlug:t,locale:a})=>{var n,l;return`${null===(n=N.a[a])||void 0===n?void 0:n.ALL}/${(null===(l=N.a[a])||void 0===l?void 0:l[e])||"doctor"}/${null!==t&&void 0!==t?t:""}`},La=e=>e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null===e||void 0===e?void 0:e.small_banner)||(null===e||void 0===e?void 0:e.image)||"",imageMedium:(null===e||void 0===e?void 0:e.image_medium)||null,imageThumbnail:(null===e||void 0===e?void 0:e.image_thumbnail)||null,startDate:null===e||void 0===e?void 0:e.start_date,endDate:null===e||void 0===e?void 0:e.end_date}:{},za=e=>{const t=new Date;if(null===e||void 0===e?void 0:e.startDate){const a=new Date(e.startDate);if(t.getTime()<a.getTime())return!1}if(null===e||void 0===e?void 0:e.endDate){const a=new Date(e.endDate);if(t.getTime()>a.getTime())return!1}return!0};var Sa="q3nL5cp",Ha="_2DNf80G",Za="Q-glX-n";const Ua=({onClosePopup:e})=>l.createElement("div",{className:`${Za} close-btn`,onClick:e},l.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},l.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),ja=({onClosePopup:e,isDisplay:t,children:a,isNavMenu:n,hideCloseBtn:i})=>l.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!n},l.createElement(U.C,null,!i&&l.createElement("div",{className:Ha},l.createElement(Ua,{onClosePopup:e})),l.createElement(U.C,{className:Sa},a))),Oa=({careSpecialties:e=[],isOpen:t,onClose:a,spotlights:n=[]})=>{var i;const{t:o}=(0,u.u)(),{locale:r,configs:{statics:s}}=(0,l.useContext)(Re);return l.createElement(ja,{onClosePopup:a,isDisplay:t,isNavMenu:!0},l.createElement(ct,{headingTitle:o("home.navigator.menuItem.specialties"),hrefViewMore:`${s.CARE_URL_FE}/`,UrlFE:s.CARE_URL_FE,onClosePopup:a,titleBtnViewMore:o("home.navigator.menuItem.allSpecialties"),menuItems:(null===e||void 0===e?void 0:e.map((e=>e?{name:String(e.name)||"",link:Aa({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null===e||void 0===e?void 0:e.thumbnail)||""}:{})))||[]}),l.createElement(Pt,{spotlights:n,hrefViewMore:`${s.CARE_URL_FE}/${null===(i=N.a[r])||void 0===i?void 0:i.SPECIALTIES}/`}))},Ra=({categories:e=[],spotlightsList:t=[],onClose:a,isOpen:n})=>{const{t:i}=(0,u.u)(),{locale:o,configs:{statics:r}}=(0,l.useContext)(Re);return l.createElement(ja,{onClosePopup:a,isDisplay:n,isNavMenu:!0},l.createElement(ct,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===o?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:a,titleBtnViewMore:i("home.navigator.menuItem.allCategories"),menuItems:(null===e||void 0===e?void 0:e.map((e=>e?{name:e.displayName||null,link:(null===e||void 0===e?void 0:e.customizedUrl)||(null===e||void 0===e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{})))||[],headingTitle:i("home.navigator.menuItem.healthCategories")}),l.createElement(Lt,{spotlightsList:t,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===o?"/fil":""}/spotlight/`}))},Ia=({communities:e=[],onClose:t,isOpen:a,spotlights:n=[]})=>{const{t:i}=(0,u.u)(),{configs:{statics:o}}=(0,l.useContext)(Re);return l.createElement(ja,{onClosePopup:t,isDisplay:a,isNavMenu:!0},l.createElement(ct,{hrefViewMore:(0,m.a)(o.TOGETHER_URL_FE),UrlFE:(0,m.n)(o.TOGETHER_URL_FE),onClosePopup:t,titleBtnViewMore:i("home.navigator.menuItem.allCommunities"),menuItems:(null===e||void 0===e?void 0:e.map((e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{})))||[],headingTitle:i("home.navigator.menuItem.allCommunitiesheadingTitle")}),l.createElement(Yt,{spotlights:n}))},Va=({locale:e,onClose:t,isOpen:a,spotlightHealthTools:n=[],healthTools:i=[]})=>{var o;const{t:r}=(0,u.u)(),{configs:{statics:s}}=(0,l.useContext)(Re),c=`${s.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(o=d.S[e])||void 0===o?void 0:o.HEALTH_TOOLS)||""}`;return l.createElement(ja,{onClosePopup:t,isDisplay:a,isNavMenu:!0},l.createElement(ct,{hrefViewMore:c,UrlFE:s.HOME_PAGE_URL,onClosePopup:t,headingTitle:r("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:r("home.navigator.menuItem.allHealthTools"),menuItems:i.map((e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${s.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon})))}),l.createElement(fa,{spotlightHealthTools:n,hrefViewMore:c}))},Ga=({item:e,color:t="blue"})=>{const[n,o]=(0,l.useState)(),[r,s]=(0,l.useState)(),{locale:c,ssrMenuContent:{categories:d,healthTools:p,care:h,together:g}}=(0,l.useContext)(Re),{containerRef:u,onButtonMouseDown:v,onClose:f}=oe({allowBgScroll:!0});(0,l.useEffect)((()=>{setTimeout((()=>{"care"!==e.id&&"ecom"!==e.id||Promise.all([a.e(296),a.e(9464)]).then(a.bind(a,79464)).then((e=>{o((()=>e.default))})),"care"===e.id?a.e(6181).then(a.bind(a,86181)).then((e=>{(null===e||void 0===e?void 0:e.default)&&s((()=>e.default))})):"ecom"===e.id&&a.e(5058).then(a.bind(a,85058)).then((e=>{(null===e||void 0===e?void 0:e.default)&&s((()=>e.default))}))}),1e3)}),[e.id]);const y="care"===e.id||"ecom"===e.id,b=!e.popupType&&!!e.link,E=b?"a":"div",x="gray"===t?{border:"1px solid #E4E8EC",background:"#F7F9FC"}:{border:"1px solid #BCDEFF",background:"#E3F2FF"};return l.createElement(E,{tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:ot,ref:u},l.createElement(i.B,{variant:"light",leftIcon:n&&r?b?l.createElement(n,{options:{loop:!0,autoplay:!0,animationData:r},height:28,width:28}):l.createElement("a",{href:(0,m.n)(e.link+"/")},l.createElement(n,{options:{loop:!0,autoplay:!0,animationData:r},height:28,width:28})):y?l.createElement("div",{style:{width:28,height:28}},"care"===e.id?l.createElement(_a,null):"ecom"===e.id?l.createElement(Ba,null):null):null,styles:{leftIcon:{marginRight:4,svg:{transform:"none !important",g:{willChange:"transform"}}}},style:Object.assign(Object.assign({},x),{padding:"6px 8px 6px 8px",color:"#262626",height:"unset"}),size:"sm",rightIcon:e.popupType?l.createElement("div",{className:lt},l.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},l.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"}))):l.createElement("div",null),onMouseDown:v},e.name),"categories"===e.popupType?l.createElement(Ra,{categories:null===d||void 0===d?void 0:d.items,spotlightsList:null===d||void 0===d?void 0:d.spotlights,onClose:f}):"tools"===e.popupType?l.createElement(Va,{locale:c,healthTools:null===p||void 0===p?void 0:p.items,spotlightHealthTools:null===p||void 0===p?void 0:p.spotlights,onClose:f}):"together"===e.popupType?l.createElement(Ia,{communities:null===g||void 0===g?void 0:g.items,spotlights:null===g||void 0===g?void 0:g.spotlights,onClose:f}):"care"===e.popupType?l.createElement(Oa,{careSpecialties:null===h||void 0===h?void 0:h.items,spotlights:null===h||void 0===h?void 0:h.spotlights,onClose:f}):null)},qa=({onTopBarAppears:e,languageMenu:t,menuItems:a,logoComponent:n})=>{var i;const{siteType:o,isMobile:r=!1,locale:s,sitewideBanner:p,sitewideBannerShown:h=!0,sponsorComponent:v,onBookingClick:y,currentUrl:b,onLoginClick:E,cartNumber:x,configs:{statics:w,enableNavCareBooking:k,enableSearchBar:C},userState:{userInfo:M},onLogout:$,isUserLoading:B}=(0,l.useContext)(Re),{t:_}=(0,u.u)(),{SSO_URL:P,HOME_PAGE_URL:F}=w,T=!!v,[N,D]=(0,l.useState)(!1),A=(0,l.useRef)(47),L=(0,l.useRef)(null),z=(0,l.useRef)(!1),S="helloSites"===o?null===(i=d.L[s])||void 0===i?void 0:i.LOGO_TYPE:o,H="undefined"!==typeof window,Z=(0,l.useCallback)(f()((()=>{if(H){if(!L.current)return;const e=30,t=L.current.getBoundingClientRect();t.top<=0&&window.scrollY>A.current+e&&window.scrollY>t.height+20&&!z.current&&(z.current=!0,D(!0)),window.scrollY<A.current-e&&z.current&&(z.current=!1,D(!1)),window.scrollY>=0&&(A.current=window.scrollY)}}),200),[]);(0,l.useEffect)((()=>{null===e||void 0===e||e(!N)}),[N]),(0,l.useEffect)((()=>(window.addEventListener("scroll",Z,{passive:!0}),()=>{window.removeEventListener("scroll",Z)})),[]),(0,l.useEffect)((()=>{r&&Z()}),[r]);const U=h&&!!p,j=a.find((e=>"ecom"===e.id)),O=a.find((e=>"care"===e.id));return l.createElement(xa,{"data-site-type":o,"data-sponsored":T,"data-sitewide-banner-shown":U,"data-header-type":"home","data-collapsed":N,"data-is-displayed":!0,id:"site-header",ref:L},p,l.createElement(wa,{"data-site-type":o},l.createElement(ka,{"data-site-type":o},r&&l.createElement(ba,{menuItems:a}),n||l.createElement("a",{style:{flexShrink:0},href:F},l.createElement("div",null,l.createElement(g.L,{style:{display:"flex"},type:S,badge:"id-ID"===s&&l.createElement("img",{src:c.C.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:s,key:"undefined"!==typeof window?"client":"server"}))),!r&&l.createElement(l.Fragment,null,"marryBaby"===o?l.createElement(Ya,{menuItems:a}):C&&l.createElement(Wa,{siteType:o}))),l.createElement(Ca,{"data-site-type":o},!r&&l.createElement(l.Fragment,null,"marryBaby"===o?C&&l.createElement(Wa,{siteType:o}):l.createElement(Ya,{menuItems:a.filter((e=>"ecom"!==e.id&&"care"!==e.id))})),l.createElement(Ma,null,!r&&l.createElement(l.Fragment,null,j?l.createElement(Ga,{item:j}):null,O?l.createElement(Ga,{item:O,color:"gray"}):null,k&&l.createElement(ie,{mediaQueryKey:"mbUp"},l.createElement(Ze,{careUrlFe:w.CARE_URL_FE,currentUrl:b,btnName:_("login.booking"),onCareHeaderClick:y}))),t,l.createElement(ze,{userInfo:M,siteType:o,onLoginClick:E||(()=>{const e=window.location.href;window.location.href=P?(0,m.n)(`${P}?returnUrl=${e}`):e}),SSO_URL:(0,m.a)(w.SSO_URL),currentUrl:b,onLogout:$,isLoading:B,locale:s}),void 0!==x&&l.createElement(l.Fragment,null,!r&&l.createElement("hr",{style:{height:20,width:0,border:"none",borderLeft:"1px solid #E4E8EC"}}),l.createElement(ne,{"data-cart-menu":"true","data-event-category":"Ecommerce","data-event-action":"Cart Click","data-event-label":b,count:x,locale:s}))))),v?l.isValidElement(v)?l.cloneElement(v,{isCollapsed:N,locale:s,isMobile:r}):v:null)},Wa=({siteType:e})=>l.createElement(ie,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},l.createElement(Ke,{id:"desktop"})),Ya=({menuItems:e})=>{const{siteType:t,locale:a,ssrMenuContent:{categories:n,healthTools:i,care:o,together:r}}=(0,l.useContext)(Re);return l.createElement(ie,{mediaQueryKey:"mbUp",style:{height:"100%"}},l.createElement($a,{"data-site-type":t},null===e||void 0===e?void 0:e.map(((e,t)=>l.createElement(rt,{key:t,item:e,menu:"categories"===e.popupType?l.createElement(Ra,{categories:null===n||void 0===n?void 0:n.items,spotlightsList:null===n||void 0===n?void 0:n.spotlights}):"tools"===e.popupType?l.createElement(Va,{locale:a,healthTools:null===i||void 0===i?void 0:i.items,spotlightHealthTools:null===i||void 0===i?void 0:i.spotlights}):"together"===e.popupType?l.createElement(Ia,{communities:null===r||void 0===r?void 0:r.items,spotlights:null===r||void 0===r?void 0:r.spotlights}):"care"===e.popupType?l.createElement(Oa,{careSpecialties:null===o||void 0===o?void 0:o.items,spotlights:null===o||void 0===o?void 0:o.spotlights}):null})))))},Ka=o.Z.div`
  --header-z-index: 305;
  top: 0;
  z-index: var(--header-z-index);

  ${M.M.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 *:not([data-cart-menu] *) {
    pointer-events: auto;
  }
`,Qa=e=>{var t,a;const{isMobile:n,locale:i,onTopBarAppears:o,languageOptions:r,sponsorComponent:s,sitewideBanner:p,sitewideBannerShown:h,className:g,logoComponent:v}=e,f=(()=>{const{t:e}=(0,u.u)(),{siteType:t,locale:a,configs:{enableNavDiscover:n,enableNavHealthTools:i,enableNavCare:o,enableNavTogether:r,enableNavEcom:s,statics:p}}=(0,l.useContext)(Re),h="marryBaby"===t;return(0,l.useMemo)((()=>{var t;const l=[];return n&&l.push({name:e("home.navigator.menuItem.discover"),id:"categories",link:`${p.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/categories`,niceName:"",thumbnail:h?c.C.getAssetPath("categories-mb.svg"):c.C.getAssetPath("nav-icons/discover.svg"),popupType:"categories"}),i&&l.push({name:e("home.navigator.menuItem.healthTools"),id:"tools",link:`${p.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}${(null===(t=d.S[a])||void 0===t?void 0:t.HEALTH_TOOLS)||""}`,thumbnail:h?c.C.getAssetPath("healthtools-mb.svg"):c.C.getAssetPath("nav-icons/health-tools.svg"),popupType:"tools"}),r&&l.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:(0,m.n)(p.TOGETHER_URL_FE+"/"),thumbnail:h?c.C.getAssetPath("community-mb.svg"):c.C.getAssetPath("nav-icons/community.svg"),popupType:"together"}),s&&l.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:(0,m.n)(p.HOME_PAGE_URL+"/shop"),thumbnail:c.C.getAssetPath("nav-icons/shop.svg"),popupType:null}),o&&l.push({name:e("home.navigator.menuItem.helloCare"),id:"care",link:"ms-MY"===a?(0,m.n)(p.HOME_PAGE_URL+"/care/current-location/hospital/"):(0,m.n)(p.HOME_PAGE_URL+"/care"),thumbnail:c.C.getAssetPath("nav-icons/care.svg"),popupType:"id-ID"===a?"care":null}),l}),[a,o,r,s])})();(()=>{const{isFirstLogin:e,userState:t}=(0,l.useContext)(Re),{userInfo:a}=t;(0,l.useEffect)((()=>{(null===a||void 0===a?void 0:a.id)&&(e?(null===a||void 0===a?void 0:a.email)&&""!==(null===a||void 0===a?void 0:a.email)?window.insider_object={user:Object.assign({uuid:null===a||void 0===a?void 0:a.id,email:null===a||void 0===a?void 0:a.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null===a||void 0===a?void 0:a.name)?{name:null===a||void 0===a?void 0:a.name}:{})}:window.insider_object={user:Object.assign({uuid:null===a||void 0===a?void 0:a.id,sign_up:!0},(null===a||void 0===a?void 0:a.name)?{name:null===a||void 0===a?void 0:a.name}:{})}:(null===a||void 0===a?void 0:a.email)&&""!==(null===a||void 0===a?void 0:a.email)?window.insider_object={user:Object.assign({uuid:null===a||void 0===a?void 0:a.id,email:null===a||void 0===a?void 0:a.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null===a||void 0===a?void 0:a.name)?{name:null===a||void 0===a?void 0:a.name}:{})}:window.insider_object={user:Object.assign({uuid:null===a||void 0===a?void 0:a.id,log_in:!0},(null===a||void 0===a?void 0:a.name)?{name:null===a||void 0===a?void 0:a.name}:{})})}),[])})();const y=h&&!!p,b=!!s,E=!!(null===(a=null===(t=null===s||void 0===s?void 0:s.props)||void 0===t?void 0:t.sponsoredBy)||void 0===a?void 0:a.length),{headerRef:x,defaultHeaderHeight:w,headerHeight:k,headerBottom:C}=(({hasSponsoredBanners:e,isSponsored:t,isShowingSiteWideBanner:a,isMobile:n})=>{const i=(0,l.useRef)(null),[o,r]=(0,l.useState)(0),[s,c]=(0,l.useState)(64),d=(0,l.useCallback)(O()((()=>{var e,t,a,n;const l=(null===(e=i.current)||void 0===e?void 0:e.clientHeight)||(null===(a=null===(t=i.current)||void 0===t?void 0:t.children[0])||void 0===a?void 0:a.clientHeight)||0;window.scrollY<=l+200&&(r(l),c((null===(n=i.current)||void 0===n?void 0:n.getBoundingClientRect().bottom)||o))}),200),[]);(0,l.useEffect)((()=>(window.addEventListener("resize",d,{passive:!0}),window.addEventListener("scroll",d,{passive:!0}),d(),()=>{window.removeEventListener("resize",d),window.removeEventListener("scroll",d)})),[]),(0,l.useEffect)((()=>{d()}),[n,a,t,e,i.current]);const m=(0,l.useMemo)((()=>{let n=56;return a&&(n+=64),t&&(n+=40,e&&(n+=57)),n}),[n,a,e,t]);return{defaultHeaderHeight:m,headerHeight:o||m,headerBottom:s,headerRef:i}})({isShowingSiteWideBanner:y,isSponsored:b,hasSponsoredBanners:E,isMobile:n});return l.createElement(Ka,{id:"navigation-v2",style:{"--default-header-height":w+"px","--header-height":`calc(${k}px - var(--amp-site-wide-closed), 64px)`,"--header-bottom":C+"px"},className:g},l.createElement("section",{ref:x},l.createElement(qa,{menuItems:f,onTopBarAppears:o,logoComponent:v,languageMenu:l.createElement(X,{languageOptions:r,locale:i})})))},Ja=e=>{const t=Object.assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return l.createElement(Ie,Object.assign({},t),l.createElement(Qa,Object.assign({},t)))},Xa=e=>(0,n.a)(void 0,void 0,void 0,(function*(){var t,a,n,l,i,o,r,s,c,g,u,v,f,y,b,E,x,w,k,C,M,$,B;const _={},P="vi-VN_MB"===e;try{const D="tl-PH"===e?"lang=fil":"";try{const[d,h,u,v]=yield Promise.all([fetch((0,m.n)(`${(0,p.c)(e)}/wp-json/api/categories${D?"?"+D:""}`)).then((e=>e.json())),fetch((0,m.n)(`${(0,p.c)(e)}/wp-json/api/spotlights?per_page=10&order_by=start_date${D?"&"+D:""}`)).then((e=>e.json())),fetch((0,m.n)(`${(0,p.c)(e)}/wp-json/api/${P?"health-tools":"healthtools"}${D?"?"+D:""}`)).then((e=>e.json())),fetch((0,m.n)(`${(0,p.c)(e)}/wp-json/api/${P?"health-tools":"healthtools"}/favorites${D?"?"+D:""}`)).then((e=>e.json()))]);_.categories={items:(null===(a=null===(t=null===d||void 0===d?void 0:d.data)||void 0===t?void 0:t.map)||void 0===a?void 0:a.call(t,Pa))||[],spotlights:(null===(o=null===(i=null===(l=null===(n=null===h||void 0===h?void 0:h.data)||void 0===n?void 0:n.articles)||void 0===l?void 0:l.map)||void 0===i?void 0:i.call(l,La))||void 0===o?void 0:o.filter(za))||[]},_.healthTools={items:(null===(s=null===(r=null===u||void 0===u?void 0:u.data)||void 0===r?void 0:r.map)||void 0===s?void 0:s.call(r,Fa))||[],spotlights:(null===(g=null===(c=null===v||void 0===v?void 0:v.data)||void 0===c?void 0:c.map)||void 0===g?void 0:g.call(c,Fa))||[]}}catch(F){}if(P||d.T.includes(e))try{const[t,a]=yield Promise.all([fetch((0,m.n)(`${(0,p.b)()}/api/v1/community?website_url=https://${d.d[e]}`)).then((e=>e.json())),fetch((0,m.n)(`${(0,p.b)()}/api/v1/options?website_url=https://${d.d[e]}&meta_key=popular_post`)).then((e=>e.json()))]);_.together={items:(null===(f=null===(v=null===(u=null===t||void 0===t?void 0:t.data)||void 0===u?void 0:u.communities)||void 0===v?void 0:v.map)||void 0===f?void 0:f.call(v,h.a))||[],spotlights:(null===(E=null===(b=null===(y=null===a||void 0===a?void 0:a.data)||void 0===y?void 0:y.posts)||void 0===b?void 0:b.map)||void 0===E?void 0:E.call(b,h.b))||[]}}catch(T){}if(d.C.includes(e))try{const[t,a]=yield Promise.all([fetch((0,m.n)((0,p.d)()+`/api/options/setting_menu?site=${d.d[e]}&type=0`)).then((e=>e.json())),fetch((0,m.n)((0,p.d)()+`/api/options/setting_menu?site=${d.d[e]}&type=1`)).then((e=>e.json()))]);_.care={items:(null===(C=null===(k=null===(w=null===(x=null===t||void 0===t?void 0:t._data)||void 0===x?void 0:x.setting_menu)||void 0===w?void 0:w.menu_specialty)||void 0===k?void 0:k.map)||void 0===C?void 0:C.call(k,Ta))||[],spotlights:(null===(B=null===($=null===(M=null===a||void 0===a?void 0:a._data.setting_menu)||void 0===M?void 0:M.menu_hospital)||void 0===$?void 0:$.map)||void 0===B?void 0:B.call($,Na))||[]}}catch(N){}}catch(D){console.error(D)}return _})),en=e=>(0,n.a)(void 0,void 0,void 0,(function*(){return(yield(0,R.g)("nav-menu-content",(()=>Xa(e||"en-PH")),(e=>{var t,a;return!!(null===(a=null===(t=null===e||void 0===e?void 0:e.categories)||void 0===t?void 0:t.items)||void 0===a?void 0:a.length)})))||{}}))}}]);