@hhgtech/hhg-components 1.28.21 → 1.28.23

package/build/esm/index-84edbddf.js

@@ -0,0 +1,1755 @@
+import{_ as e,a as t}from"./tslib.es6-d0d7aa00.js";import i,{useState as a,useMemo as n,useRef as o,Fragment as l,useEffect as r,memo as s,useContext as d,useCallback as c}from"react";import{g as m}from"./core-2f7d6a78.js";import{F as p,a as g,B as h}from"./index-425a92c5.js";import u,{css as v}from"styled-components";import{T as C,I as f,U as b}from"./index-b902806c.js";import{CommonGAssets as x}from"./gAssets.js";import{C as y,T as E,E as w,b as k,d as $,L,S as B}from"./index-29bf362b.js";import{n as M,a as P}from"./normalizeLink-83bc2fa0.js";import{a as _,g as H,b as D,c as N,d as T}from"./routing-6b724e34.js";import{P as j,U as A,b as z,a as F}from"./index-9a575100.js";import{L as S}from"./index-034573a6.js";import{u as U,b as V}from"./useTranslations-dd0a13ad.js";import R from"lodash/throttle";import{createStyles as O,rem as I,Box as Z,Indicator as G,Portal as W}from"@mantine/core";import"@mantine/dates";import{L as Y}from"./Onboarding-776a51ed.js";import K from"dayjs";import{j as q,M as Q}from"./screenSizeContext-d394cc53.js";import{t as J}from"./theme-e05003ce.js";import"./isProduction-f42d4af9.js";import"./translationsContext-f924f41c.js";import X from"string-format";import"@mantine/hooks";import{L as ee}from"./constants-0187e9c1.js";import{x as te,a7 as ie,P as ae,H as ne}from"./index.styles-1512f2b5.js";import oe from"lodash/debounce";import"./useCategory-efa124e8.js";import{C as le}from"./ChevronDown-85611002.js";import{B as re}from"./index-e12c492a.js";import{a as se}from"./constants-c312beee.js";import{I as de}from"./index-db3811a7.js";import{u as ce}from"./useIsInit-af8a02c8.js";import"./utils-8ef9fdb1.js";import"./index.styled-6f781392.js";import"./index-2c84d24b.js";import me from"dayjs/plugin/relativeTime";import{C as pe}from"./index-08fb1171.js";const ge=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn","hellohealth.questionpro.com","hellobacsivn.page.link"],he=(e="")=>ge.some((t=>new URL(e).origin.endsWith(t))),ue=u.a`
+  display: inline-flex;
+  position: relative;
+  flex-direction: row;
+  align-items: center;
+  padding: 7px 11px;
+  gap: 2px;
+
+  background: ${e=>e.theme.colors.white};
+  border: 1px solid ${e=>e.theme.colors.neutral100};
+  border-radius: 20px;
+
+  color: ${e=>e.theme.colors.gray600};
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 18px;
+  text-decoration: none;
+
+  cursor: pointer;
+`,ve=u.div`
+  position: relative;
+  display: inline-block;
+`,Ce=u.div`
+  position: relative;
+`,fe=u.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));
+    }
+  }
+`,be=u.div`
+  display: flex;
+  height: 40px;
+  align-items: center;
+  justify-content: space-between;
+
+  padding: 0 16px;
+  border-radius: ${e=>e.theme.borderRadius};
+  cursor: pointer;
+
+  .check-icon {
+    width: 16px;
+    height: 16px;
+  }
+  &[data-selected='false'] {
+    background-color: ${e=>e.theme.colors.gray100};
+  }
+`,xe=u.div`
+  position: fixed;
+  z-index: 20;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  cursor: default;
+`,ye=({options:e,label:t,labelRenderer:n,selected:o,onChange:l,showSelected:r=!0,style:s={},showIndicator:d=!0})=>{const[c,m]=a(!1);return i.createElement(i.Fragment,null,i.createElement(ve,null,i.createElement(Ce,{onClick:()=>m((e=>!e))},t||(null==n?void 0:n(c))||null,i.createElement(fe,{"data-is-open":c,style:s,"data-show-indicator":d},e.map(((e,t)=>i.createElement(be,{key:t,"data-selected":r&&o===e.value,onClick:t=>{o!==e.value&&(l(e.value),m((e=>!e))),t.stopPropagation()}},i.createElement(C,{size:"p3"},e.label),r&&o===e.value&&i.createElement("img",{src:x.getAssetPath("check.svg"),alt:"check",className:"check-icon",loading:"lazy"}))))))),c&&i.createElement(xe,{onClick:()=>m(!1)}))},Ee=({languageOptions:e,locale:t})=>{var a,n;const o=null==e?void 0:e.find((e=>e.locale===t));return(null==e?void 0:e.length)?i.createElement(ye,{options:e,selected:o.value,label:i.createElement(we,{locale:t,label:o.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},we=({locale:e,label:t,href:a})=>{var n,o,l;return i.createElement(ue,{href:a},i.createElement(p,{country:null===(o=null===(n=null==e?void 0:e.split("-"))||void 0===n?void 0:n[1])||void 0===o?void 0:o.toUpperCase(),width:16,height:16,rounded:!0,language:null===(l=null==e?void 0:e.split("-"))||void 0===l?void 0:l[0]}),i.createElement("span",null,t))},ke=({path:e,locale:t})=>{var i;return`/shop/${null===(i=ee[t||"vi-VN"])||void 0===i?void 0:i[e]}/`};var $e=O((()=>({root:{textDecoration:"none"},indicatorRoot:{marginRight:I(10)},iconText:{color:"#fff"}})));const Le=t=>{var{count:a,styles:n,className:o,classNames:l,locale:r}=t,s=e(t,["count","styles","className","classNames","locale"]);const{classes:d,cx:c}=$e(void 0,{name:"CartBadge",styles:n,classNames:l});return void 0!==a?i.createElement(Z,Object.assign({component:"a",href:ke({path:"CART",locale:r}),className:c(d.root,o)},s),i.createElement(G,{classNames:{root:d.indicatorRoot},withBorder:!0,color:"red",size:20,disabled:0===a,label:i.createElement(C,{className:d.iconText,size:"s5"},a>99?"99+":a)},i.createElement(f.Cart,{size:24}))):null},Be=u.div`
+  ${e=>`\n    ${0!==e.lowerBound?`@media (max-width: ${e.lowerBound-1}px) { display: none; }`:""}\n    ${0!==e.upperBound?`@media (min-width: ${e.upperBound}px) { display: none; }`:""}\n  `}
+`,Me=({forceDisplay:e,mediaQueryKey:t,children:a,className:o,style:l})=>{const[r,s]=n((()=>q(t)),[t]);return i.createElement(Be,{lowerBound:e?0:r,upperBound:e?0:s,className:o,style:l},a)},Pe=e=>{const{allowBgScroll:t}=e||{},i=o();return{containerRef:i,onContainerFocus:()=>{t||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{t||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{i.current&&(document.activeElement===i.current||i.current.contains(document.activeElement))&&(i.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{i.current&&(document.activeElement===i.current||i.current.contains(document.activeElement))&&(i.current.blur(),document.activeElement.blur())}}},_e="hhgcomp-navprofilebutton-popup",He=te(u.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;
+    ${Q.mbDown} {
+      > div {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+      }
+    }
+  }
+
+  /* min-height: 415px; */
+  ${Q.mbUp} {
+    width: 320px;
+  }
+  ${Q.mbDown} {
+    position: fixed;
+    left: 0;
+    width: 100%;
+  }
+`,_e),De="hhgcomp-navprofilebutton-popupwrapper";te(u.div`
+  position: fixed;
+  z-index: 150;
+  top: var(--header-bottom, 56px);
+  left: 0;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+
+  ${Q.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);
+    }
+  }
+
+  ${Q.mbDown} {
+    background: rgba(38, 38, 38, 0.3);
+  }
+
+  &[data-type='welcome'] {
+    top: 0;
+  }
+
+  &[data-open='false'] {
+    display: none;
+  }
+`,De);const Ne=u.div`
+  width: 40px;
+  height: 40px;
+  cursor: pointer;
+
+  img {
+    border-radius: 50%;
+  }
+
+  .avatar {
+    width: 40px;
+    height: 40px;
+    object-fit: cover;
+  }
+
+  .avatar-default {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: ${e=>e.theme.colors.secondaryBase};
+    border-radius: 50%;
+    color: white;
+    font-size: 20px;
+    font-weight: bold;
+  }
+`,Te=u.div`
+  display: inline-flex;
+  position: relative;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  flex-shrink: 0;
+  cursor: pointer;
+
+  .user-close-icon {
+    display: none;
+  }
+  &:focus-within {
+    .user-close-icon {
+      display: block;
+    }
+    .user-avatar {
+      display: none;
+    }
+    .${_e} {
+      z-index: 200;
+      top: 120%;
+      opacity: 1;
+      visibility: visible;
+      display: initial;
+      ${Q.mbDown} {
+        top: 100%;
+      }
+    }
+    .${De} {
+      display: initial;
+    }
+  }
+`,je=u.a`
+  display: inline-flex;
+  .login-btn[data-color='tertiary'][data-size='md'] {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  .mobile-only {
+    ${Q.mbUp} {
+      display: none;
+    }
+  }
+  .login-btn {
+    display: none;
+    ${Q.mbUp} {
+      display: block;
+    }
+  }
+`,Ae=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M2.5 6.49069C2.5 4.72841 3.92861 3.2998 5.69088 3.2998H13.5948C15.3571 3.2998 16.7857 4.72841 16.7857 6.49069V11.22C16.7857 12.9823 15.3571 14.4109 13.5948 14.4109H5.69088C3.92861 14.4109 2.5 12.9823 2.5 11.22V6.49069Z",fill:"#E3F2FF"}),i.createElement("path",{d:"M2.5 5.68076C2.5 4.36579 3.56599 3.2998 4.88095 3.2998H14.4048C15.7197 3.2998 16.7857 4.36579 16.7857 5.68076H2.5Z",fill:"#2D87F3"}),i.createElement("path",{d:"M13.6014 2.5H13.5692C13.2108 2.5 12.9202 2.7906 12.9202 3.14907V4.20942C12.9202 4.56789 13.2108 4.85849 13.5692 4.85849H13.6014C13.9599 4.85849 14.2505 4.56789 14.2505 4.20942V3.14907C14.2505 2.7906 13.9599 2.5 13.6014 2.5Z",fill:"#2743AD"}),i.createElement("path",{d:"M5.26992 4.85849H5.30212C5.66059 4.85849 5.95119 4.56789 5.95119 4.20943V3.14907C5.95119 2.7906 5.66059 2.5 5.30212 2.5H5.26992C4.91145 2.5 4.62085 2.7906 4.62085 3.14907V4.20943C4.62085 4.56789 4.91145 4.85849 5.26992 4.85849Z",fill:"#2743AD"}),i.createElement("path",{d:"M5.55595 8.16992H5.06535C4.84103 8.16992 4.65918 8.35177 4.65918 8.57609V9.1553C4.65918 9.37962 4.84103 9.56146 5.06535 9.56146H5.55595C5.78027 9.56146 5.96212 9.37962 5.96212 9.1553V8.57609C5.96212 8.35177 5.78027 8.16992 5.55595 8.16992Z",fill:"#2D87F3"}),i.createElement("path",{d:"M8.25761 8.16992H7.76701C7.54269 8.16992 7.36084 8.35177 7.36084 8.57609V9.1553C7.36084 9.37962 7.54269 9.56146 7.76701 9.56146H8.25761C8.48193 9.56146 8.66378 9.37962 8.66378 9.1553V8.57609C8.66378 8.35177 8.48193 8.16992 8.25761 8.16992Z",fill:"#2D87F3"}),i.createElement("path",{d:"M10.9581 8.16992H10.4674C10.2431 8.16992 10.0613 8.35177 10.0613 8.57609V9.1553C10.0613 9.37962 10.2431 9.56146 10.4674 9.56146H10.9581C11.1824 9.56146 11.3642 9.37962 11.3642 9.1553V8.57609C11.3642 8.35177 11.1824 8.16992 10.9581 8.16992Z",fill:"#2D87F3"}),i.createElement("path",{d:"M13.8304 8.16992H13.3398C13.1154 8.16992 12.9336 8.35177 12.9336 8.57609V9.1553C12.9336 9.37962 13.1154 9.56146 13.3398 9.56146H13.8304C14.0547 9.56146 14.2365 9.37962 14.2365 9.1553V8.57609C14.2365 8.35177 14.0547 8.16992 13.8304 8.16992Z",fill:"#2D87F3"}),i.createElement("path",{d:"M5.52885 10.6855H5.03825C4.81393 10.6855 4.63208 10.8674 4.63208 11.0917V11.6709C4.63208 11.8952 4.81393 12.0771 5.03825 12.0771H5.52885C5.75317 12.0771 5.93502 11.8952 5.93502 11.6709V11.0917C5.93502 10.8674 5.75317 10.6855 5.52885 10.6855Z",fill:"#2D87F3"}),i.createElement("path",{d:"M8.22978 10.6855H7.73917C7.51485 10.6855 7.33301 10.8674 7.33301 11.0917V11.6709C7.33301 11.8952 7.51485 12.0771 7.73917 12.0771H8.22978C8.4541 12.0771 8.63595 11.8952 8.63595 11.6709V11.0917C8.63595 10.8674 8.4541 10.6855 8.22978 10.6855Z",fill:"#2D87F3"}),i.createElement("path",{d:"M10.931 10.6855H10.4403C10.216 10.6855 10.0342 10.8674 10.0342 11.0917V11.6709C10.0342 11.8952 10.216 12.0771 10.4403 12.0771H10.931C11.1553 12.0771 11.3371 11.8952 11.3371 11.6709V11.0917C11.3371 10.8674 11.1553 10.6855 10.931 10.6855Z",fill:"#2D87F3"}),i.createElement("path",{d:"M13.8035 10.6855H13.3129C13.0886 10.6855 12.9067 10.8674 12.9067 11.0917V11.6709C12.9067 11.8952 13.0886 12.0771 13.3129 12.0771H13.8035C14.0278 12.0771 14.2097 11.8952 14.2097 11.6709V11.0917C14.2097 10.8674 14.0278 10.6855 13.8035 10.6855Z",fill:"#2D87F3"}),i.createElement("path",{d:"M15.9922 16.7918C17.7455 16.7918 19.1668 15.3705 19.1668 13.6172C19.1668 11.8639 17.7455 10.4426 15.9922 10.4426C14.2389 10.4426 12.8176 11.8639 12.8176 13.6172C12.8176 15.3705 14.2389 16.7918 15.9922 16.7918Z",fill:"#FE921D"}),i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.7798 13.6164V12.261C15.7798 12.2051 15.802 12.1514 15.8416 12.1118C15.8811 12.0723 15.9348 12.05 15.9908 12.05C16.0467 12.05 16.1004 12.0723 16.1399 12.1118C16.1795 12.1514 16.2017 12.2051 16.2017 12.261V13.5169L16.68 13.9147C16.7134 13.9424 16.7374 13.9798 16.7487 14.0217C16.7601 14.0636 16.7583 14.108 16.7435 14.1488C16.7287 14.1896 16.7017 14.2249 16.6661 14.2498C16.6305 14.2747 16.5882 14.288 16.5448 14.2879V14.2885C16.4956 14.2885 16.448 14.2712 16.4102 14.2398L15.862 13.7839C15.8549 13.7784 15.848 13.7724 15.8416 13.766C15.802 13.7264 15.7798 13.6727 15.7798 13.6168V13.6165C15.7798 13.6165 15.7798 13.6164 15.7798 13.6164Z",fill:"white"})),ze=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M7.05523 4.96786C6.2868 4.96547 5.5206 4.96547 4.75217 4.96786C3.93259 4.97681 3.1495 5.30815 2.57238 5.89016C1.99527 6.47217 1.67056 7.25804 1.66854 8.07767C1.66615 8.21797 1.66615 8.35605 1.66854 8.49636C1.67069 9.31611 1.99539 10.1021 2.57242 10.6843C3.14946 11.2666 3.93248 11.5983 4.75217 11.6079H6.14872C6.14872 11.6079 7.62158 12.7118 7.64297 12.5661C7.67719 12.3472 7.41694 11.5834 7.41694 11.5834C8.16775 11.4856 8.85755 11.1186 9.35817 10.5506C9.85879 9.98258 10.1362 9.25214 10.1389 8.49499V8.07767C10.1368 7.25804 9.81213 6.47217 9.23502 5.89016C8.65791 5.30815 7.87481 4.97681 7.05523 4.96786ZM4.36634 8.52305C4.32052 8.52319 4.27569 8.50972 4.23753 8.48437C4.19937 8.45901 4.16959 8.42291 4.15197 8.38062C4.13434 8.33833 4.12966 8.29176 4.13851 8.24681C4.14737 8.20185 4.16936 8.16054 4.20171 8.12809C4.23406 8.09565 4.27531 8.07353 4.32023 8.06454C4.36516 8.05556 4.41174 8.0601 4.45408 8.0776C4.49643 8.0951 4.53262 8.12478 4.55809 8.16286C4.58356 8.20095 4.59715 8.24573 4.59715 8.29155C4.5972 8.35284 4.57292 8.41165 4.52964 8.45505C4.48636 8.49846 4.42763 8.52292 4.36634 8.52305ZM5.70522 8.91231C5.64048 8.91231 5.5772 8.89312 5.52337 8.85715C5.46954 8.82118 5.42759 8.77006 5.40282 8.71025C5.37804 8.65044 5.37156 8.58463 5.38419 8.52113C5.39682 8.45764 5.42799 8.39932 5.47377 8.35354C5.51955 8.30776 5.57787 8.27659 5.64136 8.26396C5.70486 8.25133 5.77067 8.25781 5.83048 8.28259C5.89029 8.30736 5.94141 8.34931 5.97738 8.40314C6.01334 8.45697 6.03254 8.52025 6.03254 8.58499C6.03254 8.6718 5.99806 8.75506 5.93667 8.81644C5.87529 8.87783 5.79203 8.91231 5.70522 8.91231ZM7.28262 8.86817C7.18687 8.8682 7.09326 8.83984 7.01364 8.78666C6.93401 8.73349 6.87194 8.65789 6.83528 8.56943C6.79862 8.48098 6.78902 8.38364 6.80769 8.28972C6.82637 8.19581 6.87247 8.10954 6.94018 8.04184C7.00788 7.97413 7.09415 7.92803 7.18806 7.90936C7.28197 7.89068 7.37932 7.90028 7.46777 7.93694C7.55623 7.9736 7.63182 8.03567 7.685 8.1153C7.73817 8.19493 7.76654 8.28854 7.76651 8.38429C7.76651 8.51247 7.71564 8.63542 7.62508 8.72614C7.53452 8.81686 7.41166 8.86794 7.28348 8.86817H7.28262Z",fill:"#2D87F3"}),i.createElement("path",{d:"M12.8821 9.52126C12.0648 9.52142 11.2729 9.80498 10.6414 10.3236C10.0098 10.8422 9.57759 11.5638 9.41845 12.3654C9.25931 13.167 9.38307 13.999 9.76864 14.7195C10.1542 15.4401 10.7777 16.0047 11.5329 16.317C11.5329 16.317 11.3045 17.3475 11.3379 17.566C11.3592 17.7111 12.8821 16.5834 12.8821 16.5834C13.8144 16.5769 14.7063 16.202 15.3632 15.5404C16.0202 14.8789 16.3889 13.9844 16.3889 13.0521C16.3889 12.1197 16.0202 11.2252 15.3632 10.5637C14.7063 9.90215 13.8144 9.52724 12.8821 9.52075V9.52126ZM11.5541 13.7559C11.4584 13.7559 11.3649 13.7275 11.2853 13.6744C11.2057 13.6212 11.1437 13.5456 11.1071 13.4572C11.0705 13.3688 11.0609 13.2715 11.0796 13.1776C11.0982 13.0838 11.1443 12.9975 11.212 12.9299C11.2797 12.8622 11.3659 12.8161 11.4597 12.7974C11.5536 12.7788 11.6509 12.7884 11.7393 12.825C11.8277 12.8616 11.9033 12.9236 11.9565 13.0032C12.0096 13.0828 12.038 13.1763 12.038 13.272C12.038 13.4003 11.987 13.5234 11.8962 13.6141C11.8055 13.7049 11.6825 13.7559 11.5541 13.7559ZM13.1314 13.8002C13.0666 13.8002 13.0033 13.781 12.9495 13.7451C12.8957 13.7091 12.8537 13.658 12.829 13.5982C12.8042 13.5384 12.7977 13.4725 12.8103 13.409C12.823 13.3456 12.8541 13.2872 12.8999 13.2415C12.9457 13.1957 13.004 13.1645 13.0675 13.1519C13.131 13.1392 13.1968 13.1457 13.2566 13.1705C13.3164 13.1953 13.3676 13.2372 13.4035 13.2911C13.4395 13.3449 13.4587 13.4082 13.4587 13.4729C13.4586 13.5597 13.4241 13.6429 13.3628 13.7043C13.3014 13.7657 13.2182 13.8002 13.1314 13.8002ZM14.4699 13.411C14.4241 13.411 14.3794 13.3974 14.3413 13.3719C14.3032 13.3465 14.2736 13.3104 14.256 13.2681C14.2385 13.2258 14.2339 13.1792 14.2429 13.1343C14.2518 13.0894 14.2738 13.0481 14.3062 13.0158C14.3386 12.9834 14.3798 12.9613 14.4247 12.9524C14.4697 12.9435 14.5162 12.9481 14.5585 12.9656C14.6008 12.9831 14.637 13.0128 14.6624 13.0508C14.6878 13.0889 14.7014 13.1337 14.7014 13.1795C14.7014 13.2099 14.6955 13.24 14.6838 13.2681C14.6722 13.2962 14.6552 13.3217 14.6337 13.3432C14.6122 13.3647 14.5866 13.3818 14.5585 13.3934C14.5304 13.405 14.5003 13.411 14.4699 13.411Z",fill:"#FFB521"}),i.createElement("path",{d:"M16.4503 1.66675H12.5777C12.3157 1.66682 12.0565 1.72159 11.8168 1.82757C11.577 1.93355 11.3621 2.0884 11.1857 2.28221C11.0092 2.47602 10.8752 2.70452 10.7921 2.9531C10.7091 3.20168 10.6788 3.46486 10.7033 3.72581L10.9158 6.01672C10.9574 6.45935 11.1542 6.87301 11.4714 7.18449C11.7886 7.49598 12.2058 7.68521 12.6491 7.71868C12.6491 7.71868 12.4758 8.65599 12.5091 8.875C12.5305 9.0201 14.1688 7.74572 14.1688 7.74572L16.0932 7.72382C16.5422 7.72407 16.9764 7.56384 17.3176 7.27204C17.6588 6.98024 17.8844 6.5761 17.9538 6.13255L18.3109 3.83976C18.3527 3.5712 18.3359 3.29677 18.2617 3.03532C18.1874 2.77386 18.0574 2.53159 17.8806 2.32513C17.7039 2.11867 17.4845 1.95292 17.2376 1.83927C16.9907 1.72563 16.7221 1.66677 16.4503 1.66675ZM13.0967 5.23238C13.001 5.23248 12.9074 5.20418 12.8277 5.15108C12.7481 5.09797 12.686 5.02243 12.6493 4.93402C12.6126 4.84562 12.6029 4.74831 12.6215 4.65441C12.6402 4.56051 12.6862 4.47424 12.7538 4.40652C12.8215 4.3388 12.9077 4.29266 13.0016 4.27395C13.0955 4.25524 13.1928 4.26479 13.2812 4.3014C13.3697 4.33801 13.4453 4.40003 13.4985 4.47961C13.5517 4.5592 13.5801 4.65277 13.5801 4.7485C13.5801 4.87683 13.5291 4.9999 13.4383 5.09065C13.3476 5.1814 13.2245 5.23238 13.0962 5.23238H13.0967ZM14.6741 5.27652C14.6093 5.27676 14.5459 5.25776 14.4919 5.22194C14.4379 5.18612 14.3958 5.13508 14.3708 5.07529C14.3459 5.0155 14.3392 4.94965 14.3517 4.88608C14.3642 4.82251 14.3953 4.76407 14.441 4.71817C14.4868 4.67228 14.5451 4.64099 14.6086 4.62826C14.6721 4.61553 14.738 4.62194 14.7979 4.64668C14.8578 4.67142 14.909 4.71337 14.945 4.76723C14.981 4.82108 15.0002 4.88441 15.0002 4.9492C15.0004 5.03598 14.966 5.11926 14.9048 5.18074C14.8435 5.24222 14.7604 5.27685 14.6736 5.27703L14.6741 5.27652ZM16.013 4.88726C15.9672 4.88729 15.9224 4.87374 15.8843 4.84833C15.8462 4.82291 15.8165 4.78677 15.799 4.74447C15.7814 4.70217 15.7768 4.65562 15.7857 4.6107C15.7947 4.56578 15.8167 4.52451 15.8491 4.49212C15.8814 4.45973 15.9227 4.43766 15.9676 4.42871C16.0125 4.41977 16.0591 4.42434 16.1014 4.44186C16.1437 4.45938 16.1798 4.48905 16.2053 4.52712C16.2307 4.5652 16.2443 4.60996 16.2443 4.65576C16.2443 4.68619 16.2384 4.71634 16.2267 4.74445C16.2151 4.77257 16.198 4.79812 16.1764 4.81963C16.1549 4.84113 16.1293 4.85818 16.1012 4.86978C16.0731 4.88139 16.0429 4.88733 16.0125 4.88726H16.013Z",fill:"#91CAFF"})),Fe=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("rect",{x:"8.33337",y:"8.33325",width:"3.33333",height:"3.33333",rx:"1.66667",fill:"#2D87F3"})),Se=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M3.18408 7.06371L4.78033 8.66012L9.10721 3.97152C9.23166 3.83534 9.29879 3.6564 9.29463 3.47196C9.29047 3.28753 9.21533 3.1118 9.08486 2.98137L8.86268 2.75934C8.73229 2.62885 8.5566 2.55369 8.37219 2.5495C8.18778 2.54531 8.00885 2.61241 7.87267 2.73684L3.18408 7.06371Z",fill:"#2743AD"}),i.createElement("path",{d:"M16.8158 7.06371L15.2195 8.66012L10.8926 3.97152C10.7682 3.83532 10.7011 3.65639 10.7053 3.47197C10.7094 3.28754 10.7845 3.11182 10.915 2.98137L11.1372 2.75934C11.2675 2.62885 11.4432 2.55369 11.6276 2.5495C11.8121 2.54531 11.991 2.61241 12.1272 2.73684L16.8158 7.06371Z",fill:"#2743AD"}),i.createElement("path",{d:"M15.0393 16.6979H4.90056C4.70843 16.6978 4.52309 16.6268 4.38015 16.4984C4.23721 16.3701 4.14676 16.1934 4.12618 16.0024L3.42212 9.3252H16.5177L15.8138 16.0024C15.7933 16.1934 15.7028 16.3701 15.5598 16.4985C15.4168 16.6269 15.2315 16.6979 15.0393 16.6979Z",fill:"#2D87F3"}),i.createElement("path",{d:"M6.23182 15.7032C6.17228 15.7033 6.11491 15.6807 6.07138 15.6401C6.02785 15.5995 6.00142 15.5438 5.99745 15.4844L5.70463 11.0157C5.70211 10.9847 5.70576 10.9535 5.71538 10.924C5.72501 10.8944 5.74041 10.8671 5.76069 10.8436C5.78098 10.82 5.80573 10.8008 5.83353 10.7869C5.86133 10.773 5.89161 10.7648 5.92261 10.7627C5.95361 10.7607 5.98471 10.7648 6.0141 10.7748C6.0435 10.7849 6.0706 10.8007 6.09384 10.8213C6.11707 10.8419 6.13597 10.867 6.14944 10.895C6.16291 10.923 6.17068 10.9534 6.17229 10.9844L6.46588 15.4532C6.4679 15.4839 6.46384 15.5147 6.45393 15.5439C6.44403 15.573 6.42847 15.5999 6.40816 15.6231C6.38784 15.6462 6.36316 15.6652 6.33553 15.6788C6.30791 15.6924 6.27787 15.7004 6.24713 15.7024C6.24229 15.7032 6.23713 15.7032 6.23182 15.7032Z",fill:"#2743AD"}),i.createElement("path",{d:"M8.62036 15.703C8.55885 15.703 8.49979 15.6788 8.45595 15.6357C8.4121 15.5925 8.38697 15.5339 8.38599 15.4724L8.31302 11.0036C8.312 10.9415 8.33572 10.8814 8.37896 10.8368C8.4222 10.7921 8.48141 10.7664 8.54357 10.7654C8.60573 10.7644 8.66574 10.7881 8.71042 10.8314C8.75509 10.8746 8.78075 10.9338 8.78177 10.996L8.85474 15.4647C8.85578 15.5267 8.83219 15.5867 8.78914 15.6313C8.74608 15.676 8.68708 15.7018 8.62505 15.703H8.62036Z",fill:"#2743AD"}),i.createElement("path",{d:"M13.7683 15.7031C13.763 15.7031 13.7579 15.7031 13.7527 15.7031C13.722 15.7012 13.6919 15.6931 13.6643 15.6795C13.6367 15.6659 13.612 15.647 13.5917 15.6239C13.5714 15.6007 13.5558 15.5738 13.5459 15.5446C13.536 15.5155 13.5319 15.4847 13.5339 15.4539L13.8282 10.9844C13.8298 10.9534 13.8376 10.923 13.851 10.895C13.8645 10.867 13.8834 10.8419 13.9066 10.8213C13.9299 10.8007 13.957 10.7849 13.9864 10.7748C14.0158 10.7648 14.0469 10.7607 14.0779 10.7627C14.1089 10.7648 14.1391 10.773 14.1669 10.7869C14.1947 10.8008 14.2195 10.82 14.2398 10.8436C14.26 10.8671 14.2755 10.8944 14.2851 10.924C14.2947 10.9535 14.2984 10.9847 14.2958 11.0157L14.0019 15.4844C13.998 15.5437 13.9716 15.5992 13.9283 15.6398C13.8849 15.6805 13.8277 15.7031 13.7683 15.7031Z",fill:"#2743AD"}),i.createElement("path",{d:"M11.3801 15.7031H11.3762C11.3454 15.7026 11.315 15.6961 11.2868 15.6839C11.2585 15.6716 11.2329 15.6539 11.2115 15.6318C11.1901 15.6097 11.1733 15.5836 11.1619 15.555C11.1506 15.5264 11.145 15.4958 11.1455 15.465L11.2185 10.9962C11.2208 10.9345 11.2469 10.8761 11.2912 10.8331C11.3356 10.7901 11.3949 10.7659 11.4566 10.7656C11.4875 10.766 11.518 10.7725 11.5463 10.7847C11.5746 10.797 11.6003 10.8147 11.6218 10.8368C11.6433 10.859 11.6602 10.8851 11.6715 10.9138C11.6829 10.9425 11.6884 10.9732 11.6879 11.0041L11.6149 15.4728C11.6138 15.5343 11.5886 15.593 11.5447 15.6361C11.5007 15.6792 11.4416 15.7033 11.3801 15.7031Z",fill:"#2743AD"}),i.createElement("path",{d:"M16.0441 18.1157C17.1557 18.1157 18.0569 17.2145 18.0569 16.1029C18.0569 14.9913 17.1557 14.0901 16.0441 14.0901C14.9324 14.0901 14.0312 14.9913 14.0312 16.1029C14.0312 17.2145 14.9324 18.1157 16.0441 18.1157Z",fill:"#FE921D"}),i.createElement("path",{d:"M16.9689 15.8688H16.278V15.1777C16.278 15.1156 16.2533 15.056 16.2093 15.012C16.1654 14.9681 16.1057 14.9434 16.0436 14.9434C15.9814 14.9434 15.9218 14.9681 15.8779 15.012C15.8339 15.056 15.8092 15.1156 15.8092 15.1777V15.8688H15.1189C15.0567 15.8688 14.9971 15.8935 14.9532 15.9375C14.9092 15.9814 14.8845 16.041 14.8845 16.1032C14.8845 16.1654 14.9092 16.225 14.9532 16.2689C14.9971 16.3129 15.0567 16.3376 15.1189 16.3376H15.8098V17.0285C15.8098 17.0907 15.8345 17.1503 15.8785 17.1942C15.9224 17.2382 15.982 17.2629 16.0442 17.2629C16.1064 17.2629 16.166 17.2382 16.2099 17.1942C16.2539 17.1503 16.2786 17.0907 16.2786 17.0285V16.3376H16.9689C17.0311 16.3376 17.0907 16.3129 17.1346 16.2689C17.1786 16.225 17.2033 16.1654 17.2033 16.1032C17.2033 16.041 17.1786 15.9814 17.1346 15.9375C17.0907 15.8935 17.0311 15.8688 16.9689 15.8688Z",fill:"white"}),i.createElement("path",{d:"M16.5783 9.48126H3.42202C3.22801 9.48125 3.04075 9.41004 2.89577 9.28112C2.75078 9.15221 2.65815 8.97456 2.63546 8.78188L2.50546 7.68001C2.49235 7.56892 2.50292 7.45632 2.53647 7.34962C2.57003 7.24291 2.6258 7.14452 2.70012 7.06093C2.77445 6.97734 2.86563 6.91043 2.96768 6.86463C3.06973 6.81882 3.18032 6.79515 3.29218 6.79517H16.7081C16.82 6.79515 16.9306 6.81882 17.0326 6.86463C17.1347 6.91043 17.2258 6.97734 17.3002 7.06093C17.3745 7.14452 17.4303 7.24291 17.4638 7.34962C17.4974 7.45632 17.5079 7.56892 17.4948 7.68001L17.3648 8.78188C17.3421 8.97456 17.2495 9.15221 17.1045 9.28112C16.9595 9.41004 16.7723 9.48125 16.5783 9.48126Z",fill:"#BCDEFF"})),Ue=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M10.0001 1.66675C5.4049 1.66675 1.66675 5.4049 1.66675 10.0001C1.66675 14.5953 5.4049 18.3334 10.0001 18.3334C14.5953 18.3334 18.3334 14.5953 18.3334 10.0001C18.3334 5.4049 14.5953 1.66675 10.0001 1.66675ZM10.0001 14.8612C9.6167 14.8612 9.30568 14.5501 9.30568 14.1667C9.30568 13.7834 9.6167 13.4723 10.0001 13.4723C10.3835 13.4723 10.6945 13.7834 10.6945 14.1667C10.6945 14.5501 10.3835 14.8612 10.0001 14.8612ZM11.0994 10.4459C10.8536 10.5591 10.6945 10.807 10.6945 11.0772V11.389C10.6945 11.7723 10.3841 12.0834 10.0001 12.0834C9.61607 12.0834 9.30568 11.7723 9.30568 11.389V11.0772C9.30568 10.2667 9.78201 9.52375 10.5175 9.18412C11.2251 8.85847 11.7362 7.99381 11.7362 7.56948C11.7362 6.61263 10.9577 5.83342 10.0001 5.83342C9.04247 5.83342 8.26401 6.61263 8.26401 7.56948C8.26401 7.95286 7.9535 8.26401 7.56948 8.26401C7.18547 8.26401 6.87508 7.95286 6.87508 7.56948C6.87508 5.84664 8.27711 4.44448 10.0001 4.44448C11.7231 4.44448 13.1251 5.84664 13.1251 7.56948C13.1251 8.50777 12.3112 9.88691 11.0994 10.4459Z",fill:"#FF6F4D"})),Ve=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M11.1164 1.72012L5.48763 0.850741C5.22126 0.814325 4.9502 0.834925 4.6924 0.911176C4.4346 0.987428 4.19595 1.11759 3.99225 1.29304C3.78856 1.46849 3.62447 1.68522 3.51086 1.92888C3.39725 2.17253 3.33671 2.43755 3.33325 2.70637V17.2939C3.33684 17.563 3.3976 17.8283 3.5115 18.0721C3.6254 18.316 3.78984 18.5328 3.99391 18.7083C4.19799 18.8838 4.43704 19.0138 4.6952 19.0899C4.95337 19.166 5.22476 19.1863 5.49138 19.1495L11.1164 18.2801C11.5605 18.2142 11.966 17.9904 12.2584 17.6496C12.5508 17.3089 12.7106 16.8741 12.7083 16.4251V3.57512C12.7104 3.12615 12.5507 2.69144 12.2583 2.35073C11.9659 2.01001 11.5605 1.78612 11.1164 1.72012Z",fill:"#2D87F3"}),i.createElement("path",{d:"M17.6418 9.58432C17.642 9.67545 17.6212 9.7654 17.581 9.84717C17.5408 9.92895 17.4822 10.0003 17.4099 10.0558L15.4456 11.5737C15.3797 11.6247 15.3007 11.6561 15.2178 11.6645C15.1349 11.6729 15.0513 11.6578 14.9765 11.6211C14.9017 11.5843 14.8387 11.5273 14.7946 11.4566C14.7505 11.3858 14.7272 11.3042 14.7272 11.2208L14.7272 10.7109L12.6087 10.7004C12.5494 10.7 12.4926 10.6762 12.4508 10.6341C12.409 10.5921 12.3855 10.5352 12.3855 10.4759L12.3855 8.67526C12.3855 8.61571 12.4092 8.55861 12.4513 8.51651C12.4934 8.4744 12.5505 8.45074 12.61 8.45074L14.7299 8.45277L14.7263 7.94694C14.7261 7.86351 14.7493 7.78171 14.7933 7.71083C14.8373 7.63995 14.9003 7.58283 14.9752 7.54598C15.05 7.50912 15.1337 7.49399 15.2167 7.50232C15.2997 7.51065 15.3787 7.5421 15.4447 7.5931L17.4099 9.11284C17.4822 9.1683 17.5408 9.23969 17.581 9.32146C17.6212 9.40324 17.642 9.49319 17.6418 9.58432Z",fill:"#FF6F4D"}),i.createElement("path",{d:"M17.6418 9.58432C17.642 9.67545 17.6212 9.7654 17.581 9.84717C17.5408 9.92895 17.4822 10.0003 17.4099 10.0558L15.4456 11.5737C15.3797 11.6247 15.3007 11.6561 15.2178 11.6645C15.1349 11.6729 15.0513 11.6578 14.9765 11.6211C14.9017 11.5843 14.8387 11.5273 14.7946 11.4566C14.7505 11.3858 14.7272 11.3042 14.7272 11.2208L14.7272 10.7109L12.6087 10.7004C12.5494 10.7 12.4926 10.6762 12.4508 10.6341C12.409 10.5921 12.3855 10.5352 12.3855 10.4759L12.3855 8.67526C12.3855 8.61571 12.4092 8.55861 12.4513 8.51651C12.4934 8.4744 12.5505 8.45074 12.61 8.45074L14.7299 8.45277L14.7263 7.94694C14.7261 7.86351 14.7493 7.78171 14.7933 7.71083C14.8373 7.63995 14.9003 7.58283 14.9752 7.54598C15.05 7.50912 15.1337 7.49399 15.2167 7.50232C15.2997 7.51065 15.3787 7.5421 15.4447 7.5931L17.4099 9.11284C17.4822 9.1683 17.5408 9.23969 17.581 9.32146C17.6212 9.40324 17.642 9.49319 17.6418 9.58432Z",fill:"#FF6F4D"}),i.createElement("path",{d:"M10.0386 8.67639L10.0386 10.4781C10.0386 10.6021 10.1391 10.7026 10.2631 10.7026L11.5201 10.7026C11.6441 10.7026 11.7447 10.6021 11.7447 10.4781L11.7447 8.67639C11.7447 8.5524 11.6441 8.45188 11.5201 8.45188L10.2631 8.45188C10.1391 8.45188 10.0386 8.5524 10.0386 8.67639Z",fill:"#FF6F4D"}),i.createElement("path",{d:"M9.36589 10.4854C9.36589 10.545 9.34224 10.6021 9.30013 10.6442C9.25803 10.6863 9.20092 10.71 9.14138 10.71L8.73433 10.71C8.57284 10.7097 8.41802 10.6455 8.30381 10.5313C8.1896 10.4171 8.1253 10.2623 8.125 10.1009L8.125 9.06809C8.12518 8.90651 8.18943 8.75161 8.30365 8.63734C8.41788 8.52307 8.57276 8.45877 8.73433 8.45853L9.14138 8.45853C9.20092 8.45853 9.25803 8.48218 9.30013 8.52429C9.34224 8.56639 9.36589 8.6235 9.36589 8.68304L9.36589 10.4854Z",fill:"#FF6F4D"})),Re=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M6.11395 3.33325C6.7973 3.3379 7.47121 3.49338 8.08753 3.78859C8.70385 4.08379 9.24738 4.51145 9.67931 5.04101C9.71796 5.08886 9.76683 5.12746 9.82234 5.15397C9.87784 5.18049 9.93857 5.19425 10.0001 5.19425C10.0616 5.19425 10.1223 5.18049 10.1778 5.15397C10.2333 5.12746 10.2822 5.08886 10.3209 5.04101C10.7528 4.51146 11.2963 4.08381 11.9126 3.7886C12.529 3.4934 13.2029 3.33791 13.8862 3.33325C16.5317 3.33325 18.3334 5.63548 18.3334 8.47482C18.3334 10.1729 17.429 12.9212 15.6575 14.5772C13.1355 16.9349 10.993 17.5417 10.2656 17.6874C10.0907 17.7227 9.91052 17.7227 9.73563 17.6874C9.00817 17.5415 6.86464 16.9347 4.34267 14.5769C2.5714 12.9212 1.66675 10.1729 1.66675 8.47482C1.66675 5.63527 3.46844 3.33325 6.11395 3.33325Z",fill:"#FF6F4D"}),i.createElement("path",{d:"M13.2977 11.2259V10.397C13.2975 10.0781 13.1709 9.77232 12.9457 9.54662C12.7205 9.32092 12.4149 9.19372 12.0961 9.19291H11.8881C11.8192 9.19313 11.753 9.16602 11.7041 9.11753C11.6551 9.06904 11.6274 9.00312 11.627 8.93421V8.72648C11.6269 8.40762 11.5003 8.1018 11.2751 7.87607C11.0499 7.65033 10.7444 7.52308 10.4256 7.52222H9.59401C9.27474 7.52254 8.96864 7.64953 8.7429 7.87531C8.51716 8.10109 8.39023 8.4072 8.38996 8.72648V8.93114C8.39018 9.00001 8.3631 9.06616 8.31465 9.11511C8.2662 9.16406 8.20033 9.19181 8.13146 9.1923H7.92352C7.60494 9.19251 7.29947 9.31915 7.07418 9.5444C6.84889 9.76966 6.72219 10.0751 6.72192 10.3937V11.2277C6.72257 11.5462 6.84938 11.8514 7.07458 12.0766C7.29978 12.3019 7.60504 12.4287 7.92352 12.4293H8.13146C8.20047 12.4298 8.26647 12.4577 8.31494 12.5068C8.36341 12.5559 8.39039 12.6223 8.38996 12.6913V12.8959C8.39023 13.2152 8.51717 13.5213 8.74292 13.747C8.96866 13.9728 9.27476 14.0997 9.59401 14.1H10.4256C10.7444 14.0992 11.0499 13.972 11.2751 13.7463C11.5003 13.5206 11.6269 13.2148 11.627 12.8959V12.6884C11.6275 12.6195 11.6552 12.5537 11.7042 12.5052C11.7531 12.4568 11.8193 12.4297 11.8881 12.4299H12.0961C12.4149 12.4291 12.7205 12.3019 12.9457 12.0762C13.1709 11.8505 13.2975 11.5447 13.2977 11.2259Z",fill:"white"})),Oe=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M4.76682 17.2364C4.94535 17.3671 5.15296 17.4524 5.37177 17.485C5.59059 17.5177 5.81406 17.4967 6.02297 17.4239L10.1195 16.0271C10.1641 16.0085 10.2119 15.999 10.2602 15.999C10.3084 15.999 10.3562 16.0085 10.4008 16.0271L14.4973 17.4239C14.6427 17.4715 14.7944 17.4968 14.9473 17.4989C15.2374 17.5011 15.5203 17.409 15.7535 17.2364C15.94 17.1034 16.0919 16.9275 16.1963 16.7236C16.3007 16.5197 16.3546 16.2937 16.3534 16.0646V3.93427C16.3558 3.74763 16.3212 3.56236 16.2518 3.38912C16.1823 3.21588 16.0792 3.05808 15.9486 2.9248C15.8179 2.79151 15.6622 2.68537 15.4903 2.61247C15.3185 2.53957 15.134 2.50134 14.9473 2.5H5.57301C5.38635 2.50134 5.20181 2.53957 5.02998 2.61247C4.85815 2.68537 4.70242 2.79151 4.57175 2.9248C4.44108 3.05808 4.33804 3.21588 4.26855 3.38912C4.19907 3.56236 4.16451 3.74763 4.16686 3.93427V16.0646C4.16574 16.2937 4.21964 16.5197 4.32405 16.7236C4.42845 16.9275 4.5803 17.1034 4.76682 17.2364Z",fill:"#00CB8A"})),Ie=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M17.339 8.07543C17.0148 8.02835 16.7054 7.90873 16.4339 7.7255C16.1623 7.54227 15.9356 7.30015 15.7706 7.01715C15.6057 6.73416 15.5066 6.41759 15.4809 6.09102C15.4553 5.76445 15.5036 5.4363 15.6223 5.13099C15.6978 4.9314 15.7089 4.71319 15.6541 4.50695C15.5993 4.30072 15.4813 4.1168 15.3167 3.98099C14.5901 3.37081 13.763 2.89146 12.8723 2.56433C12.6695 2.48898 12.4481 2.47957 12.2396 2.53743C12.0311 2.59528 11.8462 2.71746 11.7112 2.88655C11.508 3.14636 11.2483 3.35649 10.9519 3.501C10.6554 3.64551 10.3299 3.72062 10.0001 3.72062C9.67027 3.72062 9.34478 3.64551 9.0483 3.501C8.75183 3.35649 8.49216 3.14636 8.28898 2.88655C8.15399 2.71746 7.96908 2.59528 7.7606 2.53743C7.55211 2.47957 7.33069 2.48898 7.12787 2.56433C6.30546 2.86635 5.53653 3.2977 4.85009 3.8421C4.67706 3.97908 4.55243 4.16786 4.49445 4.3808C4.43646 4.59373 4.44818 4.81964 4.52787 5.02544C4.65607 5.33882 4.70903 5.67789 4.68252 6.01544C4.65601 6.35299 4.55075 6.67962 4.3752 6.96915C4.19965 7.25867 3.95869 7.50303 3.67164 7.6826C3.3846 7.86218 3.05946 7.97199 2.72231 8.00321C2.50343 8.02662 2.29784 8.11968 2.13582 8.2687C1.9738 8.41772 1.8639 8.61482 1.82232 8.83099C1.71887 9.34305 1.66676 9.86414 1.66676 10.3865C1.666 10.8239 1.7013 11.2606 1.77232 11.6921C1.80766 11.9152 1.91551 12.1204 2.07919 12.2761C2.24288 12.4317 2.45328 12.5291 2.67787 12.5532C3.02242 12.5855 3.35422 12.6999 3.64548 12.8868C3.93675 13.0737 4.17901 13.3276 4.352 13.6274C4.52498 13.9271 4.62365 14.2639 4.63975 14.6096C4.65585 14.9553 4.58891 15.2998 4.44454 15.6143C4.35005 15.8189 4.32661 16.0492 4.37795 16.2686C4.42928 16.488 4.55244 16.684 4.72787 16.8254C5.45015 17.4245 6.2693 17.8961 7.15009 18.2199C7.26272 18.2589 7.3809 18.2795 7.50009 18.281C7.66352 18.2806 7.82448 18.2411 7.96947 18.1657C8.11447 18.0903 8.23927 17.9812 8.33342 17.8477C8.53143 17.5592 8.79686 17.3234 9.10666 17.1607C9.41647 16.9981 9.76129 16.9135 10.1112 16.9143C10.4502 16.9147 10.7845 16.9943 11.0873 17.1467C11.3902 17.2991 11.6533 17.5201 11.8556 17.7921C11.9903 17.973 12.1809 18.1044 12.398 18.1657C12.615 18.227 12.8463 18.2148 13.0556 18.131C13.861 17.8068 14.6108 17.3589 15.2779 16.8032C15.4454 16.6647 15.5647 16.4766 15.6186 16.2659C15.6726 16.0553 15.6583 15.833 15.5779 15.631C15.4472 15.3216 15.3902 14.9862 15.4114 14.651C15.4327 14.3159 15.5315 13.9903 15.7001 13.6999C15.8687 13.4095 16.1026 13.1622 16.3831 12.9777C16.6637 12.7932 16.9833 12.6764 17.3167 12.6365C17.533 12.6066 17.734 12.5087 17.8909 12.3569C18.0477 12.205 18.1521 12.0072 18.189 11.7921C18.2782 11.3287 18.3265 10.8584 18.3334 10.3865C18.3335 9.88885 18.287 9.39224 18.1945 8.90321C18.157 8.69282 18.0542 8.4996 17.9006 8.35101C17.747 8.20241 17.5505 8.10598 17.339 8.07543ZM12.7779 10.3865C12.7779 10.9359 12.6149 11.473 12.3097 11.9298C12.0045 12.3866 11.5707 12.7426 11.0631 12.9529C10.5555 13.1631 9.99701 13.2181 9.45817 13.1109C8.91933 13.0038 8.42438 12.7392 8.0359 12.3507C7.64742 11.9622 7.38287 11.4673 7.27569 10.9285C7.1685 10.3896 7.22351 9.83111 7.43376 9.32354C7.644 8.81596 8.00004 8.38213 8.45684 8.07691C8.91364 7.77168 9.4507 7.60877 10.0001 7.60877C10.7368 7.60877 11.4433 7.90143 11.9643 8.42236C12.4852 8.94329 12.7779 9.64983 12.7779 10.3865Z",fill:"#2D87F3"})),Ze=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.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"}),i.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"}),i.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"})),Ge=u.div`
+  padding: 16px;
+  border-radius: 16px;
+  background-color: white;
+  hr {
+    border-color: ${({theme:e})=>e.colors.neutral100};
+    border-bottom-width: 0px;
+    border-style: solid;
+  }
+`,We=u.div`
+  display: block;
+  background-color: white;
+  border: 1px solid transparent;
+  transition: all 300ms linear;
+  cursor: pointer;
+  position: relative;
+
+  ${e=>e.hasSubmenu&&v`
+      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: ${({theme:e})=>e.colors.neutral100};
+    }
+  }
+  .nav-menu-item {
+    background-color: ${({theme:e})=>e.colors.neutral50};
+  }
+
+  .nav-menu-item {
+    padding-left: 38px;
+  }
+`,Ye=u.div`
+  display: flex;
+  align-items: center;
+  height: 48px;
+  border: 1px solid transparent;
+  transition: all 300ms;
+  border-radius: 8px;
+
+  &:hover {
+    background-color: ${e=>e.theme.colors.neutral150};
+  }
+  &[data-active='true'] {
+    background-color: ${e=>e.theme.colors.blue50};
+  }
+`,Ke=u.div`
+  margin-left: auto;
+
+  svg {
+    fill: ${e=>e.theme.colors.gray600};
+    transition: transform 300ms;
+  }
+
+  &[data-is-open='true'] svg {
+    transform: rotate(180deg);
+  }
+`,qe=u.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;
+  }
+`,Qe={helloSites:{member:()=>x.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>x.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>x.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>x.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>x.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>x.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>x.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>x.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>x.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>x.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},Je=({rank:e,siteType:t="helloSites"})=>{const a=n((()=>{var i,a;return(null===(a=null===(i=Qe[t])||void 0===i?void 0:i[e])||void 0===a?void 0:a.call(i))||""}),[e,t]),{t:o}=U();return i.createElement("div",{style:{display:"inline-flex",height:"fit-content",alignItems:"center",padding:"5px 12px",gap:"4px",borderRadius:16,border:`1px solid ${"helloSites"===t?J.colors.blue100:J.colors.mb100}`}},i.createElement("img",{src:a,alt:e,style:{height:16,width:16}}),i.createElement(C,{size:"s5",color:"gray.8",weight:"semiBold"},o(`userProfile.userRank.${e}`)))},Xe=({siteType:e="helloSites",userInfo:t})=>(null==t?void 0:t.id)?i.createElement(i.Fragment,null,i.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"}},i.createElement(g,{src:t.avatar,alt:t.name,size:48,style:{marginBottom:8}}),i.createElement(Je,{rank:"member",siteType:e})),i.createElement(C,{size:"s3",weight:"semiBold",color:"gray.8",style:{marginBottom:4}},t.name),i.createElement(C,{size:"n1",weight:"regular",color:"helloSites"===e?"hb.6":"mb.6"},"@",t.username),i.createElement("hr",null)):null,et=({className:e,activeItem:t,navMenuItems:n,style:o,onLogout:r,siteType:s="helloSites",userInfo:d})=>{const{locale:c}=U(),[m,p]=a(),g="string"==typeof t?t:m,h=M(_(c,"marryBaby"===s)+"/"),u=M(H(c,"marryBaby"===s)+"/"),v=n||[[{key:"userProfile.nav.header.viewProfile",icon:i.createElement(Ze,{width:"24",height:"24"}),value:"profile",tracking:{action:"Profile Click"},link:`${h}user/profile/`},{key:"userProfile.nav.card.myHealth",icon:i.createElement(Re,{width:"24",height:"24"}),value:"myHealth",tracking:{action:"My Health Click"},link:`${h}user/health/`},{key:"userProfile.nav.card.mySaved",icon:i.createElement(Oe,{width:"24",height:"24"}),iconColor:"green_300",value:"saved",tracking:{action:"Bookmarks Click"},link:`${h}user/saved/`},{key:"userProfile.nav.card.myBooking",icon:i.createElement(Ae,{width:"24",height:"24"}),value:"booking",disabled:!y.includes(c),tracking:{action:"Manage Booking Click"},link:`${h}user/booking/`},{key:"userProfile.nav.card.myCommunity",icon:i.createElement(ze,{width:"24",height:"24"}),value:"myCommunities",disabled:!E.includes(c),tracking:{action:"Community Click"},link:`${h}user/my-communities/`}],...w.includes(c)?[[{key:"userProfile.nav.card.eCom",icon:i.createElement(Se,{width:"24",height:"24"}),value:"eCom",disabled:!w.includes(c),subMenu:[{key:"userProfile.nav.card.ecom.manageOrders",value:"eCom-manageOrders",icon:i.createElement(Fe,{width:"24",height:"24"}),link:`${u}shop/ho-so/quan-li-don-hang/`,tracking:{action:"Order Management Click"}},{key:"userProfile.nav.card.ecom.DeliveryAddress",value:"eCom-manageAddress",icon:i.createElement(Fe,{width:"24",height:"24"}),link:`${u}shop/ho-so/dia-chi-giao-hang/`,tracking:{action:"Address Management Click"}},{key:"userProfile.nav.card.ecom.voucher",value:"eCom-voucher",icon:i.createElement(Fe,{width:"24",height:"24"}),link:`${u}shop/ho-so/khuyen-mai/`,tracking:{action:"Voucher Click"}}]}]]:[],[{key:"userProfile.nav.menu.accountSettings",icon:i.createElement(Ie,{width:"24",height:"24"}),subMenu:[{key:"common.profileNavigator.newsletterSubscription",value:"subscription",icon:i.createElement(Fe,{width:"24",height:"24"}),tracking:{action:"Subscription Click"},link:`${h}user/subscriptions/`,disabled:"vi-VN"!==c},{key:"userProfile.nav.menu.password",value:"password",icon:i.createElement(Fe,{width:"24",height:"24"}),tracking:{action:"Set Password Click"},link:`${h}user/password/`},{key:"userProfile.nav.menu.disableAccount",value:"disable-account",icon:i.createElement(Fe,{width:"24",height:"24"}),tracking:{action:"Disable Account Click"},link:`${h}user/disable-account/`}]}],[{key:"userProfile.nav.menu.help",icon:i.createElement(Ue,{width:"24",height:"24"}),value:"help",link:`${h}user/help`,tracking:{action:"Support Click"}},{key:"userProfile.nav.menu.logout",icon:i.createElement(Ve,{width:"24",height:"24"}),value:"logout",tracking:{action:"Sign Out Click"}}]];return i.createElement(Ge,{className:e,style:o},i.createElement(Xe,{userInfo:d,siteType:s}),v.map(((e,t)=>i.createElement(l,{key:t},e.map((e=>i.createElement(tt,{key:e.key,item:e,activeKey:g||"",onLogout:r,onClick:()=>p((t=>t===e.key?void 0:e.key)),siteType:s}))),t!==v.length-1&&i.createElement("hr",null)))))},tt=({item:e,activeKey:t,forceOpen:o,onLogout:l,onClick:r,siteType:s})=>{var d;const[c,m]=a(!1),p=n((()=>"undefined"!=typeof window?window.location.href:""),[]);if(e.disabled)return null;const{t:g}=U(),h="boolean"==typeof o?o:c,u=t===e.key;return i.createElement(We,{as:e.subMenu?void 0:"a","data-is-open":h,key:e.key,hasSubmenu:!!e.subMenu,onClick:()=>{null==r||r(),e.subMenu&&!o?m((e=>!e)):"logout"===e.value?null==l||l():e.link&&(window.location.href=e.link)},"data-event-category":"Ecommerce","data-event-action":(null===(d=null==e?void 0:e.tracking)||void 0===d?void 0:d.action)||"","data-event-label":p},i.createElement(Ye,{"data-active":u},e.icon,i.createElement(C,{size:"p3",style:{marginLeft:e.icon?24:48,transition:"color 300ms"},color:u?"helloSites"===s?"hb.6":"mb.6":"gray.8"},g(e.key)),e.subMenu&&i.createElement(Ke,{"data-is-open":h},i.createElement(le,{width:14}))),e.subMenu&&i.createElement(qe,null,e.subMenu.map((e=>i.createElement(tt,{key:e.key,item:e,activeKey:t,onLogout:l})))))},it=({isOpen:e,userInfo:t,closePopup:a,siteType:n="helloSites",dispatchLogout:o})=>i.createElement(He,{"data-open":e},i.createElement("div",{className:"popup-content"},i.createElement(et,{siteType:n,onLogout:()=>{o&&(o(),a())},userInfo:t}))),at=u.div`
+  background-color: white;
+  text-align: center;
+  .cancle-img {
+    margin-top: 24px;
+    ${Q.mbDown} {
+      width: 80px;
+      height: 80px;
+    }
+
+    ${Q.mbUp} {
+      width: 100px;
+      height: 100px;
+    }
+  }
+
+  h2 {
+    margin-top: 32px;
+    color: ${e=>e.theme.colors.gray800};
+    font-style: normal;
+    font-weight: bold;
+    ${Q.mbDown} {
+      font-size: 24px;
+      line-height: 32px;
+    }
+
+    ${Q.mbUp} {
+      font-size: 32px;
+      line-height: 42px;
+    }
+  }
+
+  p {
+    margin-top: 8px;
+    color: ${e=>e.theme.colors.gray600};
+    font-style: normal;
+    font-weight: normal;
+    ${Q.mbDown} {
+      font-size: 16px;
+      line-height: 24px;
+    }
+
+    ${Q.mbUp} {
+      font-size: 16px;
+      line-height: 24px;
+    }
+  }
+`,nt=u.div`
+  display: flex;
+
+  ${Q.mbDown} {
+    margin-top: 24px;
+  }
+
+  ${Q.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      ":""}
+`,ot=({openLogoutPopup:e,onCloseHandler:t,onLogoutHandler:a,siteType:n="helloSites"})=>{const{t:o}=U();return r((()=>{document.body.classList.toggle("noscroll",e)}),[e]),i.createElement(W,null,i.createElement(j,{type:"confirm",isOpen:e,closeIcon:i.createElement("img",{src:x.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon",loading:"lazy"}),onClose:t},i.createElement(at,null,"helloSites"===n&&i.createElement("img",{src:x.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account",loading:"lazy"}),i.createElement("h2",null,o("helloSites"===n?"logout.popup.ask1":"logout.popup.ask.mb")),i.createElement("p",null,o("logout.popup.ask2")),i.createElement(nt,{siteType:n},i.createElement(re,{className:"logout-button",color:"tertiary",size:"lg",onClick:a},o("logout.popup.button.logout")),i.createElement(re,{className:"cancel-button",color:"primary",size:"lg",onClick:t},o("logout.popup.button.cancel"))))))},lt=({userInfo:e,siteType:n,onLoginClick:o,SSO_URL:l,currentUrl:s,isMinifyLogin:d,onLogout:c,style:m,isLoading:p,locale:u})=>{const{t:v}=U(),[f,y]=a(!1),E=(null==e?void 0:e.name)||(null==e?void 0:e.username),[w,k]=a(!1);r((()=>{k(!0)}),[]);const{containerRef:$,onContainerFocus:L,onContainerBlur:B,onButtonMouseDown:P,onClose:_}=Pe();return p?i.createElement(h,{size:"sm",color:"transparent",loading:!0}):(null==e?void 0:e.id)?i.createElement(i.Fragment,null,i.createElement(Te,{ref:$,style:m,tabIndex:0,onBlur:B,onFocus:()=>{var e;L();const t=null===(e=$.current)||void 0===e?void 0:e.querySelector("#desktop-sticky-header .hhgcomp-navprofilebutton-popup");if(t){const e=`calc(100vh - ${t.getBoundingClientRect().top}px)`;t.setAttribute("style",`max-height: ${e};`)}}},i.createElement("div",{onMouseDown:P},i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},i.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),i.createElement(g,{size:40,className:"user-avatar",src:null==e?void 0:e.avatar,color:"marryBaby"===n?J.mbColors.pink:J.colors.secondaryBase,placeholderText:E&&E.length?E[0].toUpperCase():"A"})),i.createElement(it,{dispatchLogout:()=>{_(),y(!0)},isOpen:!1,closePopup:_,siteType:n,userInfo:e})),i.createElement(ot,{openLogoutPopup:f,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),y(!1)},siteType:n,onLogoutHandler:()=>t(void 0,void 0,void 0,(function*(){y(!1),document.body.classList.toggle("noscroll",!1),yield c()}))})):i.createElement(je,{style:Object.assign({textDecoration:"none"},m),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":s,href:w?void 0:M(`${l}?returnUrl=${s}`),"data-site-type":n},d?i.createElement(Ne,{onClick:o},i.createElement("img",{src:x.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):i.createElement(i.Fragment,null,"helloSites"===n&&(u===Y.Indonesia||u===Y.PhilippinesTagalog||u===Y.PhilippinesEnglish?i.createElement("img",{className:"mobile-only",src:x.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:o}):i.createElement(h,{className:"mobile-only",size:"sm",onClick:o,leftIcon:i.createElement(b,{useCurrentColor:!0,isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"}},v("navigation.loginJoin"))),"marryBaby"===n&&i.createElement("div",{className:"mobile-only",onClick:o,style:{paddingLeft:16}},i.createElement(C,{size:"p3",color:J.mbColors.pink},v("navigation.loginJoin"))),i.createElement(h,{className:"login-btn",size:"md",onClick:o,leftIcon:i.createElement(b,{useCurrentColor:!0,isSolid:!0,size:22})},v("navigation.loginJoin"))))};var rt="spdlGfq",st="vgS16jX";const dt=({onCareHeaderClick:e,currentUrl:t,careUrlFe:a,btnName:n})=>e?i.createElement(re,{className:rt,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:t=>e(t),style:{paddingLeft:10,paddingRight:10}},n):i.createElement("a",{href:a,className:`${st} care-button no-replace-click`},i.createElement(re,{className:rt,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},n));var ct="y5VJdvw",mt="oVhOSCy",pt="pX8OXTM";const gt=i.createContext({}),ht=t=>{var{children:a}=t,o=e(t,["children"]);const[l,s]=i.useState((()=>o.currentUrl||`https://${"marryBaby"===o.siteType?ie[o.locale||"en-PH"]:$[o.locale||"en-PH"]}${"together"===o.projectType?"/community":"ecom"===o.projectType?"/ecom":"care"===o.projectType?"/care":""}/`));r((()=>{const e=()=>{s(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const d=(({locale:e,projectType:t,isMobile:i,siteType:a,enableBookingBtn:o})=>n((()=>{const n=!(!i&&"profile"===t),l="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,r="marryBaby"!==a&&"marryBaby"!==t&&y.includes(e),s=o&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&k.includes(e),d="marryBaby"===t||E.includes(e),c="marryBaby"!==a&&w.includes(e),m="marryBaby"!==a&&w.includes(e);let p=H(e,"marryBaby"===a);"undefined"!=typeof window&&(p.includes("//id.")&&(p=p.replace("id.","")),p.includes("//staging-id.")&&(p=p.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:n,enableSearchBar:l,enableNavCare:r,enableNavCareBooking:s,enableNavTogether:d,enableNavEcom:c,enableProfileEcom:m,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:p,CARE_URL_FE:`${p}/care`,TOGETHER_URL_FE:`${p}/community`,SSO_URL:_(e,"marryBaby"===a),TOGETHER_API:D(),DISCOVER_API:N(e)}}}),[e,t,i]))({locale:o.locale,projectType:o.projectType,isMobile:o.isMobile,siteType:o.siteType,enableBookingBtn:o.enableBookingBtn});return i.createElement(gt.Provider,{value:Object.assign(Object.assign({},o),{configs:Object.assign(Object.assign({},d),o.configs),currentUrl:o.currentUrl||l})},a)};function ut({className:e}){return i.createElement("div",null,i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:e},i.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function vt({siteType:e,enableSearch:t,className:a}){return"helloSites"===e?i.createElement("div",null,i.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:t?x.getAssetPath("hamburgerMenuNewWithSearch.svg"):x.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:"home",className:a,loading:"lazy"})):i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:a},i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}const Ct="profile/posts?website_url={websiteUrl}",ft=99,bt=210,xt=u.div`
+  position: fixed;
+  z-index: 201;
+  top: calc(100% + 1px); // border 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;
+  }
+`;u.div`
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  width: 100%;
+  height: 72px;
+  align-items: flex-start;
+  justify-content: center;
+
+  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
+
+  .button-image {
+    stroke-color: blue;
+  }
+
+  &[data-site-type='marryBaby'] {
+    padding: 0 16px;
+    .category-button {
+      width: 100%;
+      height: 48px;
+    }
+  }
+`,u.div`
+  display: flex;
+
+  &[data-card-array-no-margin-style='true'] {
+    margin: 8px 0;
+
+    & > div {
+      width: 0;
+      flex: 1;
+      margin: 0 -1px;
+    }
+  }
+
+  &[data-card-array-no-margin-style='false'] {
+    margin: 8px -4px;
+
+    & > div {
+      flex: 1;
+      margin: 0 4px;
+    }
+  }
+`,u.div`
+  margin-top: 64px;
+`,u.div`
+  padding: 24px 0;
+`,u.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+
+  & > div:first-child {
+    margin-right: 8px;
+  }
+`,u.div`
+  z-index: ${bt};
+  align-items: center;
+
+  border: 1px solid ${e=>e.theme.colors.neutral50};
+  background-color: ${e=>e.theme.colors.white};
+  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),
+    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),
+    0px 0px 1px rgba(0, 0, 0, 0.04);
+`,u.div`
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: flex-start;
+  padding: 48px 0;
+`,u.div`
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: flex-start;
+  &[data-disabled-divider='false'] {
+    border-right: 1px solid #e4e8ec;
+  }
+`,u.div`
+  width: 20%;
+  padding-right: 16px;
+  margin-bottom: 12px;
+
+  & > a {
+    color: ${e=>e.theme.colors.gray800};
+    font-size: ${e=>e.theme.sizes.fsParagraph4};
+    font-weight: ${e=>e.theme.sizes.fwRegular};
+    line-height: 22px;
+  }
+
+  & > a:hover {
+    color: ${e=>e.theme.colors.primaryBase};
+  }
+
+  .iconMenu {
+    display: flex;
+    align-items: center;
+
+    > .imageContainer {
+      display: flex;
+      width: 32px;
+      min-width: 32px;
+      align-items: center;
+      margin-right: 16px;
+    }
+  }
+`,u.div`
+  display: none;
+`,u.div`
+  width: 33%;
+  height: 48px;
+  padding-right: 16px;
+  margin-bottom: 12px;
+
+  & > a {
+    display: flex;
+    align-items: center;
+    color: ${e=>e.theme.colors.gray800};
+    font-size: ${e=>e.theme.sizes.fsParagraph4};
+    font-weight: ${e=>e.theme.sizes.fwRegular};
+    line-height: 22px;
+
+    & > :first-child {
+      margin-right: 16px;
+    }
+  }
+
+  & > a > p:hover {
+    color: ${e=>e.theme.colors.primaryBase};
+  }
+`,u.div`
+  display: flex;
+  align-items: center;
+
+  padding-right: 16px;
+  margin-bottom: 12px;
+  color: ${e=>e.theme.colors.primaryBase};
+  font-size: ${e=>e.theme.sizes.fsParagraph4};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+  line-height: 24px;
+
+  &[data-theme='marryBaby'] {
+    color: ${e=>e.theme.mbColors.pink};
+  }
+`,u.div`
+  display: flex;
+  align-items: center;
+
+  margin-left: 10px;
+`,u.div`
+  position: absolute;
+  top: 16px;
+  right: 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+`,u.div`
+  display: block;
+`,u.div`
+  .categories__spotlight {
+    display: grid;
+    margin: 16px;
+    margin-bottom: 32px;
+    grid-gap: 8px;
+    grid-template-columns: 1fr 1fr;
+
+    a {
+      text-decoration: none;
+    }
+  }
+
+  .categoryCard {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    align-items: center;
+    padding: 16px;
+    border-radius: ${e=>e.theme.borderRadius};
+    color: ${e=>e.theme.colors.primaryBase};
+
+    svg {
+      margin-bottom: 4px;
+    }
+
+    &.active {
+      background: ${e=>e.theme.colors.primaryBase};
+      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),
+        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
+      color: white;
+    }
+
+    &:not(.active) {
+      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);
+    }
+  }
+
+  .amp__menu-header {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+
+    svg {
+      margin-left: 16px;
+    }
+
+    > div {
+      align-self: center;
+
+      &:nth-child(2) {
+        justify-self: center;
+      }
+    }
+  }
+
+  .logo {
+    margin: 22px 0;
+  }
+
+  .categories {
+    margin: 0 16px;
+
+    li {
+      display: block;
+      width: 100%;
+
+      + li {
+        border-top: 1px solid
+          ${e=>e.theme.colors.neutral100};
+      }
+
+      a {
+        display: block;
+        margin: 12px 0;
+        color: ${e=>e.theme.colors.gray800};
+        text-decoration: none;
+      }
+    }
+  }
+`,u.div`
+  width: 20%;
+  height: 2px;
+
+  background-color: ${e=>e.theme.mbColors.pink};
+  border-radius: 2px;
+`;const yt=u.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: ${e=>e.theme.mbColors.lightGray};
+      border-radius: 16px;
+      border: none;
+    }
+  }
+`,Et=u.div`
+  display: block;
+  overflow-y: auto;
+  flex: 1;
+  padding-bottom: 16px;
+  &::-webkit-scrollbar {
+    width: 0;
+    display: none;
+  }
+`,wt=s((()=>i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},i.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"})))),kt=()=>{const{locale:e,configs:{statics:t},siteType:a}=d(gt),n=V(),{t:o}=U();return i.createElement(ae,{className:"fake-search-input",name:"search-input-menu-service"+n,size:"md",placeholder:"marryBaby"===a?o("navigation.search.input.placeholder"):o("home.search",{site:L[e||"en-PH"]?L[e||"en-PH"].SITE_NAME:""}),onChange:()=>{},onKeyDown:e=>"Enter"===e.key&&(window.location.href=`${t.HOME_PAGE_URL}/search/?s=${e.target.value}`),type:"search",onFocus:e=>{e.preventDefault()},displayIcon:i.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},i.createElement(wt,null))})},$t=u.div`
+  padding-right: 1rem;
+  margin-top: 10px;
+  background: #ffffff;
+  padding: 5px 15px;
+  ${Q.mbUp} {
+    border-right: 1px solid #e4e8ec;
+  }
+`,Lt=u.a`
+  padding: 10px 0;
+  position: relative;
+
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  color: ${e=>e.theme.colors.gray800};
+  * {
+    pointer-events: none;
+  }
+  p {
+    font-size: 16px;
+    font-weight: 400;
+    padding: 0 0.4rem;
+  }
+
+  &[data-theme='marryBaby']:hover,
+  &[data-theme='marryBaby'][data-active='true'] {
+    p {
+      color: ${e=>e.theme.mbColors.pink};
+    }
+    .icon {
+      background-color: ${e=>e.theme.mbColors.lightPink};
+    }
+  }
+  &[data-theme='helloSites']:hover,
+  &[data-theme='helloSites'][data-active='true'] {
+    p {
+      color: ${e=>e.theme.colors.primaryActive};
+    }
+  }
+  a {
+  }
+
+  &[data-theme='marryBaby'] {
+    .icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      max-width: 40px;
+      width: 100%;
+      height: 40px;
+      border-radius: 50%;
+      background-color: ${e=>e.theme.mbColors.lightGray};
+      img {
+        border-radius: 50%;
+      }
+    }
+  }
+`,Bt=u.div`
+  margin: 15px 0;
+  ${Q.mbDown} {
+    display: none;
+  }
+`,Mt=u.div`
+  display: flex;
+  position: absolute;
+  right: 0;
+  ${Q.mbUp} {
+    display: none;
+  }
+`,Pt=u.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primaryBase};
+  font-size: ${e=>e.theme.sizes.fsParagraph4};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 600;
+  &[data-event-category] * {
+    pointer-events: none;
+  }
+  &[data-theme='marryBaby'] {
+    color: ${e=>e.theme.mbColors.pink};
+  }
+`,_t=u.div`
+  display: flex;
+  align-items: center;
+  margin-left: 10px;
+`,Ht=u.a`
+  border: 1px solid ${e=>e.theme.colors.primaryBase};
+  &[data-theme='marryBaby'] {
+    border: 1px solid ${e=>e.theme.mbColors.pink};
+
+    svg path {
+      stroke: ${e=>e.theme.mbColors.pink};
+    }
+  }
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 6px;
+  border-radius: 5px;
+  margin-top: 20px;
+  ${Q.mbDown} {
+    display: none;
+  }
+`;var Dt="wnUb-dV",Nt="cjbOxWe",Tt="gB4rp89";const jt=({item:e,menu:t})=>{const{containerRef:a,onContainerFocus:n,onContainerBlur:o,onButtonMouseDown:l,onClose:r}=Pe({allowBgScroll:!0}),s=ce();return!e.popupType&&e.link?i.createElement(At,{isNew:e.isNew},i.createElement("a",{className:`hhgcomp-navigation-itemnav-headeritem ${s?"":`menu-handler-${e.id}`} ${"care"===e.id?"force-focus":""}`,tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},i.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:Nt},"care"===e.id&&i.createElement("div",{className:Tt},i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},i.createElement("path",{d:"M13.4751 21.5C11.8084 21.5 10.3918 20.9167 9.2251 19.75C8.05843 18.5833 7.4751 17.1667 7.4751 15.5V14.95C6.1251 14.7833 4.9961 14.1833 4.0881 13.15C3.17943 12.1167 2.7251 10.9 2.7251 9.5V4.65C2.7251 4.4 2.81243 4.18733 2.9871 4.012C3.16243 3.83733 3.3751 3.75 3.6251 3.75H5.7251V3.5C5.7251 3.28333 5.7961 3.104 5.9381 2.962C6.07943 2.82067 6.25843 2.75 6.4751 2.75C6.69176 2.75 6.8711 2.82067 7.0131 2.962C7.15443 3.104 7.2251 3.28333 7.2251 3.5V5.5C7.2251 5.71667 7.15443 5.89567 7.0131 6.037C6.8711 6.179 6.69176 6.25 6.4751 6.25C6.25843 6.25 6.07943 6.179 5.9381 6.037C5.7961 5.89567 5.7251 5.71667 5.7251 5.5V5.25H4.2251V9.5C4.2251 10.6 4.61676 11.5417 5.4001 12.325C6.18343 13.1083 7.1251 13.5 8.2251 13.5C9.3251 13.5 10.2668 13.1083 11.0501 12.325C11.8334 11.5417 12.2251 10.6 12.2251 9.5V5.25H10.7251V5.5C10.7251 5.71667 10.6544 5.89567 10.5131 6.037C10.3711 6.179 10.1918 6.25 9.9751 6.25C9.75843 6.25 9.57943 6.179 9.4381 6.037C9.2961 5.89567 9.2251 5.71667 9.2251 5.5V3.5C9.2251 3.28333 9.2961 3.104 9.4381 2.962C9.57943 2.82067 9.75843 2.75 9.9751 2.75C10.1918 2.75 10.3711 2.82067 10.5131 2.962C10.6544 3.104 10.7251 3.28333 10.7251 3.5V3.75H12.8251C13.0751 3.75 13.2878 3.83733 13.4631 4.012C13.6378 4.18733 13.7251 4.4 13.7251 4.65V9.5C13.7251 10.9 13.2711 12.1167 12.3631 13.15C11.4544 14.1833 10.3251 14.7833 8.9751 14.95V15.5C8.9751 16.75 9.41276 17.8127 10.2881 18.688C11.1628 19.5627 12.2251 20 13.4751 20C14.7251 20 15.7878 19.5627 16.6631 18.688C17.5378 17.8127 17.9751 16.75 17.9751 15.5V13.875C17.4584 13.7083 17.0294 13.404 16.6881 12.962C16.3461 12.5207 16.1751 12.0167 16.1751 11.45C16.1751 10.7333 16.4251 10.125 16.9251 9.625C17.4251 9.125 18.0251 8.875 18.7251 8.875C19.4418 8.875 20.0501 9.125 20.5501 9.625C21.0501 10.125 21.3001 10.7333 21.3001 11.45C21.3001 12.0167 21.1294 12.5207 20.7881 12.962C20.4461 13.404 20.0084 13.7083 19.4751 13.875V15.5C19.4751 17.1667 18.8918 18.5833 17.7251 19.75C16.5584 20.9167 15.1418 21.5 13.4751 21.5Z",fill:"#2D87F3",strokeWidth:0}))),e.name))):i.createElement(At,{isNew:e.isNew},i.createElement("div",{ref:a,className:`hhgcomp-navigation-itemnav-headeritem ${s?"":`menu-handler-${e.id}`} ${"care"===e.id?"force-focus":""}`,tabIndex:0,key:e.id,onBlur:o,onFocus:n,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},i.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:l,className:Nt},"care"===e.id&&i.createElement("a",{className:Tt,href:M(e.link+"/")},i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},i.createElement("path",{d:"M13.4751 21.5C11.8084 21.5 10.3918 20.9167 9.2251 19.75C8.05843 18.5833 7.4751 17.1667 7.4751 15.5V14.95C6.1251 14.7833 4.9961 14.1833 4.0881 13.15C3.17943 12.1167 2.7251 10.9 2.7251 9.5V4.65C2.7251 4.4 2.81243 4.18733 2.9871 4.012C3.16243 3.83733 3.3751 3.75 3.6251 3.75H5.7251V3.5C5.7251 3.28333 5.7961 3.104 5.9381 2.962C6.07943 2.82067 6.25843 2.75 6.4751 2.75C6.69176 2.75 6.8711 2.82067 7.0131 2.962C7.15443 3.104 7.2251 3.28333 7.2251 3.5V5.5C7.2251 5.71667 7.15443 5.89567 7.0131 6.037C6.8711 6.179 6.69176 6.25 6.4751 6.25C6.25843 6.25 6.07943 6.179 5.9381 6.037C5.7961 5.89567 5.7251 5.71667 5.7251 5.5V5.25H4.2251V9.5C4.2251 10.6 4.61676 11.5417 5.4001 12.325C6.18343 13.1083 7.1251 13.5 8.2251 13.5C9.3251 13.5 10.2668 13.1083 11.0501 12.325C11.8334 11.5417 12.2251 10.6 12.2251 9.5V5.25H10.7251V5.5C10.7251 5.71667 10.6544 5.89567 10.5131 6.037C10.3711 6.179 10.1918 6.25 9.9751 6.25C9.75843 6.25 9.57943 6.179 9.4381 6.037C9.2961 5.89567 9.2251 5.71667 9.2251 5.5V3.5C9.2251 3.28333 9.2961 3.104 9.4381 2.962C9.57943 2.82067 9.75843 2.75 9.9751 2.75C10.1918 2.75 10.3711 2.82067 10.5131 2.962C10.6544 3.104 10.7251 3.28333 10.7251 3.5V3.75H12.8251C13.0751 3.75 13.2878 3.83733 13.4631 4.012C13.6378 4.18733 13.7251 4.4 13.7251 4.65V9.5C13.7251 10.9 13.2711 12.1167 12.3631 13.15C11.4544 14.1833 10.3251 14.7833 8.9751 14.95V15.5C8.9751 16.75 9.41276 17.8127 10.2881 18.688C11.1628 19.5627 12.2251 20 13.4751 20C14.7251 20 15.7878 19.5627 16.6631 18.688C17.5378 17.8127 17.9751 16.75 17.9751 15.5V13.875C17.4584 13.7083 17.0294 13.404 16.6881 12.962C16.3461 12.5207 16.1751 12.0167 16.1751 11.45C16.1751 10.7333 16.4251 10.125 16.9251 9.625C17.4251 9.125 18.0251 8.875 18.7251 8.875C19.4418 8.875 20.0501 9.125 20.5501 9.625C21.0501 10.125 21.3001 10.7333 21.3001 11.45C21.3001 12.0167 21.1294 12.5207 20.7881 12.962C20.4461 13.404 20.0084 13.7083 19.4751 13.875V15.5C19.4751 17.1667 18.8918 18.5833 17.7251 19.75C16.5584 20.9167 15.1418 21.5 13.4751 21.5Z",fill:"#2D87F3",strokeWidth:0}))),e.name,e.popupType&&i.createElement("div",{className:Dt},i.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},i.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),i.isValidElement(t)?i.cloneElement(t,{onClose:r}):null))},At=({isNew:e,children:t})=>{const{t:a}=U();return e?i.createElement(de,{color:"green",label:a("home.navigator.menuItem.new"),size:20,styles:{root:{paddingRight:10}}},t):i.createElement(i.Fragment,null,t)},zt=({hrefViewMore:e,titleBtnViewMore:t,UrlFE:a,onClosePopup:n,menuItems:o,headingTitle:l,activeItem:r})=>{const{siteType:s}=d(gt);return i.createElement($t,null,i.createElement(Bt,null,i.createElement(ne,{tag:"marryBaby"===s?"h5":"h6",as:"p",fontWeight:"semibold"},l)),null==o?void 0:o.slice(0,6).map(((e,t)=>{const o=(null==e?void 0:e.link)?(null==e?void 0:e.link.startsWith("http"))?null==e?void 0:e.link:`${a}/${null==e?void 0:e.link.split("/").filter(Boolean).join("/")}/`:"/";return i.createElement(Lt,Object.assign({className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":o,"data-is-heading-category":!1,"data-active":e.id===r,href:o},!he(o)&&{target:"_blank"},{"data-theme":s,key:t,onClick:n}),i.createElement("div",{className:"icon"},i.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32,overflow:"hidden"}})),i.createElement(At,{isNew:e.isNew},i.createElement("p",{style:{paddingRight:e.isNew?10:0}},e.name)),i.createElement(Mt,null,i.createElement("img",{src:x.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))})),t&&i.createElement(Ht,{"data-theme":s,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},i.createElement(Pt,{onClick:n,"data-theme":s,"data-is-heading-category":!1},t,i.createElement(_t,null,i.createElement("img",{className:"svg",src:"marryBaby"===s?x.getAssetPath("chevronRightPink.svg"):x.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))))};u.div`
+  & > a:not(:last-child) > div {
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
+  }
+
+  &[data-category-list-type='sub'] {
+    padding-bottom: 72px;
+  }
+
+  &[data-is-displayed='false'] {
+    display: none;
+  }
+`;const Ft=u.div`
+  display: grid;
+
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  margin-bottom: 3.5rem;
+  ${Q.tdDown} {
+    grid-template-columns: repeat(1, 1fr);
+  }
+`,St=u.div`
+  height: 152px; // 120 + 16 * 2
+  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;
+  }
+  ${Q.tdDown} {
+    margin-bottom: 0;
+    padding: 0;
+    height: 100%;
+    position: unset;
+    width: 150px;
+  }
+  ${Q.mbDown} {
+    width: 80px;
+  }
+`,Ut=u.div`
+  background-color: #ffffff;
+  border-radius: 4px;
+  width: 100%;
+  height: 100%;
+`,Vt=u.div`
+  display: flex;
+  margin-top: 1rem;
+  align-items: center;
+  color: ${e=>e.theme.colors.primaryBase};
+  font-weight: 400;
+  font-size: 14px;
+  text-decoration: none;
+  ${Q.tdDown} {
+    display: none;
+  }
+`,Rt=u.p`
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.6;
+  color: ${e=>e.theme.colors.gray800};
+  ${Q.tdDown} {
+    padding: 0;
+  }
+`,Ot=u.p`
+  font-size: 14px;
+  line-height: 1.6;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+  height: 40px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  margin-bottom: auto;
+  ${Q.tdDown} {
+    height: unset;
+    padding: 0;
+  }
+`,It="hhgcomp-navigation-menucareitem-contentwrapper",Zt=te(u.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex: 1;
+  z-index: 1;
+  ${Q.tdDown} {
+    gap: 4px;
+  }
+`,It),Gt=u.a`
+  text-decoration: none;
+  border-radius: 4px;
+  background: ${J.colors.white};
+  position: relative;
+  overflow: hidden;
+  padding: 16px;
+  display: flex;
+  padding-top: 166px;
+  * {
+    pointer-events: none;
+  }
+  ${Q.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%;
+    }
+  }
+  ${Q.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;
+    > .${It} {
+      flex: 1;
+    }
+    img {
+      width: 150px;
+    }
+  }
+  ${Q.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;
+    }
+  }
+  ${Q.tdOnly} {
+    border: 1px solid ${J.colors.neutral100};
+  }
+  .bg-svg {
+    width: 100%;
+    max-width: 245px;
+    height: 100%;
+    top: 0;
+    right: -40px;
+    position: absolute;
+    display: inline-block;
+  }
+`,Wt=({item:e,index:t=0})=>{var a;const{t:n}=U(),{locale:o,configs:{statics:l}}=d(gt);if(!e)return null;const r=`${l.CARE_URL_FE}/${null===(a=se[o])||void 0===a?void 0:a.HOSPITAL}/${e.slug}-${e.id}`;return i.createElement(Gt,{key:e.id,href:r,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":r},i.createElement("img",{src:x.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),i.createElement(St,null,i.createElement(Ut,null,i.createElement("img",{loading:"lazy",alt:e.name,src:e.logo||"/images/avatar.jpg"}))),i.createElement(Zt,null,i.createElement(Rt,null,e.name),i.createElement(Ot,null,e.description),i.createElement(Vt,null,n("home.seeMore"),i.createElement("img",{src:x.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))))},Yt=u.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;
+  }
+  ${Q.mbDown} {
+    display: block;
+    .bg-svg {
+      right: -24px;
+      left: unset;
+      top: 0;
+      transform: rotateY(180deg);
+    }
+  }
+
+  ${Q.mbUp} {
+    display: grid;
+    grid-gap: 10px;
+    grid-template-columns: 1fr 3fr;
+  }
+`,Kt=u.div`
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 24px;
+  color: ${e=>e.theme.colors.gray600};
+  margin-bottom: 15px;
+`,qt=u.div`
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 26px;
+  color: #000000;
+  margin-bottom: 4px;
+`,Qt=u.div`
+  background: #fff;
+  padding: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50px;
+`,Jt=u.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  ${Q.mbDown} {
+    justify-content: end;
+    min-height: 100px;
+  }
+`,Xt=({title:e,link:t,description:a,cta:n,icon:o})=>{const{siteType:l}=d(gt);return i.createElement(Yt,{"data-theme":l},i.createElement(Jt,null,i.createElement("img",{src:"marryBaby"===l?x.getAssetPath("navMBSpotlightBgNoData.svg"):x.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),i.createElement(Qt,null,o&&i.createElement("img",{src:o,width:64,height:64,loading:"lazy"}))),i.createElement("div",null,e&&i.createElement(qt,null,e),a&&i.createElement(Kt,null,a),n&&i.createElement("div",null,i.createElement("a",{href:t},i.createElement(re,{theme:l,className:"survey-contact-submit",size:"md"},n)))))},ei=u.div`
+  margin-top: 10px;
+  background: #ffffff;
+  padding: 5px 15px;
+  position: relative;
+  ${Q.mbDown} {
+    &:after {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 4px;
+      background-color: ${e=>e.theme.colors.neutral100};
+      content: '';
+    }
+  }
+`,ti=u.div`
+  margin: 15px 0;
+  display: flex;
+`,ii=u.a`
+  padding-left: 10px;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  font-weight: 400;
+  font-size: 14px;
+  color: ${e=>e.theme.colors.primaryBase};
+  &[data-theme='marryBaby'] {
+    color: ${e=>e.theme.mbColors.pink};
+  }
+  img {
+    padding-left: 5px;
+  }
+  ${Q.mbDown} {
+    margin-left: auto;
+  }
+`,ai=({title:e,viewMore:t,children:a,link:n,dataEventAction:o=""})=>{const{siteType:l}=d(gt);return i.createElement(ei,null,i.createElement(ti,null,i.createElement(ne,{tag:"marryBaby"===l?"h5":"h6",as:"p",fontWeight:"semibold"},e),t&&i.createElement(ii,{"data-event-category":"Hamburger Navigation","data-event-action":o,"data-event-label":n,href:n,"data-theme":l},t,i.createElement("img",{src:"marryBaby"===l?x.getAssetPath("chevronRightPink.svg"):x.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"}))),a)},ni=({spotlights:e=[],hrefViewMore:t})=>{const{t:a}=U(),{siteType:n}=d(gt);return i.createElement(ai,{title:a("home.navigator.menu.spotlightHospitals")},0!==e.length?i.createElement(i.Fragment,null,i.createElement(Ft,null,null==e?void 0:e.slice(0,3).map(((e,t)=>i.createElement(Wt,{key:t,index:t,item:e})))),i.createElement("div",{style:{position:"absolute",bottom:"6px",right:"1rem"}},i.createElement("a",{href:t},i.createElement(re,{theme:n,className:"survey-contact-submit",size:"md"},a("home.navigator.menu.care.homeButton"))))):i.createElement(Xt,{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:x.getAssetPath("community.svg")}))};u.div`
+  &[data-category-list-type='sub'] {
+    padding-bottom: 72px;
+  }
+
+  &[data-is-displayed='false'] {
+    display: none;
+  }
+`,u.div`
+  & > div {
+    width: 100%;
+    margin-bottom: 8px;
+  }
+`;const oi=u.div`
+  display: grid;
+
+  grid-template-columns: repeat(4, 1fr);
+  gap: 24px;
+  ${Q.tdDown} {
+    gap: 12px;
+    grid-template-columns: 1fr;
+  }
+`,li=u.a`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  * {
+    pointer-events: none;
+  }
+`,ri=u.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;
+  }
+  ${Q.tdDown} {
+    width: 72px;
+    padding-top: 100px;
+  }
+`,si=u.p`
+  font-size: 16px;
+  font-weight: 400;
+  padding: 4px 15px;
+  line-height: 1.4;
+  color: ${e=>e.theme.colors.gray800};
+  flex: 1;
+  ${Q.tdUp} {
+    display: none;
+  }
+`,di=({item:e,index:t=0})=>e?i.createElement(li,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":`Spotlight Click ${t+1}`,"data-event-label":e.link},i.createElement(ri,null,i.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),i.createElement(si,null,e.title)):null,ci=({spotlightsList:e=[],hrefViewMore:t})=>{const{t:a}=U(),{configs:{statics:n}}=d(gt);return i.createElement(ai,{title:a("home.navigator.menu.spotlights"),viewMore:a("home.navigator.menu.spotlights.seeAll"),link:t,dataEventAction:"Spotlight See More Click"},0!==e.length?i.createElement(oi,null,null==e?void 0:e.slice(0,4).map(((e,t)=>i.createElement(di,{key:t,index:t,item:{id:e.id,link:n.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image}})))):i.createElement(Xt,{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:x.getAssetPath("Spotlight.svg")}))};u.div`
+  & > :not(:last-child) {
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
+  }
+
+  & > div > :not(:last-child) {
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
+  }
+
+  &[data-category-list-type='sub'] {
+    padding-bottom: 72px;
+  }
+
+  &[data-is-displayed='false'] {
+    display: none;
+  }
+`,u.div`
+  & > div {
+    width: 100%;
+    margin-bottom: 8px;
+  }
+`;const mi=u.div`
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 48px;
+  ${Q.tdDown} {
+    grid-template-columns: 1fr;
+    grid-gap: 32px;
+  }
+  ${Q.mbDown} {
+    grid-gap: 24px;
+  }
+`,pi=u.div`
+  padding: 5px;
+  flex: 1;
+`,gi=u.img`
+  width: 88px;
+  height: 88px;
+  border-radius: 4px;
+  object-fit: cover;
+`,hi=u.div`
+  font-size: 12px;
+  font-weight: 600;
+  color: ${e=>e.theme.colors.gray800};
+  text-decoration: none;
+  &[data-theme='marryBaby'] {
+    font-weight: 400;
+    letter-spacing: -0.2px;
+  }
+`,ui=u.div`
+  text-decoration: none;
+  font-size: 12px;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.primaryBase};
+  &[data-theme='marryBaby'] {
+    font-weight: 400;
+    letter-spacing: -0.2px;
+  }
+`,vi=u.div`
+  font-size: 12px;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+`,Ci=u.div`
+  font-size: 12px;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+`,fi=u.a`
+  display: flex;
+  gap: 10px;
+  text-decoration: none;
+  position: relative;
+  &::after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 1px;
+    border-top: 1px dashed
+      ${e=>e.theme.colors.neutral100};
+    position: absolute;
+    bottom: -24px;
+    ${Q.tdOnly} {
+      bottom: -16px;
+    }
+    ${Q.mbDown} {
+      bottom: -12px;
+    }
+  }
+  &:last-child {
+    &::after {
+      display: none;
+    }
+  }
+  ${Q.tdUp} {
+    &:nth-last-child(2) {
+      &::after {
+        display: none;
+      }
+    }
+  }
+`,bi=u.div`
+  display: flex;
+  gap: 10px;
+  vertical-align: middle;
+  align-items: center;
+`,xi=u.div`
+  margin-top: 8px;
+  font-size: 16px;
+  font-weight: 600;
+  color: ${e=>e.theme.colors.gray800};
+  &[data-theme='marryBaby'] {
+    margin-top: 12px;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 24px;
+    letter-spacing: -0.2px;
+  }
+`,yi=u.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  column-gap: 5px;
+`,Ei=u.div`
+  display: flex;
+  gap: 4px;
+  flex-direction: column;
+`;K.extend(me);const wi=({post:e,index:t=0})=>{var a,n,o,l,r,s,c;const{siteType:m,configs:{statics:p}}=d(gt);if(!e)return null;const g=[p.TOGETHER_URL_FE,null===(a=e.community)||void 0===a?void 0:a.slug].join("/"),h=[g,e.slug].join("/"),u=e.createdAt,v=u?isNaN(new Date(u).getTime())?null:new Date(u):null,C=v?K(v).toNow(!0):u;return i.createElement(fi,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":h},i.createElement(pi,null,i.createElement(bi,null,i.createElement(A,{avatar:null===(n=e.author)||void 0===n?void 0:n.avatar,username:(null===(o=e.author)||void 0===o?void 0:o.name)||(null===(l=e.author)||void 0===l?void 0:l.username)}),i.createElement(Ei,null,i.createElement(hi,{"data-theme":m},null===(r=e.author)||void 0===r?void 0:r.name),i.createElement(yi,null,i.createElement(ui,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":g,onClick:e=>{e.preventDefault(),location.href=g},"data-theme":m},null===(s=e.community)||void 0===s?void 0:s.name),i.createElement(Ci,null,"•"),i.createElement(vi,{"data-theme":m},C)))),i.createElement(xi,null,e.title)),!!(null===(c=e.photos)||void 0===c?void 0:c.length)&&i.createElement(gi,{loading:"lazy",src:e.photos[0]}))},ki=({spotlights:e=[]})=>{const{configs:{statics:t}}=d(gt),{t:a}=U();return i.createElement(ai,{title:a("home.navigator.menu.trendingPosts"),viewMore:a("home.navigator.menu.trendingPosts.seeMore"),link:P(t.TOGETHER_URL_FE),dataEventAction:"Together See More Click"},0!==e.length?i.createElement(mi,null,null==e?void 0:e.slice(0,4).map(((e,t)=>i.createElement(wi,{index:t,post:e,key:e.id})))):i.createElement(Xt,{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:x.getAssetPath("community.svg")}))};u.div`
+  & > a:not(:last-child) > div {
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
+  }
+
+  &[data-category-list-type='sub'] {
+    padding-bottom: 72px;
+  }
+
+  &[data-is-displayed='false'] {
+    display: none;
+  }
+`;const $i=u.div`
+  display: grid;
+
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  margin-bottom: 3.5rem;
+  ${Q.tdDown} {
+    grid-template-columns: repeat(1, 1fr);
+  }
+`,Li=u.a`
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+`,Bi=({item:e,index:t=0})=>e?i.createElement(Li,{href:e.url,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":e.url},i.createElement("img",{loading:"lazy",alt:e.name,src:e.featuredImage||"/images/avatar.jpg",style:{width:"40px",height:"40px"}}),i.createElement(C,{size:"p2",weight:"regular",style:{marginLeft:16}},e.name),i.createElement("img",{src:x.getAssetPath("chevronRightActive.svg"),style:{width:"20px",height:"20px",marginLeft:"auto"},loading:"lazy"})):null,Mi=({helpfulUrls:e=[]})=>{const{t:t}=U();return e.length?i.createElement(ai,{title:t("home.navigator.menu.spotlightEcom")},0!==e.length?i.createElement($i,null,null==e?void 0:e.slice(0,5).map(((e,t)=>i.createElement(Bi,{key:t,index:t,item:e})))):i.createElement(i.Fragment,null)):null};u.div`
+  &[data-is-display='false'] {
+    display: none;
+  }
+`;const Pi=u.div`
+  display: grid;
+
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
+  ${Q.tdDown} {
+    grid-template-columns: 1fr;
+    gap: 12px;
+  }
+`,_i=u.a`
+  text-decoration: none;
+  border-radius: 4px;
+  background: ${e=>e.theme.colors.primary50};
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  * {
+    pointer-events: none;
+  }
+  .bg-svg {
+    width: 245px;
+    top: 0;
+    right: 0;
+    height: 100%;
+    position: absolute;
+    ${Q.tdDown} {
+      top: calc(51% - 68px);
+      right: -8px;
+    }
+  }
+  padding: 180px 24px 16px;
+  a {
+    display: flex;
+    width: 100%;
+  }
+  ${Q.tdDown} {
+    padding-top: 16px;
+    display: flex;
+    align-items: center;
+  }
+`,Hi=u.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%);
+  }
+  ${Q.tdDown} {
+    position: relative;
+    top: unset;
+    right: unset;
+  }
+`,Di=u.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.primaryBase};
+  font-weight: 400;
+  font-size: 14px;
+  text-decoration: none;
+`,Ni=u.p`
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+  color: ${e=>e.theme.colors.gray800};
+`,Ti=u.p`
+  font-size: 14px;
+  line-height: 1.4;
+  font-weight: 400;
+  color: ${e=>e.theme.colors.gray600};
+  height: 40px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  margin-bottom: auto;
+  ${Q.tdDown} {
+    display: none;
+  }
+`,ji=u.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  z-index: 1;
+  ${Q.tdUp} {
+    gap: 8px;
+  }
+  ${Q.tdDown} {
+    gap: 4px;
+    flex: 1;
+  }
+`,Ai=({item:e,index:t=0})=>{const{t:a}=U(),{configs:{statics:n}}=d(gt);if(!e)return null;const o=e.link?e.link.startsWith("http")?e.link:`${n.HOME_PAGE_URL}${e.link}`:void 0;return i.createElement(_i,{href:o,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":o},i.createElement("img",{src:x.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),i.createElement(ji,null,i.createElement(Ni,null,e.title),i.createElement(Ti,null,e.subtitle),i.createElement(Di,null,a("home.seeMore"),i.createElement("img",{src:x.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))),i.createElement(Hi,null,i.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},zi=u.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: ${e=>e.theme.mbColors.tonePink};
+    .bg-svg {
+      fill: ${e=>e.theme.mbColors.peach};
+    }
+  }
+  &[data-color='orange'] {
+    background: ${e=>e.theme.mbColors.toneYellow};
+    .bg-svg {
+      fill: ${e=>e.theme.mbColors.orange};
+    }
+  }
+  &[data-color='green'] {
+    background: ${e=>e.theme.mbColors.toneGreen};
+    .bg-svg {
+      fill: ${e=>e.theme.mbColors.mint};
+    }
+  }
+
+  padding: 180px 24px 16px;
+  a {
+    display: flex;
+    width: 100%;
+  }
+  ${Q.tdDown} {
+    padding-top: 16px;
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+  }
+  ${Q.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;
+    }
+  }
+  ${Q.tdUp} {
+    min-height: 296px;
+  }
+  .mobile-only {
+    ${Q.tdUp} {
+      display: none;
+    }
+  }
+  .desktop-only {
+    ${Q.tdDown} {
+      display: none;
+    }
+  }
+`,Fi=u.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%);
+  }
+  ${Q.tdDown} {
+    position: relative;
+    top: unset;
+    right: unset;
+  }
+  ${Q.mbDown} {
+    position: absolute;
+    left: 32px;
+    top: 28px;
+  }
+`,Si=u.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: ${e=>e.theme.mbColors.gray};
+  }
+
+  ${Q.tdDown} {
+    background: none;
+    width: 100%;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 18px;
+    color: ${e=>e.theme.mbColors.pink};
+    padding-left: 16px;
+  }
+`,Ui=u.p`
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: -0.2px;
+  color: ${e=>e.theme.colors.gray800};
+`,Vi=u.p`
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: -0.2px;
+  color: ${e=>e.theme.colors.gray600};
+  height: 54px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  margin-bottom: auto;
+  ${Q.tdDown} {
+    display: none;
+  }
+`,Ri=u.div`
+  display: flex;
+  flex: 1;
+  z-index: 1;
+  align-items: flex-end;
+  justify-content: flex-end;
+  ${Q.tdUp} {
+    gap: 8px;
+    flex-direction: row;
+  }
+
+  ${Q.tdDown} {
+    align-items: flex-start;
+    justify-content: flex-start;
+    gap: 4px;
+  }
+`,Oi=u.div`
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  z-index: 1;
+  ${Q.tdUp} {
+    gap: 8px;
+  }
+  ${Q.tdDown} {
+    gap: 4px;
+    flex: 1;
+    padding-left: 16px;
+  }
+`,Ii=u.div`
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  z-index: 1;
+  ${Q.tdUp} {
+    gap: 8px;
+    justify-content: flex-end;
+    align-items: flex-end;
+  }
+  ${Q.tdDown} {
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+  }
+`,Zi=({item:e,index:t=0,color:a})=>{const{t:n}=U(),{configs:{statics:o}}=d(gt);if(!e)return null;const l=e.link?e.link.startsWith("http")?e.link:`${o.HOME_PAGE_URL}${e.link}`:void 0,r=()=>i.createElement(Fi,null,i.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})),s=()=>i.createElement(Ii,null,i.createElement(Oi,null,i.createElement(Ui,null,e.title),i.createElement(Vi,null,e.subtitle)),i.createElement(Si,null,i.createElement("div",{className:"mobile-only"},n("home.seeMore")),i.createElement("img",{src:x.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"},loading:"lazy"})));return i.createElement(zi,{href:l,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":l,"data-color":a},i.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none"},i.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"})),i.createElement("img",{src:x.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),i.createElement(Ri,null,i.createElement("div",{className:"mobile-only"},r()),i.createElement("div",{className:"desktop-only"},s())),i.createElement("div",{className:"mobile-only"},s()),i.createElement("div",{className:"desktop-only"},r()))},Gi=({hrefViewMore:e,spotlightHealthTools:t=[]})=>{const{t:a}=U(),n=["pink","orange","green"],{siteType:o}=d(gt);return i.createElement(ai,{title:a("home.navigator.menu.spotlightTools")},0!==t.length&&i.createElement(Pi,null,null==t?void 0:t.slice(0,3).map(((e,t)=>"marryBaby"===o?i.createElement(Zi,{key:t,index:t,item:e,color:n[t]}):i.createElement(Ai,{key:t,index:t,item:e})))),0===t.length&&i.createElement(Xt,{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:x.getAssetPath("community.svg")}))},Wi=({closePopup:e,menuItems:t=[]})=>{var a,n;const{siteType:o,ssrMenuContent:{categories:l,healthTools:r,care:s,together:c,ecom:m},activeMenuService:p,configs:{statics:g,enableSearchBar:h},locale:u}=d(gt),{t:v}=U();return i.createElement(xt,{id:"categories-menu"},h?i.createElement(yt,{"data-theme":o,onClick:()=>{window.location.href=`${g.HOME_PAGE_URL}/search`}},i.createElement(kt,null)):null,i.createElement(Et,null,i.createElement(zt,{UrlFE:g.HOME_PAGE_URL,titleBtnViewMore:v("home.navigator.menuItem.allCategories"),menuItems:t,headingTitle:v("home.navigator.menuItem.healthCategories"),onClosePopup:e,activeItem:p}),"categories"===p&&i.createElement(ci,{spotlightsList:(null==l?void 0:l.spotlights)||[],hrefViewMore:`${g.HOME_PAGE_URL}${"tl-PH"===u?"/fil":""}/spotlight/`}),"tools"===p&&i.createElement(Gi,{spotlightHealthTools:null==r?void 0:r.spotlights,hrefViewMore:`${g.HOME_PAGE_URL}${"tl-PH"===u?"/fil":""}${(null===(a=B[u])||void 0===a?void 0:a.HEALTH_TOOLS)||""}`}),"care"===p&&i.createElement(ni,{spotlights:null==s?void 0:s.spotlights,hrefViewMore:`${g.CARE_URL_FE}/${null===(n=se[u])||void 0===n?void 0:n.SPECIALTIES}`}),"together"===p&&i.createElement(ki,{spotlights:null==c?void 0:c.spotlights}),"ecom"===p&&i.createElement(Mi,{helpfulUrls:null==m?void 0:m.helpfulUrls})))},Yi=({menuItems:e})=>{const{siteType:t,configs:{enableSearchBar:a}}=d(gt),{containerRef:n,onContainerFocus:o,onContainerBlur:l,onButtonMouseDown:r,onClose:s}=Pe();return i.createElement(Me,{mediaQueryKey:"mbDown"},i.createElement("header",{className:ct},i.createElement("div",{className:mt,ref:n,role:"button",tabIndex:0,onBlur:l,onFocus:o},i.createElement("div",{className:pt,onMouseDown:r,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},i.createElement(ut,{className:"mobile-close-icon"}),i.createElement(vt,{siteType:t,enableSearch:a,className:"mobile-hamburger-icon"})),i.createElement(Wi,{menuItems:e,closePopup:s}))))},Ki=u.div`
+  z-index: 201;
+  width: 100%;
+  align-items: center;
+
+  background-color: ${e=>e.theme.colors.white};
+
+  transition: height 0.3s, transform 0.3s;
+
+  &[data-site-type='helloSites'] {
+    border-bottom: 1px solid
+      ${e=>e.theme.colors.neutral100};
+  }
+  &[data-sponsored='true'] {
+    border-bottom: none;
+  }
+  &[data-marry-baby-tone='pink'] {
+    background-color: ${e=>e.theme.mbColors.lightPink};
+  }
+
+  ${Q.mbUp} {
+    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {
+      transform: translateY(-64px);
+    }
+  }
+  ${Q.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: ${ft};
+    }
+
+    &[data-is-displayed='false'] {
+      //display: none;
+      visibility: hidden;
+    }
+  }
+
+  .marry-baby {
+    input {
+      background: ${e=>e.theme.mbColors.lightGray};
+      border-radius: 16px;
+      border: none;
+    }
+    max-width: 172px;
+  }
+  &[data-site-type='marryBaby'] {
+    .close-btn {
+      top: 16px;
+      right: 16px;
+    }
+  }
+`,qi=u.div`
+  display: flex;
+  height: 100%;
+  align-items: center;
+
+  justify-content: space-between;
+  padding: 0 2rem;
+  height: 56px;
+  ${Q.pcDown} {
+    padding: 0 1rem;
+  }
+
+  ${Q.mbDown} {
+    position: relative;
+    height: 56px;
+    background: white;
+    gap: 2px;
+  }
+
+  &[data-site-type='marryBaby'] {
+    width: 100%;
+    margin: 0 auto;
+    padding: 0 16px;
+    ${Q.tdUp} {
+      max-width: 1064px;
+    }
+  }
+`,Qi=u.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  gap: 24px;
+  ${Q.pcDown} {
+    flex-shrink: 0;
+    gap: 16px;
+  }
+  ${Q.pcDown} {
+    gap: 12px;
+  }
+  &[data-site-type='marryBaby'] {
+    gap: 26px;
+  }
+`,Ji=u.div``,Xi=u.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  flex-shrink: 0;
+  /* gap: 16px; */
+  ${Q.tdDown} {
+    flex-shrink: 0.6;
+  }
+  .hhgcomp-navigation-itemnav-headeritem {
+    gap: 2px;
+    ${Q.pcUp} {
+      padding: 0 10px;
+    }
+    ${Q.pcDown} {
+      padding: 0 6px;
+    }
+    ${Q.mbDown} {
+      display: none;
+    }
+    a {
+      text-decoration: none;
+    }
+  }
+`;u.div`
+  .fake-search-input {
+    pointer-events: none;
+    input {
+      line-height: 20px;
+      padding-top: 10px;
+      padding-bottom: 10px;
+    }
+  }
+`;const ea=u.div`
+  margin-left: 16px;
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  flex-shrink: 0;
+  ${Q.pcDown} {
+    margin-left: 8px;
+    gap: 8px;
+  }
+  ${Q.mbDown} {
+    margin-left: 0;
+    gap: 10px;
+  }
+`,ta=u.div`
+  display: flex;
+  align-items: center;
+  height: 100%;
+  &[data-site-type='marryBaby'] {
+    gap: 26px;
+  }
+`,ia=e=>{var t,i,a,n;return e?{termId:e.term_id||null,sponsor:e.sponsor?(n=e.sponsor,n?{title:n.title,logo:n.logo,link:n.link}:{}):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||e.name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.thumbnail||e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(t=e.child_cates)||void 0===t?void 0:t.map((e=>ia(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===(i=e.cat_parent)||void 0===i?void 0:i.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?(a=e.reviewed_by,{postTitle:a.post_title,permalink:a.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}:{}},aa=e=>{var t,i;if(!e)return{};const a=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),n=null===(i=e.link)||void 0===i?void 0:i.startsWith("/fil/"),o=e.link?e.link.startsWith("http")||a?e.link:n?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:o,subtitle:e.subtitle,title:e.title}},na=e=>{var t,i,a,n,o;return e&&(null==e?void 0:e.object_id)?{thumbnail:(null===(t=null==e?void 0:e.object_id)||void 0===t?void 0:t.logo)||"",link:(null===(i=null==e?void 0:e.object_id)||void 0===i?void 0:i.slug)||"",subtitle:(null===(a=e.object_id)||void 0===a?void 0:a.name)||"",name:(null===(n=e.object_id)||void 0===n?void 0:n.name)||"",slug:(null===(o=e.object_id)||void 0===o?void 0:o.slug)||""}:{}},oa=e=>{var t,i,a,n,o;return e&&(null==e?void 0:e.object_id)?{id:null===(t=e.object_id)||void 0===t?void 0:t.id,name:(null===(i=e.object_id)||void 0===i?void 0:i.name)||"",logo:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.logo)||"",description:(null===(n=e.object_id)||void 0===n?void 0:n.description)||"",slug:(null===(o=e.object_id)||void 0===o?void 0:o.slug)||""}:{}},la=(e,t,i,a)=>(i||"https://together.hellohealthgroup.com/")+"api/v1/"+X(Ct,Object.assign(Object.assign({},a),{websiteUrl:t?"https://marrybaby.vn":`https://${$[e]}`})),ra=({type:e,specialtySlug:t,locale:i})=>{var a,n;return`${null===(a=se[i])||void 0===a?void 0:a.ALL}/${(null===(n=se[i])||void 0===n?void 0:n[e])||"doctor"}/${null!=t?t:""}`},sa=e=>e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}:{},da=e=>{const t=new Date;if(null==e?void 0:e.startDate){const i=new Date(e.startDate);if(t.getTime()<i.getTime())return!1}if(null==e?void 0:e.endDate){const i=new Date(e.endDate);if(t.getTime()>i.getTime())return!1}return!0};var ca="q3nL5cp",ma="_2DNf80G",pa="Q-glX-n";const ga=({onClosePopup:e})=>i.createElement("div",{className:`${pa} close-btn`,onClick:e},i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},i.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),ha=({onClosePopup:e,isDisplay:t,children:a,isNavMenu:n,hideCloseBtn:o})=>i.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!n},i.createElement(pe,null,!o&&i.createElement("div",{className:ma},i.createElement(ga,{onClosePopup:e})),i.createElement(pe,{className:ca},a))),ua=({careSpecialties:e=[],isOpen:t,onClose:a,spotlights:n=[]})=>{var o;const{t:l}=U(),{locale:r,configs:{statics:s}}=d(gt);return i.createElement(ha,{onClosePopup:a,isDisplay:t,isNavMenu:!0},i.createElement(zt,{headingTitle:l("home.navigator.menuItem.specialties"),hrefViewMore:`${s.CARE_URL_FE}/`,UrlFE:s.CARE_URL_FE,onClosePopup:a,titleBtnViewMore:l("home.navigator.menuItem.allSpecialties"),menuItems:(null==e?void 0:e.map((e=>e?{name:String(e.name)||"",link:ra({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{})))||[]}),i.createElement(ni,{spotlights:n,hrefViewMore:`${s.CARE_URL_FE}/${null===(o=se[r])||void 0===o?void 0:o.SPECIALTIES}/`}))},va=({categories:e=[],spotlightsList:t=[],onClose:a,isOpen:n})=>{const{t:o}=U(),{locale:l,configs:{statics:r}}=d(gt);return i.createElement(ha,{onClosePopup:a,isDisplay:n,isNavMenu:!0},i.createElement(zt,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:a,titleBtnViewMore:o("home.navigator.menuItem.allCategories"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.displayName||null,link:(null==e?void 0:e.customizedUrl)||(null==e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{})))||[],headingTitle:o("home.navigator.menuItem.healthCategories")}),i.createElement(ci,{spotlightsList:t,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/spotlight/`}))},Ca=({communities:e=[],onClose:t,isOpen:a,spotlights:n=[]})=>{const{t:o}=U(),{configs:{statics:l}}=d(gt);return i.createElement(ha,{onClosePopup:t,isDisplay:a,isNavMenu:!0},i.createElement(zt,{hrefViewMore:P(l.TOGETHER_URL_FE),UrlFE:M(l.TOGETHER_URL_FE),onClosePopup:t,titleBtnViewMore:o("home.navigator.menuItem.allCommunities"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{})))||[],headingTitle:o("home.navigator.menuItem.allCommunitiesheadingTitle")}),i.createElement(ki,{spotlights:n}))},fa=({locale:e,onClose:t,isOpen:a,spotlightHealthTools:n=[],healthTools:o=[]})=>{var l;const{t:r}=U(),{configs:{statics:s}}=d(gt),c=`${s.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(l=B[e])||void 0===l?void 0:l.HEALTH_TOOLS)||""}`;return i.createElement(ha,{onClosePopup:t,isDisplay:a,isNavMenu:!0},i.createElement(zt,{hrefViewMore:c,UrlFE:s.HOME_PAGE_URL,onClosePopup:t,headingTitle:r("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:r("home.navigator.menuItem.allHealthTools"),menuItems:o.map((e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${s.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon})))}),i.createElement(Gi,{spotlightHealthTools:n,hrefViewMore:c}))},ba=({onTopBarAppears:e,languageMenu:t,menuItems:n,logoComponent:l})=>{var s;const{siteType:m,isMobile:p=!1,locale:g,sitewideBanner:h,sitewideBannerShown:u=!0,sponsorComponent:v,onBookingClick:C,currentUrl:f,onLoginClick:b,cartNumber:y,configs:{statics:E,enableNavCareBooking:w,enableSearchBar:k},userState:{userInfo:$},onLogout:B,isUserLoading:_}=d(gt),{t:H}=U(),{SSO_URL:D,HOME_PAGE_URL:N}=E,T=!!v,[j,A]=a(!1),z=o(47),F=o(null),V=o(!1),O="helloSites"===m?null===(s=L[g])||void 0===s?void 0:s.LOGO_TYPE:m,I="undefined"!=typeof window,Z=c(R((()=>{if(I){if(!F.current)return;const e=F.current.getBoundingClientRect();e.top<=0&&window.scrollY>z.current&&window.scrollY>e.height+20&&!V.current&&(V.current=!0,A(!0)),window.scrollY<z.current&&V.current&&(V.current=!1,A(!1)),window.scrollY>=0&&(z.current=window.scrollY)}}),200),[]);r((()=>{null==e||e(!j)}),[j]),r((()=>(window.addEventListener("scroll",Z,{passive:!0}),()=>{window.removeEventListener("scroll",Z)})),[]),r((()=>{p&&Z()}),[p]);const G=u&&!!h;return i.createElement(Ki,{"data-site-type":m,"data-sponsored":T,"data-sitewide-banner-shown":G,"data-header-type":"home","data-collapsed":j,"data-is-displayed":!0,id:"site-header",ref:F},h,i.createElement(qi,{"data-site-type":m},i.createElement(Qi,{"data-site-type":m},i.createElement(Yi,{menuItems:n}),l||i.createElement("a",{style:{flexShrink:0},href:N},i.createElement(Ji,null,i.createElement(S,{style:{display:"flex"},type:O,badge:"id-ID"===g&&i.createElement("img",{src:x.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:g,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===m?i.createElement(ya,{menuItems:n}):k&&i.createElement(xa,{siteType:m})),i.createElement(Xi,{"data-site-type":m},"marryBaby"===m?k&&i.createElement(xa,{siteType:m}):i.createElement(ya,{menuItems:n}),i.createElement(ea,null,i.createElement(Le,{count:y,locale:g}),w&&i.createElement(Me,{mediaQueryKey:"mbUp"},i.createElement(dt,{careUrlFe:E.CARE_URL_FE,currentUrl:f,btnName:H("login.booking"),onCareHeaderClick:C})),t,i.createElement(lt,{userInfo:$,siteType:m,onLoginClick:b||(()=>{const e=window.location.href;window.location.href=D?M(`${D}?returnUrl=${e}`):e}),SSO_URL:P(E.SSO_URL),currentUrl:f,onLogout:B,isLoading:_,locale:g})))),v?i.isValidElement(v)?i.cloneElement(v,{isCollapsed:j,locale:g,isMobile:p}):v:null)},xa=({siteType:e})=>i.createElement(Me,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},i.createElement(kt,null)),ya=({menuItems:e})=>{const{siteType:t,locale:a,ssrMenuContent:{categories:n,healthTools:o,care:l,together:r}}=d(gt);return i.createElement(Me,{mediaQueryKey:"mbUp",style:{height:"100%"}},i.createElement(ta,{"data-site-type":t},null==e?void 0:e.map(((e,t)=>i.createElement(jt,{key:t,item:e,menu:"categories"===e.popupType?i.createElement(va,{categories:null==n?void 0:n.items,spotlightsList:null==n?void 0:n.spotlights}):"tools"===e.popupType?i.createElement(fa,{locale:a,healthTools:null==o?void 0:o.items,spotlightHealthTools:null==o?void 0:o.spotlights}):"together"===e.popupType?i.createElement(Ca,{communities:null==r?void 0:r.items,spotlights:null==r?void 0:r.spotlights}):"care"===e.popupType?i.createElement(ua,{careSpecialties:null==l?void 0:l.items,spotlights:null==l?void 0:l.spotlights}):null})))))},Ea=u.div`
+  --header-z-index: 305;
+  top: 0;
+  z-index: var(--header-z-index);
+
+  ${Q.mbDown} {
+    width: 100vw;
+    max-width: 100%;
+  }
+  --amp-site-wide-closed: 2px;
+
+  -webkit-transform: translateZ(0);
+  position: sticky;
+
+  &.nav-open {
+    margin-top: 64px;
+  }
+
+  &:not(.nav-open) {
+    --amp-site-wide-closed: 66px;
+  }
+  pointer-events: none;
+  > section * {
+    pointer-events: auto;
+  }
+`;u.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`,u.a`
+  &[data-is-active='true'] {
+    color: unset;
+  }
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 22px;
+  text-decoration: none;
+`;const wa=e=>{var t,l;const{isMobile:s,locale:m,onTopBarAppears:p,languageOptions:g,sponsorComponent:h,sitewideBanner:u,sitewideBannerShown:v,className:C,logoComponent:f}=e,b=(()=>{const{t:e}=U(),{siteType:t,locale:i,configs:{enableNavDiscover:a,enableNavHealthTools:o,enableNavCare:l,enableNavTogether:r,enableNavEcom:s,statics:c}}=d(gt),m="marryBaby"===t;return n((()=>{var t;const n=[];return a&&n.push({name:e("home.navigator.menuItem.discover"),id:"categories",link:`${c.HOME_PAGE_URL}${"tl-PH"===i?"/fil":""}/categories`,niceName:"",thumbnail:m?x.getAssetPath("categories-mb.svg"):x.getAssetPath("nav-icons/discover.svg"),popupType:"categories"}),o&&n.push({name:e("home.navigator.menuItem.healthTools"),id:"tools",link:`${c.HOME_PAGE_URL}${"tl-PH"===i?"/fil":""}${(null===(t=B[i])||void 0===t?void 0:t.HEALTH_TOOLS)||""}`,thumbnail:m?x.getAssetPath("healthtools-mb.svg"):x.getAssetPath("nav-icons/health-tools.svg"),popupType:"tools"}),r&&n.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:M(c.TOGETHER_URL_FE+"/"),thumbnail:m?x.getAssetPath("community-mb.svg"):x.getAssetPath("nav-icons/community.svg"),popupType:"together"}),s&&n.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:M(c.HOME_PAGE_URL+"/shop"),thumbnail:x.getAssetPath("nav-icons/shop.svg"),popupType:null}),l&&n.push({name:e("home.navigator.menuItem.helloCare"),id:"care",link:M("ms-MY"===i?c.HOME_PAGE_URL+"/care/current-location/hospital/":c.HOME_PAGE_URL+"/care"),thumbnail:x.getAssetPath("nav-icons/care.svg"),popupType:"id-ID"===i?"care":null}),n}),[i,l,r,s])})();(()=>{const{isFirstLogin:e,userState:t}=d(gt),{userInfo:i}=t;r((()=>{(null==i?void 0:i.id)&&(e?(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:Object.assign({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:Object.assign({uuid:null==i?void 0:i.id,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:Object.assign({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:Object.assign({uuid:null==i?void 0:i.id,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})})}),[])})();const y=v&&!!u,E=!!h,w=!!(null===(l=null===(t=null==h?void 0:h.props)||void 0===t?void 0:t.sponsoredBy)||void 0===l?void 0:l.length),{headerRef:k,defaultHeaderHeight:$,headerHeight:L,headerBottom:P}=(({hasSponsoredBanners:e,isSponsored:t,isShowingSiteWideBanner:i,isMobile:l})=>{const s=o(null),[d,m]=a(0),[p,g]=a(64),h=c(oe((()=>{var e,t,i,a;const n=(null===(e=s.current)||void 0===e?void 0:e.clientHeight)||(null===(i=null===(t=s.current)||void 0===t?void 0:t.children[0])||void 0===i?void 0:i.clientHeight)||0;window.scrollY<=n+200&&(m(n),g((null===(a=s.current)||void 0===a?void 0:a.getBoundingClientRect().bottom)||d))}),200),[]);r((()=>(window.addEventListener("resize",h,{passive:!0}),window.addEventListener("scroll",h,{passive:!0}),h(),()=>{window.removeEventListener("resize",h),window.removeEventListener("scroll",h)})),[]),r((()=>{h()}),[l,i,t,e,s.current]);const u=n((()=>{let a=56;return i&&(a+=64),t&&(a+=40,e&&(a+=57)),a}),[l,i,e,t]);return{defaultHeaderHeight:u,headerHeight:d||u,headerBottom:p,headerRef:s}})({isShowingSiteWideBanner:y,isSponsored:E,hasSponsoredBanners:w,isMobile:s});return i.createElement(Ea,{id:"navigation-v2",style:{"--default-header-height":$+"px","--header-height":`calc(${L}px - var(--amp-site-wide-closed), 64px)`,"--header-bottom":P+"px"},className:C},i.createElement("section",{ref:k},i.createElement(ba,{menuItems:b,onTopBarAppears:p,logoComponent:f,languageMenu:i.createElement(Ee,{languageOptions:g,locale:m})})))},ka=e=>{const t=Object.assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return i.createElement(ht,Object.assign({},t),i.createElement(wa,Object.assign({},t)))},$a=e=>t(void 0,void 0,void 0,(function*(){var t,i,a,n,o,l,r,s,d,c,m,p,g,h,u,v,C,f,b,x,w,k,L;const B={},P="vi-VN_MB"===e;try{const _="tl-PH"===e?"lang=fil":"";try{const[m,p,g,h]=yield Promise.all([fetch(M(`${N(e)}/wp-json/api/categories${_?"?"+_:""}`)).then((e=>e.json())),fetch(M(`${N(e)}/wp-json/api/spotlights?per_page=10&order_by=start_date${_?"&"+_:""}`)).then((e=>e.json())),fetch(M(`${N(e)}/wp-json/api/${P?"health-tools":"healthtools"}${_?"?"+_:""}`)).then((e=>e.json())),fetch(M(`${N(e)}/wp-json/api/${P?"health-tools":"healthtools"}/favorites${_?"?"+_:""}`)).then((e=>e.json()))]);B.categories={items:(null===(i=null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.map)||void 0===i?void 0:i.call(t,ia))||[],spotlights:(null===(l=null===(o=null===(n=null===(a=null==p?void 0:p.data)||void 0===a?void 0:a.articles)||void 0===n?void 0:n.map)||void 0===o?void 0:o.call(n,sa))||void 0===l?void 0:l.filter(da))||[]},B.healthTools={items:(null===(s=null===(r=null==g?void 0:g.data)||void 0===r?void 0:r.map)||void 0===s?void 0:s.call(r,aa))||[],spotlights:(null===(c=null===(d=null==h?void 0:h.data)||void 0===d?void 0:d.map)||void 0===c?void 0:c.call(d,aa))||[]}}catch(e){}if(P||E.includes(e))try{const[t,i]=yield Promise.all([fetch(M(`${D()}/api/v1/community?website_url=https://${$[e]}`)).then((e=>e.json())),fetch(M(`${D()}/api/v1/options?website_url=https://${$[e]}&meta_key=popular_post`)).then((e=>e.json()))]);B.together={items:(null===(g=null===(p=null===(m=null==t?void 0:t.data)||void 0===m?void 0:m.communities)||void 0===p?void 0:p.map)||void 0===g?void 0:g.call(p,z))||[],spotlights:(null===(v=null===(u=null===(h=null==i?void 0:i.data)||void 0===h?void 0:h.posts)||void 0===u?void 0:u.map)||void 0===v?void 0:v.call(u,F))||[]}}catch(e){}if(y.includes(e))try{const[t,i]=yield Promise.all([fetch(M(T()+`/api/options/setting_menu?site=${$[e]}&type=0`)).then((e=>e.json())),fetch(M(T()+`/api/options/setting_menu?site=${$[e]}&type=1`)).then((e=>e.json()))]);B.care={items:(null===(x=null===(b=null===(f=null===(C=null==t?void 0:t._data)||void 0===C?void 0:C.setting_menu)||void 0===f?void 0:f.menu_specialty)||void 0===b?void 0:b.map)||void 0===x?void 0:x.call(b,na))||[],spotlights:(null===(L=null===(k=null===(w=null==i?void 0:i._data.setting_menu)||void 0===w?void 0:w.menu_hospital)||void 0===k?void 0:k.map)||void 0===L?void 0:L.call(k,oa))||[]}}catch(e){}}catch(e){console.error(e)}return B})),La=e=>t(void 0,void 0,void 0,(function*(){return(yield m("nav-menu-content",(()=>$a(e||"en-PH")),(e=>{var t,i;return!!(null===(i=null===(t=null==e?void 0:e.categories)||void 0===t?void 0:t.items)||void 0===i?void 0:i.length)})))||{}}));export{Ee as L,ka as N,et as P,La as a,ot as b,lt as c,la as d,$a as g,he as i};