(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5057],{26895:function(e,t,a){"use strict";a.d(t,{M:function(){return u},S:function(){return h}});var i=a(22470),n=a(67294),l=a(83129),o=a(10917),r=a(70917),s=a(93867),c=a(36308);const d=r.F4` from { transform: translateY(100%); visibility: visible; } to { transform: translateY(0); } `,m=r.F4` from { transform: translate(0, 0); } to { visibility: hidden; transform: translate(0, 100%); } `,p=s.Z.div` cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-items: center; gap: 4px; .mobile-navigation-label { font-weight: 500; font-size: 10px; line-height: 16px; color: ${o.r.colors.gray600}; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 60px; text-align: center; ${c.M.mbDown} { max-width: 60px; } } .mobile-navigation-icon { position: relative; height: 24px; &[data-no-label='true'] { border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px; gap: 16px; width: 40px; height: 40px; } } &[data-is-special='true'] { display: flex; flex-direction: row; align-items: center; padding: 4px 12px 4px 6px; gap: 4px; min-width: 152px; height: 32px; /* Neutral/Neutral-50 */ background: ${o.r.colors.primary50}; border-radius: 20px; flex-grow: 1; .mobile-navigation-icon { &[data-no-label='true'] { width: 24px; height: 24px; } } .mobile-navigation-label { max-width: max-content; color: ${o.r.colors.primaryBase}; } } &[data-is-active='true'] { .mobile-navigation-label { color: ${o.r.colors.primaryBase}; } } &[data-is-disabled='true'] { opacity: 0.2; } `,h=s.Z.div` z-index: 100; position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; max-height: ${({height:e})=>e}px; min-height: ${({height:e})=>e}px; display: flex; height: 100%; align-items: center; justify-content: space-evenly; background-color: ${o.r.colors.white}; @supports (padding-bottom: env(safe-area-inset-bottom)) { min-height: calc(${({height:e})=>e}px + env(safe-area-inset-bottom)); max-height: calc(${({height:e})=>e}px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); } a { text-decoration: none; } &[data-is-collapsed='true'] { animation: ${m} 500ms ease-in-out forwards; } &[data-is-collapsed='false'] { animation: ${d} 500ms ease-in-out forwards; } &[data-template='health-tool'] { height: ${({height:e})=>e}px; max-height: ${({height:e})=>e}px; min-height: ${({height:e})=>e}px; justify-content: space-between; & > div { flex: 0; } } `,g=s.Z.span` position: absolute; left: 100%; transform: translate(-10px, calc(-50% + 3px)); background-color: ${o.r.colors.green800}; border-radius: 32px; border: 2px solid ${o.r.colors.white}; padding: 1px 4px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 20px; aspect-ratio: 1; &[data-no-label='true'] { left: 0; transform: translate(22px, -50%); } `;s.Z.div` position: absolute; top: 0; left: 0; height: 3px; background-color: ${o.r.colors.primaryBase}; transition: width 150ms linear; `,s.Z.div` a { text-decoration: none; } `;const u=e=>{var{badgeAmount:t,disabled:a=!1,hasBadge:r=!1,icon:s,isActive:c=!1,isSpecial:d=!1,label:m}=e,h=(0,i._)(e,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return n.createElement(p,Object.assign({"data-is-special":d,"data-is-active":c,"data-is-disabled":a},h),n.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(m)},r&&n.createElement(g,{"data-no-label":!Boolean(m)},n.createElement(l.T,{size:"s5",weight:"semiBold",color:d?o.r.colors.primaryBase:o.r.colors.white},t)),s),m&&n.createElement("span",{className:"mobile-navigation-label"},m))}},13125:function(e,t,a){"use strict";a.d(t,{g:function(){return r}});var i=a(22470),n=a(65900);const l={},o=(e,t)=>{try{"undefined"!==typeof window?localStorage.setItem((n.y?"":"staging_")+"hhg-cache-"+e,JSON.stringify({data:t,time:Date.now()})):l[e]={data:t,time:Date.now()}}catch(a){}},r=(e,t,a,r=9e5)=>(0,i.a)(void 0,void 0,void 0,(function*(){const s=(e=>{if("undefined"!==typeof window){let a;try{a=JSON.parse(localStorage.getItem((n.y?"":"staging_")+"hhg-cache-"+e)||"{}")}catch(t){}return a||{}}return l[e]})(e);if(null===s||void 0===s?void 0:s.data)return setTimeout((()=>(0,i.a)(void 0,void 0,void 0,(function*(){if(s.time&&Date.now()-s.time>r&&t){const i=yield t();a&&!a(i)||o(e,i)}}))),0),s.data;if(t){const i=yield t();return a&&!a(i)||o(e,i),i}return null}))},49678:function(e,t,a){"use strict";a.d(t,{C:function(){return l}});var i=a(67294),n="d76E4SH";const l=({children:e,className:t,style:a,type:l})=>i.createElement("div",{className:`${n} ${t||""}`,style:a,"data-type":l},e)},71506:function(e,t,a){"use strict";a.d(t,{N:function(){return S},a:function(){return B},b:function(){return N},u:function(){return L}});var i=a(22470),n=a(67294),l=a(76623),o=function(e,t){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n{var{size:t=24,color:a=l.SQ,isActive:i,activeColor:r=l.SK,isSolid:s}=e,c=o(e,["size","color","isActive","activeColor","isSolid"]);const d=i?r:a;return n.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",width:t,height:t},c),n.createElement("path",{d:s?"M12 11.6923C11.0346 11.6923 10.21 11.3503 9.52598 10.6664C8.84201 9.98239 8.50003 9.15773 8.50003 8.19236C8.50003 7.22698 8.84201 6.4023 9.52598 5.71833C10.21 5.03437 11.0346 4.69238 12 4.69238C12.9654 4.69238 13.79 5.03437 14.474 5.71833C15.158 6.4023 15.5 7.22698 15.5 8.19236C15.5 9.15773 15.158 9.98239 14.474 10.6664C13.79 11.3503 12.9654 11.6923 12 11.6923ZM6.01923 19.3077C5.59745 19.3077 5.23881 19.1599 4.94331 18.8644C4.64779 18.5689 4.50003 18.2103 4.50003 17.7885V17.0846C4.50003 16.5949 4.63305 16.1414 4.89908 15.7241C5.1651 15.3068 5.52054 14.986 5.96541 14.7616C6.95387 14.277 7.95099 13.9135 8.95676 13.6712C9.96252 13.4289 10.9769 13.3078 12 13.3078C13.0231 13.3078 14.0375 13.4289 15.0433 13.6712C16.049 13.9135 17.0461 14.277 18.0346 14.7616C18.4795 14.986 18.8349 15.3068 19.1009 15.7241C19.367 16.1414 19.5 16.5949 19.5 17.0846V17.7885C19.5 18.2103 19.3522 18.5689 19.0567 18.8644C18.7612 19.1599 18.4026 19.3077 17.9808 19.3077H6.01923Z":"M12 11.6923C11.0375 11.6923 10.2136 11.3496 9.52816 10.6642C8.84274 9.97879 8.50003 9.15484 8.50003 8.19236C8.50003 7.22986 8.84274 6.40591 9.52816 5.72051C10.2136 5.03509 11.0375 4.69238 12 4.69238C12.9625 4.69238 13.7864 5.03509 14.4719 5.72051C15.1573 6.40591 15.5 7.22986 15.5 8.19236C15.5 9.15484 15.1573 9.97879 14.4719 10.6642C13.7864 11.3496 12.9625 11.6923 12 11.6923ZM17.9808 19.3077H6.01923C5.59745 19.3077 5.23881 19.1599 4.94331 18.8644C4.64779 18.5689 4.50003 18.2103 4.50003 17.7885V17.0846C4.50003 16.5949 4.63305 16.1414 4.89908 15.7241C5.1651 15.3068 5.52054 14.986 5.96541 14.7616C6.95387 14.277 7.95099 13.9135 8.95676 13.6712C9.96252 13.4289 10.9769 13.3078 12 13.3078C13.0231 13.3078 14.0375 13.4289 15.0433 13.6712C16.049 13.9135 17.0461 14.277 18.0346 14.7616C18.4795 14.986 18.8349 15.3068 19.1009 15.7241C19.367 16.1414 19.5 16.5949 19.5 17.0846V17.7885C19.5 18.2103 19.3522 18.5689 19.0567 18.8644C18.7612 19.1599 18.4026 19.3077 17.9808 19.3077ZM6.00001 17.8077H18V17.0846C18 16.8821 17.9413 16.6946 17.824 16.5221C17.7067 16.3497 17.5474 16.209 17.3462 16.1C16.4846 15.6757 15.6061 15.3542 14.7107 15.1356C13.8153 14.917 12.9117 14.8077 12 14.8077C11.0883 14.8077 10.1847 14.917 9.28931 15.1356C8.39387 15.3542 7.51539 15.6757 6.65386 16.1C6.45257 16.209 6.29328 16.3497 6.17598 16.5221C6.05866 16.6946 6.00001 16.8821 6.00001 17.0846V17.8077ZM12 10.1924C12.55 10.1924 13.0208 9.99653 13.4125 9.60486C13.8042 9.21319 14 8.74236 14 8.19236C14 7.64236 13.8042 7.17153 13.4125 6.77986C13.0208 6.38819 12.55 6.19236 12 6.19236C11.45 6.19236 10.9792 6.38819 10.5875 6.77986C10.1958 7.17153 10 7.64236 10 8.19236C10 8.74236 10.1958 9.21319 10.5875 9.60486C10.9792 9.99653 11.45 10.1924 12 10.1924Z",fill:d}))},s=a(37993),c=a(67128),d=a(32763),m=a(83129),p=a(58499),h=a(43125),g=a(10917),u=a(74533),v=a(47440),f=a(68866),y=a(78577),x=a(93867),b=a(36308),E=a(78156),w=a(94184),C=a.n(w),k=a(87511),M=a(3406);const _=e=>n.createElement("svg",Object.assign({width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("rect",{y:"0.5",width:"31",height:"31",rx:"15.5",fill:"white"}),n.createElement("path",{d:"M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z",stroke:"#2743AD",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z",stroke:"#2743AD",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})),$=e=>n.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})),B=n.createContext({}),N=e=>{var{children:t}=e,a=(0,i._)(e,["children"]);const[l,o]=n.useState((()=>a.currentUrl||`https://${"marryBaby"===a.siteType?v.d[a.locale||"en-PH"]:y.v[a.locale||"en-PH"]}${"together"===a.projectType?"/community":"ecom"===a.projectType?"/ecom":"care"===a.projectType?"/care":""}/`));(0,n.useEffect)((()=>{const e=()=>{o(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const r=(({locale:e,projectType:t,siteType:a,enableBookingBtn:i})=>(0,n.useMemo)((()=>{const n="discover"===t||"together"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,l="marryBaby"!==a&&"marryBaby"!==t&&u.C.includes(e),o=i&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&u.d.includes(e),r="marryBaby"===t||u.c.includes(e),s="marryBaby"!==a&&u.E.includes(e),c="marryBaby"!==a&&u.E.includes(e),d=u.V.includes(e),m=u.H.includes(e);let p=(0,f.g)(e,"marryBaby"===a);"undefined"!==typeof window&&(p.includes("//id.")&&(p=p.replace("id.","")),p.includes("//staging-id.")&&(p=p.replace("staging-id.","discover.")));return{enableSearchBar:n,enableNavCare:l,enableNavCareBooking:o,enableNavTogether:r,enableNavEcom:s,enableProfileEcom:c,enableNavVideo:d,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:p,CARE_URL_FE:`${p}/care`,TOGETHER_URL_FE:`${p}/community`,VIDEO_URL_FE:`${p}/videos`,SSO_URL:(0,f.a)(e,"marryBaby"===a),TOGETHER_API:(0,f.b)(),DISCOVER_API:(0,f.c)(e)},enableNavClinityDownload:m}}),[]))({locale:a.locale,projectType:a.projectType,siteType:a.siteType,enableBookingBtn:a.enableBookingBtn});return n.createElement(B.Provider,{value:Object.assign(Object.assign({},a),{customClasses:a.customClasses||{},configs:Object.assign(Object.assign({},r),a.configs),currentUrl:a.currentUrl||l})},t)},L=e=>{const{allowBgScroll:t}=e||{},a=(0,n.useRef)();return{containerRef:a,onContainerFocus:()=>{t||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{t||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur())}}},T=(0,E.Z)(x.Z.div` position: absolute; right: 0; transition: all 0.5s ease-in-out; overflow-y: auto; &[data-open='true'] { z-index: 200; top: 120%; opacity: 1; visibility: visible; } &[data-open='false'] { display: none; } .popup-content { z-index: 111; height: 100%; border: 1px solid #0000001a; border-radius: 16px; border-top-left-radius: 0; border-top-right-radius: 0; } /* min-height: 415px; */ ${b.M.mbUp} { width: 320px; } ${b.M.mbDown} { position: fixed; left: 0; width: 100%; padding-bottom: 70px; } `,"hhgcomp-navprofilebutton-popup"),A=(0,E.Z)(x.Z.div` position: fixed; z-index: 150; top: var(--header-bottom, 56px); left: 0; width: 100%; height: 100%; align-items: center; ${b.M.mbUp} { background-color: transparent; &[data-type='welcome'] { background: rgba(38, 38, 38, 0.3); } &[data-type='due-date'] { background: rgba(38, 38, 38, 0.3); } } ${b.M.mbDown} { background: rgba(38, 38, 38, 0.3); } &[data-type='welcome'] { top: 0; } &[data-open='false'] { display: none; } `,"hhgcomp-navprofilebutton-popupwrapper"),D=x.Z.div` width: 36px; height: 36px; cursor: pointer; img { border-radius: 50%; } .avatar { width: 36px; height: 36px; object-fit: cover; } .avatar-default { display: flex; align-items: center; justify-content: center; background-color: ${g.r.colors.secondaryBase}; border-radius: 50%; color: white; font-size: 20px; font-weight: bold; } `,F=x.Z.div` display: inline-flex; position: relative; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; text-decoration: none; flex-shrink: 0; cursor: pointer; .user-close-icon { display: none; } &:focus-within { .user-close-icon { display: block; } .user-avatar { display: none; } ${T.classSelector} { z-index: 200; top: 120%; opacity: 1; visibility: visible; display: initial; ${b.M.mbDown} { top: 100%; } } ${A.classSelector} { display: initial; } } `,P=x.Z.a` display: inline-flex; .login-btn[data-color='tertiary'][data-size='md'] { padding-left: 12px; padding-right: 12px; } .mobile-only { ${b.M.mbUp} { display: none; } } .login-btn { display: none; ${b.M.mbUp} { display: block; border: 1px solid ${g.r.colors.neutral100}; } } &[data-win-cash-back-theme='true'] { .login-btn { ${b.M.mbUp} { color: ${g.r.colors.white}; } } } `,O=({isOpen:e,userInfo:t,closePopup:a,siteType:i="helloSites",dispatchLogout:l})=>{const{customClasses:o={},configs:{enableProfileFindMyBooking:r}}=(0,n.useContext)(B);return n.createElement(T,{className:o.profilePopup,"data-open":e},n.createElement("div",{className:C()("popup-content",o.profilePopupContent)},n.createElement(k.l,{siteType:i,onLogout:()=>{l&&(l(),a())},userInfo:t,configs:{enableProfileFindMyBooking:r}})))},S=({userInfo:e,siteType:t,onLoginClick:a,currentUrl:l,isMinifyLogin:o,onLogout:u,style:v,isLoading:f,isMobile:y,className:x})=>{const{isWinCashBackTheme:b}=(0,n.useContext)(B),{t:E}=(0,p.u)(),[w,C]=(0,n.useState)(!1),k=(null===e||void 0===e?void 0:e.name)||(null===e||void 0===e?void 0:e.username),{containerRef:N,onContainerFocus:T,onContainerBlur:A,onButtonMouseDown:S,onClose:z}=L(),I=(0,n.useMemo)((()=>y&&"helloSites"===t),[y]);return f?I?n.createElement(s.S,null):n.createElement(d.B,{size:"sm",color:"transparent",loading:!0}):(null===e||void 0===e?void 0:e.id)?n.createElement(n.Fragment,null,n.createElement(F,{ref:N,style:v,tabIndex:0,onBlur:A,onFocus:()=>{var e;T();const t=null===(e=N.current)||void 0===e?void 0:e.querySelector("#navigation-v2 .hhgcomp-navprofilebutton-popup");if(t){const e=`calc(100vh - ${t.getBoundingClientRect().top}px)`;t.setAttribute("style",`max-height: ${e};`)}},className:x},n.createElement("div",{onMouseDown:S},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},n.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),n.createElement(c.A,{size:32,className:"user-avatar",src:null===e||void 0===e?void 0:e.avatar,color:"marryBaby"===t?g.r.mbColors.pink:g.r.colors.secondaryBase,placeholderText:k&&k.length?k[0].toUpperCase():"A"})),n.createElement(O,{dispatchLogout:()=>{z(),C(!0)},isOpen:!1,closePopup:z,siteType:t,userInfo:e})),n.createElement(M.F,{openLogoutPopup:w,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),C(!1)},siteType:t,onLogoutHandler:()=>(0,i.a)(void 0,void 0,void 0,(function*(){C(!1),document.body.classList.toggle("noscroll",!1),yield u()}))})):n.createElement(P,{style:Object.assign({textDecoration:"none"},v),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":l,"data-win-cash-back-theme":b,"data-site-type":t,onClick:a},o?n.createElement(D,null,n.createElement("img",{src:h.C.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):n.createElement(n.Fragment,null,"helloSites"===t&&(I?b?n.createElement(_,{className:"mobile-only",style:{cursor:"pointer"}}):n.createElement("img",{className:"mobile-only",src:h.C.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24}}):n.createElement(d.B,{className:"mobile-only",size:"sm",leftIcon:n.createElement(r,{color:"currentColor",isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"},styles:{leftIcon:{marginRight:4}}},E("navigation.loginJoin"))),"marryBaby"===t&&n.createElement("div",{className:"mobile-only",style:{paddingLeft:16}},n.createElement(m.T,{size:"p3",color:g.r.mbColors.pink},E("navigation.loginJoin"))),"marryBaby"===t?n.createElement(d.B,{className:"login-btn",size:"md",leftIcon:n.createElement(r,{color:"currentColor",isSolid:!0,size:22})},E("navigation.loginJoin")):n.createElement(d.B,{className:"login-btn",size:"md",leftIcon:b?n.createElement($,null):n.createElement(r,{color:"#595959",isSolid:!0,size:22}),variant:"ghost",color:"#262626",style:{borderRadius:b?28:void 0,borderColor:b?"rgba(255, 255, 255, 0.2)":void 0},styles:{root:b?{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)",borderColor:"rgba(255, 255, 255, 0.2)"}}:void 0}},E("navigation.loginJoin"))))}},18953:function(e,t,a){"use strict";a.d(t,{N:function(){return Da},a:function(){return Pa},b:function(){return Re},g:function(){return Fa}});var i=a(22470),n=a(67294),l=a(52307),o=a(74533),r=a(68866),s=a(51905),c=function(e,t){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n{var{size:t=15,width:a=16,height:i=15}=e,l=c(e,["size","width","height"]);return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:a||t,height:i||t,viewBox:"0 0 16 15"},l),n.createElement("g",{filter:"url(#filter0_dd_1935_42974)"},n.createElement("g",{filter:"url(#filter1_iii_1935_42974)"},n.createElement("path",{d:"M7.12068 2.00468C7.12068 1.91737 7.11455 1.82393 7.10842 1.73432C7.08622 1.12362 6.48538 0.663415 5.89984 0.688873C5.20975 0.729335 5.0613 1.69561 5.6517 1.98553C5.7413 2.03302 5.76658 2.07438 5.75739 2.15786C5.75739 3.76885 5.75739 5.6094 5.75739 7.20585C5.76122 7.26942 5.7413 7.30159 5.68003 7.32763C5.0491 7.60239 5.20568 8.60421 5.91286 8.63195C6.49619 8.66111 7.07338 8.1784 7.10842 7.58803C7.11532 7.49689 7.12068 7.40805 7.12068 7.31614C7.12068 5.54578 7.13438 3.775 7.12068 2.00468Z",fill:"white"}),n.createElement("path",{d:"M4.02804 7.34455C3.91928 7.29707 3.88405 7.23656 3.89554 7.11248V2.11657C3.90499 2.00317 3.99905 2.00853 4.07246 1.9519C4.61592 1.59515 4.3849 0.702926 3.72627 0.688181H3.7033C3.04437 0.688181 2.53148 1.23412 2.53148 1.88221C2.53148 3.27445 2.52998 4.66669 2.53455 6.05892C2.53608 6.52473 2.53761 6.98979 2.53761 7.45484C2.53761 8.07413 3.06525 8.62972 3.68875 8.62972C4.3681 8.62972 4.67694 7.65171 4.02804 7.34455Z",fill:"white"}),n.createElement("path",{d:"M11.3271 5.85629C11.3271 6.20061 11.048 6.47973 10.7037 6.47973C10.3594 6.47973 10.0803 6.20061 10.0803 5.85629C10.0803 5.51198 10.3594 5.23286 10.7037 5.23286C11.048 5.23286 11.3271 5.51198 11.3271 5.85629Z",fill:"white"}),n.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.92657 5.82117C7.92657 7.15854 8.85234 8.281 10.0886 8.56396C10.0001 10.1471 8.04007 10.2211 6.86951 10.0342C6.59915 9.98982 6.35789 9.914 6.15264 9.80907C5.87002 9.66279 5.66323 9.43302 5.53916 9.12819C5.48193 8.98672 5.44596 8.83614 5.38138 8.69776C5.26573 8.4274 4.98159 8.28188 4.70663 8.35158C4.42172 8.42204 4.23178 8.67019 4.2448 8.9551C4.26217 9.37 4.43712 9.78198 4.68442 10.1108C4.94559 10.4647 5.29177 10.7358 5.74288 10.938C6.37935 11.2276 7.07939 11.3125 7.7725 11.3125C8.54709 11.3125 9.36425 11.1805 10.0395 10.7825C10.6826 10.4023 11.2904 9.90524 11.3028 8.56586C12.5432 8.28605 13.4732 7.16155 13.4732 5.82117C13.4732 4.27101 12.2294 3.00959 10.6999 3.00959C9.17038 3.00959 7.92657 4.27101 7.92657 5.82117ZM12.2018 5.82117C12.2018 6.66212 11.5278 7.34607 10.6999 7.34607C9.87117 7.34607 9.19795 6.66212 9.19795 5.82117C9.19795 4.98022 9.87194 4.29628 10.6999 4.29628C11.5286 4.29705 12.2018 4.98099 12.2018 5.82117Z",fill:"white"})),n.createElement("mask",{id:"mask0_1935_42974",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"12",height:"12"},n.createElement("path",{d:"M7.12068 2.00468C7.12068 1.91737 7.11455 1.82393 7.10842 1.73432C7.08622 1.12362 6.48538 0.663415 5.89984 0.688873C5.20975 0.729335 5.0613 1.69561 5.6517 1.98553C5.7413 2.03302 5.76658 2.07438 5.75739 2.15786C5.75739 3.76885 5.75739 5.6094 5.75739 7.20585C5.76122 7.26942 5.7413 7.30159 5.68003 7.32763C5.0491 7.60239 5.20568 8.60421 5.91286 8.63195C6.49619 8.66111 7.07338 8.1784 7.10842 7.58803C7.11532 7.49689 7.12068 7.40805 7.12068 7.31614C7.12068 5.54578 7.13438 3.775 7.12068 2.00468Z",fill:"white"}),n.createElement("path",{d:"M4.02804 7.34455C3.91928 7.29707 3.88405 7.23656 3.89554 7.11248V2.11657C3.90499 2.00317 3.99905 2.00853 4.07246 1.9519C4.61592 1.59515 4.3849 0.702926 3.72627 0.688181H3.7033C3.04437 0.688181 2.53148 1.23412 2.53148 1.88221C2.53148 3.27445 2.52998 4.66669 2.53455 6.05892C2.53608 6.52473 2.53761 6.98979 2.53761 7.45484C2.53761 8.07413 3.06525 8.62972 3.68875 8.62972C4.3681 8.62972 4.67694 7.65171 4.02804 7.34455Z",fill:"white"}),n.createElement("path",{d:"M11.3271 5.85629C11.3271 6.20061 11.048 6.47973 10.7037 6.47973C10.3594 6.47973 10.0803 6.20061 10.0803 5.85629C10.0803 5.51198 10.3594 5.23286 10.7037 5.23286C11.048 5.23286 11.3271 5.51198 11.3271 5.85629Z",fill:"white"}),n.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.92657 5.82117C7.92657 7.15854 8.85234 8.281 10.0886 8.56396C10.0001 10.1471 8.04007 10.2211 6.86951 10.0342C6.59915 9.98982 6.35789 9.914 6.15264 9.80907C5.87002 9.66279 5.66323 9.43302 5.53916 9.12819C5.48193 8.98672 5.44596 8.83614 5.38138 8.69776C5.26573 8.4274 4.98159 8.28188 4.70663 8.35158C4.42172 8.42204 4.23178 8.67019 4.2448 8.9551C4.26217 9.37 4.43712 9.78198 4.68442 10.1108C4.94559 10.4647 5.29177 10.7358 5.74288 10.938C6.37935 11.2276 7.07939 11.3125 7.7725 11.3125C8.54709 11.3125 9.36425 11.1805 10.0395 10.7825C10.6826 10.4023 11.2904 9.90524 11.3028 8.56586C12.5432 8.28605 13.4732 7.16155 13.4732 5.82117C13.4732 4.27101 12.2294 3.00959 10.6999 3.00959C9.17038 3.00959 7.92657 4.27101 7.92657 5.82117ZM12.2018 5.82117C12.2018 6.66212 11.5278 7.34607 10.6999 7.34607C9.87117 7.34607 9.19795 6.66212 9.19795 5.82117C9.19795 4.98022 9.87194 4.29628 10.6999 4.29628C11.5286 4.29705 12.2018 4.98099 12.2018 5.82117Z",fill:"white"})),n.createElement("g",{mask:"url(#mask0_1935_42974)"},n.createElement("g",{filter:"url(#filter2_f_1935_42974)"},n.createElement("path",{d:"M3.61232 8.43666C3.72105 8.61198 4.17739 9.16729 4.06051 9.23977C3.94363 9.31226 3.42138 9.07376 3.18906 8.69916C3.08033 8.52384 3.08694 8.32295 3.20382 8.25047C3.3207 8.17798 3.50359 8.26134 3.61232 8.43666Z",fill:"white"})),n.createElement("g",{filter:"url(#filter3_f_1935_42974)"},n.createElement("ellipse",{cx:"3.63046",cy:"1.59449",rx:"0.249023",ry:"0.373535",transform:"rotate(30 3.63046 1.59449)",fill:"white"})),n.createElement("g",{filter:"url(#filter4_f_1935_42974)"},n.createElement("rect",{x:"3.0625",y:"2.05957",width:"0.166016",height:"6.3916",fill:"white"})),n.createElement("g",{filter:"url(#filter5_f_1935_42974)"},n.createElement("rect",{x:"6.38281",y:"2.05957",width:"0.166016",height:"6.3916",fill:"white"})),n.createElement("g",{filter:"url(#filter6_f_1935_42974)"},n.createElement("path",{d:"M6.56083 8.63727C6.41976 8.836 6.08056 9.02885 5.96841 8.94924C5.85627 8.86963 6.01364 8.5477 6.15471 8.34897C6.29579 8.15024 6.50107 8.05367 6.61322 8.13329C6.72536 8.2129 6.70191 8.43854 6.56083 8.63727Z",fill:"white"})),n.createElement("g",{filter:"url(#filter7_f_1935_42974)"},n.createElement("ellipse",{cx:"6.20712",cy:"1.7605",rx:"0.249023",ry:"0.373535",transform:"rotate(-30 6.20712 1.7605)",fill:"white"})))),n.createElement("defs",null,n.createElement("filter",{id:"filter0_dd_1935_42974",x:"0.539062",y:"0.189819",width:"14.9258",height:"14.609",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},n.createElement("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),n.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.createElement("feOffset",{dy:"0.332031"}),n.createElement("feGaussianBlur",{stdDeviation:"0.332031"}),n.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"}),n.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_1935_42974"}),n.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.createElement("feOffset",{dy:"1.49414"}),n.createElement("feGaussianBlur",{stdDeviation:"0.996094"}),n.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"}),n.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_1935_42974",result:"effect2_dropShadow_1935_42974"}),n.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_1935_42974",result:"shape"})),n.createElement("filter",{id:"filter1_iii_1935_42974",x:"2.19922",y:"-0.142212",width:"11.4395",height:"11.4547",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},n.createElement("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),n.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),n.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.createElement("feOffset",{dx:"-0.332031",dy:"-0.830078"}),n.createElement("feGaussianBlur",{stdDeviation:"0.830078"}),n.createElement("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),n.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.0582292 0 0 0 0 0.132925 0 0 0 0 0.325 0 0 0 0.25 0"}),n.createElement("feBlend",{mode:"normal",in2:"shape",result:"effect1_innerShadow_1935_42974"}),n.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.createElement("feOffset",{dx:"0.166016",dy:"-0.332031"}),n.createElement("feGaussianBlur",{stdDeviation:"0.166016"}),n.createElement("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),n.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.45 0"}),n.createElement("feBlend",{mode:"normal",in2:"effect1_innerShadow_1935_42974",result:"effect2_innerShadow_1935_42974"}),n.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.createElement("feOffset",{dx:"-0.166016",dy:"-0.830078"}),n.createElement("feGaussianBlur",{stdDeviation:"0.415039"}),n.createElement("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),n.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.766667 0 0 0 0 0.888 0 0 0 0 1 0 0 0 1 0"}),n.createElement("feBlend",{mode:"normal",in2:"effect2_innerShadow_1935_42974",result:"effect3_innerShadow_1935_42974"})),n.createElement("filter",{id:"filter2_f_1935_42974",x:"2.68844",y:"7.79953",width:"1.81452",height:"1.878",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},n.createElement("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),n.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),n.createElement("feGaussianBlur",{stdDeviation:"0.212419",result:"effect1_foregroundBlur_1935_42974"})),n.createElement("filter",{id:"filter3_f_1935_42974",x:"2.91891",y:"0.822964",width:"1.41999",height:"1.54304",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},n.createElement("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),n.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),n.createElement("feGaussianBlur",{stdDeviation:"0.212419",result:"effect1_foregroundBlur_1935_42974"})),n.createElement("filter",{id:"filter4_f_1935_42974",x:"2.63766",y:"1.63473",width:"1.01765",height:"7.24128",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},n.createElement("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),n.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),n.createElement("feGaussianBlur",{stdDeviation:"0.212419",result:"effect1_foregroundBlur_1935_42974"})),n.createElement("filter",{id:"filter5_f_1935_42974",x:"5.95797",y:"1.63473",width:"1.01765",height:"7.24128",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},n.createElement("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),n.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),n.createElement("feGaussianBlur",{stdDeviation:"0.212419",result:"effect1_foregroundBlur_1935_42974"})),n.createElement("filter",{id:"filter6_f_1935_42974",x:"5.50485",y:"7.68051",width:"1.60358",height:"1.71198",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},n.createElement("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),n.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),n.createElement("feGaussianBlur",{stdDeviation:"0.212419",result:"effect1_foregroundBlur_1935_42974"})),n.createElement("filter",{id:"filter7_f_1935_42974",x:"5.49704",y:"0.988979",width:"1.41999",height:"1.54304",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},n.createElement("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),n.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),n.createElement("feGaussianBlur",{stdDeviation:"0.212419",result:"effect1_foregroundBlur_1935_42974"}))))},m=a(64736),p=a(93867),h=a(67128),g=a(10917),u=a(71506),v=function(e,t){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n{var{size:t=15,color:a="#fff"}=e,i=v(e,["size","color"]);const l=Object.assign({width:t,height:t},i);return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 24",fill:"none"},l),n.createElement("path",{d:"M6.40025 8.62258C6.46826 8.8266 6.66029 8.96462 6.87531 8.96462C7.09034 8.96462 7.28136 8.8266 7.35037 8.62258C7.61543 7.8274 8.23941 7.20343 9.03458 6.93837C9.23861 6.87036 9.37663 6.67933 9.37663 6.46431C9.37663 6.24928 9.23861 6.05826 9.03458 5.99025C8.23941 5.72519 7.61543 5.10121 7.35037 4.30604C7.21335 3.89799 6.53827 3.89799 6.40125 4.30604C6.13619 5.10121 5.51222 5.72519 4.71704 5.99025C4.51302 6.05826 4.375 6.24928 4.375 6.46431C4.375 6.67933 4.51302 6.87036 4.71704 6.93837C5.51196 7.20334 6.13585 7.82748 6.40025 8.62258Z",fill:"url(#paint0_linear_1645_53328)"}),n.createElement("path",{d:"M19.9028 11.803C17.0091 10.6589 14.7181 8.36794 13.574 5.47422C13.347 4.90215 12.4059 4.90215 12.1789 5.47422C11.0348 8.36794 8.74378 10.6589 5.85006 11.803C5.56402 11.916 5.375 12.1931 5.375 12.5001C5.375 12.8071 5.56302 13.0842 5.85006 13.1972C8.74378 14.3413 11.0348 16.6323 12.1789 19.526C12.2919 19.812 12.5689 20 12.8759 20C13.183 20 13.46 19.812 13.573 19.526C14.7171 16.6323 17.0081 14.3413 19.9018 13.1972C20.1879 13.0842 20.3769 12.8071 20.3769 12.5001C20.3769 12.1931 20.1899 11.916 19.9028 11.803Z",fill:"url(#paint1_linear_1645_53328)"}),n.createElement("defs",null,n.createElement("linearGradient",{id:"paint0_linear_1645_53328",x1:"5.37533",y1:"6.85466",x2:"9.67227",y2:"6.30304",gradientUnits:"userSpaceOnUse"},n.createElement("stop",{"stop-color":a}),n.createElement("stop",{offset:"1","stop-color":"#79E3DB"})),n.createElement("linearGradient",{id:"paint1_linear_1645_53328",x1:"8.37538",y1:"13.6442",x2:"21.2654",y2:"11.9966",gradientUnits:"userSpaceOnUse"},n.createElement("stop",{"stop-color":a}),n.createElement("stop",{offset:"1","stop-color":"#79E3DB"}))))},y=a(95954),x=a(44036),b=a(91938),E=a(26621),w=a(19827),C=a(86010),k=a(86770),M=a(23493),_=a.n(M),$=a(81588),B=a(43125),N=a(83129),L=a(32763),T=a(36308),A=a(65900),D=a(34155);const F="vi-VN",P=(D.env.NEXT_PUBLIC_GOOGLE_MAP_KEY||D.env.GOOGLE_API_KEY||D.env.NEXT_PUBLIC_GOOGLE_API_KEY,D.env.NEXT_PUBLIC_ADMIN_GOOGLE_LOCATION_KEY,D.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID,{"vi-VN":"hellobacsi.com","id-ID":"hellosehat.com","ms-MY":"hellodoktor.com","km-KH":"hellokrupet.com","en-PH":"hellodoctor.com.ph","th-TH":"hellokhunmor.com","my-MM":"hellosayarwon.com","zh-TW":"helloyishi.com.tw","hi-IN":"helloswasthya.com"});A.y,A.y,D.env.NEXT_PUBLIC_TOGETHER_API_URL&&""!==D.env.NEXT_PUBLIC_TOGETHER_API_URL&&D.env.NEXT_PUBLIC_TOGETHER_API_URL,D.env.NEXT_PUBLIC_SSO_URL;var O;!function(e){e[e.FEMALE=0]="FEMALE",e[e.MALE=1]="MALE",e[e.ANY=2]="ANY"}(O||(O={}));const S={"en-PH":{PRODUCT:"product",CATEGORY:"category",BRAND:"brand",SEARCH:"search",PROFILE:"profile",PROFILE_MANAGE_ORDERS:"profile/manage-orders",PROFILE_MANAGE_ADDRESS:"profile/deliver-address",PROFILE_VOUCHER:"profile/voucher",PROFILE_MEMBER_CARD:"profile/member-card",CART:"cart",CART_CHECKOUT:"cart/checkout",ORDER_CONFIRMATION:"order-confirmation",PROMOTION:"promotion"},"vi-VN":{PRODUCT:"san-pham",CATEGORY:"danh-muc",BRAND:"thuong-hieu",SEARCH:"tim-kiem",PROFILE:"ho-so",PROFILE_MANAGE_ORDERS:"ho-so/quan-li-don-hang",PROFILE_MANAGE_ADDRESS:"ho-so/dia-chi-giao-hang",PROFILE_VOUCHER:"ho-so/khuyen-mai",PROFILE_MEMBER_CARD:"ho-so/the-thanh-vien",CART:"gio-hang",CART_CHECKOUT:"gio-hang/thanh-toan",ORDER_CONFIRMATION:"kiem-tra-don-hang",PROMOTION:"khuyen-mai"}};var z=a(43568);const I=e=>{var{styles:t,color:a=g.r.colors.red700}=e,l=(0,i._)(e,["styles","color"]);return n.createElement(E.z,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},t),color:a},l))};var j=a(58499);var Z=a(31171),H=a(78156),R=a(57849),U=a(94044),G=a(47856),V=a.n(G),W=a(78577),q=a(49678),Y=a(90411),K=a.n(Y),X=a(93912),Q=a.n(X),J=a(63946),ee=a(86315),te=a(23279),ae=a.n(te),ie=a(13125);const ne=e=>n.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M4 12H20",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M4 7H20",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M4 17H20",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),le=e=>n.createElement("svg",Object.assign({width:"22",height:"28",viewBox:"0 0 22 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M6.35278 10.7516C6.42759 10.976 6.63881 11.1279 6.87534 11.1279C7.11187 11.1279 7.322 10.976 7.39791 10.7516C7.68947 9.87691 8.37585 9.19053 9.25054 8.89896C9.47497 8.82415 9.62679 8.61403 9.62679 8.3775C9.62679 8.14097 9.47497 7.93084 9.25054 7.85603C8.37585 7.56446 7.68947 6.87809 7.39791 6.00339C7.24719 5.55453 6.5046 5.55453 6.35388 6.00339C6.06231 6.87809 5.37594 7.56446 4.50125 7.85603C4.27682 7.93084 4.125 8.14097 4.125 8.3775C4.125 8.61403 4.27682 8.82415 4.50125 8.89896C5.37565 9.19043 6.06193 9.87699 6.35278 10.7516Z",fill:"#2743AD"}),n.createElement("path",{d:"M20.1723 14.3286L18.5342 13.6789C16.821 12.9995 15.4655 11.6411 14.7897 9.92641L14.1396 8.27697C13.9232 7.72994 13.0262 7.72994 12.8097 8.27697L12.1597 9.92641C11.4839 11.6411 10.1284 12.9995 8.41517 13.6789L6.77705 14.3286C6.5044 14.4367 6.32422 14.7016 6.32422 14.9952C6.32422 15.2888 6.50345 15.5537 6.77705 15.6618L8.41517 16.3115C10.1284 16.991 11.4839 18.3494 12.1597 20.064L12.8097 21.7135C12.9175 21.987 13.1815 22.1668 13.4742 22.1668C13.7669 22.1668 14.031 21.987 14.1387 21.7135L14.7888 20.064C15.4646 18.3494 16.8201 16.991 18.5333 16.3115L20.1714 15.6618C20.444 15.5537 20.6242 15.2888 20.6242 14.9952C20.6242 14.7016 20.4459 14.4367 20.1723 14.3286Z",fill:"#2743AD"})),oe=(0,p.Z)(h.I)` .mantine-Input-input { border-radius: 40px; background: ${g.r.colors.white}; border: 1px solid ${g.r.colors.blue200}; &:focus { border: 1px solid ${g.r.colors.primaryBase}; } } .close-icon-wrapper { display: flex; background-color: ${g.r.colors.gray400}; border-radius: 100%; cursor: pointer; svg { pointer-events: none; } } .search-icon-btn { display: flex; justify-content: center; align-items: center; } `,re="hhg_search_history",se=({id:e,isMobile:t=!1,isHomepage:a=!1,projectType:i,isRedirectSearchPage:l=!1})=>{const{locale:r,siteType:s,isWinCashBackTheme:c}=(0,n.useContext)(u.a),[d,p]=(0,n.useState)(""),[h,v]=(0,n.useState)("Search From Another Page"),{t:f}=(0,j.u)(),y=(0,n.useCallback)(((e="")=>{let t="";"together"===i&&(t="community"),"discover"===i&&(t=window.location.pathname.startsWith("/health-tools/")?"health-tools":i),localStorage.setItem(re,window.location.href);const a=new URLSearchParams(window.location.search);a.set("source",t),a.set("s",e),a.delete("page"),window.location.href=`/search/?${a.toString()}`}),[i]),x=(0,n.useCallback)((()=>{const e=localStorage.getItem(re);e?(localStorage.removeItem(re),window.location.href=e):y("")}),[y]);return(0,n.useEffect)((()=>{if("undefined"!==typeof window){const e=new URL(window.location.href),t=new URLSearchParams(e.search).get("s");"discover"===i&&window.location.pathname.startsWith("/search/")&&v("Search Page"),p(t)}}),[]),t&&!a?n.createElement(L.B,{variant:"tertiary",style:{padding:"6px"},size:"sm",onClick:x},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",style:{verticalAlign:"bottom"}},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z",fill:"#8C8C8C"}))):n.createElement(oe,{className:"fake-search-input",name:"search-input-menu-service"+e,size:"md","data-event-category":h,"data-event-action":"Search","data-event-label":d,placeholder:"marryBaby"===s?f("navigation.search.input.placeholder"):f("home.search",{site:o.L[r||"en-PH"]?o.L[r||"en-PH"].SITE_NAME:""}),onChange:p,value:d,onKeyDown:e=>"Enter"===e.key&&y(e.target.value),type:"search",onFocus:e=>{e.preventDefault(),(t&&a||l)&&y("")},rightSection:d?n.createElement("div",{className:"close-icon-wrapper",onClick:()=>p(""),"data-event-category":"Search Page","data-event-action":"Delete Search"},n.createElement(m.Z,{size:17,color:g.r.colors.white})):c?n.createElement(le,{className:"star-pair-icon"}):"",icon:n.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",className:"search-icon-btn",onClick:()=>{(t&&a||l)&&y("")}},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",style:{verticalAlign:"bottom"}},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z",fill:"#8C8C8C"})))})},ce=({path:e,locale:t})=>{var a;return`/shop/${null===(a=S[t||"vi-VN"])||void 0===a?void 0:a[e]}/`};var de=(0,x.k)((()=>({root:{textDecoration:"none"},iconText:{color:"#fff"}})));const me=e=>{var{count:t,styles:a,className:l,classNames:o,locale:r}=e,s=(0,i._)(e,["count","styles","className","classNames","locale"]);const{classes:c,cx:d}=de(void 0,{name:"CartBadge",styles:a,classNames:o});return"undefined"!==typeof t?n.createElement(b.x,Object.assign({component:"a",href:ce({path:"CART",locale:r}),className:d(c.root,l)},s),n.createElement(E.z,{withBorder:!0,color:"red",size:20,disabled:0===t,label:n.createElement(N.T,{className:c.iconText,size:"s5"},t>99?"99+":t)},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n.createElement("path",{d:"M5.308 21.5q-.748 0-1.278-.53a1.74 1.74 0 0 1-.53-1.278V8.308q0-.75.53-1.278.53-.53 1.278-.53H7.5q0-1.873 1.313-3.187Q10.127 2 12 2t3.187 1.313T16.5 6.5h2.192q.749 0 1.278.53.53.53.53 1.278v11.384q0 .749-.53 1.278-.53.53-1.278.53zm0-1.5h13.384a.3.3 0 0 0 .212-.096.3.3 0 0 0 .096-.212V8.308a.3.3 0 0 0-.096-.212.3.3 0 0 0-.212-.096H5.308a.3.3 0 0 0-.212.096.3.3 0 0 0-.096.212v11.384q0 .116.096.212a.3.3 0 0 0 .212.096M9 6.5h6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3.5q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6.5m2.985 7q1.695 0 3.047-1.148 1.35-1.148 1.335-2.606a.74.74 0 0 0-.207-.528.7.7 0 0 0-.527-.218.7.7 0 0 0-.471.182 1 1 0 0 0-.295.506 2.8 2.8 0 0 1-1.036 1.665 2.9 2.9 0 0 1-1.846.647 2.93 2.93 0 0 1-1.854-.647A2.73 2.73 0 0 1 9.1 9.688q-.086-.34-.278-.514A.66.66 0 0 0 8.367 9a.72.72 0 0 0-.534.218.72.72 0 0 0-.216.528q0 1.457 1.336 2.606 1.335 1.148 3.032 1.148",fill:"#2D87F3"})))):null},pe=p.Z.div` &.block-show { display: block; } `,he=({forceDisplay:e,mediaQueryKey:t,children:a,className:i,style:l})=>{const[o,r]=(0,n.useMemo)((()=>(0,T.g)(t)),[t]);return n.createElement(pe,{lowerBound:e?0:o,upperBound:e?0:r,className:i,style:l},a)};var ge="wnUb-dV",ue="cjbOxWe";const ve=({item:e,menu:t})=>{const{isWinCashBackTheme:a}=(0,n.useContext)(u.a),{containerRef:i,onButtonMouseDown:l,onClose:o}=(0,u.u)({allowBgScroll:!0}),r=(()=>{const[e,t]=(0,n.useState)(!0);return(0,n.useEffect)((()=>{t(!1)}),[]),e})();return!e.popupType&&e.link?n.createElement(fe,{isNew:e.isNew},n.createElement("a",{className:"hhgcomp-navigation-itemnav-headeritem "+(r?"":`menu-handler-${e.id}`),tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},n.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:ue},e.name))):n.createElement(fe,{isNew:e.isNew},n.createElement("div",{ref:i,className:"hhgcomp-navigation-itemnav-headeritem "+(r?"":`menu-handler-${e.id}`),tabIndex:0,key:e.id,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,style:{borderBottom:a?"none":void 0}},n.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:l,className:ue,style:{color:a?"white":void 0}},e.name,e.popupType&&n.createElement(n.Fragment,null,(null===e||void 0===e?void 0:e.icon)?n.createElement("div",{className:"wrapper-menu-icon"},n.createElement("div",{className:"origin-icon",style:{filter:a?"brightness(0) invert(1)":void 0}},e.icon),n.createElement("div",{className:"close-icon",onClick:o},n.createElement(m.Z,{size:16,color:a?"white":void 0}))):n.createElement("div",{className:ge},n.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},n.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:a?"white":"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"}))))),n.isValidElement(t)?n.cloneElement(t,{onClose:o}):null))},fe=({isNew:e,children:t})=>{const{t:a}=(0,j.u)();return e?n.createElement(I,{color:"green",label:a("home.navigator.menuItem.new"),size:20,styles:{root:{paddingRight:10}}},t):n.createElement(n.Fragment,null,t)},ye=p.Z.div` display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 3.5rem; ${T.M.tdDown} { grid-template-columns: repeat(1, 1fr); } `,xe=p.Z.div` height: 152px; position: absolute; top: 0; left: 0; z-index: 3; overflow: hidden; border-radius: 4px; padding: 16px; width: 100%; .img-container { width: 100%; height: 100%; } img { width: 100%; height: 100%; display: block; object-fit: contain; } ${T.M.tdDown} { margin-bottom: 0; padding: 0; height: 100%; position: unset; width: 150px; } ${T.M.mbDown} { width: 80px; } `,be=p.Z.div` background-color: #ffffff; border-radius: 4px; width: 100%; height: 100%; `,Ee=p.Z.div` display: flex; margin-top: 1rem; align-items: center; color: ${g.r.colors.primaryBase}; font-weight: 400; font-size: 14px; text-decoration: none; ${T.M.tdDown} { display: none; } `,we=p.Z.p` font-size: 16px; font-weight: 600; line-height: 1.6; color: ${g.r.colors.gray800}; ${T.M.tdDown} { padding: 0; } `,Ce=p.Z.p` font-size: 14px; line-height: 1.6; font-weight: 400; color: ${g.r.colors.gray600}; height: 40px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: auto; ${T.M.tdDown} { height: unset; padding: 0; } `,ke=(0,H.Z)(p.Z.div` display: flex; flex-direction: column; gap: 8px; flex: 1; z-index: 1; ${T.M.tdDown} { gap: 4px; } `,"hhgcomp-navigation-menucareitem-contentwrapper"),Me=p.Z.a` text-decoration: none; border-radius: 4px; background: ${g.r.colors.white}; position: relative; overflow: hidden; padding: 16px; display: flex; padding-top: 166px; * { pointer-events: none; } ${T.M.tdUp} { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04); gap: 30px; flex-direction: column; a { display: flex; width: 100%; } } ${T.M.tdDown} { padding-top: 16px; a { display: none; } grid-template-columns: 2fr 1fr; gap: 10px; display: grid; max-height: 110px; display: flex; flex-direction: row-reverse; > ${ke.classSelector} { flex: 1; } img { width: 150px; } } ${T.M.mbDown} { box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); display: flex; flex-direction: row-reverse; img { width: 80px; height: 80px; } } ${T.M.tdOnly} { border: 1px solid ${g.r.colors.neutral100}; } .bg-svg { width: 100%; max-width: 245px; height: 100%; top: 0; right: -40px; position: absolute; display: inline-block; } `,_e=({item:e,index:t=0})=>{var a;const{t:i}=(0,j.u)(),{locale:l,configs:{statics:o}}=(0,n.useContext)(u.a);if(!e)return null;const r=`${o.CARE_URL_FE}/${null===(a=Z.L[l])||void 0===a?void 0:a.HOSPITAL}/${e.slug}-${e.id}`;return n.createElement(Me,{key:e.id,href:r,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":r},n.createElement("img",{src:B.C.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),n.createElement(xe,null,n.createElement(be,null,n.createElement("img",{loading:"lazy",alt:e.name,src:e.logo||"/images/avatar.jpg"}))),n.createElement(ke,null,n.createElement(we,null,e.name),n.createElement(Ce,null,e.description),n.createElement(Ee,null,i("home.seeMore"),n.createElement("img",{src:B.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))))},$e=p.Z.div` padding: 16px; border-radius: 8px; position: relative; z-index: 1; overflow: hidden; a { text-decoration: none; } .bg-svg { height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } ${T.M.mbDown} { display: block; .bg-svg { right: -24px; left: unset; top: 0; transform: rotateY(180deg); } } ${T.M.mbUp} { display: grid; grid-gap: 10px; grid-template-columns: 1fr 3fr; } `,Be=p.Z.div` font-weight: 400; font-size: 14px; line-height: 24px; color: ${g.r.colors.gray600}; margin-bottom: 15px; `,Ne=p.Z.div` font-weight: 600; font-size: 16px; line-height: 26px; color: #000000; margin-bottom: 4px; `,Le=p.Z.div` background: #fff; padding: 5px; display: flex; align-items: center; justify-content: center; border-radius: 50px; `,Te=p.Z.div` display: flex; justify-content: center; align-items: center; position: relative; ${T.M.mbDown} { justify-content: end; min-height: 100px; } `,Ae=({title:e,link:t,description:a,cta:i,icon:l})=>{const{siteType:o}=(0,n.useContext)(u.a);return n.createElement($e,{"data-theme":o},n.createElement(Te,null,n.createElement("img",{src:"marryBaby"===o?B.C.getAssetPath("navMBSpotlightBgNoData.svg"):B.C.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),n.createElement(Le,null,l&&n.createElement("img",{src:l,width:64,height:64,loading:"lazy"}))),n.createElement("div",null,e&&n.createElement(Ne,null,e),a&&n.createElement(Be,null,a),i&&n.createElement("div",null,n.createElement("a",{href:t},n.createElement(R.B,{theme:o,className:"survey-contact-submit",size:"md"},i)))))},De=p.Z.div` margin-top: 10px; background: #ffffff; padding: 5px 15px; position: relative; ${T.M.mbDown} { &:after { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background-color: ${g.r.colors.neutral100}; content: ''; } } `,Fe=p.Z.div` margin: 15px 0; display: flex; `,Pe=p.Z.a` padding-left: 10px; display: flex; align-items: center; text-decoration: none; font-weight: 400; font-size: 14px; color: ${g.r.colors.primaryBase}; &[data-theme='marryBaby'] { color: ${g.r.mbColors.pink}; } img { padding-left: 5px; } ${T.M.mbDown} { margin-left: auto; } `,Oe=({title:e,viewMore:t,children:a,link:i,dataEventAction:l=""})=>{const{siteType:o}=(0,n.useContext)(u.a);return n.createElement(De,null,n.createElement(Fe,null,n.createElement(U.H,{tag:"marryBaby"===o?"h5":"h6",as:"p",fontWeight:"semibold"},e),t&&n.createElement(Pe,{"data-event-category":"Hamburger Navigation","data-event-action":l,"data-event-label":i,href:i,"data-theme":o},t,n.createElement("img",{src:"marryBaby"===o?B.C.getAssetPath("chevronRightPink.svg"):B.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"}))),a)},Se=({spotlights:e=[],hrefViewMore:t})=>{const{t:a}=(0,j.u)(),{siteType:i}=(0,n.useContext)(u.a);return n.createElement(Oe,{title:a("home.navigator.menu.spotlightHospitals")},0!==e.length?n.createElement(n.Fragment,null,n.createElement(ye,null,null===e||void 0===e?void 0:e.slice(0,3).map(((e,t)=>n.createElement(_e,{key:t,index:t,item:e})))),n.createElement("div",{style:{position:"absolute",bottom:"6px",right:"1rem"}},n.createElement("a",{href:t},n.createElement(R.B,{theme:i,className:"survey-contact-submit",size:"md"},a("home.navigator.menu.care.homeButton"))))):n.createElement(Ae,{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:B.C.getAssetPath("community.svg")}))},ze="profile/posts?website_url={websiteUrl}",Ie=e=>{var t,a,i,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=>Ie(e))))||[],thumnailColor:e.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(a=e.cat_parent)||void 0===a?void 0:a.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?(i=e.reviewed_by,{postTitle:i.post_title,permalink:i.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}:{}},je=e=>{var t,a;if(!e)return{};const i=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),n=null===(a=e.link)||void 0===a?void 0:a.startsWith("/fil/"),l=e.link?e.link.startsWith("http")||i?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:l,subtitle:e.subtitle,title:e.title,isMobileAppTool:!!(null===e||void 0===e?void 0:e.is_mobile_app_tool)}},Ze=e=>{var t,a,i,n,l;return e&&(null===e||void 0===e?void 0:e.object_id)?{thumbnail:(null===(t=null===e||void 0===e?void 0:e.object_id)||void 0===t?void 0:t.logo)||"",link:(null===(a=null===e||void 0===e?void 0:e.object_id)||void 0===a?void 0:a.slug)||"",subtitle:(null===(i=e.object_id)||void 0===i?void 0:i.name)||"",name:(null===(n=e.object_id)||void 0===n?void 0:n.name)||"",slug:(null===(l=e.object_id)||void 0===l?void 0:l.slug)||""}:{}},He=e=>{var t,a,i,n,l;return e&&(null===e||void 0===e?void 0:e.object_id)?{id:null===(t=e.object_id)||void 0===t?void 0:t.id,name:(null===(a=e.object_id)||void 0===a?void 0:a.name)||"",logo:(null===(i=null===e||void 0===e?void 0:e.object_id)||void 0===i?void 0:i.logo)||"",description:(null===(n=e.object_id)||void 0===n?void 0:n.description)||"",slug:(null===(l=e.object_id)||void 0===l?void 0:l.slug)||""}:{}},Re=(e,t,a,i)=>(a||"https://together.hellohealthgroup.com/")+"api/v1/"+V()(ze,Object.assign(Object.assign({},i),{websiteUrl:t?"https://marrybaby.vn":`https://${W.v[e]}`})),Ue=({type:e,specialtySlug:t,locale:a})=>{var i,n;return`${null===(i=Z.L[a])||void 0===i?void 0:i.ALL}/${(null===(n=Z.L[a])||void 0===n?void 0:n[e])||"doctor"}/${null!==t&&void 0!==t?t:""}`},Ge=e=>e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null===e||void 0===e?void 0:e.small_banner)||(null===e||void 0===e?void 0:e.image)||"",imageMedium:(null===e||void 0===e?void 0:e.image_medium)||null,imageThumbnail:(null===e||void 0===e?void 0:e.image_thumbnail)||null,startDate:null===e||void 0===e?void 0:e.start_date,endDate:null===e||void 0===e?void 0:e.end_date,buttonDisplay:e.button_display||null}:{},Ve=e=>{const t=new Date;if(null===e||void 0===e?void 0:e.startDate){const a=new Date(e.startDate);if(t.getTime()a.getTime())return!1}return!0},We=e=>"undefined"!==typeof e&&e?{id:e.ID||"",videoId:e.video_id||"",url:e.video_url||"",title:e.video_title||"",type:e.type||$.V.VIDEO,totalView:e.total_view||0,description:e.description||"",createTime:e.create_time||"",duration:e.duration||0,image:e.image||"",imageMedium:e.image_medium||"",imageThumbnail:e.image_thumbnail||"",active:!1,articleLink:e.article_link||""}:null;var qe="q3nL5cp",Ye="_2DNf80G",Ke="Q-glX-n";const Xe=({onClosePopup:e})=>n.createElement("div",{className:`${Ke} close-btn`,onClick:e},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),Qe=({onClosePopup:e,isDisplay:t,children:a,isNavMenu:i,hideCloseBtn:l,stylesContainer:o})=>n.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!i},n.createElement(q.C,{className:"hhgcomp-navigation-popupwrapper-menuwrapper-child"},!l&&n.createElement("div",{className:Ye},n.createElement(Xe,{onClosePopup:e})),n.createElement(q.C,{className:qe,style:o},a))),Je=e=>{var{size:t=24,color:a=g.r.colors.neutral600}=e,l=(0,i._)(e,["size","color"]);return n.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),n.createElement("path",{d:"M6.088 18.75q-.63 0-1.068-.437a1.45 1.45 0 0 1-.438-1.07V2.757q0-.63.438-1.068a1.45 1.45 0 0 1 1.068-.438h7.82q.633 0 1.07.438.437.437.437 1.068v14.488q0 .63-.437 1.069a1.45 1.45 0 0 1-1.07.437zm3.91-1.859a.7.7 0 0 0 .522-.216.7.7 0 0 0 .216-.521.7.7 0 0 0-.216-.522.7.7 0 0 0-.521-.215.7.7 0 0 0-.522.215.7.7 0 0 0-.215.522.7.7 0 0 0 .215.521.7.7 0 0 0 .522.216m-4.166-3.333h8.333V4.792H5.832z",fill:a}))},et=p.Z.div` padding-right: 1rem; background: #ffffff; padding: 5px 15px; ${T.M.mbUp} { border-right: 1px solid #e4e8ec; display: flex; flex-direction: column; justify-content: space-between; } `,tt=p.Z.a` padding: 10px 0; position: relative; display: flex; align-items: center; &[data-is-mobile-tool='true'] { align-items: flex-start; .name, .phone-icon { margin-top: 4px; } } text-decoration: none; color: ${g.r.colors.gray800}; * { pointer-events: none; } .name { font-size: 16px; font-weight: 400; } &[data-theme='marryBaby']:hover, &[data-theme='marryBaby'][data-active='true'] { p { color: ${g.r.mbColors.pink}; } .icon { background-color: ${g.r.mbColors.lightPink}; } } &[data-theme='helloSites']:hover, &[data-theme='helloSites'][data-active='true'] { p { color: ${g.r.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: ${g.r.mbColors.lightGray}; img { border-radius: 50%; } } } `,at=p.Z.div` margin: 15px 0; ${T.M.mbDown} { display: none; } `,it=p.Z.div` display: flex; position: absolute; right: 0; ${T.M.mbUp} { &.arrow-icon { display: none; } } `,nt=p.Z.div` display: flex; align-items: center; color: ${g.r.colors.primaryBase}; font-size: ${g.r.sizes.fsParagraph4}; font-weight: ${g.r.sizes.fwBold}; line-height: 24px; font-size: 14px; font-weight: 600; &[data-theme='marryBaby'] { color: ${g.r.mbColors.pink}; } `,lt=p.Z.div` display: flex; align-items: center; margin-left: 10px; `,ot=p.Z.a` border: 1px solid ${g.r.colors.primaryBase}; &[data-theme='marryBaby'] { border: 1px solid ${g.r.mbColors.pink}; svg path { stroke: ${g.r.mbColors.pink}; } } position: relative; display: flex; align-items: center; justify-content: center; padding: 6px; border-radius: 5px; margin-top: 20px; ${T.M.mbDown} { display: none; } `,rt=({hrefViewMore:e,titleBtnViewMore:t,UrlFE:a,onClosePopup:i,menuItems:o,headingTitle:r,activeItem:s})=>{const{siteType:c}=(0,n.useContext)(u.a),{t:d}=(0,j.u)(),m=(0,w.rZ)();return n.createElement(et,null,n.createElement("div",null,n.createElement(at,null,n.createElement(U.H,{tag:"marryBaby"===c?"h5":"h6",as:"p",fontWeight:"semibold"},r)),null===o||void 0===o?void 0:o.slice(0,6).map(((e,t)=>{const o=(null===e||void 0===e?void 0:e.link)?(null===e||void 0===e?void 0:e.link.startsWith("http"))?null===e||void 0===e?void 0:e.link:`${a}/${null===e||void 0===e?void 0:e.link.split("/").filter(Boolean).join("/")}/`:"/";return n.createElement(tt,Object.assign({className:(0,C.Z)("iconMenu",`itemMenu-${e.id}`),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":o,"data-is-heading-category":!1,"data-active":e.id&&e.id===s,"data-is-mobile-tool":e.isMobileAppTool,href:o},!(0,l.i)(o)&&{target:"_blank"},{"data-theme":c,key:t,onClick:i}),n.createElement("div",{className:"icon"},n.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32,overflow:"hidden"}})),n.createElement(fe,{isNew:e.isNew},n.createElement("div",{style:{padding:"0 0.4rem",paddingRight:e.isNew?10:0}},n.createElement("p",{className:"name"},e.name),e.isMobileAppTool&&n.createElement(N.T,{size:"n1",color:m.fn.primaryColor(),weight:"regular"},d("home.calcWithApp")))),e.isMobileAppTool&&n.createElement(it,null,n.createElement(Je,{className:"phone-icon",size:16})),n.createElement(it,{className:"arrow-icon"},n.createElement("img",{src:B.C.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))}))),t&&n.createElement(ot,{"data-theme":c,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},n.createElement(nt,{onClick:i,"data-theme":c,"data-is-heading-category":!1},t,n.createElement(lt,null,n.createElement("img",{className:"svg",src:"marryBaby"===c?B.C.getAssetPath("chevronRightPink.svg"):B.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))))},st=({careSpecialties:e=[],isOpen:t,onClose:a,spotlights:i=[]})=>{var l;const{t:o}=(0,j.u)(),{locale:r,configs:{statics:s}}=(0,n.useContext)(u.a);return n.createElement(Qe,{onClosePopup:a,isDisplay:t,isNavMenu:!0},n.createElement(rt,{headingTitle:o("home.navigator.menuItem.specialties"),hrefViewMore:`${s.CARE_URL_FE}/`,UrlFE:s.CARE_URL_FE,onClosePopup:a,titleBtnViewMore:o("home.navigator.menuItem.allSpecialties"),menuItems:(null===e||void 0===e?void 0:e.map((e=>e?{name:String(e.name)||"",link:Ue({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null===e||void 0===e?void 0:e.thumbnail)||""}:{})))||[]}),n.createElement(Se,{spotlights:i,hrefViewMore:`${s.CARE_URL_FE}/${null===(l=Z.L[r])||void 0===l?void 0:l.SPECIALTIES}/`}))},ct=p.Z.div` display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; ${T.M.tdDown} { gap: 12px; grid-template-columns: 1fr; } `,dt=p.Z.a` position: relative; width: 100%; display: flex; align-items: center; text-decoration: none; * { pointer-events: none; } `,mt=p.Z.div` border-radius: 5px; display: block; overflow: hidden; padding-top: 140%; width: 100%; position: relative; height: 0; img { position: absolute; width: 100%; height: 100%; display: block; object-fit: cover; top: 0; left: 0; } ${T.M.tdDown} { width: 72px; padding-top: 100px; flex-shrink: 0; } `,pt=p.Z.a` ${T.M.tdDown} { position: relative; bottom: 0; left: 16px; right: 0; padding: 4px 8px; width: 90px; height: 24px; font-size: 11px; line-height: 16px; } position: absolute; bottom: 8px; left: 8px; right: 8px; height: 32px; padding: 6px 12px; background: ${e=>e.bgColor}; border-radius: 10px; border: none; transition: all 0.2s ease-in-out; color: ${e=>e.textColor}; font-family: 'Inter'; font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; &:hover { background: ${e=>{const t=e.bgColor.toLowerCase();if("#ffffff"===t||"white"===t||"#fff"===t)return"#f0f0f0";if("string"===typeof t){const e=function(e,t=!1){let a=!1,i=e.slice(e.startsWith("#")?1:0);3===i.length?i=[...i].map((e=>e+e)).join(""):8===i.length&&(a=!0),i=parseInt(i,16);const n={r:i>>>(a?24:16),g:(i&(a?16711680:65280))>>>(a?16:8),b:(i&(a?65280:255))>>>(a?8:0)};return t?n:"rgb"+(a?"a":"")+"("+n.r+", "+n.g+", "+n.b+(a?", "+(255&i):"")+")"}(t,!0),a=function(e,t,a){e/=255,t/=255,a/=255;const i=Math.max(e,t,a),n=i-Math.min(e,t,a),l=0===n?0:n&&i===e?(t-a)/n:i===t?2+(a-e)/n:4+(e-t)/n;return[60*(l<0?l+6:l),i&&n/i*100,100*i]}(e.r,e.g,e.b),i=function(e,t,a){t/=100,a/=100;const i=t=>(t+e/60)%6,n=e=>a*(1-t*Math.max(0,Math.min(i(e),4-i(e),1)));return[255*n(5),255*n(3),255*n(1)]}(a[0],a[1]+16,a[2]-16);return`rgb(${i[0]},${i[1]},${i[2]})`}return""}}; } `,ht=p.Z.p` font-size: 16px; font-weight: 400; padding: 4px 15px; line-height: 1.4; color: ${g.r.colors.gray800}; flex: 1; ${T.M.tdUp} { display: none; } `,gt=({item:e,index:t=0})=>{if(!e)return null;const a={href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":`Spotlight Click ${t+1}`,"data-event-label":e.link};return n.createElement(dt,Object.assign({key:e.id},a),n.createElement(mt,null,n.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),n.createElement("div",{style:{display:"flex",flexDirection:"column",gap:8}},n.createElement(ht,null,e.title),!!e.buttonDisplay&&n.createElement(pt,Object.assign({bgColor:e.buttonDisplay.button_background_color,textColor:e.buttonDisplay.button_text_color},a),e.buttonDisplay.button_label)))},ut=({spotlightsList:e=[],hrefViewMore:t})=>{const{t:a}=(0,j.u)(),{configs:{statics:i}}=(0,n.useContext)(u.a);return n.createElement(Oe,{title:a("home.navigator.menu.spotlights"),viewMore:a("home.navigator.menu.spotlights.seeAll"),link:t,dataEventAction:"Spotlight See More Click"},0!==e.length?n.createElement(ct,null,null===e||void 0===e?void 0:e.slice(0,4).map(((e,t)=>n.createElement(gt,{key:t,index:t,item:{id:e.id,link:i.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image,buttonDisplay:e.buttonDisplay}})))):n.createElement(Ae,{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:B.C.getAssetPath("Spotlight.svg")}))},vt=({categories:e=[],spotlightsList:t=[],onClose:a,isOpen:i})=>{const{t:l}=(0,j.u)(),{locale:o,configs:{statics:r}}=(0,n.useContext)(u.a);return n.createElement(Qe,{onClosePopup:a,isDisplay:i,isNavMenu:!0},n.createElement(rt,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===o?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:a,titleBtnViewMore:l("home.navigator.menuItem.allCategories"),menuItems:(null===e||void 0===e?void 0:e.map((e=>e?{name:e.displayName||null,link:(null===e||void 0===e?void 0:e.customizedUrl)||(null===e||void 0===e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{})))||[],headingTitle:l("home.navigator.menuItem.healthCategories")}),n.createElement(ut,{spotlightsList:t,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===o?"/fil":""}/spotlight/`}))},ft=p.Z.div` display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 48px; ${T.M.tdDown} { grid-template-columns: 1fr; grid-gap: 32px; } ${T.M.mbDown} { grid-gap: 24px; } `,yt=p.Z.div` padding: 5px; flex: 1; `,xt=p.Z.img` width: 88px; height: 88px; border-radius: 4px; object-fit: cover; `,bt=p.Z.div` font-size: 12px; font-weight: 600; color: ${g.r.colors.gray800}; text-decoration: none; &[data-theme='marryBaby'] { font-weight: 400; letter-spacing: -0.2px; } `,Et=p.Z.div` text-decoration: none; font-size: 12px; font-weight: 400; color: ${g.r.colors.primaryBase}; &[data-theme='marryBaby'] { font-weight: 400; letter-spacing: -0.2px; } `,wt=p.Z.div` font-size: 12px; font-weight: 400; color: ${g.r.colors.gray600}; `,Ct=p.Z.div` font-size: 12px; font-weight: 400; color: ${g.r.colors.gray600}; `,kt=p.Z.a` display: flex; gap: 10px; text-decoration: none; position: relative; &::after { content: ''; display: block; width: 100%; height: 1px; border-top: 1px dashed ${g.r.colors.neutral100}; position: absolute; bottom: -24px; ${T.M.tdOnly} { bottom: -16px; } ${T.M.mbDown} { bottom: -12px; } } &:last-child { &::after { display: none; } } ${T.M.tdUp} { &:nth-last-child(2) { &::after { display: none; } } } `,Mt=p.Z.div` display: flex; gap: 10px; vertical-align: middle; align-items: center; `,_t=p.Z.div` margin-top: 8px; font-size: 16px; font-weight: 600; color: ${g.r.colors.gray800}; &[data-theme='marryBaby'] { margin-top: 12px; font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: -0.2px; } `,$t=p.Z.div` display: flex; flex-wrap: wrap; align-items: center; column-gap: 5px; `,Bt=p.Z.div` display: flex; gap: 4px; flex-direction: column; `;K().extend(Q());const Nt=({post:e,index:t=0})=>{var a,i,l,o,r,s,c;const{siteType:d,configs:{statics:m}}=(0,n.useContext)(u.a);if(!e)return null;const p=[m.TOGETHER_URL_FE,null===(a=e.community)||void 0===a?void 0:a.slug].join("/"),h=[p,e.slug].join("/"),g=e.createdAt,v=g?isNaN(new Date(g).getTime())?null:new Date(g):null,f=v?K()(v).toNow(!0):g;return n.createElement(kt,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":h},n.createElement(yt,null,n.createElement(Mt,null,n.createElement(J.U,{avatar:null===(i=e.author)||void 0===i?void 0:i.avatar,username:(null===(l=e.author)||void 0===l?void 0:l.name)||(null===(o=e.author)||void 0===o?void 0:o.username)}),n.createElement(Bt,null,n.createElement(bt,{"data-theme":d},null===(r=e.author)||void 0===r?void 0:r.name),n.createElement($t,null,n.createElement(Et,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":p,onClick:e=>{e.preventDefault(),location.href=p},"data-theme":d},null===(s=e.community)||void 0===s?void 0:s.name),n.createElement(Ct,null,"\u2022"),n.createElement(wt,{"data-theme":d},f)))),n.createElement(_t,null,e.title)),!!(null===(c=e.photos)||void 0===c?void 0:c.length)&&n.createElement(xt,{loading:"lazy",src:e.photos[0]}))},Lt=({spotlights:e=[]})=>{const{configs:{statics:t}}=(0,n.useContext)(u.a),{t:a}=(0,j.u)();return n.createElement(Oe,{title:a("home.navigator.menu.trendingPosts"),viewMore:a("home.navigator.menu.trendingPosts.seeMore"),link:(0,r.e)(t.TOGETHER_URL_FE),dataEventAction:"Together See More Click"},0!==e.length?n.createElement(ft,null,null===e||void 0===e?void 0:e.slice(0,4).map(((e,t)=>n.createElement(Nt,{index:t,post:e,key:e.id})))):n.createElement(Ae,{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:B.C.getAssetPath("community.svg")}))},Tt=({communities:e=[],onClose:t,isOpen:a,spotlights:i=[]})=>{const{t:l}=(0,j.u)(),{configs:{statics:o}}=(0,n.useContext)(u.a);return n.createElement(Qe,{onClosePopup:t,isDisplay:a,isNavMenu:!0},n.createElement(rt,{hrefViewMore:(0,r.e)(o.TOGETHER_URL_FE),UrlFE:(0,r.n)(o.TOGETHER_URL_FE),onClosePopup:t,titleBtnViewMore:l("home.navigator.menuItem.allCommunities"),menuItems:(null===e||void 0===e?void 0:e.map((e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{})))||[],headingTitle:l("home.navigator.menuItem.allCommunitiesheadingTitle")}),n.createElement(Lt,{spotlights:i}))},At=p.Z.div` display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; ${T.M.tdDown} { grid-template-columns: 1fr; gap: 12px; } `,Dt=e=>{var{size:t=24,color:a="#2D87F3"}=e,l=(0,i._)(e,["size","color"]);return n.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),n.createElement("rect",{width:"20",height:"20",rx:"4",fill:a}),n.createElement("path",{d:"M9.12 6.005c0-.088-.005-.181-.012-.27-.022-.611-.623-1.071-1.208-1.046-.69.04-.839 1.007-.248 1.297.09.047.115.088.105.172v5.048c.004.064-.016.096-.077.122-.63.274-.474 1.276.233 1.304.583.03 1.16-.453 1.195-1.044q.012-.135.013-.272c0-1.77.013-3.54 0-5.311m-3.093 5.34c-.109-.048-.144-.108-.132-.232V6.117c.009-.114.103-.108.176-.165.544-.357.313-1.249-.346-1.264h-.023c-.659 0-1.172.546-1.172 1.194q-.002 2.09.004 4.177l.003 1.396c0 .62.527 1.175 1.15 1.175.68 0 .989-.978.34-1.285m7.299-1.489a.623.623 0 1 1-1.247 0 .623.623 0 0 1 1.247 0",fill:"#fff"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.927 9.821c0 1.338.925 2.46 2.162 2.743-.089 1.583-2.049 1.657-3.22 1.47a2.5 2.5 0 0 1-.716-.225 1.3 1.3 0 0 1-.614-.68c-.057-.142-.093-.293-.158-.431a.58.58 0 0 0-.674-.346.59.59 0 0 0-.462.603c.017.415.192.827.44 1.156.26.354.607.625 1.058.827.636.29 1.336.375 2.03.375.774 0 1.591-.132 2.267-.53.643-.38 1.25-.878 1.263-2.217a2.81 2.81 0 0 0 2.17-2.745c0-1.55-1.244-2.811-2.773-2.811S9.927 8.27 9.927 9.82m4.275 0c0 .841-.674 1.525-1.502 1.525a1.515 1.515 0 0 1-1.502-1.525c0-.84.674-1.525 1.502-1.525a1.516 1.516 0 0 1 1.502 1.525",fill:"#fff"}))},Ft=p.Z.a` text-decoration: none; border-radius: 4px; background: ${g.r.colors.primary50}; position: relative; overflow: hidden; display: flex; * { pointer-events: none; } .bg-svg { width: 245px; top: 0; right: 0; height: 100%; position: absolute; ${T.M.tdDown} { top: calc(51% - 68px); right: -8px; } } padding: 180px 24px 16px; a { display: flex; width: 100%; } .phone-badge { position: absolute; top: 16px; left: 16px; } ${T.M.tdDown} { padding-top: 16px; display: flex; align-items: center; } ${T.M.mbDown} { .phone-badge { display: none; } } `,Pt=p.Z.div` width: 64px; height: 64px; background: white; position: absolute; right: 25px; top: 35px; z-index: 3; border-radius: 50%; img { position: absolute; width: 64px; height: 64px; top: 50%; left: 50%; display: block; transform: translate(-50%, -50%); } ${T.M.tdDown} { position: relative; top: unset; right: unset; } `,Ot=p.Z.div` display: flex; align-items: center; gap: 4px; color: ${g.r.colors.primaryBase}; font-weight: 400; font-size: 14px; text-decoration: none; `,St=p.Z.p` font-size: 16px; font-weight: 600; line-height: 1.4; color: ${g.r.colors.gray800}; `,zt=p.Z.p` font-size: 14px; line-height: 1.4; font-weight: 400; color: ${g.r.colors.gray600}; height: 40px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: auto; ${T.M.tdDown} { display: none; } `,It=p.Z.div` display: flex; flex-direction: column; flex: 1; z-index: 1; ${T.M.tdUp} { gap: 8px; } ${T.M.tdDown} { gap: 4px; flex: 1; } `,jt=({item:e,index:t=0})=>{const{t:a}=(0,j.u)(),{configs:{statics:i}}=(0,n.useContext)(u.a);if(!e)return null;const l=e.link?e.link.startsWith("http")?e.link:`${i.HOME_PAGE_URL}${e.link}`:void 0;return n.createElement(Ft,{href:l,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":l},e.isMobileAppTool&&n.createElement(Je,{size:20,className:"phone-badge"}),n.createElement("img",{src:B.C.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),n.createElement(It,null,n.createElement(St,null,e.title),n.createElement(zt,null,e.subtitle),n.createElement(Ot,null,e.isMobileAppTool?n.createElement(n.Fragment,null,n.createElement(Dt,{size:16}),a("home.calcWithApp")):n.createElement(n.Fragment,null,a("home.seeMore"),n.createElement(y.Z,{size:18,useCurrentColor:!0})))),n.createElement(Pt,null,n.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},Zt=p.Z.a` text-decoration: none; border-radius: 12px; position: relative; overflow: hidden; display: flex; * { pointer-events: none; } .bg-svg { top: 0; left: 0; position: absolute; } .dot-svg { width: 40px; height: 30px; top: 36px; left: 16px; position: absolute; stroke-width: 0; } &[data-color='pink'] { background: ${g.r.mbColors.tonePink}; .bg-svg { fill: ${g.r.mbColors.peach}; } } &[data-color='orange'] { background: ${g.r.mbColors.toneYellow}; .bg-svg { fill: ${g.r.mbColors.orange}; } } &[data-color='green'] { background: ${g.r.mbColors.toneGreen}; .bg-svg { fill: ${g.r.mbColors.mint}; } } padding: 180px 24px 16px; a { display: flex; width: 100%; } ${T.M.tdDown} { padding-top: 16px; display: flex; align-items: flex-start; justify-content: flex-start; } ${T.M.mbDown} { padding-top: 0; padding-left: 80px; height: 96px; align-items: flex-start; justify-content: center; flex-direction: column; .dot-svg { top: 22px; left: 16px; } } ${T.M.tdUp} { min-height: 296px; } .mobile-only { ${T.M.tdUp} { display: none; } } .desktop-only { ${T.M.tdDown} { display: none; } } `,Ht=p.Z.div` width: 48px; height: 48px; background: white; position: absolute; right: 25px; top: 35px; z-index: 3; border-radius: 50%; img { position: absolute; width: 36px; height: 36px; top: 50%; left: 50%; display: block; transform: translate(-50%, -50%); } ${T.M.tdDown} { position: relative; top: unset; right: unset; } ${T.M.mbDown} { position: absolute; left: 32px; top: 28px; } `,Rt=p.Z.div` display: flex; align-items: center; background: white; font-weight: 400; font-size: 14px; text-decoration: none; border-radius: 50%; width: 20px; height: 20px; svg path { fill: ${g.r.mbColors.gray}; } ${T.M.tdDown} { background: none; width: 100%; font-weight: 400; font-size: 12px; line-height: 18px; color: ${g.r.mbColors.pink}; padding-left: 16px; } `,Ut=p.Z.p` font-weight: 600; font-size: 14px; line-height: 24px; letter-spacing: -0.2px; color: ${g.r.colors.gray800}; `,Gt=p.Z.p` font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: -0.2px; color: ${g.r.colors.gray600}; height: 54px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: auto; ${T.M.tdDown} { display: none; } `,Vt=p.Z.div` display: flex; flex: 1; z-index: 1; align-items: flex-end; justify-content: flex-end; ${T.M.tdUp} { gap: 8px; flex-direction: row; } ${T.M.tdDown} { align-items: flex-start; justify-content: flex-start; gap: 4px; } `,Wt=p.Z.div` display: flex; flex-direction: column; flex: 1; z-index: 1; ${T.M.tdUp} { gap: 8px; } ${T.M.tdDown} { gap: 4px; flex: 1; padding-left: 16px; } `,qt=p.Z.div` display: flex; flex-direction: row; flex: 1; z-index: 1; ${T.M.tdUp} { gap: 8px; justify-content: flex-end; align-items: flex-end; } ${T.M.tdDown} { flex-direction: column; justify-content: flex-start; align-items: flex-start; } `,Yt=({item:e,index:t=0,color:a})=>{const{t:i}=(0,j.u)(),{configs:{statics:l}}=(0,n.useContext)(u.a);if(!e)return null;const o=e.link?e.link.startsWith("http")?e.link:`${l.HOME_PAGE_URL}${e.link}`:void 0,r=()=>n.createElement(Ht,null,n.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})),s=()=>n.createElement(qt,null,n.createElement(Wt,null,n.createElement(Ut,null,e.title),n.createElement(Gt,null,e.subtitle)),n.createElement(Rt,null,n.createElement("div",{className:"mobile-only"},i("home.seeMore")),n.createElement("img",{src:B.C.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"},loading:"lazy"})));return n.createElement(Zt,{href:o,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":o,"data-color":a},n.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none"},n.createElement("path",{d:"M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z",strokeWidth:"0"})),n.createElement("img",{src:B.C.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),n.createElement(Vt,null,n.createElement("div",{className:"mobile-only"},r()),n.createElement("div",{className:"desktop-only"},s())),n.createElement("div",{className:"mobile-only"},s()),n.createElement("div",{className:"desktop-only"},r()))},Kt=({hrefViewMore:e,spotlightHealthTools:t=[]})=>{const{t:a}=(0,j.u)(),i=["pink","orange","green"],{siteType:l}=(0,n.useContext)(u.a);return n.createElement(Oe,{title:a("home.navigator.menu.spotlightTools")},0!==t.length&&n.createElement(At,null,null===t||void 0===t?void 0:t.slice(0,3).map(((e,t)=>"marryBaby"===l?n.createElement(Yt,{key:t,index:t,item:e,color:i[t]}):n.createElement(jt,{key:t,index:t,item:e})))),0===t.length&&n.createElement(Ae,{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:B.C.getAssetPath("community.svg")}))},Xt=({locale:e,onClose:t,isOpen:a,spotlightHealthTools:i=[],healthTools:l=[]})=>{var r;const{t:s}=(0,j.u)(),{configs:{statics:c}}=(0,n.useContext)(u.a),d=`${c.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(r=o.S[e])||void 0===r?void 0:r.HEALTH_TOOLS)||""}`;return n.createElement(Qe,{onClosePopup:t,isDisplay:a,isNavMenu:!0},n.createElement(rt,{hrefViewMore:d,UrlFE:c.HOME_PAGE_URL,onClosePopup:t,headingTitle:s("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:s("home.navigator.menuItem.allHealthTools"),menuItems:l.map((e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${c.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon,isMobileAppTool:e.isMobileAppTool})))}),n.createElement(Kt,{spotlightHealthTools:i,hrefViewMore:d}))},Qt=p.Z.div` display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; ${T.M.tdDown} { gap: 12px; grid-template-columns: 1fr; } `,Jt=({spotlightsList:e=[],layout:t="default"})=>{const{t:a}=(0,j.u)(),{configs:{statics:i}}=(0,n.useContext)(u.a);return n.createElement(Oe,{title:a("home.navigator.menu.lastestVideos")},0!==e.length?n.createElement(Qt,null,null===e||void 0===e?void 0:e.slice(0,4).map(((e,a)=>n.createElement(l.V,{key:a,data:Object.assign(Object.assign({},e),{type:$.V.SHORTS}),layout:"default"===t?"overlay":"horizon",dataEventCategory:"Hamburger Navigation",dataEventAction:`Video Click ${a+1}`})))):n.createElement(Ae,{title:a("home.navigator.menu.category.noDatas.title"),description:a("home.navigator.menu.category.noDatas.description"),link:`${i.VIDEO_URL_FE}/`,cta:a("home.navigator.menu.category.noDatas.cta"),icon:B.C.getAssetPath("Spotlight.svg")}))},ea=({spotlightsList:e=[],onClose:t,isOpen:a})=>{const{t:i}=(0,j.u)(),{locale:l,configs:{statics:o}}=(0,n.useContext)(u.a),r=(0,n.useMemo)((()=>[{name:i("home.navigator.menu.videos"),link:`${o.VIDEO_URL_FE}/video/`,thumbnail:B.C.getAssetPath("nav-icons/video.svg")},{name:i("home.navigator.menu.shorts"),link:`${o.VIDEO_URL_FE}/short/`,thumbnail:B.C.getAssetPath("nav-icons/short.svg")}]),[]);return n.createElement(Qe,{onClosePopup:t,isDisplay:a,isNavMenu:!0},n.createElement(rt,{hrefViewMore:`${o.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/videos/`,UrlFE:o.HOME_PAGE_URL,onClosePopup:t,titleBtnViewMore:i("home.navigator.menuItem.allVideos"),menuItems:r,headingTitle:i("home.navigator.menuItem.videoCategories")}),n.createElement(Jt,{spotlightsList:e}))};p.Z.div` display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; ${T.M.tdDown} { gap: 12px; grid-template-columns: 1fr; } `;const ta=(0,p.Z)(L.B)` border: 1px solid ${g.r.colors.white} !important; .mantine-Button-leftIcon { width: 24px; height: 24px; } `,aa=p.Z.div` width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 5px; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.1) 15.1%, rgba(0, 0, 0, 0.01) 100% ), linear-gradient(180deg, #65b5ff 0%, #2685f1 100%); background-blend-mode: soft-light, normal; `,ia=()=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:"512",height:"512",style:{width:"100%",height:"100%",contentVisibility:"visible"},viewBox:"0 0 512 512"},n.createElement("defs",null,n.createElement("clipPath",{id:"__lottie_element_2"},n.createElement("path",{d:"M0 0h512v512H0z"})),n.createElement("path",{fill:"#FFF",d:"m139 0-13 174h244l-30 292 165 1 4-466z",opacity:"1",id:"__lottie_element_6",display:"block"}),n.createElement("mask",{id:"__lottie_element_6_1","mask-type":"alpha"},n.createElement("use",{xlinkHref:"#__lottie_element_6"}))),n.createElement("g",{clipPath:"url(#__lottie_element_2)"},n.createElement("path",{fill:"#2B62CD",d:"m430 181-40 41-111-120a18 18 0 0 1-5-13c0-5 2-9 5-13l6-5a18 18 0 0 1 25-1zm-348 0 40 41 111-120a18 18 0 0 0 0-26l-6-5a18 18 0 0 0-25-1z",display:"block"}),n.createElement("g",{display:"block"},n.createElement("path",{fill:"#2D87F3",d:"M385 427H125c-4 0-9-1-13-5a20 20 0 0 1-6-12L88 239h335l-18 171a20 20 0 0 1-7 12c-3 4-8 5-13 5"}),n.createElement("path",{fill:"#2B62CD",d:"m160 402-5-2a6 6 0 0 1-1-4l-8-114v-2a6 6 0 0 1 3-4 6 6 0 0 1 5 0 6 6 0 0 1 4 5l8 115-1 2a6 6 0 0 1-1 2 6 6 0 0 1-4 2m61 0-5-2a6 6 0 0 1-1-4l-2-114c0-2 0-3 2-5a6 6 0 0 1 4-1l4 1a6 6 0 0 1 2 4l2 115a6 6 0 0 1-2 4 6 6 0 0 1-4 2zm131 0a6 6 0 0 1-5-4l-1-2 8-115a6 6 0 0 1 2-4l2-1a6 6 0 0 1 2 0 6 6 0 0 1 5 2 6 6 0 0 1 1 4l-8 114a6 6 0 0 1-6 6m-61 0a6 6 0 0 1-6-6l2-114 2-5a6 6 0 0 1 4-1 6 6 0 0 1 5 1 6 6 0 0 1 1 5l-2 114a6 6 0 0 1-1 4 6 6 0 0 1-5 2"}),n.createElement("path",{fill:"#91CAFF",d:"M424 243H88a20 20 0 0 1-21-18l-3-28a20 20 0 0 1 20-23h344a20 20 0 0 1 20 23l-3 28a20 20 0 0 1-21 18"})),n.createElement("g",{mask:"url(#__lottie_element_6_1)",display:"block"},n.createElement("path",{fill:"#FFC326",d:"m294 198-16 123a5 5 0 0 1-5 5h-80l-4-2a5 5 0 0 1-1-4l15-115h1z"}),n.createElement("path",{fill:"#FFD658",d:"M272 189c0 3 0 7 2 10a12 12 0 0 0 10 6h-81l-3-1c-3-1-5-3-6-5a15 15 0 0 1 5-19 17 17 0 0 1 9-3h80c-4 0-7 1-9 3a15 15 0 0 0-7 9"}),n.createElement("path",{fill:"#FEA21E",d:"M277 326h-4c3 0 5-2 5-4l15-115 1-9v1l-1 1a9 9 0 0 1-5 4 11 11 0 0 1-8 0c-3-1-5-3-6-5-4-7-2-15 5-19 2-2 5-3 9-3h1c4 0 7 2 10 4l6 9 1 11 14 119-1 4z"}),n.createElement("path",{fill:"#FC7419",d:"M303 310v-74a3 3 0 1 0-5 0v74l-21 16h38l4-2zm-5-109a13 13 0 0 1-5 6l1-9c0-1 0 0 0 0 0-3-1-6-4-7a4 4 0 0 0-5 1v1c0 2-1 3-2 3a3 3 0 0 1-3-2l1-4a9 9 0 0 1 11-4c3 1 5 3 6 6v9"})),n.createElement("g",{display:"block"},n.createElement("path",{fill:"#FFC326",d:"m460 330-16 123a5 5 0 0 1-5 5h-80l-4-2a5 5 0 0 1-1-4l15-115h1z"}),n.createElement("path",{fill:"#FFD658",d:"M438 321c0 3 0 6 2 9a12 12 0 0 0 10 7h-81l-3-1c-3-1-5-3-6-6a15 15 0 0 1 5-18 17 17 0 0 1 9-3h80c-4 0-7 1-9 3a15 15 0 0 0-7 9"}),n.createElement("path",{fill:"#FEA21E",d:"M443 458h-4c3 0 5-2 5-5l15-114 1-9v1l-1 1a9 9 0 0 1-5 4 11 11 0 0 1-8 0c-3-1-5-3-6-6-4-6-2-14 5-18 2-2 5-3 9-3h1c4 0 7 2 10 4s5 5 6 9l1 11 14 119-1 4z"}),n.createElement("path",{fill:"#FC7419",d:"M469 442v-74a3 3 0 1 0-5 0v74l-21 16h38l4-2zm-5-109a13 13 0 0 1-5 6l1-9c0-1 0 0 0 0 0-3-1-6-4-7a4 4 0 0 0-4 1l-1 1-2 3a3 3 0 0 1-3-3l1-3a9 9 0 0 1 11-4c3 1 5 3 6 5 1 3 2 7 0 10"})))),na=()=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"512",height:"512",style:{width:"100%",height:"100%",contentVisibility:"visible"},viewBox:"0 0 512 512"},n.createElement("defs",null,n.createElement("clipPath",{id:"__lottie_element_23"},n.createElement("path",{d:"M0 0h512v512H0z"}))),n.createElement("g",{clipPath:"url(#__lottie_element_23)"},n.createElement("g",{display:"block"},n.createElement("path",{fill:"#1B3250",d:"M430 332c-13-17-52-37-42-63 16-41-9-72-28-84-22-14-23-43-30-66-15-50-53-73-103-73s-88 21-103 71c-7 22-7 53-29 67-19 12-61 41-45 82 10 26-15 52-28 69-39 53 13 89 72 98l255 2c59-9 120-50 81-103"}),n.createElement("path",{fill:"#FFB497",d:"M120 202c-11 4-13 17-10 29a29 29 0 0 0 14 17 29 29 0 0 0 22 3l-8-49a25 25 0 0 0-18 0"}),n.createElement("path",{fill:"#FF977B",d:"M147 235a5 5 0 0 1-4-2c-6-8-17-8-17-8a5 5 0 0 1-4-2 5 5 0 0 1 0-7l4-1c1 0 16 0 25 11a5 5 0 0 1-4 9"}),n.createElement("path",{fill:"#FFB497",d:"M332 202a25 25 0 0 0-18 0l-8 49a29 29 0 0 0 22-3c7-3 12-10 14-17 3-12 1-25-10-29"}),n.createElement("path",{fill:"#FF977B",d:"M305 235a5 5 0 0 1-5-3 5 5 0 0 1 1-6c9-11 24-11 25-11a5 5 0 0 1 5 5 5 5 0 0 1-5 5s-11 0-17 8a5 5 0 0 1-4 2"}),n.createElement("path",{fill:"#E3F2FF",d:"M366 452H86a3 3 0 0 1-4-4c5-19 19-47 37-65a153 153 0 0 1 42-28l1-1a85 85 0 0 1 29-19h70a84 84 0 0 1 29 19l1 1a153 153 0 0 1 42 28c18 18 32 46 37 65a3 3 0 0 1-1 3 3 3 0 0 1-3 1"}),n.createElement("path",{fill:"#FCCAAF",d:"M261 335c-25 32-48 32-70 0l5-10v-1a45 45 0 0 0 2-13h56a48 48 0 0 0 2 13v1l5 10"}),n.createElement("path",{fill:"#2D87F3",d:"M281 452H175c-14-93 16-117 16-117 7 9 20 15 35 15s28-6 35-15c0 0 9 12 16 37 5 20 6 60 4 80"}),n.createElement("path",{fill:"#BCDEFF",d:"M191 335a84 84 0 0 0-30 19 53 53 0 0 0-13 28c0 3 11 1 16 0h1v1c-13 8-17 19-16 25 2 15 6 30 13 44h26s-12-72 3-117m96 48a1 1 0 0 1 0-1h1c1 0 0 0 0 0 5 1 16 3 16 0a53 53 0 0 0-13-28 83 83 0 0 0-30-19c15 45 3 117 3 117h26a157 157 0 0 0 13-44c1-6-3-17-16-25"}),n.createElement("path",{fill:"#FF977B",d:"M256 325c-20 18-40 18-60 0v-1a46 46 0 0 0 2-13h56a48 48 0 0 0 2 13v1"}),n.createElement("path",{fill:"#FCCAAF",d:"M314 205c-3 54-17 80-39 96-14 11-37 24-49 24s-35-13-49-24c-22-16-36-42-39-96 52-21 30-127 85-99a7 7 0 0 0 6 0c55-28 33 78 85 99"}),n.createElement("path",{fill:"#FFB497",d:"M221 106c-27-12-34 12-43 40-7 25-16 54-41 63l1 3c43 0 71-62 83-106"})),n.createElement("path",{fill:"#FF977B",d:"M233 233a5 5 0 0 0-4 2l-3 1-3-1a5 5 0 0 0-2-2 5 5 0 0 0-4 0 5 5 0 0 0-3 5c0 6 9 8 12 8s12-2 12-8a5 5 0 0 0-2-3 5 5 0 0 0-3-2",display:"block"}),n.createElement("path",{fill:"#1B3250",d:"m261 199 9-5a27 27 0 0 1 11-1c4 0 7 0 11 2l8 4a2 2 0 0 1 1 2 2 2 0 0 1 0 1h-1l-10-1h-9a20 20 0 0 0-7 2 65 65 0 0 0-7 4 5 5 0 0 1-4 1 5 5 0 0 1-3-2 5 5 0 0 1-1-2 5 5 0 0 1 2-5",display:"block"}),n.createElement("path",{fill:"#284A75",d:"M280 218a9 9 0 1 0 0-19 9 9 0 0 0 0 19",display:"block"}),n.createElement("path",{fill:"#1B3250",d:"m192 210-7-4-7-2h-9l-9 1a2 2 0 0 1-2-1v-1l1-1 9-4c3-2 6-2 10-2 4-1 7 0 11 1l9 5a5 5 0 0 1 2 3v4a5 5 0 0 1-7 2l-1-1",display:"block"}),n.createElement("path",{fill:"#284A75",d:"M184 218a9 9 0 1 0 0-19 9 9 0 0 0 0 19",display:"block"}),n.createElement("g",{fill:"#FFF",display:"block"},n.createElement("path",{d:"m216 213-4-1a5 5 0 0 1-1-3v-4a5 5 0 0 1 3-2 33 33 0 0 1 24 0 5 5 0 0 1 3 7 5 5 0 0 1-3 2h-3a23 23 0 0 0-18 1h-1"}),n.createElement("path",{d:"M183 249a38 38 0 0 1-35-23 38 38 0 0 1-2-22 38 38 0 0 1 11-19 38 38 0 0 1 19-11c7-1 15 0 22 2a38 38 0 0 1 16 14 38 38 0 0 1 7 21 38 38 0 0 1-11 27 38 38 0 0 1-27 11m0-65a27 27 0 0 0-25 17 27 27 0 0 0-2 15 27 27 0 0 0 8 14 27 27 0 0 0 42-4c3-4 4-9 4-15a27 27 0 0 0-8-19 27 27 0 0 0-19-8zm86 65a38 38 0 0 1-35-24 38 38 0 0 1 27-51 38 38 0 0 1 39 16 38 38 0 0 1 6 21 38 38 0 0 1-11 27 38 38 0 0 1-26 11m0-65a27 27 0 0 0-25 17 27 27 0 0 0-2 15 27 27 0 0 0 8 14 27 27 0 0 0 46-19 27 27 0 0 0-8-19 27 27 0 0 0-19-8z"})),n.createElement("path",{d:"m205 180-2-1c-10-4-39-9-47-1a5 5 0 0 1-3 2 5 5 0 0 1-4-2 5 5 0 0 1-2-3l1-4c14-15 52-4 59-1a5 5 0 0 1 3 6 5 5 0 0 1-2 3l-3 1zm42 0-3-1a5 5 0 0 1-1-7 5 5 0 0 1 2-2c7-3 45-14 59 1a5 5 0 0 1 1 4l-2 3a5 5 0 0 1-4 2l-3-2c-8-8-37-3-47 1l-2 1",fill:"#284A75",display:"block"}),n.createElement("path",{fill:"#FF886C",d:"M208 260a4 4 0 0 0-3 1 4 4 0 0 0-1 3c2 8 6 19 22 19s21-11 22-19a4 4 0 0 0-4-4l-18-1-18 1",display:"block"}),n.createElement("g",{display:"block"},n.createElement("g",{fill:"#FFF"},n.createElement("path",{d:"M469 405a85 85 0 1 1-170 0 85 85 0 0 1 170 0"}),n.createElement("path",{d:"M469 405a85 85 0 1 1-170 0 85 85 0 0 1 170 0"})),n.createElement("path",{fill:"#E4E8EC",d:"M384 480a75 75 0 1 0 0-149 75 75 0 0 0 0 149m0 11a85 85 0 1 0 0-171 85 85 0 0 0 0 171"}),n.createElement("path",{fill:"#FFF",d:"M469 405a85 85 0 1 1-170 0 85 85 0 0 1 170 0"}),n.createElement("path",{fill:"#E4E8EC",d:"M384 480a75 75 0 1 0 0-149 75 75 0 0 0 0 149m0 11a85 85 0 1 0 0-171 85 85 0 0 0 0 171"}),n.createElement("path",{fill:"#FF6F4D",d:"M389 358h-11a17 17 0 0 0-12 5 17 17 0 0 0-5 12v3l-1 3a4 4 0 0 1-3 1h-3a17 17 0 0 0-17 17v12a17 17 0 0 0 17 17h3a4 4 0 0 1 4 3v3a17 17 0 0 0 17 17h11c5 0 9-2 12-5s5-7 5-12v-3a4 4 0 0 1 4-3h3c4 0 9-2 12-5s5-8 5-12v-12c0-5-2-9-5-12a17 17 0 0 0-12-5h-3a4 4 0 0 1-4-4v-3a17 17 0 0 0-5-12 17 17 0 0 0-12-5"})))),la=({menuItems:e=[],isOpen:t,onClose:a})=>{const{locale:i,configs:{enableAppIntroPage:l}}=(0,n.useContext)(u.a),r=e.find((e=>"ecom"===e.id)),s=e.find((e=>"care"===e.id));return n.createElement(Qe,{onClosePopup:a,isDisplay:t,isNavMenu:!0,hideCloseBtn:!0,stylesContainer:{display:"flex",gap:0,padding:0}},r&&n.createElement("a",{tabIndex:0,href:r.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":r.link},n.createElement(ta,{variant:"tertiary",leftIcon:n.createElement(ia,null)},r.name)),s&&n.createElement("a",{tabIndex:0,href:s.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":s.link},n.createElement(ta,{variant:"tertiary",leftIcon:n.createElement(na,null)},s.name)),l&&n.createElement("a",{tabIndex:0,href:"https://applink.hellobacsi.com/o9Q88rQh7Mb","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://applink.hellobacsi.com/o9Q88rQh7Mb"},n.createElement(ta,{variant:"tertiary",leftIcon:n.createElement(aa,null,n.createElement(d,{width:16,height:15}))},`${o.L[i||"en-PH"].SITE_NAME_FORMATTED} App`)))};var oa="y5VJdvw",ra="oVhOSCy",sa="pX8OXTM";function ca({className:e}){return n.createElement("div",null,n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:e},n.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function da({siteType:e,enableSearch:t,className:a,style:i}){const{isWinCashBackTheme:l}=(0,n.useContext)(u.a);return"helloSites"===e?n.createElement("div",{className:"hamburger-container"},l?n.createElement(ne,{className:a}):n.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:t?B.C.getAssetPath("hamburgerMenuNewWithSearch.svg"):B.C.getAssetPath("hamburgerMenuNew.svg"),style:Object.assign({width:"24px",height:"24px"},i),alt:"home",className:a,loading:"lazy"})):n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:a},n.createElement("path",{d:"M3.35 15a.65.65 0 0 1 .65-.65h10a.65.65 0 1 1 0 1.3H4a.65.65 0 0 1-.65-.65m0-6A.65.65 0 0 1 4 8.35h16a.65.65 0 1 1 0 1.3H4A.65.65 0 0 1 3.35 9",fill:"#3E3F58"}))}const ma=p.Z.div` position: fixed; z-index: 201; top: calc(100% - 1px); width: 100%; height: calc(100vh - var(--header-bottom)); overflow-x: hidden; overflow-y: auto; background: white; display: flex; flex-direction: column; padding-bottom: 0; left: 0; .hhgcomp-navigation-popupwrapper-menuwrapper { position: unset; } `;p.Z.div` padding: 16px; padding-bottom: 12px; .fake-search-input { pointer-events: none; input { line-height: 20px; padding-top: 10px; padding-bottom: 10px; } } &[data-theme='marryBaby'] { input { background: ${g.r.mbColors.lightGray}; border-radius: 16px; border: none; } } `;const pa=p.Z.div` display: block; overflow-y: auto; flex: 1; padding-bottom: 16px; &::-webkit-scrollbar { width: 0; display: none; } `,ha=p.Z.div` padding: 0 16px; `,ga=p.Z.div` display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 3.5rem; ${T.M.tdDown} { grid-template-columns: repeat(1, 1fr); } `,ua=p.Z.a` text-decoration: none; display: flex; align-items: center; `,va=({item:e,index:t=0})=>e?n.createElement(ua,{href:e.url,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":e.url},n.createElement("img",{loading:"lazy",alt:e.name,src:e.featuredImage||"/images/avatar.jpg",style:{width:"40px",height:"40px"}}),n.createElement(N.T,{size:"p2",weight:"regular",style:{marginLeft:16}},e.name),n.createElement("img",{src:B.C.getAssetPath("chevronRightActive.svg"),style:{width:"20px",height:"20px",marginLeft:"auto"},loading:"lazy"})):null,fa=({helpfulUrls:e=[]})=>{const{t:t}=(0,j.u)();return e.length?n.createElement(Oe,{title:t("home.navigator.menu.spotlightEcom")},0!==e.length?n.createElement(ga,null,null===e||void 0===e?void 0:e.slice(0,5).map(((e,t)=>n.createElement(va,{key:t,index:t,item:e})))):n.createElement(n.Fragment,null)):null},ya=({closePopup:e,menuItems:t=[],projectType:a,isHomepage:i=!1})=>{var l,r;const{siteType:s,ssrMenuContent:{categories:c,healthTools:d,care:m,together:p,ecom:h,videos:g},activeMenuService:v,configs:{statics:f},locale:y,customClasses:x}=(0,n.useContext)(u.a),{t:b}=(0,j.u)();return n.createElement(ma,{className:x.categoriesMenu,id:"categories-menu"},!i&&n.createElement(ha,null,n.createElement(Na,{siteType:s,projectType:a,isMobile:!1,isRedirectSearchPage:!0})),n.createElement(pa,null,n.createElement(rt,{UrlFE:f.HOME_PAGE_URL,titleBtnViewMore:b("home.navigator.menuItem.allCategories"),menuItems:t,headingTitle:b("home.navigator.menuItem.healthCategories"),onClosePopup:e,activeItem:v}),"categories"===v&&n.createElement(ut,{spotlightsList:(null===c||void 0===c?void 0:c.spotlights)||[],hrefViewMore:`${f.HOME_PAGE_URL}${"tl-PH"===y?"/fil":""}/spotlight/`}),"tools"===v&&n.createElement(Kt,{spotlightHealthTools:null===d||void 0===d?void 0:d.spotlights,hrefViewMore:`${f.HOME_PAGE_URL}${"tl-PH"===y?"/fil":""}${(null===(l=o.S[y])||void 0===l?void 0:l.HEALTH_TOOLS)||""}`}),"care"===v&&n.createElement(Se,{spotlights:null===m||void 0===m?void 0:m.spotlights,hrefViewMore:`${f.CARE_URL_FE}/${null===(r=Z.L[y])||void 0===r?void 0:r.SPECIALTIES}`}),"together"===v&&n.createElement(Lt,{spotlights:null===p||void 0===p?void 0:p.spotlights}),"ecom"===v&&n.createElement(fa,{helpfulUrls:null===h||void 0===h?void 0:h.helpfulUrls}),"video"===v&&n.createElement(Jt,{spotlightsList:null===g||void 0===g?void 0:g.spotlights,layout:"stack"})))},xa=({menuItems:e,isHomepage:t,projectType:a})=>{const{siteType:i}=(0,n.useContext)(u.a),{containerRef:l,onContainerFocus:o,onContainerBlur:r,onButtonMouseDown:s,onClose:c}=(0,u.u)();return n.createElement(he,{mediaQueryKey:"mbDown"},n.createElement("header",{className:oa},n.createElement("div",{className:ra,ref:l,role:"button",tabIndex:0,onBlur:r,onFocus:o},n.createElement("div",{className:sa,onMouseDown:s,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},n.createElement(ca,{className:"mobile-close-icon"}),n.createElement(da,{siteType:i,enableSearch:!1,className:"mobile-hamburger-icon"})),n.createElement(ya,{menuItems:e,isHomepage:t,projectType:a,closePopup:c}))))},ba=p.Z.div` z-index: 201; width: 100%; align-items: center; background-color: ${g.r.colors.white}; transition: height 0.3s, transform 0.3s; &[data-win-cash-back-theme='true'] { background-color: ${g.r.colors.blue900}; .search-wrapper { padding: 8px 16px; } } &[data-site-type='helloSites'] { border-bottom: 1px solid ${g.r.colors.neutral100}; } &[data-site-type='helloSites'][data-win-cash-back-theme='true'] { border-bottom: none; } &[data-sponsored='true'] { border-bottom: none; } &[data-marry-baby-tone='pink'] { background-color: ${g.r.mbColors.lightPink}; } ${T.M.mbDown} { &[data-site-type='marryBaby'] { border-bottom: none; } &[data-fixed-bar='true'] { position: fixed; transform: translateY(0); } &[data-fixed-bar='false'] { position: absolute; } &[data-collapsed='true'] { transform: translateY(-100%); transition: transform 0.5s; } &[data-collapsed='false'] { transform: translateY(0); transition: transform 0.5s; } .top-bar-header { line-height: normal; } &[data-header-type='home'] { z-index: ${99}; } &[data-is-displayed='false'] { //display: none; visibility: hidden; } } .marry-baby { input { background: ${g.r.mbColors.lightGray}; border-radius: 16px; border: none; } max-width: 172px; } &[data-site-type='marryBaby'] { .close-btn { top: 16px; right: 16px; } } `,Ea=p.Z.div` display: flex; height: 100%; align-items: center; justify-content: space-between; padding: 0 2rem; height: 56px; ${T.M.pcDown} { padding: 0 1rem; } ${T.M.mbDown} { position: relative; height: 56px; background: ${g.r.colors.white}; gap: 2px; } &[data-win-cash-back-theme='true'] { ${T.M.mbDown} { background: ${g.r.colors.blue900}; } } &[data-site-type='marryBaby'] { width: 100%; margin: 0 auto; padding: 0 16px; ${T.M.tdUp} { max-width: 1064px; } } `,wa=p.Z.div` display: flex; align-items: center; height: 100%; gap: 24px; ${T.M.pcDown} { flex-shrink: 0; gap: 12px; &[data-site-type='marryBaby'] { gap: 24px; } } `,Ca=p.Z.div` display: flex; align-items: center; height: 100%; flex-shrink: 0; ${T.M.tdDown} { flex-shrink: 0.6; gap: 8px; } .hhgcomp-navigation-itemnav-headeritem { gap: 2px; ${T.M.pcUp} { padding: 0 10px; } ${T.M.pcDown} { padding: 0 6px; } ${T.M.mbDown} { display: none; } a { text-decoration: none; } } `;p.Z.div` .fake-search-input { pointer-events: none; input { line-height: 20px; padding-top: 10px; padding-bottom: 10px; } } `;const ka=p.Z.div` margin-left: 16px; display: flex; gap: 12px; align-items: center; flex-shrink: 0; ${T.M.pcDown} { margin-left: 8px; gap: 8px; } ${T.M.mbDown} { margin-left: 0; gap: 8px; } .ai-doctor-nav-item { .ai-doctor-btn { border-radius: 28px; border: 1px solid ${g.r.colors.neutral200}; } } .clinity-logo { width: 99px; height: 40px; ${T.M.mbDown} { width: 88px; height: 36px; } } `,Ma=p.Z.div` display: flex; align-items: center; height: 100%; &[data-site-type='marryBaby'] { gap: 26px; } .hamburger-container { display: flex; justify-content: center; align-items: center; } `,_a=p.Z.div` padding: 0 16px 6px; `,$a=(0,p.Z)(L.B)` border-radius: 28px; border: 1px solid ${g.r.colors.neutral200}; &.ai-doctor-btn { pointer-events: none !important; * { pointer-events: none !important; } } ${T.M.mbDown} { padding: 0px 12px 0px 10px; height: 36px; color: ${g.r.colors.gray900}; font-size: 13px; font-weight: 500; line-height: 22px; } `,Ba=({onTopBarAppears:e,languageMenu:t,menuItems:a,logoComponent:i,subHead:s,projectType:c,customClasses:d})=>{var m,p,h,g;const{siteType:v,isMobile:y=!1,locale:x,sitewideBanner:E,sitewideBannerData:w,sitewideSite:C="discover",sponsorComponent:M,isHomepage:$=!1,currentUrl:N,onLoginClick:L,cartNumber:T,configs:{statics:A,enableSearchBar:D,enableNavChatbotAi:F,enableNavClinityDownload:P,enableAppIntroPage:O},userState:{userInfo:S},onLogout:I,isUserLoading:j,slot:Z,isWinCashBackTheme:H}=(0,n.useContext)(u.a),{triggerLogin:R}=(0,z.u)(),{SSO_URL:U,HOME_PAGE_URL:G}=A,V=!!M,[W,q]=(0,n.useState)(!1),Y=(0,n.useRef)(47),K=(0,n.useRef)(null),X=(0,n.useRef)(!1),Q="helloSites"===v?null===(m=o.L[x])||void 0===m?void 0:m.LOGO_TYPE:v,J="undefined"!==typeof window,te=(0,n.useCallback)(_()((()=>{if(J){if(!K.current)return;const e=30,t=K.current.getBoundingClientRect();t.top<=0&&window.scrollY>Y.current+e&&window.scrollY>t.height+20&&!X.current&&(X.current=!0,q(!0)),window.scrollY=0&&(Y.current=window.scrollY)}}),200),[]);return(0,n.useEffect)((()=>{null===e||void 0===e||e(!W)}),[W]),(0,n.useEffect)((()=>(window.addEventListener("scroll",te,{passive:!0}),()=>{window.removeEventListener("scroll",te)})),[]),(0,n.useEffect)((()=>{y&&te()}),[y]),n.createElement(ba,{"data-site-type":v,"data-sponsored":V,"data-header-type":"home","data-collapsed":W,"data-is-displayed":!0,"data-win-cash-back-theme":H,id:"site-header",ref:K,className:d.wrapper},E||n.createElement(l.S,{site:C,currentUrl:N,banner:w}),n.createElement(Ea,{className:d.header,"data-site-type":v,"data-win-cash-back-theme":H},n.createElement(wa,{className:d.leftGroup,"data-site-type":v},y&&n.createElement(xa,{menuItems:a.filter((e=>!!e.link)),isHomepage:$,projectType:c}),i||n.createElement("a",{style:{flexShrink:0},href:G},n.createElement("div",null,n.createElement(k.L,{style:{display:"flex"},type:Q,badge:"id-ID"===x&&n.createElement("img",{src:B.C.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:x,key:"undefined"!==typeof window?"client":"server",isLightLogo:H}))),!y&&n.createElement(n.Fragment,null,"marryBaby"===v?n.createElement(La,{menuItems:a,originalMenuItems:a,className:d.navMenu}):D&&n.createElement(Na,{siteType:v,projectType:c,isMobile:y}))),n.createElement(Ca,{className:d.rightGroup,"data-site-type":v},!y&&"marryBaby"!==v&&n.createElement(La,{menuItems:a.filter((e=>x!==ee.L.Vietnam||"ecom"!==e.id&&"care"!==e.id)),originalMenuItems:a,className:d.navMenu}),n.createElement(ka,null,t,F&&n.createElement(b.x,{component:"a",href:`${(0,r.g)(x)}/ai-doctor`,"data-event-category":"Chatbot AI","data-event-action":"Open","data-event-label":"Hamburger Navigation",className:"ai-doctor-nav-item"},n.createElement($a,{variant:"tertiary",leftIcon:n.createElement(f,{size:18,color:"#2F8AF2"}),size:"md",className:"ai-doctor-btn"},null===(p=o.L[x])||void 0===p?void 0:p.SITE_NAME," AI")),P&&n.createElement(b.x,{component:"a",href:`${null===(h=o.S[x])||void 0===h?void 0:h.CLINITY_DOWNLOAD_LINK}`,target:"_blank","data-event-category":"Hamburger Navigation","data-event-action":"Download Clinity","data-event-label":`${null===(g=o.S[x])||void 0===g?void 0:g.CLINITY_DOWNLOAD_LINK}`,"data-cart-menu":!0},n.createElement("img",{src:B.C.getAssetPath("clinity-download.png"),alt:"Clinity",className:"clinity-logo",style:{display:"block"}})),Z,n.createElement(u.N,{userInfo:S,siteType:v,onLoginClick:L||(()=>{if((0,z.I)(x))return R();const e=window.location.href;window.location.href=U?(0,r.n)(`${U}?returnUrl=${e}`):e}),currentUrl:N,onLogout:I,isLoading:j,locale:x,enableAppIntroPage:O,isMobile:y,className:d.profileBtn}),void 0!==T&&n.createElement(n.Fragment,null,!y&&n.createElement("hr",{style:{height:20,width:0,border:"none",borderLeft:"1px solid #E4E8EC"}}),n.createElement(me,{"data-cart-menu":"true","data-event-category":"Ecommerce","data-event-action":"Cart Click","data-event-label":N,count:T,locale:x}))))),y&&$&&n.createElement(_a,{className:"search-wrapper"},n.createElement(Na,{siteType:v,projectType:c,isMobile:y,isHomepage:$})),M?n.isValidElement(M)?n.cloneElement(M,{isCollapsed:W,locale:x,isMobile:y}):M:null,s&&s)},Na=({siteType:e,projectType:t,isMobile:a=!1,isHomepage:i=!1,isRedirectSearchPage:l=!1})=>n.createElement(he,{mediaQueryKey:"mbUp",className:`${"marryBaby"===e?"marry-baby":""} ${i?"block-show":""}`},n.createElement(se,{id:"desktop",projectType:t,isMobile:a,isHomepage:i,isRedirectSearchPage:l})),La=({menuItems:e,originalMenuItems:t,className:a})=>{const{siteType:i,locale:l,ssrMenuContent:{categories:o,healthTools:r,care:s,together:c,videos:d}}=(0,n.useContext)(u.a);return n.createElement(he,{className:a,mediaQueryKey:"mbUp",style:{height:"100%"}},n.createElement(Ma,{"data-site-type":i},null===e||void 0===e?void 0:e.map(((e,a)=>n.createElement(ve,{key:a,item:e,menu:"categories"===e.popupType?n.createElement(vt,{categories:null===o||void 0===o?void 0:o.items,spotlightsList:null===o||void 0===o?void 0:o.spotlights}):"tools"===e.popupType?n.createElement(Xt,{locale:l,healthTools:null===r||void 0===r?void 0:r.items,spotlightHealthTools:null===r||void 0===r?void 0:r.spotlights}):"together"===e.popupType?n.createElement(Tt,{communities:null===c||void 0===c?void 0:c.items,spotlights:null===c||void 0===c?void 0:c.spotlights}):"care"===e.popupType?n.createElement(st,{careSpecialties:null===s||void 0===s?void 0:s.items,spotlights:null===s||void 0===s?void 0:s.spotlights}):"video"===e.popupType?n.createElement(ea,{spotlightsList:null===d||void 0===d?void 0:d.spotlights}):"other"===e.popupType?n.createElement(la,{menuItems:t}):null})))))},Ta=p.Z.div` --header-z-index: ${o.a}; top: 0; z-index: var(--header-z-index); ${T.M.mbDown} { width: 100vw; max-width: 100%; } --amp-site-wide-closed: 2px; -webkit-transform: translateZ(0); position: sticky; &.nav-open { margin-top: 64px; } &:not(.nav-open) { --amp-site-wide-closed: 66px; } pointer-events: none; > section *:not([data-cart-menu] *) { pointer-events: auto; } `,Aa=e=>{var t,a;const{isMobile:i,locale:s,onTopBarAppears:c,languageOptions:d,sponsorComponent:m,sitewideBanner:p,sitewideBannerShown:h,className:g,logoComponent:v,subHead:f,projectType:y,customClasses:x={}}=e,b=(()=>{const{t:e}=(0,j.u)(),{siteType:t,locale:a,configs:{enableNavDiscover:i,enableNavHealthTools:l,enableNavCare:s,enableNavTogether:c,enableNavEcom:d,enableNavVideo:m,enableAppIntroPage:p,statics:h}}=(0,n.useContext)(u.a),g="marryBaby"===t,v=[p,s,d].filter(Boolean).length>1;return(0,n.useMemo)((()=>{var p;const u=[];return i&&u.push({name:e("home.navigator.menuItem.discover"),id:"categories",link:`${h.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/categories/`,niceName:"",thumbnail:g?B.C.getAssetPath("categories-mb.svg"):B.C.getAssetPath("nav-icons/discover.svg"),popupType:"categories"}),m&&u.push({name:e("home.navigator.menuItem.video"),id:"video",link:`${h.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/videos/`,niceName:"",thumbnail:B.C.getAssetPath("nav-icons/video.svg"),popupType:"video"}),l&&u.push({name:e("home.navigator.menuItem.healthTools"),id:"tools",link:`${h.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}${(null===(p=o.S[a])||void 0===p?void 0:p.HEALTH_TOOLS)||""}`,thumbnail:g?B.C.getAssetPath("healthtools-mb.svg"):B.C.getAssetPath("nav-icons/health-tools.svg"),popupType:"tools"}),c&&u.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:(0,r.n)(h.TOGETHER_URL_FE+"/"),thumbnail:g?B.C.getAssetPath("community-mb.svg"):B.C.getAssetPath("nav-icons/community.svg"),popupType:"together"}),d&&u.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:(0,r.n)(h.HOME_PAGE_URL+"/shop/"),thumbnail:B.C.getAssetPath("nav-icons/shop.svg"),popupType:null}),s&&u.push({name:e("home.navigator.menuItem.helloCare"),id:"care",link:(0,r.n)(h.HOME_PAGE_URL+"/care/"),thumbnail:B.C.getAssetPath("nav-icons/care.svg"),popupType:null}),v&&u.push({name:e("home.seeMore"),id:"other",link:"",thumbnail:"",popupType:"other",icon:n.createElement(da,{siteType:t,enableSearch:!1,style:{width:"16px",height:"16px"},className:"mobile-hamburger-icon"})}),u}),[])})();(()=>{const{isFirstLogin:e,userState:t}=(0,n.useContext)(u.a),{userInfo:a}=t;(0,n.useEffect)((()=>{(null===a||void 0===a?void 0:a.id)&&(e?(null===a||void 0===a?void 0:a.email)&&""!==(null===a||void 0===a?void 0:a.email)?window.insider_object={user:Object.assign({uuid:null===a||void 0===a?void 0:a.id,email:null===a||void 0===a?void 0:a.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null===a||void 0===a?void 0:a.name)?{name:null===a||void 0===a?void 0:a.name}:{})}:window.insider_object={user:Object.assign({uuid:null===a||void 0===a?void 0:a.id,sign_up:!0},(null===a||void 0===a?void 0:a.name)?{name:null===a||void 0===a?void 0:a.name}:{})}:(null===a||void 0===a?void 0:a.email)&&""!==(null===a||void 0===a?void 0:a.email)?window.insider_object={user:Object.assign({uuid:null===a||void 0===a?void 0:a.id,email:null===a||void 0===a?void 0:a.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null===a||void 0===a?void 0:a.name)?{name:null===a||void 0===a?void 0:a.name}:{})}:window.insider_object={user:Object.assign({uuid:null===a||void 0===a?void 0:a.id,log_in:!0},(null===a||void 0===a?void 0:a.name)?{name:null===a||void 0===a?void 0:a.name}:{})})}),[])})();const E=h&&!!p,w=!!m,C=!!(null===(a=null===(t=null===m||void 0===m?void 0:m.props)||void 0===t?void 0:t.sponsoredBy)||void 0===a?void 0:a.length),{headerRef:k,defaultHeaderHeight:M,headerHeight:_,headerBottom:$}=(({hasSponsoredBanners:e,isSponsored:t,isShowingSiteWideBanner:a,isMobile:i})=>{const l=(0,n.useRef)(null),[o,r]=(0,n.useState)(0),[s,c]=(0,n.useState)(64),d=(0,n.useCallback)(ae()((()=>{var e,t,a,i;const n=(null===(e=l.current)||void 0===e?void 0:e.clientHeight)||(null===(a=null===(t=l.current)||void 0===t?void 0:t.children[0])||void 0===a?void 0:a.clientHeight)||0;window.scrollY<=n+200&&(r(n),c((null===(i=l.current)||void 0===i?void 0:i.getBoundingClientRect().bottom)||o))}),200),[]);(0,n.useEffect)((()=>(window.addEventListener("resize",d,{passive:!0}),window.addEventListener("scroll",d,{passive:!0}),d(),()=>{window.removeEventListener("resize",d),window.removeEventListener("scroll",d)})),[]),(0,n.useEffect)((()=>{d()}),[i,a,t,e,l.current]);const m=(0,n.useMemo)((()=>{let n=i?56:60;return a&&(n+=64),t&&(n+=40,e&&(n+=57)),n}),[i,a,e,t]);return{defaultHeaderHeight:m,headerHeight:o||m,headerBottom:s,headerRef:l}})({isShowingSiteWideBanner:E,isSponsored:w,hasSponsoredBanners:C,isMobile:i});return n.createElement(Ta,{id:"navigation-v2",style:{"--default-header-height":M+"px","--header-height":`calc(${_}px - var(--amp-site-wide-closed), 64px)`,"--header-bottom":$+"px"},className:g},n.createElement("section",{ref:k},n.createElement(Ba,{menuItems:b,onTopBarAppears:c,logoComponent:v,subHead:f,projectType:y,languageMenu:n.createElement(l.L,{languageOptions:d,locale:s}),customClasses:x})))},Da=e=>{const t=Object.assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return n.createElement(u.b,Object.assign({},t),n.createElement(Aa,Object.assign({},t)))},Fa=e=>(0,i.a)(void 0,void 0,void 0,(function*(){var t,a,i,n,l,c,d,m,p,h,g,u,v,f,y,x,b,E,w,C,k,M,_,$,B;const N={},L="vi-VN_MB"===e;try{const F="tl-PH"===e?"lang=fil":"";try{const[s,v,f,y,x]=yield Promise.all([fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/categories${F?"?"+F:""}`)).then((e=>e.json())),fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/spotlights?per_page=10&order_by=start_date${F?"&"+F:""}`)).then((e=>e.json())),fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/${L?"health-tools":"healthtools"}${F?"?"+F:""}`)).then((e=>e.json())),fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/${L?"health-tools":"healthtools"}/favorites${F?"?"+F:""}`)).then((e=>e.json())),o.V.includes(e)&&fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/video/navigation`)).then((e=>e.json()))]);N.categories={items:(null===(a=null===(t=null===s||void 0===s?void 0:s.data)||void 0===t?void 0:t.map)||void 0===a?void 0:a.call(t,Ie))||[],spotlights:(null===(c=null===(l=null===(n=null===(i=null===v||void 0===v?void 0:v.data)||void 0===i?void 0:i.articles)||void 0===n?void 0:n.map)||void 0===l?void 0:l.call(n,Ge))||void 0===c?void 0:c.filter(Ve))||[]},N.healthTools={items:(null===(m=null===(d=null===f||void 0===f?void 0:f.data)||void 0===d?void 0:d.map)||void 0===m?void 0:m.call(d,je))||[],spotlights:(null===(h=null===(p=null===y||void 0===y?void 0:y.data)||void 0===p?void 0:p.map)||void 0===h?void 0:h.call(p,je))||[]},N.videos={spotlights:(null!==(u=null===(g=null===x||void 0===x?void 0:x.data)||void 0===g?void 0:g.videos)&&void 0!==u?u:[]).map(We)}}catch(T){}if(L||o.c.includes(e))try{const[t,a]=yield Promise.all([fetch((0,r.n)(`${(0,r.b)()}/api/v1/community?website_url=https://${W.v[e]}`)).then((e=>e.json())),fetch((0,r.n)(`${(0,r.b)()}/api/v1/options?website_url=https://${W.v[e]}&meta_key=popular_post`)).then((e=>e.json()))]);N.together={items:(null===(y=null===(f=null===(v=null===t||void 0===t?void 0:t.data)||void 0===v?void 0:v.communities)||void 0===f?void 0:f.map)||void 0===y?void 0:y.call(f,s.f))||[],spotlights:(null===(E=null===(b=null===(x=null===a||void 0===a?void 0:a.data)||void 0===x?void 0:x.posts)||void 0===b?void 0:b.map)||void 0===E?void 0:E.call(b,s.a))||[]}}catch(A){}if(o.C.includes(e))try{const[t,a]=yield Promise.all([fetch((0,r.n)((0,r.d)()+`/api/options/setting_menu?site=${W.v[e]}&type=0`)).then((e=>e.json())),fetch((0,r.n)((0,r.d)()+`/api/options/setting_menu?site=${W.v[e]}&type=1`)).then((e=>e.json()))]);N.care={items:(null===(M=null===(k=null===(C=null===(w=null===t||void 0===t?void 0:t._data)||void 0===w?void 0:w.setting_menu)||void 0===C?void 0:C.menu_specialty)||void 0===k?void 0:k.map)||void 0===M?void 0:M.call(k,Ze))||[],spotlights:(null===(B=null===($=null===(_=null===a||void 0===a?void 0:a._data.setting_menu)||void 0===_?void 0:_.menu_hospital)||void 0===$?void 0:$.map)||void 0===B?void 0:B.call($,He))||[]}}catch(D){}}catch(F){console.error(F)}return N})),Pa=e=>(0,i.a)(void 0,void 0,void 0,(function*(){return(yield(0,ie.g)("nav-menu-content",(()=>Fa(e||"en-PH")),(e=>{var t,a;return!!(null===(a=null===(t=null===e||void 0===e?void 0:e.categories)||void 0===t?void 0:t.items)||void 0===a?void 0:a.length)})))||{}}))},86911:function(e,t,a){"use strict";a.d(t,{F:function(){return T}});var i=a(67294),n=a(49678),l=a(90411),o=a.n(l),r=a(53515),s=a(55157),c=a(91938),d=a(83129),m=a(36308),p=a(88125),h=a(93867),g=a(10917),u=a(78577),v=a(86770),f=a(62470);const y=h.Z.footer` background-color: #1b3250; .inner { padding: 64px 24px 98px 24px; margin: 0 auto; } .newsletter { padding: 24px 0; } .footer-logo { max-width: 132px; max-height: 32px; &[data-is-sehat='true'] { max-width: 250px; } img { object-fit: contain; } } .social { margin-top: 24px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; > .icons { display: flex; gap: 16px; } } hr { height: 1px; border: none; margin: 16px 0 16px 0; background: ${g.r.colors.neutral500}; opacity: 0.1; outline: none; } .footer-menu-column { min-width: 168px; } .footer-menu-title { margin-bottom: 16px; } .footer-menu-link { display: block; } .footer-menu-link-wrapper { display: flex; flex-direction: column; gap: 12px; } .copyright { display: flex; flex-direction: column; gap: 16px; padding-top: 8px; .copyright-content { color: ${g.r.colors.neutral500}; font-size: 12px; } .copyright-image-wrapper { flex-shrink: 0; flex-wrap: wrap; display: flex; gap: 16px; justify-content: flex-end; .copyright-image { align-self: flex-start; img { height: 32px; } } } } .otherSites { display: flex; gap: 16px; align-items: center; padding: 19px 0; border-top: 1px solid ${g.r.colors.neutral100}1a; border-bottom: 1px solid ${g.r.colors.neutral100}1a; .flags { display: flex; gap: 12px; } } .signupButton { display: none; border: none; margin-top: 16px; outline: none; text-transform: uppercase; } ${m.M.mbDown} { .inner { padding: 64px 0; } .social { flex-direction: column; gap: 10px; align-items: start; } hr { margin-top: 0px; } .copyright { align-items: center; text-align: center; } .copyright-image-wrapper { justify-content: center; max-width: unset; } .otherSites { flex-direction: column; padding: 24px 0; .linkTitle { text-align: center; } .flags { flex-wrap: wrap; justify-content: center; } } .footer-menu-title { margin-bottom: 12px; } .footer-menu { display: grid; grid-template-columns: repeat(2, 1fr); > .footer-menu-column { padding: 24px 0; } > .footer-menu-column:first-child { grid-column-start: 1; grid-column-end: 3; border-top: 1px solid ${g.r.colors.neutral100}1a; border-bottom: 1px solid ${g.r.colors.neutral100}1a; > .footer-menu-link-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } } } .otherSites { margin-bottom: 24px; } } ${m.M.mbUp} { .newsletter > p { max-width: 360px; } .hrMobile { display: none; } .copyright { gap: 24px; flex-direction: row-reverse; align-items: center; justify-content: space-between; } .otherSites { margin-bottom: 40px; } .columns { display: flex; flex-direction: row; width: 100%; gap: 16px; margin-bottom: 40px; > div:nth-child(1) { display: flex; flex-direction: column; flex: 1; } > div:nth-child(2) { display: flex; flex-direction: row; gap: 24px; } } } `,x=h.Z.img` width: 32px; height: 32px; ${m.M.mbDown} { width: 24px; height: 24px; } .country-flag { width: 100%; height: 100%; } `,b=({url:e,dataEventCategory:t,dataEventAction:a,dataEventLabel:n})=>i.createElement(x,{loading:"lazy",className:"country-flag",src:e,alt:"Country Flag","data-event-category":t,"data-event-action":a,"data-content-label":n}),E=({title:e,items:t,locale:a,index:n})=>{const{isMobile:l}=(0,p.u)();return i.createElement("div",{className:"footer-menu-column"},e?i.createElement(d.T,{size:l?"s4":"s3",className:"footer-menu-title",weight:l?"regular":"semiBold",color:"neutral.6"},e):null,i.createElement("div",{className:"footer-menu-link-wrapper"},null===t||void 0===t?void 0:t.map(((e,t)=>i.createElement(d.T,{size:l?"p3":"p4",as:"a","data-event-category":"Footer","data-event-action":e.title,"data-event-label":`https://${u.v[a]}${e.url}`,className:"footer-menu-link",href:e.url,key:t,color:"#fff",weight:l&&0===n?"semiBold":"regular"},e.title)))))},w=({className:e,footerInfo:t,locale:a})=>{var l,r,s,c,m,h,g,u,v,f,x;const{isMobile:w}=(0,p.u)(),C=null===t||void 0===t?void 0:t.menu,k=(null===(r=null===(l=null===t||void 0===t?void 0:t.general)||void 0===l?void 0:l.verified)||void 0===r?void 0:r.filter(Boolean))||[];return i.createElement(y,{className:e},i.createElement(n.C,null,i.createElement("div",{className:"inner"},i.createElement("a",{href:"/"},i.createElement("img",{loading:"lazy",className:"footer-logo",src:null===(s=null===t||void 0===t?void 0:t.general)||void 0===s?void 0:s.logo,alt:"Logo","data-is-sehat":"id-ID"===a})),i.createElement("div",{className:"columns"},i.createElement("div",{className:"newsletter"},i.createElement(d.T,{size:w?"s3":"s4",weight:"semiBold",color:"neutral.0"},null===(c=null===t||void 0===t?void 0:t.general)||void 0===c?void 0:c.content),i.createElement("div",{className:"social"},i.createElement(d.T,{size:"p4",color:"neutral.6"},null===(m=null===t||void 0===t?void 0:t.social)||void 0===m?void 0:m.title),i.createElement("div",{className:"icons"},null===(g=null===(h=null===t||void 0===t?void 0:t.social)||void 0===h?void 0:h.socials)||void 0===g?void 0:g.map(((e,t)=>i.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":`Follow us - ${e.name}`,"data-content-label":e.url,href:e.url},i.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":`Follow us - ${e.name}`,"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon",width:"24",height:"24"}))))))),i.createElement("div",{className:"footer-menu"},C&&i.createElement(i.Fragment,null,null===C||void 0===C?void 0:C.map(((e,t)=>i.createElement(E,{title:e.menu_title,items:e.items,locale:a,key:t,index:t})))))),i.createElement("div",{className:"otherSites"},i.createElement(d.T,{size:"p4",className:"linkTitle",color:"neutral.6",weight:"regular"},null===(u=null===t||void 0===t?void 0:t.branch)||void 0===u?void 0:u.title),i.createElement("div",{className:"flags"},null===(f=null===(v=null===t||void 0===t?void 0:t.branch)||void 0===v?void 0:v.branch)||void 0===f?void 0:f.map(((e,t)=>i.createElement("a",{href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},i.createElement(b,{url:e.flag,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url})))))),i.createElement("div",{className:"copyright"},i.createElement("div",{className:"copyright-image-wrapper"},k.length?k.map(((e,t)=>i.createElement("a",{href:e.url,key:t,className:"copyright-image"},i.createElement("img",{loading:"lazy",src:e.image,alt:"DMCA Icon"})))):null),i.createElement(d.T,{size:"n1",className:"copyright-content",as:"div",color:"neutral.6",weight:"regular"},i.createElement("div",{dangerouslySetInnerHTML:{__html:null===(x=null===t||void 0===t?void 0:t.general)||void 0===x?void 0:x.copyright.replace(/{currentYear}/gi,o()().get("year").toString())}}))))))},C=h.Z.footer` position: relative; overflow: hidden; .icons { margin-top: 12px; margin-bottom: 20px; > a:not(:last-child) { margin-right: 16px; } } a { text-decoration: none; } `,k=h.Z.div` position: relative; padding: 80px 0 40px; margin: auto 68px; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid ${g.r.colors.neutral200}; ${m.M.tdDown} { margin: auto 16px; flex-wrap: wrap; row-gap: 32px; column-gap: 16px; } ${m.M.mbDown} { margin: auto 0; } `,M=h.Z.div` display: flex; justify-content: space-between; gap: 12px; flex-direction: column; ${m.M.mbDown} { flex: 1 1 160px; } .title { padding-bottom: 4px; } `,_=h.Z.div` display: flex; justify-content: space-between; gap: 12px; flex-direction: column; `,$=h.Z.div` background-color: #{map-get($mbColors, 'dark')}; padding: 16px 0; position: relative; img { width: 89px; height: 32px; } .content { display: flex; align-items: center; justify-content: space-between; gap: 174px; margin: auto 68px; ${m.M.tdDown} { margin: auto 16px; } ${m.M.mbDown} { flex-direction: column-reverse; gap: 16px; align-items: flex-start; margin: auto 0; } } .verify { display: flex; align-items: flex-start; gap: 8px; } `,B=h.Z.div` padding: 40px 0; ${m.M.mbUp} { margin: auto 68px; } `,N=h.Z.div` display: flex; gap: 16px; .social-logo { width: 28px; } `,L=({logoType:e="marryBaby",footerMenu:t,background:a})=>{var l;if(!t)return null;const{general:m,menu:p,socials:h}=t;return i.createElement(C,{style:{backgroundColor:a||"none"}},i.createElement(n.C,null,i.createElement(k,null,null===p||void 0===p?void 0:p.map((({menu_title:e,items:t},a)=>i.createElement(M,{key:`mbf${a}`},i.createElement(f.M,{className:"title",type:"subtitle-1",color:g.r.mbColors.pink},e),null===t||void 0===t?void 0:t.map((({title:e,url:t},a)=>i.createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":`${t}`,className:"link",href:t,key:`footer-links-${a}`},i.createElement(_,{key:`mbitem${a}`},i.createElement(f.M,{type:"bodytext-2",color:g.r.mbColors.gray},e)))))))))),i.createElement(n.C,null,i.createElement(B,null,i.createElement(r.k,{gap:"24px",sx:e=>({[e.fn.largerThan("sm")]:{".info-item":{flexGrow:1,width:"50%"}},[e.fn.smallerThan("sm")]:{flexDirection:"column"}})},i.createElement(s.K,{spacing:"24px",className:"info-item"},i.createElement(v.L,{className:"logo",type:e}),i.createElement(d.T,{size:"p4",as:"div"},i.createElement("div",{dangerouslySetInnerHTML:{__html:null===m||void 0===m?void 0:m.content}})),i.createElement(N,null,null===h||void 0===h?void 0:h.map((({icon:e,name:t,url:a},n)=>i.createElement("a",{key:`social${n}`,target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":`Follow us - ${t}`,"data-content-label":t,href:a},i.createElement("img",{className:"social-logo",loading:"lazy",src:e,alt:t})))))),i.createElement(c.x,{className:"info-item",sx:{paddingTop:"7px"}},i.createElement(d.T,{size:"p4",as:"div"},i.createElement("div",{dangerouslySetInnerHTML:{__html:null===m||void 0===m?void 0:m.information}})))))),i.createElement($,null,i.createElement(n.C,null,i.createElement("div",{className:"content"},i.createElement(d.T,{size:"p5",color:"#fff",as:"div"},i.createElement("div",{dangerouslySetInnerHTML:{__html:null===m||void 0===m?void 0:m.copyright.replace(/{currentYear}/gi,o()().get("year").toString())}})),i.createElement("div",{className:"verify"},null===(l=null===m||void 0===m?void 0:m.verified)||void 0===l?void 0:l.map((({image:e,url:t},a)=>i.createElement("img",{loading:"lazy",key:`imgMbFt${a}`,src:e,alt:t}))))))))},T=({locale:e,footerInfo:t,siteType:a,background:n})=>"helloSites"===a?i.createElement(w,{locale:e,footerInfo:t||{}}):i.createElement(L,{footerMenu:t,background:n})},62470:function(e,t,a){"use strict";a.d(t,{M:function(){return s}});var i=a(22470),n=a(67294),l=a(93867),o=a(10917);(0,l.Z)((e=>{var{type:t}=e,a=(0,i._)(e,["type"]);return n.createElement(t,a)}))` color: var(--text-color, ${o.r.mbColors.dark}); font-family: Krub; font-weight: 600; letter-spacing: -0.2px; &[data-type='headline-1'] { font-size: 40px; line-height: 60px; } &[data-type='headline-2'] { font-size: 32px; line-height: 48px; } &[data-type='headline-3'] { font-size: 24px; line-height: 40px; } &[data-type='headline-4'] { font-size: 18px; line-height: 32px; } `;const r=l.Z.p` color: var(--text-color, ${o.r.mbColors.dark}); letter-spacing: -0.2px; &[data-type='subtitle-1'] { font-size: 16px; font-weight: 600; line-height: 26px; } &[data-type='subtitle-2'] { font-size: 14px; font-weight: 500; line-height: 24px; } &[data-type='subtitle-3'] { font-size: 12px; font-weight: 500; line-height: 20px; } &[data-type='bodytext-1'] { font-size: 16px; font-weight: 400; line-height: 28px; } &[data-type='bodytext-2'] { font-size: 14px; font-weight: 400; line-height: 24px; } &[data-type='bodytext-3'] { font-size: 12px; font-weight: 400; line-height: 20px; } &[data-type='caption-1'] { font-size: 10px; font-weight: 500; letter-spacing: -0.1px; line-height: 14px; } &[data-type='caption-2'] { font-size: 10px; font-weight: 400; letter-spacing: -0.1px; line-height: 14px; } `,s=e=>{var{type:t,color:a,style:l}=e,o=(0,i._)(e,["type","color","style"]);return n.createElement(r,Object.assign({"data-type":t,style:Object.assign(Object.assign({},l),a&&{"--text-color":a})},o))}},24657:function(e,t,a){"use strict";a.d(t,{K:function(){return o}});var i=a(22470),n=a(67294),l=a(26895);a(93867);const o=e=>{var{children:t,isCollapsed:a=!1,template:o="homepage",refObject:r,height:s=56}=e,c=(0,i._)(e,["children","isCollapsed","template","refObject","height"]);return n.createElement(l.S,Object.assign({height:s,"data-is-collapsed":a,"data-template":o,ref:r},c),t)};o.Icon=l.M},3406:function(e,t,a){"use strict";a.d(t,{F:function(){return g}});var i=a(67294),n=a(40254),l=a(57849),o=a(99025),r=a(58499),s=a(43125),c=a(93867),d=a(36308),m=a(10917);const p=c.Z.div` background-color: white; text-align: center; .cancle-img { margin-top: 24px; ${d.M.mbDown} { width: 80px; height: 80px; } ${d.M.mbUp} { width: 100px; height: 100px; } } h2 { margin-top: 32px; color: ${m.r.colors.gray800}; font-style: normal; font-weight: bold; ${d.M.mbDown} { font-size: 24px; line-height: 32px; } ${d.M.mbUp} { font-size: 32px; line-height: 42px; } } p { margin-top: 8px; color: ${m.r.colors.gray600}; font-style: normal; font-weight: normal; ${d.M.mbDown} { font-size: 16px; line-height: 24px; } ${d.M.mbUp} { font-size: 16px; line-height: 24px; } } `,h=c.Z.div` display: flex; ${d.M.mbDown} { margin-top: 24px; } ${d.M.mbUp} { margin-top: 32px; } justify-content: space-around; button { flex: 1; margin: 4px; } ${e=>"marryBaby"===e.siteType?"\n .cancel-button {\n background-color: #E55C8A;\n }\n .cancel-button:hover {\n background-color: #E55C8A !important;\n }\n .logout-button {\n border-color: #E55C8A;\n color: #E55C8A;\n }\n ":""} `,g=({openLogoutPopup:e,onCloseHandler:t,onLogoutHandler:a,siteType:c="helloSites"})=>{const{t:d}=(0,r.u)();return(0,i.useEffect)((()=>{document.body.classList.toggle("noscroll",e)}),[e]),i.createElement(n.h,null,i.createElement(o.P,{type:"confirm",isOpen:e,closeIcon:i.createElement("img",{src:s.C.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon",loading:"lazy"}),onClose:t},i.createElement(p,null,"helloSites"===c&&i.createElement("img",{src:s.C.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account",loading:"lazy"}),i.createElement("h2",null,d("helloSites"===c?"logout.popup.ask1":"logout.popup.ask.mb")),i.createElement("p",null,d("logout.popup.ask2")),i.createElement(h,{siteType:c},i.createElement(l.B,{className:"logout-button",color:"tertiary",size:"lg",onClick:a},d("logout.popup.button.logout")),i.createElement(l.B,{className:"cancel-button",color:"primary",size:"lg",onClick:t},d("logout.popup.button.cancel"))))))}},87511:function(e,t,a){"use strict";a.d(t,{l:function(){return D}});var i=a(67294),n=a(74533),l=a(67128),o=a(43125),r=a(83129),s=a(58499);const c=e=>i.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},e),i.createElement("path",{d:"M7.99969 9.38055L5.45236 6.83322C5.17636 6.55722 4.72836 6.55722 4.45236 6.83322C4.17636 7.10922 4.17636 7.55722 4.45236 7.83322L7.52836 10.9092C7.78903 11.1699 8.21103 11.1699 8.47103 10.9092L11.547 7.83322C11.823 7.55722 11.823 7.10922 11.547 6.83322C11.271 6.55722 10.823 6.55722 10.547 6.83322L7.99969 9.38055Z"}));var d=a(68866),m=a(70917),p=a(93867),h=a(10917);a(94184),a(90411);const g=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.5a3.2 3.2 0 0 1 3.2-3.2h7.9a3.2 3.2 0 0 1 3.19 3.2v4.72a3.2 3.2 0 0 1-3.2 3.2H5.7a3.2 3.2 0 0 1-3.19-3.2V6.49Z",fill:"#E3F2FF"}),i.createElement("path",{d:"M2.5 5.68A2.38 2.38 0 0 1 4.88 3.3h9.52a2.38 2.38 0 0 1 2.39 2.38z",fill:"#2D87F3"}),i.createElement("path",{d:"M13.6 2.5h-.03c-.36 0-.65.3-.65.65V4.2c0 .36.3.65.65.65h.03c.36 0 .65-.3.65-.65V3.15a.65.65 0 0 0-.65-.65M5.27 4.86h.03c.36 0 .65-.3.65-.65V3.15a.65.65 0 0 0-.65-.65h-.03c-.36 0-.65.3-.65.65V4.2c0 .36.3.65.65.65Z",fill:"#2743AD"}),i.createElement("path",{d:"M5.56 8.17h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41m2.7 0h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41m2.7 0h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41m2.87 0h-.49a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.49a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41m-8.3 2.52h-.5a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4m2.7 0h-.5a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4m2.7 0h-.49a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Zm2.87 0h-.49a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Z",fill:"#2D87F3"}),i.createElement("path",{d:"M16 16.8a3.17 3.17 0 1 0 0-6.36 3.17 3.17 0 0 0 0 6.35Z",fill:"#FE921D"}),i.createElement("path",{d:"M15.78 13.62v-1.36a.21.21 0 0 1 .42 0v1.26l.48.4a.21.21 0 0 1-.01.33.21.21 0 0 1-.26-.01l-.55-.46-.02-.01a.2.2 0 0 1-.06-.15",fill:"#fff"})),u=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M7.06 4.97h-2.3a3.12 3.12 0 0 0-3.1 3.1v.43a3.12 3.12 0 0 0 3.1 3.1h1.39s1.47 1.11 1.5.97c.03-.22-.23-.99-.23-.99a3.13 3.13 0 0 0 2.72-3.09v-.41a3.12 3.12 0 0 0-3.08-3.11m-2.7 3.55a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46m1.35.4a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .65Zm1.57-.05",fill:"#2D87F3"}),i.createElement("path",{d:"M12.88 9.52a3.53 3.53 0 0 0-1.35 6.8s-.23 1.03-.2 1.25c.03.14 1.55-.99 1.55-.99a3.53 3.53 0 0 0 0-7.06m-1.33 4.24a.48.48 0 1 1 0-.97.48.48 0 0 1 0 .97m1.58.04a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .66m1.34-.39a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46",fill:"#FFB521"}),i.createElement("path",{d:"M16.45 1.67h-3.87a1.88 1.88 0 0 0-1.88 2.06l.22 2.29a1.88 1.88 0 0 0 1.73 1.7s-.17.94-.14 1.16c.02.14 1.66-1.13 1.66-1.13l1.92-.03a1.88 1.88 0 0 0 1.86-1.59l.36-2.29a1.88 1.88 0 0 0-1.86-2.17M13.1 5.23a.48.48 0 1 1 .34-.14c-.1.1-.22.14-.34.14m1.57.05a.33.33 0 1 1 .23-.1.33.33 0 0 1-.23.1m1.34-.4a.23.23 0 1 1 .1-.01.2.2 0 0 1-.1.02Z",fill:"#91CAFF"})),v=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("rect",{x:"8.333",y:"8.333",width:"3.333",height:"3.333",rx:"1.667",fill:"#2D87F3"})),f=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"m3.18 7.06 1.6 1.6 4.33-4.69a.72.72 0 0 0-.03-.99l-.22-.22a.72.72 0 0 0-.99-.02zm13.64 0-1.6 1.6-4.33-4.69a.72.72 0 0 1 .02-.99l.23-.22a.72.72 0 0 1 .99-.02z",fill:"#2743AD"}),i.createElement("path",{d:"M15.04 16.7H4.9a.78.78 0 0 1-.77-.7l-.7-6.67h13.09l-.7 6.67a.78.78 0 0 1-.78.7",fill:"#2D87F3"}),i.createElement("path",{d:"M6.23 15.7a.23.23 0 0 1-.23-.22l-.3-4.46a.23.23 0 1 1 .47-.04l.3 4.47a.23.23 0 0 1-.22.25zm2.39 0a.23.23 0 0 1-.23-.23L8.3 11a.23.23 0 1 1 .47 0l.07 4.46a.23.23 0 0 1-.22.24h-.01Zm5.15 0h-.02a.23.23 0 0 1-.2-.16.2.2 0 0 1-.02-.09l.3-4.47a.24.24 0 0 1 .25-.22.23.23 0 0 1 .22.26l-.3 4.46a.23.23 0 0 1-.23.22m-2.39 0a.23.23 0 0 1-.23-.23l.07-4.47a.24.24 0 0 1 .24-.23.23.23 0 0 1 .23.23l-.08 4.47a.23.23 0 0 1-.23.23",fill:"#2743AD"}),i.createElement("path",{d:"M16.04 18.12a2.01 2.01 0 1 0 0-4.03 2.01 2.01 0 0 0 0 4.03",fill:"#FE921D"}),i.createElement("path",{d:"M16.97 15.87h-.7v-.7a.23.23 0 0 0-.46 0v.7h-.7a.23.23 0 1 0 0 .47h.7v.69a.23.23 0 1 0 .47 0v-.7h.69a.23.23 0 1 0 0-.46",fill:"#fff"}),i.createElement("path",{d:"M16.58 9.48H3.42a.8.8 0 0 1-.78-.7l-.13-1.1a.8.8 0 0 1 .78-.88h13.42a.8.8 0 0 1 .78.88l-.13 1.1a.8.8 0 0 1-.78.7",fill:"#BCDEFF"})),y=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M10 1.667c-4.595 0-8.333 3.738-8.333 8.333 0 4.595 3.738 8.333 8.333 8.333 4.595 0 8.333-3.738 8.333-8.333 0-4.595-3.738-8.333-8.333-8.333Zm0 13.194a.695.695 0 1 1 0-1.39.695.695 0 0 1 0 1.39Zm1.1-4.415a.698.698 0 0 0-.405.631v.312a.694.694 0 1 1-1.39 0v-.312c0-.81.477-1.553 1.213-1.893.707-.326 1.218-1.19 1.218-1.615 0-.956-.778-1.736-1.736-1.736s-1.736.78-1.736 1.736a.694.694 0 1 1-1.389 0A3.129 3.129 0 0 1 10 4.444a3.129 3.129 0 0 1 3.125 3.125c0 .939-.814 2.318-2.026 2.877Z",fill:"#FF6F4D"})),x=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M11.116 1.72 5.488.85a1.898 1.898 0 0 0-2.155 1.856v14.588a1.898 1.898 0 0 0 2.158 1.855l5.625-.869a1.865 1.865 0 0 0 1.592-1.855V3.575a1.87 1.87 0 0 0-1.592-1.855",fill:"#2D87F3"}),i.createElement("path",{d:"M17.642 9.584a.6.6 0 0 1-.232.472l-1.964 1.518a.446.446 0 0 1-.719-.353v-.51l-2.118-.01a.225.225 0 0 1-.223-.225v-1.8a.225.225 0 0 1 .224-.225l2.12.002-.004-.506a.446.446 0 0 1 .719-.354l1.965 1.52a.6.6 0 0 1 .232.471",fill:"#FF6F4D"}),i.createElement("path",{d:"M17.642 9.584a.6.6 0 0 1-.232.472l-1.964 1.518a.446.446 0 0 1-.719-.353v-.51l-2.118-.01a.225.225 0 0 1-.223-.225v-1.8a.225.225 0 0 1 .224-.225l2.12.002-.004-.506a.446.446 0 0 1 .719-.354l1.965 1.52a.6.6 0 0 1 .232.471m-7.603-.908v1.802c0 .124.1.225.224.225h1.257c.124 0 .225-.1.225-.225V8.676c0-.124-.1-.224-.225-.224h-1.257c-.124 0-.224.1-.224.224m-.673 1.809a.224.224 0 0 1-.225.225h-.407a.61.61 0 0 1-.609-.61V9.069a.61.61 0 0 1 .61-.61h.406a.224.224 0 0 1 .225.225z",fill:"#FF6F4D"})),b=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M6.114 3.333a4.64 4.64 0 0 1 3.565 1.708.412.412 0 0 0 .642 0 4.64 4.64 0 0 1 3.565-1.708c2.646 0 4.447 2.302 4.447 5.142 0 1.698-.904 4.446-2.675 6.102-2.522 2.358-4.665 2.965-5.392 3.11a1.3 1.3 0 0 1-.53 0c-.728-.146-2.871-.752-5.393-3.11-1.772-1.656-2.676-4.404-2.676-6.102 0-2.84 1.801-5.142 4.447-5.142",fill:"#FF6F4D"}),i.createElement("path",{d:"M13.298 11.226v-.829a1.205 1.205 0 0 0-1.202-1.204h-.208a.26.26 0 0 1-.261-.259v-.208a1.205 1.205 0 0 0-1.201-1.204h-.832A1.205 1.205 0 0 0 8.39 8.726v.205a.26.26 0 0 1-.259.261h-.207a1.2 1.2 0 0 0-1.202 1.202v.834a1.204 1.204 0 0 0 1.202 1.201h.207a.26.26 0 0 1 .259.262v.205A1.205 1.205 0 0 0 9.594 14.1h.832a1.204 1.204 0 0 0 1.201-1.204v-.208a.26.26 0 0 1 .261-.258h.208a1.205 1.205 0 0 0 1.202-1.204",fill:"#fff"})),E=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M4.767 17.236a1.36 1.36 0 0 0 1.256.188l4.097-1.397a.37.37 0 0 1 .28 0l4.097 1.397q.22.071.45.075c.29.002.573-.09.807-.263a1.43 1.43 0 0 0 .6-1.171V3.935A1.417 1.417 0 0 0 14.946 2.5H5.573a1.416 1.416 0 0 0-1.406 1.434v12.13a1.43 1.43 0 0 0 .6 1.172",fill:"#00CB8A"})),w=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.075a2.177 2.177 0 0 1-1.717-2.944 1.02 1.02 0 0 0-.305-1.15 8.2 8.2 0 0 0-2.445-1.417 1.03 1.03 0 0 0-1.16.323 2.173 2.173 0 0 1-3.423 0 1.03 1.03 0 0 0-1.161-.323A8.2 8.2 0 0 0 4.85 3.842a1.03 1.03 0 0 0-.322 1.183 2.167 2.167 0 0 1-1.806 2.978 1.03 1.03 0 0 0-.9.828 8 8 0 0 0-.05 2.861 1.03 1.03 0 0 0 .906.861 2.166 2.166 0 0 1 1.767 3.061 1.01 1.01 0 0 0 .283 1.211A8.2 8.2 0 0 0 7.15 18.22q.17.059.35.061a1.02 1.02 0 0 0 .833-.433 2.15 2.15 0 0 1 1.778-.934 2.18 2.18 0 0 1 1.745.878 1.02 1.02 0 0 0 1.2.339 8.3 8.3 0 0 0 2.222-1.328 1.03 1.03 0 0 0 .3-1.172 2.167 2.167 0 0 1 1.739-2.995 1.03 1.03 0 0 0 .872-.844 8 8 0 0 0 .144-1.405q0-.749-.138-1.484a1.02 1.02 0 0 0-.856-.828m-4.561 2.312a2.778 2.778 0 1 1-5.556 0 2.778 2.778 0 0 1 5.556 0",fill:"#2D87F3"})),C=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"})),k=e=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.createElement("path",{d:"M1.11848 19.1667C1.19427 19.1666 1.26693 19.1365 1.32049 19.0829L4.30733 16.0962C4.36096 16.0426 4.3911 15.9699 4.39111 15.8941C4.39113 15.8183 4.36103 15.7455 4.30743 15.6919C4.25383 15.6383 4.18112 15.6081 4.1053 15.6081C4.02948 15.6081 3.95675 15.6382 3.90313 15.6918L0.916285 18.6787C0.876281 18.7186 0.849035 18.7696 0.837994 18.825C0.826954 18.8805 0.832614 18.938 0.854261 18.9903C0.875908 19.0425 0.912567 19.0872 0.9596 19.1186C1.00663 19.15 1.06193 19.1667 1.11848 19.1667Z",fill:"#626D7C"}),i.createElement("path",{d:"M7.71853 15.4925H7.72043L15.3384 7.87534L12.1272 4.66228L4.45021 12.3366C5.39488 13.2971 7.71853 15.4925 7.71853 15.4925Z",fill:"#2D87F3"}),i.createElement("path",{d:"M3.18097 14.9702L5.02953 16.8187C5.19838 16.9989 5.43172 17.1049 5.67851 17.1135C5.9253 17.122 6.16544 17.0325 6.34638 16.8645L7.71851 15.4923L4.50736 12.2793L3.13524 13.6514C2.96661 13.8324 2.87671 14.073 2.88529 14.3203C2.89386 14.5675 3.00021 14.8013 3.18097 14.9702Z",fill:"#BCDEFF"}),i.createElement("path",{d:"M17.7683 3.58334L16.4183 2.2333L13.5601 5.09143L14.9102 6.44147L17.7683 3.58334Z",fill:"#2B62CD"}),i.createElement("path",{d:"M7.71889 15.7783C7.77545 15.7783 7.83074 15.7616 7.87778 15.7301C7.92481 15.6987 7.96147 15.6541 7.98312 15.6018C8.00476 15.5496 8.01042 15.4921 7.99938 15.4366C7.98834 15.3811 7.9611 15.3302 7.92109 15.2902L4.70861 12.0779C4.65452 12.0268 4.58261 11.9988 4.50818 11.9998C4.43375 12.0009 4.36267 12.0309 4.31005 12.0836C4.25742 12.1362 4.22741 12.2073 4.22639 12.2817C4.22538 12.3562 4.25343 12.4281 4.3046 12.4821L7.51689 15.6944C7.54337 15.721 7.57485 15.7421 7.60952 15.7565C7.64419 15.7709 7.68136 15.7783 7.71889 15.7783Z",fill:"#BCDEFF"}),i.createElement("path",{d:"M9.48781 11.3095C9.54746 11.3096 9.60653 11.2978 9.66161 11.2749C9.71669 11.252 9.76669 11.2184 9.80874 11.1761L9.83847 11.1462L9.86819 11.1758C9.95336 11.2609 10.0689 11.3088 10.1893 11.3088C10.3098 11.3088 10.4253 11.2609 10.5104 11.1758L10.8535 10.8327C10.8957 10.7905 10.9291 10.7404 10.952 10.6853C10.9748 10.6302 10.9866 10.5711 10.9866 10.5114C10.9866 10.4517 10.9748 10.3926 10.952 10.3375C10.9291 10.2824 10.8957 10.2323 10.8535 10.1901L10.8232 10.1625L10.8531 10.1326C10.9382 10.0474 10.9861 9.93182 10.9861 9.81135C10.9861 9.69087 10.9382 9.57533 10.8531 9.49014L10.51 9.14711C10.4679 9.10487 10.4179 9.07136 10.3628 9.0485C10.3077 9.02563 10.2486 9.01386 10.1889 9.01386C10.1293 9.01386 10.0702 9.02563 10.0151 9.0485C9.96 9.07136 9.90995 9.10487 9.86781 9.14711L9.83808 9.17664L9.80836 9.14692C9.72313 9.06179 9.6076 9.01397 9.48715 9.01397C9.36669 9.01397 9.25116 9.06179 9.16594 9.14692L8.8229 9.48995C8.73774 9.57511 8.6899 9.69062 8.6899 9.81106C8.6899 9.9315 8.73774 10.047 8.8229 10.1322L8.85282 10.1621L8.82329 10.1918C8.73826 10.2771 8.69052 10.3925 8.69052 10.5129C8.69052 10.6333 8.73826 10.7488 8.82329 10.8341L9.16632 11.1771C9.2085 11.2193 9.25863 11.2528 9.31381 11.2755C9.36899 11.2982 9.42813 11.3098 9.48781 11.3095Z",fill:"white"}),i.createElement("path",{d:"M12.6184 3.4438L16.5573 7.38277C16.8001 7.6255 16.8001 8.01905 16.5573 8.26178C16.3146 8.50451 15.921 8.50451 15.6783 8.26178L11.7393 4.32281C11.4966 4.08008 11.4966 3.68653 11.7393 3.4438C11.9821 3.20107 12.3756 3.20107 12.6184 3.4438Z",fill:"#BCDEFF"}),i.createElement("path",{d:"M16.4563 1.22324L18.7767 3.54364C18.9921 3.75907 18.9921 4.10834 18.7767 4.32376C18.5613 4.53918 18.212 4.53918 17.9966 4.32376L15.6762 2.00336C15.4608 1.78793 15.4608 1.43866 15.6762 1.22324C15.8916 1.00782 16.2409 1.00782 16.4563 1.22324Z",fill:"#BCDEFF"})),M=p.Z.div` padding: 16px; border-radius: 16px; background-color: white; hr { border-color: ${h.r.colors.neutral100}; border-bottom-width: 0px; border-style: solid; } .profile-nav-item-group { background-color: white; border-radius: 8px; } `,_=p.Z.div` display: block; border: 1px solid transparent; transition: all 300ms linear; cursor: pointer; position: relative; ${e=>e.hasSubmenu&&m.iv` cursor: pointer; `} &[data-is-open='true'] { & + div { margin-top: 8px; } } border-left-width: 0; border-right-width: 0; &[data-is-open='true'] { & + div { margin-top: 0; } .nav-menu-item:last-child { border-bottom-color: ${h.r.colors.neutral100}; } } .nav-menu-item { background-color: ${h.r.colors.neutral50}; } .nav-menu-item { padding-left: 38px; } `,$=p.Z.div` display: flex; align-items: center; height: 48px; border: 1px solid transparent; transition: all 300ms; border-radius: 8px; &:hover { background-color: ${h.r.colors.neutral150}; } &[data-active='true'] { background-color: ${h.r.colors.blue50}; } `,B=p.Z.div` margin-left: auto; svg { fill: ${h.r.colors.gray600}; transition: transform 300ms; } &[data-is-open='true'] svg { transform: rotate(180deg); } `,N=p.Z.div` overflow: hidden; max-height: 0; transition: max-height 0.3s ease-out; [data-is-open='true'] & { max-height: 500px; transition-timing-function: ease-in; } `,L={helloSites:{member:()=>o.C.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>o.C.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>o.C.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>o.C.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>o.C.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>o.C.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>o.C.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>o.C.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>o.C.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>o.C.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},T=({rank:e,siteType:t="helloSites"})=>{const a=(0,i.useMemo)((()=>{var a,i;return(null===(i=null===(a=L[t])||void 0===a?void 0:a[e])||void 0===i?void 0:i.call(a))||""}),[e,t]),{t:n}=(0,s.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?h.r.colors.blue100:h.r.colors.mb100}`}},i.createElement("img",{src:a,alt:e,style:{height:16,width:16}}),i.createElement(r.T,{size:"s5",color:"gray.8",weight:"semiBold"},n(`userProfile.userRank.${e}`)))},A=({siteType:e="helloSites",userInfo:t})=>(null===t||void 0===t?void 0:t.id)?i.createElement(i.Fragment,null,i.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"}},i.createElement(l.A,{src:t.avatar,alt:t.name,size:48,style:{marginBottom:8}}),i.createElement(T,{rank:"member",siteType:e})),i.createElement(r.T,{size:"s3",weight:"semiBold",color:"gray.8",style:{marginBottom:4}},t.name),i.createElement(r.T,{size:"n1",weight:"regular",color:"helloSites"===e?"hb.6":"mb.6"},"@",t.username),i.createElement("hr",null)):null,D=({className:e,activeItem:t,navMenuItems:a,style:l,onLogout:o,siteType:r="helloSites",userInfo:c,onNavigate:m,configs:p={}})=>{const{enableProfileFindMyBooking:h=!1}=p,{locale:_}=(0,s.u)(),[$,B]=(0,i.useState)(),N="string"===typeof t?t:$,L=(0,d.n)((0,d.a)(_,"marryBaby"===r)+"/"),T=(0,d.n)((0,d.g)(_,"marryBaby"===r)+"/"),D=a||[[{key:"userProfile.nav.header.viewProfile",icon:i.createElement(C,{width:"24",height:"24"}),value:"profile",tracking:{action:"Profile Click"},link:`${L}user/profile/`},{key:"userProfile.nav.card.myHealth",icon:i.createElement(b,{width:"24",height:"24"}),value:"myHealth",tracking:{action:"My Health Click"},link:`${L}user/health/`},{key:"userProfile.nav.card.mySaved",icon:i.createElement(E,{width:"24",height:"24"}),iconColor:"green_300",value:"saved",tracking:{action:"Bookmarks Click"},link:`${L}user/saved/`},!!h&&{key:"navigation.find_my_booking",icon:i.createElement(k,{width:"24",height:"24"}),value:"find_my_booking",tracking:{action:"Find My Booking"},link:`${T}care/find-my-booking`},{key:"userProfile.nav.card.myBooking",icon:i.createElement(g,{width:"24",height:"24"}),value:"booking",disabled:!n.C.includes(_),tracking:{action:"Manage Booking Click"},link:`${L}user/booking/`},{key:"userProfile.nav.card.myCommunity",icon:i.createElement(u,{width:"24",height:"24"}),value:"myCommunities",disabled:!n.c.includes(_),tracking:{action:"Community Click"},link:`${L}user/my-communities/`}],...n.E.includes(_)?[[{key:"userProfile.nav.card.eCom",icon:i.createElement(f,{width:"24",height:"24"}),value:"eCom",disabled:!n.E.includes(_),subMenu:[{key:"userProfile.nav.card.ecom.manageOrders",value:"eCom-manageOrders",icon:i.createElement(v,{width:"24",height:"24"}),link:`${T}shop/ho-so/quan-li-don-hang/`,tracking:{action:"Order Management Click"}},{key:"userProfile.nav.card.ecom.DeliveryAddress",value:"eCom-manageAddress",icon:i.createElement(v,{width:"24",height:"24"}),link:`${T}shop/ho-so/dia-chi-giao-hang/`,tracking:{action:"Address Management Click"}},{key:"userProfile.nav.card.ecom.voucher",value:"eCom-voucher",icon:i.createElement(v,{width:"24",height:"24"}),link:`${T}shop/ho-so/khuyen-mai/`,tracking:{action:"Voucher Click"}}]}]]:[],[{key:"userProfile.nav.menu.accountSettings",icon:i.createElement(w,{width:"24",height:"24"}),subMenu:[{key:"userProfile.nav.menu.password",value:"password",icon:i.createElement(v,{width:"24",height:"24"}),tracking:{action:"Set Password Click"},link:`${L}user/password/`},{key:"userProfile.nav.menu.disableAccount",value:"disable-account",icon:i.createElement(v,{width:"24",height:"24"}),tracking:{action:"Disable Account Click"},link:`${L}user/disable-account/`},...n.D.includes(_)?[{key:"userProfile.nav.menu.dataPrivacy",value:"data-privacy",icon:i.createElement(v,{width:"24",height:"24"}),tracking:{action:"Data Privacy Click"},link:`${L}user/data-privacy/`}]:[]]}],[{key:"userProfile.nav.menu.help",icon:i.createElement(y,{width:"24",height:"24"}),value:"help",link:`${L}user/help`,tracking:{action:"Support Click"}},{key:"userProfile.nav.menu.logout",icon:i.createElement(x,{width:"24",height:"24"}),value:"logout",tracking:{action:"Sign Out Click"}}]];return i.createElement(M,{className:e,style:l},i.createElement(A,{userInfo:c,siteType:r}),D.map(((e,t)=>i.createElement(i.Fragment,{key:t},i.createElement("div",{className:"profile-nav-item-group",key:t},e.map((e=>e?i.createElement(F,{key:e.key,item:e,activeKey:N||"",onLogout:o,onClick:()=>B((t=>t===e.key?void 0:e.key)),siteType:r,onNavigate:m}):null))),t!==D.length-1&&i.createElement("hr",null)))))},F=({item:e,activeKey:t,forceOpen:a,onLogout:n,onClick:l,siteType:o="helloSites",onNavigate:d})=>{var m,p;const[h,g]=(0,i.useState)(!1),u=(0,i.useMemo)((()=>"undefined"!==typeof window?window.location.href:""),[]);if(e.disabled)return null;const{t:v}=(0,s.u)(),f=null===(m=e.subMenu)||void 0===m?void 0:m.some((e=>e.key===t)),y=t===e.key;(0,i.useEffect)((()=>{(f||y)&&g(!0)}),[f,y]);const x="boolean"===typeof a?a:h;return i.createElement(_,{as:e.subMenu?void 0:"a","data-is-open":x,key:e.key,hasSubmenu:!!e.subMenu,onClick:()=>{null===l||void 0===l||l(),e.subMenu&&!a?g((e=>!e)):"logout"===e.value?null===n||void 0===n||n():e.link&&(d?d(e.link):window.location.href=e.link)},"data-event-category":"Ecommerce","data-event-action":(null===(p=null===e||void 0===e?void 0:e.tracking)||void 0===p?void 0:p.action)||"","data-event-label":u},i.createElement($,{"data-active":y},e.icon,i.createElement(r.T,{size:"p3",style:{marginLeft:e.icon?24:48,transition:"color 300ms"},color:y?"helloSites"===o?"hb.6":"mb.6":"gray.8"},v(e.key)),e.subMenu&&i.createElement(B,{"data-is-open":x},i.createElement(c,{width:14}))),e.subMenu&&i.createElement(N,null,e.subMenu.map((e=>i.createElement(F,{key:e.key,item:e,activeKey:t,onLogout:n,siteType:o})))))}}}]);