"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7884],{JJ6e:function(e,t,a){a.d(t,{B:function(){return Button}});var n=a("Cxxo"),i=a("q1tI"),o=a("akEg");let Button=e=>{var{size:t,color:a="primary",isDisabled:l,isBlock:r,title:s,onClick:d,icon:c,iconPosition:p="left",children:m,isLoading:g=!1,loadingText:u,dataEventCategory:h,dataEventAction:v,dataEventLabel:E,dataProductChannel:f,dataProductSku:b,dataProductBrand:x,dataProductName:y,dataProductPrice:w,dataProductCategory:_,dataProductPosition:C,type:M}=e,k=(0,n._)(e,["size","color","isDisabled","isBlock","title","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);return i.createElement(o.B,Object.assign({},{"data-event-category":h,"data-event-action":v,"data-event-label":E,"data-product-channel":f,"data-product-sku":b,"data-product-brand":x,"data-product-name":y,"data-product-price":w,"data-product-category":_,"data-product-position":C},{size:t,variant:"transparent"===a?"white":"danger"===a?"error":a,disabled:l,onClick:e=>{g||l||!d||d(e)},title:s,loading:g,type:M||"submit",leftIcon:"left"===p?c:void 0,rightIcon:"right"===p?c:void 0,w:r?"100%":void 0,p:r?"12px auto":void 0,"data-color":a,"data-size":t,"data-block":r,"data-has-icon":!!c||void 0,"data-theme":k.theme,"data-is-loading":g},k),g&&u||m)}},"2mFT":function(e,t,a){a.d(t,{H:function(){return HamburgerWhite},N:function(){return NavigationV2},S:function(){return StarPair},a:function(){return getNavMenuContentWithCache},b:function(){return ee},g:function(){return getNavMenuContent}});var n=a("Cxxo"),i=a("q1tI"),o=a("Tk12"),l=a("+sq5"),r=a("kigt"),s=a("r0Za"),d=a("q9DY"),c=a("9wNu"),p=a("rBCA"),m=a("PyPH"),g=a("iBNF"),u=a("LM/G"),h=a("iZ8j"),v=a("v8Gc"),E=a("/npG"),f=a("Eso5"),b=a("QJsO"),x=a("8vDj"),y=a("iuhU"),w=a("e0JL"),_=a("DzJC"),C=a.n(_),M=a("RRzr"),k=a("Y6+v"),T=a("Rh7u"),S=a("akEg"),I=a("e0Et"),N=a("NkwT"),L=a("YYdy"),$=a("7R3W"),R=a("r4qp"),D=a("bSpP"),A=a("nC53"),B=a("/KpT"),U=a("gEnE"),O=a("JJ6e"),P=a("UESe"),H=a("anWI"),F=a("r9/T"),z=a("Wgwc"),Z=a.n(z),j=a("QgiU"),W=a.n(j),V=a("Sbqh"),G=a("exG7"),Y=a("weOk"),q=a("sEfC"),X=a.n(q),K=a("xrdX"),J=a("gEfm");let HamburgerWhite=e=>i.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.createElement("path",{d:"M4 12H20",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M4 7H20",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M4 17H20",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),StarPair=e=>i.createElement("svg",Object.assign({width:"22",height:"28",viewBox:"0 0 22 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.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"}),i.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"})),Q=(0,p.Z)(m.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; } `,ee="hhg_search_history",SearchInput=({id:e,isMobile:t=!1,isHomepage:a=!1,projectType:n,isRedirectSearchPage:o=!1})=>{let{locale:r,siteType:s,isWinCashBackTheme:c}=(0,i.useContext)(u.a),[p,m]=(0,i.useState)(""),[h,v]=(0,i.useState)("Search From Another Page"),{t:E}=(0,D.u)(),f=(0,i.useCallback)((e="")=>{let t="";"together"===n&&(t="community"),"discover"===n&&(t=window.location.pathname.startsWith("/health-tools/")?"health-tools":n),localStorage.setItem(ee,window.location.href);let a=new URLSearchParams(window.location.search);a.set("source",t),a.set("s",e),a.delete("page"),window.location.href=`/search/?${a.toString()}`},[n]),b=(0,i.useCallback)(()=>{let e=localStorage.getItem(ee);if(!e){f("");return}localStorage.removeItem(ee),window.location.href=e},[f]);return(0,i.useEffect)(()=>{if("undefined"!=typeof window){let e=new URL(window.location.href),t=new URLSearchParams(e.search),a=t.get("s");"discover"===n&&window.location.pathname.startsWith("/search/")&&v("Search Page"),m(a)}},[]),t&&!a?i.createElement(S.B,{variant:"tertiary",style:{padding:"6px"},size:"sm",onClick:b},i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",style:{verticalAlign:"bottom"}},i.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"}))):i.createElement(Q,{className:"fake-search-input",name:"search-input-menu-service"+e,size:"md","data-event-category":h,"data-event-action":"Search","data-event-label":p,placeholder:"marryBaby"===s?E("navigation.search.input.placeholder"):E("home.search",{site:l.L[r||"en-PH"]?l.L[r||"en-PH"].SITE_NAME:""}),onChange:m,value:p,onKeyDown:e=>"Enter"===e.key&&f(e.target.value),type:"search",onFocus:e=>{e.preventDefault(),(t&&a||o)&&f("")},rightSection:p?i.createElement("div",{className:"close-icon-wrapper",onClick:()=>m(""),"data-event-category":"Search Page","data-event-action":"Delete Search"},i.createElement(d.Z,{size:17,color:g.r.colors.white})):c?i.createElement(StarPair,{className:"star-pair-icon"}):"",icon:i.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",className:"search-icon-btn",onClick:()=>{(t&&a||o)&&f("")}},i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",style:{verticalAlign:"bottom"}},i.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"})))})},getEcomUrl=({path:e,locale:t})=>{var a;return`/shop/${null===(a=N.L[t||"vi-VN"])||void 0===a?void 0:a[e]}/`};var et=(0,E.k)(()=>({root:{textDecoration:"none"},iconText:{color:"#fff"}}));let CartBadge=e=>{var{count:t,styles:a,className:o,classNames:l,locale:r}=e,s=(0,n._)(e,["count","styles","className","classNames","locale"]);let{classes:d,cx:c}=et(void 0,{name:"CartBadge",styles:a,classNames:l});return void 0!==t?i.createElement(f.x,Object.assign({component:"a",href:getEcomUrl({path:"CART",locale:r}),className:c(d.root,o)},s),i.createElement(b.z,{withBorder:!0,color:"red",size:20,disabled:0===t,label:i.createElement(T.T,{className:d.iconText,size:"s5"},t>99?"99+":t)},i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},i.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},ea=p.Z.div` &.block-show { display: block; } `,DisplayWrapper=({forceDisplay:e,mediaQueryKey:t,children:a,className:n,style:o})=>{let[l,r]=(0,i.useMemo)(()=>(0,I.g)(t),[t]);return i.createElement(ea,{lowerBound:e?0:l,upperBound:e?0:r,className:n,style:o},a)};var en={menuIconWrapper:"wnUb-dV",menuButton:"cjbOxWe"};let ItemMenu=({item:e,menu:t})=>{let{containerRef:a,onButtonMouseDown:n,onClose:o}=(0,u.u)({allowBgScroll:!0}),l=(0,A.u)();return!e.popupType&&e.link?i.createElement(NewWrapper,{isNew:e.isNew},i.createElement("a",{className:`hhgcomp-navigation-itemnav-headeritem ${l?"":`menu-handler-${e.id}`}`,tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},i.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:en.menuButton},e.name))):i.createElement(NewWrapper,{isNew:e.isNew},i.createElement("div",{ref:a,className:`hhgcomp-navigation-itemnav-headeritem ${l?"":`menu-handler-${e.id}`}`,tabIndex:0,key:e.id,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},i.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:n,className:en.menuButton},e.name,e.popupType&&i.createElement(i.Fragment,null,(null==e?void 0:e.icon)?i.createElement("div",{className:"wrapper-menu-icon"},i.createElement("div",{className:"origin-icon"},e.icon),i.createElement("div",{className:"close-icon",onClick:o},i.createElement(d.Z,{size:16}))):i.createElement("div",{className:en.menuIconWrapper},i.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},i.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"}))))),i.isValidElement(t)?i.cloneElement(t,{onClose:o}):null))},NewWrapper=({isNew:e,children:t})=>{let{t:a}=(0,D.u)();return e?i.createElement(R.I,{color:"green",label:a("home.navigator.menuItem.new"),size:20,styles:{root:{paddingRight:10}}},t):i.createElement(i.Fragment,null,t)},ei=p.Z.div` display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 3.5rem; ${I.M.tdDown} { grid-template-columns: repeat(1, 1fr); } `,eo=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; } ${I.M.tdDown} { margin-bottom: 0; padding: 0; height: 100%; position: unset; width: 150px; } ${I.M.mbDown} { width: 80px; } `,el=p.Z.div` background-color: #ffffff; border-radius: 4px; width: 100%; height: 100%; `,er=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; ${I.M.tdDown} { display: none; } `,es=p.Z.p` font-size: 16px; font-weight: 600; line-height: 1.6; color: ${g.r.colors.gray800}; ${I.M.tdDown} { padding: 0; } `,ed=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; ${I.M.tdDown} { height: unset; padding: 0; } `,ec=(0,U.Z)(p.Z.div` display: flex; flex-direction: column; gap: 8px; flex: 1; z-index: 1; ${I.M.tdDown} { gap: 4px; } `,"hhgcomp-navigation-menucareitem-contentwrapper"),ep=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; } ${I.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%; } } ${I.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; > ${ec.classSelector} { flex: 1; } img { width: 150px; } } ${I.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; } } ${I.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; } `,Item$4=({item:e,index:t=0})=>{var a;let{t:n}=(0,D.u)(),{locale:o,configs:{statics:l}}=(0,i.useContext)(u.a);if(!e)return null;let r=`${l.CARE_URL_FE}/${null===(a=B.L[o])||void 0===a?void 0:a.HOSPITAL}/${e.slug}-${e.id}`;return i.createElement(ep,{key:e.id,href:r,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":r},i.createElement("img",{src:k.C.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),i.createElement(eo,null,i.createElement(el,null,i.createElement("img",{loading:"lazy",alt:e.name,src:e.logo||"/images/avatar.jpg"}))),i.createElement(ec,null,i.createElement(es,null,e.name),i.createElement(ed,null,e.description),i.createElement(er,null,n("home.seeMore"),i.createElement("img",{src:k.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))))},em=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; } ${I.M.mbDown} { display: block; .bg-svg { right: -24px; left: unset; top: 0; transform: rotateY(180deg); } } ${I.M.mbUp} { display: grid; grid-gap: 10px; grid-template-columns: 1fr 3fr; } `,eg=p.Z.div` font-weight: 400; font-size: 14px; line-height: 24px; color: ${g.r.colors.gray600}; margin-bottom: 15px; `,eu=p.Z.div` font-weight: 600; font-size: 16px; line-height: 26px; color: #000000; margin-bottom: 4px; `,eh=p.Z.div` background: #fff; padding: 5px; display: flex; align-items: center; justify-content: center; border-radius: 50px; `,ev=p.Z.div` display: flex; justify-content: center; align-items: center; position: relative; ${I.M.mbDown} { justify-content: end; min-height: 100px; } `,SpotlightNoData=({title:e,link:t,description:a,cta:n,icon:o})=>{let{siteType:l}=(0,i.useContext)(u.a);return i.createElement(em,{"data-theme":l},i.createElement(ev,null,i.createElement("img",{src:"marryBaby"===l?k.C.getAssetPath("navMBSpotlightBgNoData.svg"):k.C.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),i.createElement(eh,null,o&&i.createElement("img",{src:o,width:64,height:64,loading:"lazy"}))),i.createElement("div",null,e&&i.createElement(eu,null,e),a&&i.createElement(eg,null,a),n&&i.createElement("div",null,i.createElement("a",{href:t},i.createElement(O.B,{theme:l,className:"survey-contact-submit",size:"md"},n)))))},eE=p.Z.div` margin-top: 10px; background: #ffffff; padding: 5px 15px; position: relative; ${I.M.mbDown} { &:after { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background-color: ${g.r.colors.neutral100}; content: ''; } } `,ef=p.Z.div` margin: 15px 0; display: flex; `,eb=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; } ${I.M.mbDown} { margin-left: auto; } `,Spotlights=({title:e,viewMore:t,children:a,link:n,dataEventAction:o=""})=>{let{siteType:l}=(0,i.useContext)(u.a);return i.createElement(eE,null,i.createElement(ef,null,i.createElement(P.H,{tag:"marryBaby"===l?"h5":"h6",as:"p",fontWeight:"semibold"},e),t&&i.createElement(eb,{"data-event-category":"Hamburger Navigation","data-event-action":o,"data-event-label":n,href:n,"data-theme":l},t,i.createElement("img",{src:"marryBaby"===l?k.C.getAssetPath("chevronRightPink.svg"):k.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"}))),a)},CareSpotlights=({spotlights:e=[],hrefViewMore:t})=>{let{t:a}=(0,D.u)(),{siteType:n}=(0,i.useContext)(u.a);return i.createElement(Spotlights,{title:a("home.navigator.menu.spotlightHospitals")},0!==e.length?i.createElement(i.Fragment,null,i.createElement(ei,null,null==e?void 0:e.slice(0,3).map((e,t)=>i.createElement(Item$4,{key:t,index:t,item:e}))),i.createElement("div",{style:{position:"absolute",bottom:"6px",right:"1rem"}},i.createElement("a",{href:t},i.createElement(O.B,{theme:n,className:"survey-contact-submit",size:"md"},a("home.navigator.menu.care.homeButton"))))):i.createElement(SpotlightNoData,{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:k.C.getAssetPath("community.svg")}))};var ex={gridContainer:"q3nL5cp",container:"_2DNf80G",closeWrapper:"Q-glX-n"};let BtnClosePopup=({onClosePopup:e})=>i.createElement("div",{className:`${ex.closeWrapper} close-btn`,onClick:e},i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},i.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),PopupWrapper=({onClosePopup:e,isDisplay:t,children:a,isNavMenu:n,hideCloseBtn:o,stylesContainer:l})=>i.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!n},i.createElement(F.C,{className:"hhgcomp-navigation-popupwrapper-menuwrapper-child"},!o&&i.createElement("div",{className:ex.container},i.createElement(BtnClosePopup,{onClosePopup:e})),i.createElement(F.C,{className:ex.gridContainer,style:l},a))),Phone=e=>{var{size:t=24,color:a=g.r.colors.neutral600}=e,o=(0,n._)(e,["size","color"]);return i.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),i.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}))},ey=p.Z.div` padding-right: 1rem; background: #ffffff; padding: 5px 15px; ${I.M.mbUp} { border-right: 1px solid #e4e8ec; display: flex; flex-direction: column; justify-content: space-between; } `,ew=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%; } } } `,e_=p.Z.div` margin: 15px 0; ${I.M.mbDown} { display: none; } `,eC=p.Z.div` display: flex; position: absolute; right: 0; ${I.M.mbUp} { &.arrow-icon { display: none; } } `,eM=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}; } `,ek=p.Z.div` display: flex; align-items: center; margin-left: 10px; `,eT=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; ${I.M.mbDown} { display: none; } `,Categories=({hrefViewMore:e,titleBtnViewMore:t,UrlFE:a,onClosePopup:n,menuItems:l,headingTitle:r,activeItem:s})=>{let{siteType:d}=(0,i.useContext)(u.a),{t:c}=(0,D.u)(),p=(0,x.rZ)();return i.createElement(ey,null,i.createElement("div",null,i.createElement(e_,null,i.createElement(P.H,{tag:"marryBaby"===d?"h5":"h6",as:"p",fontWeight:"semibold"},r)),null==l?void 0:l.slice(0,6).map((e,t)=>{let l=(null==e?void 0:e.link)?(null==e?void 0:e.link.startsWith("http"))?null==e?void 0:e.link:`${a}/${null==e?void 0:e.link.split("/").filter(Boolean).join("/")}/`:"/";return i.createElement(ew,Object.assign({className:(0,y.default)("iconMenu",`itemMenu-${e.id}`),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":l,"data-is-heading-category":!1,"data-active":e.id&&e.id===s,"data-is-mobile-tool":e.isMobileAppTool,href:l},!(0,o.i)(l)&&{target:"_blank"},{"data-theme":d,key:t,onClick:n}),i.createElement("div",{className:"icon"},i.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32,overflow:"hidden"}})),i.createElement(NewWrapper,{isNew:e.isNew},i.createElement("div",{style:{padding:"0 0.4rem",paddingRight:e.isNew?10:0}},i.createElement("p",{className:"name"},e.name),e.isMobileAppTool&&i.createElement(T.T,{size:"n1",color:p.fn.primaryColor(),weight:"regular"},c("home.calcWithApp")))),e.isMobileAppTool&&i.createElement(eC,null,i.createElement(Phone,{className:"phone-icon",size:16})),i.createElement(eC,{className:"arrow-icon"},i.createElement("img",{src:k.C.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))})),t&&i.createElement(eT,{"data-theme":d,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},i.createElement(eM,{onClick:n,"data-theme":d,"data-is-heading-category":!1},t,i.createElement(ek,null,i.createElement("img",{className:"svg",src:"marryBaby"===d?k.C.getAssetPath("chevronRightPink.svg"):k.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))))},MenuCareList=({careSpecialties:e=[],isOpen:t,onClose:a,spotlights:n=[]})=>{var o;let{t:l}=(0,D.u)(),{locale:r,configs:{statics:s}}=(0,i.useContext)(u.a);return i.createElement(PopupWrapper,{onClosePopup:a,isDisplay:t,isNavMenu:!0},i.createElement(Categories,{headingTitle:l("home.navigator.menuItem.specialties"),hrefViewMore:`${s.CARE_URL_FE}/`,UrlFE:s.CARE_URL_FE,onClosePopup:a,titleBtnViewMore:l("home.navigator.menuItem.allSpecialties"),menuItems:(null==e?void 0:e.map(e=>e?{name:String(e.name)||"",link:(0,H.a)({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{}))||[]}),i.createElement(CareSpotlights,{spotlights:n,hrefViewMore:`${s.CARE_URL_FE}/${null===(o=B.L[r])||void 0===o?void 0:o.SPECIALTIES}/`}))},eS=p.Z.div` display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; ${I.M.tdDown} { gap: 12px; grid-template-columns: 1fr; } `,eI=p.Z.a` position: relative; width: 100%; display: flex; align-items: center; text-decoration: none; * { pointer-events: none; } `,eN=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; } ${I.M.tdDown} { width: 72px; padding-top: 100px; flex-shrink: 0; } `,eL=p.Z.a` ${I.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=>{let t=e.bgColor.toLowerCase();if("#ffffff"===t||"white"===t||"#fff"===t)return"#f0f0f0";if("string"==typeof t){let e=(0,H.h)(t,!0),a=(0,H.r)(e.r,e.g,e.b),n=(0,H.b)(a[0],a[1]+16,a[2]-16);return`rgb(${n[0]},${n[1]},${n[2]})`}return""}}; } `,e$=p.Z.p` font-size: 16px; font-weight: 400; padding: 4px 15px; line-height: 1.4; color: ${g.r.colors.gray800}; flex: 1; ${I.M.tdUp} { display: none; } `,Item$3=({item:e,index:t=0})=>{if(!e)return null;let a={href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":`Spotlight Click ${t+1}`,"data-event-label":e.link};return i.createElement(eI,Object.assign({key:e.id},a),i.createElement(eN,null,i.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),i.createElement("div",{style:{display:"flex",flexDirection:"column",gap:8}},i.createElement(e$,null,e.title),!!e.buttonDisplay&&i.createElement(eL,Object.assign({bgColor:e.buttonDisplay.button_background_color,textColor:e.buttonDisplay.button_text_color},a),e.buttonDisplay.button_label)))},CategorySpotlights=({spotlightsList:e=[],hrefViewMore:t})=>{let{t:a}=(0,D.u)(),{configs:{statics:n}}=(0,i.useContext)(u.a);return i.createElement(Spotlights,{title:a("home.navigator.menu.spotlights"),viewMore:a("home.navigator.menu.spotlights.seeAll"),link:t,dataEventAction:"Spotlight See More Click"},0!==e.length?i.createElement(eS,null,null==e?void 0:e.slice(0,4).map((e,t)=>i.createElement(Item$3,{key:t,index:t,item:{id:e.id,link:n.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image,buttonDisplay:e.buttonDisplay}}))):i.createElement(SpotlightNoData,{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:k.C.getAssetPath("Spotlight.svg")}))},MenuCategoriesList=({categories:e=[],spotlightsList:t=[],onClose:a,isOpen:n})=>{let{t:o}=(0,D.u)(),{locale:l,configs:{statics:r}}=(0,i.useContext)(u.a);return i.createElement(PopupWrapper,{onClosePopup:a,isDisplay:n,isNavMenu:!0},i.createElement(Categories,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:a,titleBtnViewMore:o("home.navigator.menuItem.allCategories"),menuItems:(null==e?void 0:e.map(e=>e?{name:e.displayName||null,link:(null==e?void 0:e.customizedUrl)||(null==e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{}))||[],headingTitle:o("home.navigator.menuItem.healthCategories")}),i.createElement(CategorySpotlights,{spotlightsList:t,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/spotlight/`}))},eR=p.Z.div` display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 48px; ${I.M.tdDown} { grid-template-columns: 1fr; grid-gap: 32px; } ${I.M.mbDown} { grid-gap: 24px; } `,eD=p.Z.div` padding: 5px; flex: 1; `,eA=p.Z.img` width: 88px; height: 88px; border-radius: 4px; object-fit: cover; `,eB=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; } `,eU=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; } `,eO=p.Z.div` font-size: 12px; font-weight: 400; color: ${g.r.colors.gray600}; `,eP=p.Z.div` font-size: 12px; font-weight: 400; color: ${g.r.colors.gray600}; `,eH=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; ${I.M.tdOnly} { bottom: -16px; } ${I.M.mbDown} { bottom: -12px; } } &:last-child { &::after { display: none; } } ${I.M.tdUp} { &:nth-last-child(2) { &::after { display: none; } } } `,eF=p.Z.div` display: flex; gap: 10px; vertical-align: middle; align-items: center; `,ez=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; } `,eZ=p.Z.div` display: flex; flex-wrap: wrap; align-items: center; column-gap: 5px; `,ej=p.Z.div` display: flex; gap: 4px; flex-direction: column; `;Z().extend(W());let Item$2=({post:e,index:t=0})=>{var a,n,o,l,r,s,d;let{siteType:c,configs:{statics:p}}=(0,i.useContext)(u.a);if(!e)return null;let m=[p.TOGETHER_URL_FE,null===(a=e.community)||void 0===a?void 0:a.slug].join("/"),g=[m,e.slug].join("/"),h=e.createdAt,v=h?isNaN(new Date(h).getTime())?null:new Date(h):null,E=v?Z()(v).toNow(!0):h;return i.createElement(eH,{href:g,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":g},i.createElement(eD,null,i.createElement(eF,null,i.createElement(V.U,{avatar:null===(n=e.author)||void 0===n?void 0:n.avatar,username:(null===(o=e.author)||void 0===o?void 0:o.name)||(null===(l=e.author)||void 0===l?void 0:l.username)}),i.createElement(ej,null,i.createElement(eB,{"data-theme":c},null===(r=e.author)||void 0===r?void 0:r.name),i.createElement(eZ,null,i.createElement(eU,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":m,onClick:e=>{e.preventDefault(),location.href=m},"data-theme":c},null===(s=e.community)||void 0===s?void 0:s.name),i.createElement(eP,null,"•"),i.createElement(eO,{"data-theme":c},E)))),i.createElement(ez,null,e.title)),!!(null===(d=e.photos)||void 0===d?void 0:d.length)&&i.createElement(eA,{loading:"lazy",src:e.photos[0]}))},CommunitySpotlights=({spotlights:e=[]})=>{let{configs:{statics:t}}=(0,i.useContext)(u.a),{t:a}=(0,D.u)();return i.createElement(Spotlights,{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?i.createElement(eR,null,null==e?void 0:e.slice(0,4).map((e,t)=>i.createElement(Item$2,{index:t,post:e,key:e.id}))):i.createElement(SpotlightNoData,{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:k.C.getAssetPath("community.svg")}))},MenuCommunitiesList=({communities:e=[],onClose:t,isOpen:a,spotlights:n=[]})=>{let{t:o}=(0,D.u)(),{configs:{statics:l}}=(0,i.useContext)(u.a);return i.createElement(PopupWrapper,{onClosePopup:t,isDisplay:a,isNavMenu:!0},i.createElement(Categories,{hrefViewMore:(0,r.e)(l.TOGETHER_URL_FE),UrlFE:(0,r.n)(l.TOGETHER_URL_FE),onClosePopup:t,titleBtnViewMore:o("home.navigator.menuItem.allCommunities"),menuItems:(null==e?void 0:e.map(e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{}))||[],headingTitle:o("home.navigator.menuItem.allCommunitiesheadingTitle")}),i.createElement(CommunitySpotlights,{spotlights:n}))},eW=p.Z.div` display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; ${I.M.tdDown} { grid-template-columns: 1fr; gap: 12px; } `,AppIcon=e=>{var{size:t=24,color:a="#2D87F3"}=e,o=(0,n._)(e,["size","color"]);return i.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),i.createElement("rect",{width:"20",height:"20",rx:"4",fill:a}),i.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"}),i.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"}))},eV=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; ${I.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; } ${I.M.tdDown} { padding-top: 16px; display: flex; align-items: center; } ${I.M.mbDown} { .phone-badge { display: none; } } `,eG=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%); } ${I.M.tdDown} { position: relative; top: unset; right: unset; } `,eY=p.Z.div` display: flex; align-items: center; gap: 4px; color: ${g.r.colors.primaryBase}; font-weight: 400; font-size: 14px; text-decoration: none; `,eq=p.Z.p` font-size: 16px; font-weight: 600; line-height: 1.4; color: ${g.r.colors.gray800}; `,eX=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; ${I.M.tdDown} { display: none; } `,eK=p.Z.div` display: flex; flex-direction: column; flex: 1; z-index: 1; ${I.M.tdUp} { gap: 8px; } ${I.M.tdDown} { gap: 4px; flex: 1; } `,Item$1=({item:e,index:t=0})=>{let{t:a}=(0,D.u)(),{configs:{statics:n}}=(0,i.useContext)(u.a);if(!e)return null;let o=e.link?e.link.startsWith("http")?e.link:`${n.HOME_PAGE_URL}${e.link}`:void 0;return i.createElement(eV,{href:o,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":o},e.isMobileAppTool&&i.createElement(Phone,{size:20,className:"phone-badge"}),i.createElement("img",{src:k.C.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),i.createElement(eK,null,i.createElement(eq,null,e.title),i.createElement(eX,{dangerouslySetInnerHTML:{__html:e.subtitle}}),i.createElement(eY,null,e.isMobileAppTool?i.createElement(i.Fragment,null,i.createElement(AppIcon,{size:16}),a("home.calcWithApp")):i.createElement(i.Fragment,null,a("home.seeMore"),i.createElement(h.Z,{size:18,useCurrentColor:!0})))),i.createElement(eG,null,i.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},eJ=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%; } ${I.M.tdDown} { padding-top: 16px; display: flex; align-items: flex-start; justify-content: flex-start; } ${I.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; } } ${I.M.tdUp} { min-height: 296px; } .mobile-only { ${I.M.tdUp} { display: none; } } .desktop-only { ${I.M.tdDown} { display: none; } } `,eQ=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%); } ${I.M.tdDown} { position: relative; top: unset; right: unset; } ${I.M.mbDown} { position: absolute; left: 32px; top: 28px; } `,e0=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}; } ${I.M.tdDown} { background: none; width: 100%; font-weight: 400; font-size: 12px; line-height: 18px; color: ${g.r.mbColors.pink}; padding-left: 16px; } `,e1=p.Z.p` font-weight: 600; font-size: 14px; line-height: 24px; letter-spacing: -0.2px; color: ${g.r.colors.gray800}; `,e2=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; ${I.M.tdDown} { display: none; } `,e5=p.Z.div` display: flex; flex: 1; z-index: 1; align-items: flex-end; justify-content: flex-end; ${I.M.tdUp} { gap: 8px; flex-direction: row; } ${I.M.tdDown} { align-items: flex-start; justify-content: flex-start; gap: 4px; } `,e4=p.Z.div` display: flex; flex-direction: column; flex: 1; z-index: 1; ${I.M.tdUp} { gap: 8px; } ${I.M.tdDown} { gap: 4px; flex: 1; padding-left: 16px; } `,e3=p.Z.div` display: flex; flex-direction: row; flex: 1; z-index: 1; ${I.M.tdUp} { gap: 8px; justify-content: flex-end; align-items: flex-end; } ${I.M.tdDown} { flex-direction: column; justify-content: flex-start; align-items: flex-start; } `,ItemMarryBaby=({item:e,index:t=0,color:a})=>{let{t:n}=(0,D.u)(),{configs:{statics:o}}=(0,i.useContext)(u.a);if(!e)return null;let l=e.link?e.link.startsWith("http")?e.link:`${o.HOME_PAGE_URL}${e.link}`:void 0,renderIcon=()=>i.createElement(eQ,null,i.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})),renderName=()=>i.createElement(e3,null,i.createElement(e4,null,i.createElement(e1,null,e.title),i.createElement(e2,null,e.subtitle)),i.createElement(e0,null,i.createElement("div",{className:"mobile-only"},n("home.seeMore")),i.createElement("img",{src:k.C.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"},loading:"lazy"})));return i.createElement(eJ,{href:l,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":l,"data-color":a},i.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none"},i.createElement("path",{d:"M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z",strokeWidth:"0"})),i.createElement("img",{src:k.C.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),i.createElement(e5,null,i.createElement("div",{className:"mobile-only"},renderIcon()),i.createElement("div",{className:"desktop-only"},renderName())),i.createElement("div",{className:"mobile-only"},renderName()),i.createElement("div",{className:"desktop-only"},renderIcon()))},ToolSpotlights=({hrefViewMore:e,spotlightHealthTools:t=[]})=>{let{t:a}=(0,D.u)(),n=["pink","orange","green"],{siteType:o}=(0,i.useContext)(u.a);return i.createElement(Spotlights,{title:a("home.navigator.menu.spotlightTools")},0!==t.length&&i.createElement(eW,null,null==t?void 0:t.slice(0,3).map((e,t)=>"marryBaby"===o?i.createElement(ItemMarryBaby,{key:t,index:t,item:e,color:n[t]}):i.createElement(Item$1,{key:t,index:t,item:e}))),0===t.length&&i.createElement(SpotlightNoData,{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:k.C.getAssetPath("community.svg")}))},MenuHealthToolsList=({locale:e,onClose:t,isOpen:a,spotlightHealthTools:n=[],healthTools:o=[]})=>{var r;let{t:s}=(0,D.u)(),{configs:{statics:d}}=(0,i.useContext)(u.a),c=`${d.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(r=l.S[e])||void 0===r?void 0:r.HEALTH_TOOLS)||""}`;return i.createElement(PopupWrapper,{onClosePopup:t,isDisplay:a,isNavMenu:!0},i.createElement(Categories,{hrefViewMore:c,UrlFE:d.HOME_PAGE_URL,onClosePopup:t,headingTitle:s("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:s("home.navigator.menuItem.allHealthTools"),menuItems:o.map(e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${d.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon,isMobileAppTool:e.isMobileAppTool}))}),i.createElement(ToolSpotlights,{spotlightHealthTools:n,hrefViewMore:c}))},e6=p.Z.div` display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; ${I.M.tdDown} { gap: 12px; grid-template-columns: 1fr; } `,VideoSpotlights=({spotlightsList:e=[],layout:t="default"})=>{let{t:a}=(0,D.u)(),{configs:{statics:n}}=(0,i.useContext)(u.a);return i.createElement(Spotlights,{title:a("home.navigator.menu.lastestVideos")},0!==e.length?i.createElement(e6,null,null==e?void 0:e.slice(0,4).map((e,a)=>i.createElement(o.V,{key:a,data:Object.assign(Object.assign({},e),{type:M.V.SHORTS}),layout:"default"===t?"overlay":"horizon",dataEventCategory:"Hamburger Navigation",dataEventAction:`Video Click ${a+1}`}))):i.createElement(SpotlightNoData,{title:a("home.navigator.menu.category.noDatas.title"),description:a("home.navigator.menu.category.noDatas.description"),link:`${n.VIDEO_URL_FE}/`,cta:a("home.navigator.menu.category.noDatas.cta"),icon:k.C.getAssetPath("Spotlight.svg")}))},MenuVideoList=({spotlightsList:e=[],onClose:t,isOpen:a})=>{let{t:n}=(0,D.u)(),{locale:o,configs:{statics:l}}=(0,i.useContext)(u.a),r=(0,i.useMemo)(()=>[{name:n("home.navigator.menu.videos"),link:`${l.VIDEO_URL_FE}/video/`,thumbnail:k.C.getAssetPath("nav-icons/video.svg")},{name:n("home.navigator.menu.shorts"),link:`${l.VIDEO_URL_FE}/short/`,thumbnail:k.C.getAssetPath("nav-icons/short.svg")}],[]);return i.createElement(PopupWrapper,{onClosePopup:t,isDisplay:a,isNavMenu:!0},i.createElement(Categories,{hrefViewMore:`${l.HOME_PAGE_URL}${"tl-PH"===o?"/fil":""}/videos/`,UrlFE:l.HOME_PAGE_URL,onClosePopup:t,titleBtnViewMore:n("home.navigator.menuItem.allVideos"),menuItems:r,headingTitle:n("home.navigator.menuItem.videoCategories")}),i.createElement(VideoSpotlights,{spotlightsList:e}))};p.Z.div` display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; ${I.M.tdDown} { gap: 12px; grid-template-columns: 1fr; } `;let e8=(0,p.Z)(S.B)` border: 1px solid ${g.r.colors.white} !important; .mantine-Button-leftIcon { width: 24px; height: 24px; } `,e7=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; `,InitialCart=()=>i.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"},i.createElement("defs",null,i.createElement("clipPath",{id:"__lottie_element_2"},i.createElement("path",{d:"M0 0h512v512H0z"})),i.createElement("path",{fill:"#FFF",d:"m139 0-13 174h244l-30 292 165 1 4-466z",opacity:"1",id:"__lottie_element_6",display:"block"}),i.createElement("mask",{id:"__lottie_element_6_1","mask-type":"alpha"},i.createElement("use",{xlinkHref:"#__lottie_element_6"}))),i.createElement("g",{clipPath:"url(#__lottie_element_2)"},i.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"}),i.createElement("g",{display:"block"},i.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"}),i.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"}),i.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"})),i.createElement("g",{mask:"url(#__lottie_element_6_1)",display:"block"},i.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"}),i.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"}),i.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"}),i.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"})),i.createElement("g",{display:"block"},i.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"}),i.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"}),i.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"}),i.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"})))),InitialDoctor=()=>i.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"},i.createElement("defs",null,i.createElement("clipPath",{id:"__lottie_element_23"},i.createElement("path",{d:"M0 0h512v512H0z"}))),i.createElement("g",{clipPath:"url(#__lottie_element_23)"},i.createElement("g",{display:"block"},i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"}),i.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"})),i.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"}),i.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"}),i.createElement("path",{fill:"#284A75",d:"M280 218a9 9 0 1 0 0-19 9 9 0 0 0 0 19",display:"block"}),i.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"}),i.createElement("path",{fill:"#284A75",d:"M184 218a9 9 0 1 0 0-19 9 9 0 0 0 0 19",display:"block"}),i.createElement("g",{fill:"#FFF",display:"block"},i.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"}),i.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"})),i.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"}),i.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"}),i.createElement("g",{display:"block"},i.createElement("g",{fill:"#FFF"},i.createElement("path",{d:"M469 405a85 85 0 1 1-170 0 85 85 0 0 1 170 0"}),i.createElement("path",{d:"M469 405a85 85 0 1 1-170 0 85 85 0 0 1 170 0"})),i.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"}),i.createElement("path",{fill:"#FFF",d:"M469 405a85 85 0 1 1-170 0 85 85 0 0 1 170 0"}),i.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"}),i.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"})))),MenuViewMore=({menuItems:e=[],isOpen:t,onClose:a})=>{let{locale:n,configs:{enableAppIntroPage:o}}=(0,i.useContext)(u.a),r=e.find(e=>"ecom"===e.id),s=e.find(e=>"care"===e.id);return i.createElement(PopupWrapper,{onClosePopup:a,isDisplay:t,isNavMenu:!0,hideCloseBtn:!0,stylesContainer:{display:"flex",gap:0,padding:0}},r&&i.createElement("a",{tabIndex:0,href:r.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":r.link},i.createElement(e8,{variant:"tertiary",leftIcon:i.createElement(InitialCart,null)},r.name)),s&&i.createElement("a",{tabIndex:0,href:s.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":s.link},i.createElement(e8,{variant:"tertiary",leftIcon:i.createElement(InitialDoctor,null)},s.name)),o&&i.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"},i.createElement(e8,{variant:"tertiary",leftIcon:i.createElement(e7,null,i.createElement(c.Z,{width:16,height:15}))},`${l.L[n||"en-PH"].SITE_NAME_FORMATTED} App`)))};function ClosePopupIcon({className:e}){return i.createElement("div",null,i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:e},i.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function HamburgerIcon({siteType:e,enableSearch:t,className:a,style:n}){let{isWinCashBackTheme:o}=(0,i.useContext)(u.a);return"helloSites"===e?i.createElement("div",{className:"hamburger-container"},o?i.createElement(HamburgerWhite,{className:a}):i.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:t?k.C.getAssetPath("hamburgerMenuNewWithSearch.svg"):k.C.getAssetPath("hamburgerMenuNew.svg"),style:Object.assign({width:"24px",height:"24px"},n),alt:"home",className:a,loading:"lazy"})):i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:a},i.createElement("path",{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"}))}let e9=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; } } `;let te=p.Z.div` display: block; overflow-y: auto; flex: 1; padding-bottom: 16px; &::-webkit-scrollbar { width: 0; display: none; } `,tt=p.Z.div` padding: 0 16px; `,ta=p.Z.div` display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 3.5rem; ${I.M.tdDown} { grid-template-columns: repeat(1, 1fr); } `,tn=p.Z.a` text-decoration: none; display: flex; align-items: center; `,Item=({item:e,index:t=0})=>e?i.createElement(tn,{href:e.url,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":e.url},i.createElement("img",{loading:"lazy",alt:e.name,src:e.featuredImage||"/images/avatar.jpg",style:{width:"40px",height:"40px"}}),i.createElement(T.T,{size:"p2",weight:"regular",style:{marginLeft:16}},e.name),i.createElement("img",{src:k.C.getAssetPath("chevronRightActive.svg"),style:{width:"20px",height:"20px",marginLeft:"auto"},loading:"lazy"})):null,EcomSpotlights=({helpfulUrls:e=[]})=>{let{t}=(0,D.u)();return e.length?i.createElement(Spotlights,{title:t("home.navigator.menu.spotlightEcom")},0!==e.length?i.createElement(ta,null,null==e?void 0:e.slice(0,5).map((e,t)=>i.createElement(Item,{key:t,index:t,item:e}))):i.createElement(i.Fragment,null)):null},MenuServiceList=({closePopup:e,menuItems:t=[],projectType:a,isHomepage:n=!1})=>{var o,r;let{siteType:s,ssrMenuContent:{categories:d,healthTools:c,care:p,together:m,ecom:g,videos:h},activeMenuService:v,configs:{statics:E},locale:f,customClasses:b}=(0,i.useContext)(u.a),{t:x}=(0,D.u)();return i.createElement(e9,{className:b.categoriesMenu,id:"categories-menu"},!n&&i.createElement(tt,{className:"search-wrapper"},i.createElement(NavigtionSearch,{siteType:s,projectType:a,isMobile:!1,isRedirectSearchPage:!0})),i.createElement(te,null,i.createElement(Categories,{UrlFE:E.HOME_PAGE_URL,titleBtnViewMore:x("home.navigator.menuItem.allCategories"),menuItems:t,headingTitle:x("home.navigator.menuItem.healthCategories"),onClosePopup:e,activeItem:v}),"categories"===v&&i.createElement(CategorySpotlights,{spotlightsList:(null==d?void 0:d.spotlights)||[],hrefViewMore:`${E.HOME_PAGE_URL}${"tl-PH"===f?"/fil":""}/spotlight/`}),"tools"===v&&i.createElement(ToolSpotlights,{spotlightHealthTools:null==c?void 0:c.spotlights,hrefViewMore:`${E.HOME_PAGE_URL}${"tl-PH"===f?"/fil":""}${(null===(o=l.S[f])||void 0===o?void 0:o.HEALTH_TOOLS)||""}`}),"care"===v&&i.createElement(CareSpotlights,{spotlights:null==p?void 0:p.spotlights,hrefViewMore:`${E.CARE_URL_FE}/${null===(r=B.L[f])||void 0===r?void 0:r.SPECIALTIES}`}),"together"===v&&i.createElement(CommunitySpotlights,{spotlights:null==m?void 0:m.spotlights}),"ecom"===v&&i.createElement(EcomSpotlights,{helpfulUrls:null==g?void 0:g.helpfulUrls}),"video"===v&&i.createElement(VideoSpotlights,{spotlightsList:null==h?void 0:h.spotlights,layout:"stack"})))},HamburgerMenu=({menuItems:e,isHomepage:t,projectType:a})=>{let{siteType:n}=(0,i.useContext)(u.a),{containerRef:o,onContainerFocus:l,onContainerBlur:r,onButtonMouseDown:s,onClose:d}=(0,u.u)();return i.createElement(DisplayWrapper,{mediaQueryKey:"mbDown"},i.createElement("header",{className:"y5VJdvw"},i.createElement("div",{className:"oVhOSCy",ref:o,role:"button",tabIndex:0,onBlur:r,onFocus:l},i.createElement("div",{className:"pX8OXTM",onMouseDown:s,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},i.createElement(ClosePopupIcon,{className:"mobile-close-icon"}),i.createElement(HamburgerIcon,{siteType:n,enableSearch:!1,className:"mobile-hamburger-icon"})),i.createElement(MenuServiceList,{menuItems:e,isHomepage:t,projectType:a,closePopup:d}))))},ti=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; background-color: ${g.r.colors.blue900}; } .hhgcomp-navigation-itemnav-headeritem { border-bottom: none; color: ${g.r.colors.white}; svg { path { stroke: ${g.r.colors.white}; } } .wrapper-menu-icon { .origin-icon { filter: brightness(0) invert(1); } .close-icon { svg { path { fill: ${g.r.colors.white}; } } } } } .profile-nav-group { margin-left: 12px; gap: 24px; ${I.M.pcDown} { margin-left: 16px; gap: 16px; } ${I.M.mbDown} { margin-left: 0; gap: 16px; } .login-btn { border-radius: 28px; border-color: rgba(255, 255, 255, 0.2); &:hover { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); } } } .hhgcomp-navigation-itemnav-headeritem { gap: 2px; ${I.M.pcUp} { padding: 0 12px; } ${I.M.pcDown} { padding: 0 6px; } } .mobile-close-icon { path { stroke: ${g.r.colors.white}; } } .fake-search-input { .mantine-Input-input { border-radius: 8px; } } } &[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}; } ${I.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: ${H.Z.headerContainerHome}; } &[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; } } `,to=p.Z.div` display: flex; height: 100%; align-items: center; justify-content: space-between; padding: 0 2rem; height: 56px; ${I.M.pcDown} { padding: 0 1rem; } ${I.M.mbDown} { position: relative; height: 56px; background: ${g.r.colors.white}; gap: 2px; } &[data-win-cash-back-theme='true'] { height: 60px; /* width: 100%; margin: 0 auto; padding: 0 16px; max-width: 1160px; margin: 0 auto; width: 100%; */ ${I.M.mbDown} { /* padding: 0 16px; */ background: ${g.r.colors.blue900}; height: 56px; } } &[data-site-type='marryBaby'] { width: 100%; margin: 0 auto; padding: 0 16px; ${I.M.tdUp} { max-width: 1064px; } } `,tl=p.Z.div` display: flex; align-items: center; height: 100%; gap: 32px; ${I.M.pcDown} { flex-shrink: 0; gap: 12px; &[data-site-type='marryBaby'] { gap: 24px; } } `,tr=p.Z.div` display: flex; align-items: center; height: 100%; flex-shrink: 0; ${I.M.tdDown} { flex-shrink: 0.6; gap: 8px; } .hhgcomp-navigation-itemnav-headeritem { gap: 2px; ${I.M.pcUp} { padding: 0 10px; } ${I.M.pcDown} { padding: 0 6px; } ${I.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; } } `;let ts=p.Z.div` margin-left: 16px; display: flex; gap: 12px; align-items: center; flex-shrink: 0; ${I.M.pcDown} { margin-left: 8px; gap: 8px; } ${I.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; ${I.M.mbDown} { width: 88px; height: 36px; } } `,td=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; } `,tc=p.Z.div` padding: 0 16px 6px; `,tp=(0,p.Z)(S.B)` border-radius: 28px; border: 1px solid ${g.r.colors.neutral200}; &.ai-doctor-btn { pointer-events: none !important; * { pointer-events: none !important; } } ${I.M.mbDown} { padding: 0px 12px 0px 10px; height: 36px; color: ${g.r.colors.gray900}; font-size: 13px; font-weight: 500; line-height: 22px; } `,NavigationBar=({onTopBarAppears:e,languageMenu:t,menuItems:a,logoComponent:n,subHead:s,projectType:d,customClasses:c})=>{var p,m,g,h,E;let{siteType:b,isMobile:x=!1,locale:y,sitewideBanner:_,sitewideBannerData:M,sitewideSite:T="discover",sponsorComponent:S,isHomepage:I=!1,currentUrl:R,onLoginClick:D,cartNumber:B,configs:{statics:U,enableSearchBar:O,enableNavChatbotAi:P,enableNavClinityDownload:H,enableAppIntroPage:F,enableNavCartCare:z},userState:{userInfo:Z},onLogout:j,isUserLoading:W,slot:V,isWinCashBackTheme:q}=(0,i.useContext)(u.a),{triggerLogin:X}=(0,L.u)(),{SSO_URL:K,HOME_PAGE_URL:J}=U,Q=!!S,[ee,et]=(0,i.useState)(!1),ea=(0,i.useRef)(47),en=(0,i.useRef)(null),ei=(0,i.useRef)(!1),{getHref:eo}=(0,A.a)(),el=`${(0,r.g)(y)}/${N.C}/${null===(p=$.L[y])||void 0===p?void 0:p.CART}/`,er=eo(),es="helloSites"===b?null===(m=l.L[y])||void 0===m?void 0:m.LOGO_TYPE:b,ed="undefined"!=typeof window,ec=(0,i.useCallback)(C()(()=>{if(ed){if(!en.current)return;let e=en.current.getBoundingClientRect();e.top<=0&&window.scrollY>ea.current+30&&window.scrollY>e.height+20&&!ei.current&&(ei.current=!0,et(!0)),window.scrollY=0&&(ea.current=window.scrollY)}},200),[]);return(0,i.useEffect)(()=>{null==e||e(!ee)},[ee]),(0,i.useEffect)(()=>(window.addEventListener("scroll",ec,{passive:!0}),()=>{window.removeEventListener("scroll",ec)}),[]),(0,i.useEffect)(()=>{x&&ec()},[x]),i.createElement(ti,{"data-site-type":b,"data-sponsored":Q,"data-header-type":"home","data-collapsed":ee,"data-is-displayed":!0,"data-win-cash-back-theme":q,id:"site-header",ref:en,className:c.wrapper},_||i.createElement(o.S,{site:T,currentUrl:R,banner:M}),i.createElement(to,{className:c.header,"data-main-header":!0,"data-site-type":b,"data-win-cash-back-theme":q},i.createElement(tl,{className:c.leftGroup,"data-site-type":b},x&&i.createElement(HamburgerMenu,{menuItems:a.filter(e=>!!e.link),isHomepage:I,projectType:d}),n||i.createElement("a",{style:{flexShrink:0},href:J},i.createElement("div",null,i.createElement(w.L,{style:{display:"flex"},type:es,badge:"id-ID"===y&&i.createElement("img",{src:k.C.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:y,key:"undefined"!=typeof window?"client":"server",isLightLogo:q}))),!x&&i.createElement(i.Fragment,null,"marryBaby"===b?i.createElement(NavigationMenu,{menuItems:a,originalMenuItems:a,className:c.navMenu}):O&&i.createElement(NavigtionSearch,{siteType:b,projectType:d,isMobile:x}))),i.createElement(tr,{className:c.rightGroup,"data-site-type":b},!x&&"marryBaby"!==b&&i.createElement(NavigationMenu,{menuItems:a.filter(e=>y!==Y.L.Vietnam||"ecom"!==e.id&&"care"!==e.id),originalMenuItems:a,className:c.navMenu}),i.createElement(ts,{className:"profile-nav-group"},t,z&&q&&i.createElement(G.C,{href:null!=er?er:el,count:er?1:0}),P&&i.createElement(f.x,{component:"a",href:`${(0,r.g)(y)}/ai-doctor`,"data-event-category":"Chatbot AI","data-event-action":"Open","data-event-label":"Hamburger Navigation",className:"ai-doctor-nav-item"},i.createElement(tp,{variant:"tertiary",leftIcon:i.createElement(v.Z,{size:18,color:"#2F8AF2"}),size:"md",className:"ai-doctor-btn"},null===(g=l.L[y])||void 0===g?void 0:g.SITE_NAME," AI")),H&&i.createElement(f.x,{component:"a",href:`${null===(h=l.S[y])||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===(E=l.S[y])||void 0===E?void 0:E.CLINITY_DOWNLOAD_LINK}`,"data-cart-menu":!0},i.createElement("img",{src:k.C.getAssetPath("clinity-download.png"),alt:"Clinity",className:"clinity-logo",style:{display:"block"}})),V,i.createElement(u.N,{userInfo:Z,siteType:b,onLoginClick:D||(()=>{if((0,L.I)(y))return X();let e=window.location.href;window.location.href=K?(0,r.n)(`${K}?returnUrl=${e}`):e}),currentUrl:R,onLogout:j,isLoading:W,locale:y,enableAppIntroPage:F,isMobile:x,className:c.profileBtn}),void 0!==B&&i.createElement(i.Fragment,null,!x&&i.createElement("hr",{style:{height:20,width:0,border:"none",borderLeft:"1px solid #E4E8EC"}}),i.createElement(CartBadge,{"data-cart-menu":"true","data-event-category":"Ecommerce","data-event-action":"Cart Click","data-event-label":R,count:B,locale:y}))))),x&&I&&i.createElement(tc,{className:"search-wrapper"},i.createElement(NavigtionSearch,{siteType:b,projectType:d,isMobile:x,isHomepage:I})),S?i.isValidElement(S)?i.cloneElement(S,{isCollapsed:ee,locale:y,isMobile:x}):S:null,s&&s)},NavigtionSearch=({siteType:e,projectType:t,isMobile:a=!1,isHomepage:n=!1,isRedirectSearchPage:o=!1})=>i.createElement(DisplayWrapper,{mediaQueryKey:"mbUp",className:`${"marryBaby"===e?"marry-baby":""} ${n?"block-show":""}`},i.createElement(SearchInput,{id:"desktop",projectType:t,isMobile:a,isHomepage:n,isRedirectSearchPage:o})),NavigationMenu=({menuItems:e,originalMenuItems:t,className:a})=>{let{siteType:n,locale:o,ssrMenuContent:{categories:l,healthTools:r,care:s,together:d,videos:c}}=(0,i.useContext)(u.a);return i.createElement(DisplayWrapper,{className:a,mediaQueryKey:"mbUp",style:{height:"100%"}},i.createElement(td,{"data-site-type":n},null==e?void 0:e.map((e,a)=>i.createElement(ItemMenu,{key:a,item:e,menu:"categories"===e.popupType?i.createElement(MenuCategoriesList,{categories:null==l?void 0:l.items,spotlightsList:null==l?void 0:l.spotlights}):"tools"===e.popupType?i.createElement(MenuHealthToolsList,{locale:o,healthTools:null==r?void 0:r.items,spotlightHealthTools:null==r?void 0:r.spotlights}):"together"===e.popupType?i.createElement(MenuCommunitiesList,{communities:null==d?void 0:d.items,spotlights:null==d?void 0:d.spotlights}):"care"===e.popupType?i.createElement(MenuCareList,{careSpecialties:null==s?void 0:s.items,spotlights:null==s?void 0:s.spotlights}):"video"===e.popupType?i.createElement(MenuVideoList,{spotlightsList:null==c?void 0:c.spotlights}):"other"===e.popupType?i.createElement(MenuViewMore,{menuItems:t}):null}))))},useHeaderHeight=({hasSponsoredBanners:e,isSponsored:t,isShowingSiteWideBanner:a,isMobile:n})=>{let o=(0,i.useRef)(null),[l,r]=(0,i.useState)(0),[s,d]=(0,i.useState)(64),c=(0,i.useCallback)(X()(()=>{var e,t,a,n;let i=(null===(e=o.current)||void 0===e?void 0:e.clientHeight)||(null===(a=null===(t=o.current)||void 0===t?void 0:t.children[0])||void 0===a?void 0:a.clientHeight)||0;window.scrollY<=i+200&&(r(i),d((null===(n=o.current)||void 0===n?void 0:n.getBoundingClientRect().bottom)||l))},200),[]);(0,i.useEffect)(()=>(window.addEventListener("resize",c,{passive:!0}),window.addEventListener("scroll",c,{passive:!0}),c(),()=>{window.removeEventListener("resize",c),window.removeEventListener("scroll",c)}),[]),(0,i.useEffect)(()=>{c()},[n,a,t,e,o.current]);let p=(0,i.useMemo)(()=>{let i=n?56:60;return a&&(i+=64),t&&(i+=40,e&&(i+=57)),i},[n,a,e,t]);return{defaultHeaderHeight:p,headerHeight:l||p,headerBottom:s,headerRef:o}},useInsider=()=>{let{isFirstLogin:e,userState:t}=(0,i.useContext)(u.a),{userInfo:a}=t;(0,i.useEffect)(()=>{(null==a?void 0:a.id)&&(e?(null==a?void 0:a.email)&&(null==a?void 0:a.email)!==""?window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,email:null==a?void 0:a.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})}:window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,sign_up:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})}:(null==a?void 0:a.email)&&(null==a?void 0:a.email)!==""?window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,email:null==a?void 0:a.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})}:window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,log_in:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})})},[])},useNavServices=()=>{let{t:e}=(0,D.u)(),{siteType:t,locale:a,configs:{enableNavDiscover:n,enableNavHealthTools:o,enableNavCare:s,enableNavTogether:d,enableNavEcom:c,enableNavVideo:p,enableAppIntroPage:m,statics:g}}=(0,i.useContext)(u.a),h="marryBaby"===t,v=[m,s,c].filter(Boolean).length>1,E=(0,i.useMemo)(()=>{var m;let u=[];return n&&u.push({name:e("home.navigator.menuItem.discover"),id:"categories",link:`${g.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/categories/`,niceName:"",thumbnail:h?k.C.getAssetPath("categories-mb.svg"):k.C.getAssetPath("nav-icons/discover.svg"),popupType:"categories"}),p&&u.push({name:e("home.navigator.menuItem.video"),id:"video",link:`${g.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/videos/`,niceName:"",thumbnail:k.C.getAssetPath("nav-icons/video.svg"),popupType:"video"}),o&&u.push({name:e("home.navigator.menuItem.healthTools"),id:"tools",link:`${g.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}${(null===(m=l.S[a])||void 0===m?void 0:m.HEALTH_TOOLS)||""}`,thumbnail:h?k.C.getAssetPath("healthtools-mb.svg"):k.C.getAssetPath("nav-icons/health-tools.svg"),popupType:"tools"}),d&&u.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:(0,r.n)(g.TOGETHER_URL_FE+"/"),thumbnail:h?k.C.getAssetPath("community-mb.svg"):k.C.getAssetPath("nav-icons/community.svg"),popupType:"together"}),c&&u.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:(0,r.n)(g.HOME_PAGE_URL+"/shop/"),thumbnail:k.C.getAssetPath("nav-icons/shop.svg"),popupType:null}),s&&u.push({name:e("home.navigator.menuItem.helloCare"),id:"care",link:"https://api.whatsapp.com/send/?phone=601133221899&text=MULA+SEKARANG&type=phone_number&app_absent=0",thumbnail:k.C.getAssetPath("nav-icons/care.svg"),popupType:null}),v&&u.push({name:e("home.seeMore"),id:"other",link:"",thumbnail:"",popupType:"other",icon:i.createElement(HamburgerIcon,{siteType:t,enableSearch:!1,style:{width:"16px",height:"16px"},className:"mobile-hamburger-icon"})}),u},[]);return E},tm=p.Z.div` --header-z-index: ${l.a}; top: 0; z-index: var(--header-z-index); ${I.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; } `,_NavigationV2=e=>{var t,a;let{isMobile:n,locale:l,onTopBarAppears:r,languageOptions:s,sponsorComponent:d,sitewideBanner:c,sitewideBannerShown:p,className:m,logoComponent:g,subHead:u,projectType:h,customClasses:v={}}=e,E=useNavServices();useInsider();let f=!!(null===(a=null===(t=null==d?void 0:d.props)||void 0===t?void 0:t.sponsoredBy)||void 0===a?void 0:a.length),{headerRef:b,defaultHeaderHeight:x,headerHeight:y,headerBottom:w}=useHeaderHeight({isShowingSiteWideBanner:p&&!!c,isSponsored:!!d,hasSponsoredBanners:f,isMobile:n});return i.createElement(tm,{id:"navigation-v2",style:{"--default-header-height":x+"px","--header-height":`calc(${y}px - var(--amp-site-wide-closed), 64px)`,"--header-bottom":w+"px"},className:m},i.createElement("section",{ref:b},i.createElement(NavigationBar,{menuItems:E,onTopBarAppears:r,logoComponent:g,subHead:u,projectType:h,languageMenu:i.createElement(o.L,{languageOptions:s,locale:l}),customClasses:v})))},NavigationV2=e=>{let t=Object.assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return i.createElement(u.b,Object.assign({},t),i.createElement(_NavigationV2,Object.assign({},t)))},getNavMenuContent=e=>(0,n.a)(void 0,void 0,void 0,function*(){var t,a,n,i,o,d,c,p,m,g,u,h,v,E,f,b,x,y,w,_,C,M,k,T,S;let I={},N="vi-VN_MB"===e;try{let L="tl-PH"===e?"lang=fil":"";try{let[s,v,E,f,b]=yield Promise.all([fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/categories${L?"?"+L:""}`)).then(e=>e.json()),fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/spotlights?per_page=10&order_by=start_date${L?"&"+L:""}`)).then(e=>e.json()),fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/${N?"health-tools":"healthtools"}${L?"?"+L:""}`)).then(e=>e.json()),fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/${N?"health-tools":"healthtools"}/favorites${L?"?"+L:""}`)).then(e=>e.json()),l.V.includes(e)&&fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/video/navigation`)).then(e=>e.json())]);I.categories={items:(null===(a=null===(t=null==s?void 0:s.data)||void 0===t?void 0:t.map)||void 0===a?void 0:a.call(t,H.f))||[],spotlights:(null===(d=null===(o=null===(i=null===(n=null==v?void 0:v.data)||void 0===n?void 0:n.articles)||void 0===i?void 0:i.map)||void 0===o?void 0:o.call(i,H.c))||void 0===d?void 0:d.filter(H.d))||[]},I.healthTools={items:(null===(p=null===(c=null==E?void 0:E.data)||void 0===c?void 0:c.map)||void 0===p?void 0:p.call(c,H.e))||[],spotlights:(null===(g=null===(m=null==f?void 0:f.data)||void 0===m?void 0:m.map)||void 0===g?void 0:g.call(m,H.e))||[]},I.videos={spotlights:(null!==(h=null===(u=null==b?void 0:b.data)||void 0===u?void 0:u.videos)&&void 0!==h?h:[]).map(H.i)}}catch(e){}if(N||l.c.includes(e))try{let[t,a]=yield Promise.all([fetch((0,r.n)(`${(0,r.b)()}/api/v1/community?website_url=https://${K.v[e]}`)).then(e=>e.json()),fetch((0,r.n)(`${(0,r.b)()}/api/v1/options?website_url=https://${K.v[e]}&meta_key=popular_post`)).then(e=>e.json())]);I.together={items:(null===(f=null===(E=null===(v=null==t?void 0:t.data)||void 0===v?void 0:v.communities)||void 0===E?void 0:E.map)||void 0===f?void 0:f.call(E,s.f))||[],spotlights:(null===(y=null===(x=null===(b=null==a?void 0:a.data)||void 0===b?void 0:b.posts)||void 0===x?void 0:x.map)||void 0===y?void 0:y.call(x,s.a))||[]}}catch(e){}if(l.C.includes(e))try{let[t,a]=yield Promise.all([fetch((0,r.n)((0,r.d)()+`/api/options/setting_menu?site=${K.v[e]}&type=0`)).then(e=>e.json()),fetch((0,r.n)((0,r.d)()+`/api/options/setting_menu?site=${K.v[e]}&type=1`)).then(e=>e.json())]);I.care={items:(null===(M=null===(C=null===(_=null===(w=null==t?void 0:t._data)||void 0===w?void 0:w.setting_menu)||void 0===_?void 0:_.menu_specialty)||void 0===C?void 0:C.map)||void 0===M?void 0:M.call(C,H.j))||[],spotlights:(null===(S=null===(T=null===(k=null==a?void 0:a._data.setting_menu)||void 0===k?void 0:k.menu_hospital)||void 0===T?void 0:T.map)||void 0===S?void 0:S.call(T,H.k))||[]}}catch(e){}}catch(e){console.error(e)}return I}),getNavMenuContentWithCache=e=>(0,n.a)(void 0,void 0,void 0,function*(){return(yield(0,J.g)("nav-menu-content",()=>getNavMenuContent(e||"en-PH"),e=>{var t,a;return!!(null===(a=null===(t=null==e?void 0:e.categories)||void 0===t?void 0:t.items)||void 0===a?void 0:a.length)}))||{}})},ugWB:function(e,t,a){a.d(t,{S:function(){return SocialLinkPreview}});var n=a("Cxxo"),i=a("q1tI"),o=a("Eso5"),l=a("8vDj"),r=a("CKJU"),s=a("9E0F"),d=a("rBCA"),c=a("IQVP"),p=a("7R3W"),m=a("J7Jv"),g=a("6a23");let u=d.Z.div` .link-info-container { padding: 0.5rem 1rem; background: ${e=>e.color||"#f4faff"}; } .link-image-wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; &.fetching { background: lightgray; } .loading-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .link-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } } a { text-decoration: none; } &[data-is-marrybaby='true'] { overflow: hidden; border-radius: 1rem; } `,useExternalScript=({url:e,onLoad:t,onError:a})=>{let[n,o]=(0,i.useState)(e?"loading":"idle");return(0,i.useEffect)(()=>{if(!e){o("idle");return}let n=document.querySelector(`script[src="${e}"]`),handleLoadScript=()=>{o("ready"),null==t||t()},handleErrorScript=()=>{o("error"),null==a||a()};return n||((n=document.createElement("script")).type="application/javascript",n.src=e,n.async=!0,document.body.appendChild(n),n.addEventListener("load",handleLoadScript),n.addEventListener("error",handleErrorScript)),n.addEventListener("load",handleLoadScript),n.addEventListener("error",handleErrorScript),()=>{n.removeEventListener("load",handleLoadScript),n.removeEventListener("error",handleErrorScript)}},[e]),n},YoutubePlyr=({id:e,autoplay:t})=>{let a=(0,i.useRef)(null),n=useExternalScript({url:"https://cdn.plyr.io/3.7.8/plyr.js"});return(0,i.useEffect)(()=>{if(!document.getElementById("hhg-plyr-player")){let e=document.createElement("link");e.rel="stylesheet",e.type="text/css",e.href="https://cdn.plyr.io/3.7.8/plyr.css",e.id="hhg-plyr-player",document.head.appendChild(e)}("ready"===n||"undefined"!=typeof Plyr)&&new Plyr(a.current.querySelector('[data-id="player"]'),{autoplay:t,muted:!0})},[n]),i.createElement(i.Fragment,null,i.createElement(o.x,{ref:a,sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"#000","&, > div":{width:"100%",height:"100%"}}},i.createElement("div",{"data-id":"player"},i.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${e}?&mute=1&enablejsapi=1&rel=0`,allowFullScreen:!0,frameBorder:"0"}))))},SocialLinkPreview=({url:e,image:t,className:a,style:o,baseUrl:d="",autoPlay:h=!0,onPushStatus:v})=>{let{data:{locale:E}}=(0,i.useContext)(s.T),[f,b]=(0,i.useState)(null);(0,i.useEffect)(()=>{(0,n.a)(void 0,void 0,void 0,function*(){if(!t){if(!e)return b(null);b(e=>Object.assign(Object.assign({},e),{isFetching:!0})),(0,s.c)((0,s.e)(c.yy.FETCH_PREVIEW,{_locale:E},void 0,d),"POST",{data:{link:e},headers:{"Content-Type":"application/json"}},!!d).then(t=>{var a,n;b({url:e,image:(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.image)||(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.logo)})}).catch(()=>{b(null)})}})},[e,t]);let x=t||(null==f?void 0:f.image),y=(null==f?void 0:f.url)||e,w=(0,i.useMemo)(()=>(0,m.y)(y),[y]),_=(0,i.useMemo)(()=>y.includes("facebook.com")||y.includes("fb.watch"),[y]),C=(0,i.useRef)(0),M=(0,i.useRef)(0),[k,T]=(0,i.useState)(!1);(0,i.useEffect)(()=>{let handleResize=()=>{var e;let t=null===(e=S.current)||void 0===e?void 0:e.getBoundingClientRect(),a=!1;t&&(!C.current||Math.abs((C.current-t.width)/(null==t?void 0:t.width))>.2)&&(C.current=Math.floor(t.width),a=!0),t&&(!M.current||Math.abs((M.current-t.height)/(null==t?void 0:t.height))>.2)&&(M.current=Math.floor(t.height),a=!0),a&&T(e=>!e)};return handleResize(),window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[]),(0,i.useEffect)(()=>{(null==f?void 0:f.image)&&(null==f?void 0:f.url)&&(null==v||v(!0))},[f]);let S=(0,i.useRef)(null),I=(0,l.rZ)();return i.createElement(u,{className:`${a} no-replace-click`,style:o,ref:S,color:I.colors[I.primaryColor][0]},!t&&(w||_)?i.createElement("div",{className:"link-image-wrapper"},w?i.createElement(YoutubePlyr,{id:w,autoplay:h}):_?i.createElement("iframe",{key:String(k),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(y)}&autoplay=${h?1:0}&show_text=false&t=0&width=${C.current}&height=${M.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:M.current,width:C.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share",loading:"lazy"}):null):i.createElement("a",{href:y,target:"_blank",rel:"noreferrer"},i.createElement("div",{className:`link-image-wrapper ${(null==f?void 0:f.isFetching)?"fetching":""}`},(null==f?void 0:f.isFetching)?i.createElement(g.L,{className:"loading-spinner"}):i.createElement(r.I,{className:"link-image",src:x||p.D,backupSrc:p.D,alt:y}))))}},u1WS:function(e,t,a){a.d(t,{P:function(){return PopoverMenu},S:function(){return d}});var n=a("q1tI"),i=a("JJ6e"),o=a("9E0F"),l=a("rBCA"),r=a("iBNF");let s=l.Z.div` position: relative; display: content; .popover-menu__btn { /* position: relative; */ > span { width: 100%; height: 100%; > img { width: 100%; height: 100%; } } } .popover-menu__content { position: absolute; z-index: 10; width: 320px; padding: 8px; border: none; background: #fff; border-radius: 8px; box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1); &::before { position: absolute; width: 16px; height: 8px; background: #fff; content: ''; } &.--position { &-top { bottom: calc(100% + 8px); &.--align { &-start { left: 0; &::before { top: 100%; left: 16px; clip-path: polygon(0 0, 50% 100%, 100% 0); } } &-end { left: 100%; transform: translateX(calc(-100% + 1rem)); &::before { top: 100%; right: 16px; clip-path: polygon(0 0, 50% 100%, 100% 0); } } } } &-right { left: calc(100% + 8px); &.--align { &-start { top: 0; &::before { top: 16px; left: 0; width: 8px; height: 16px; clip-path: polygon(0 50%, 100% 0%, 100% 100%); transform: translateX(-100%); } } &-end { top: 100%; transform: translateX(calc(-100% + 1rem)); &::before { bottom: 16px; left: 0; width: 8px; height: 16px; clip-path: polygon(0 50%, 100% 0%, 100% 100%); transform: translateX(-100%); } } } } &-bottom { top: calc(100% + 8px); &.--align { &-start { left: 0; &::before { bottom: 100%; left: 16px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); } } &-end { left: 100%; transform: translateX(calc(-100% + 1rem)); &::before { right: 16px; bottom: 100%; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); } } } } &-left { left: -8px; transform: translateX(-100%); &.--align { &-start { top: 0; &::before { top: 16px; left: 100%; width: 8px; height: 16px; clip-path: polygon(0 0%, 100% 50%, 0% 100%); transform: translateX(0); } } &-end { bottom: 0; &::before { bottom: 16px; left: 100%; width: 8px; height: 16px; clip-path: polygon(0 0%, 100% 50%, 0% 100%); transform: translateX(0); } } } } } } &[data-is-marrybaby='true'] { .popover-menu__content { padding: 0; border-radius: 12px; /* &::before { display: none; } */ } } `,d=l.Z.div` display: flex; /* max-height: 300px; */ flex-direction: column; cursor: default; .__header { position: relative; display: flex; align-items: center; justify-content: center; padding: 1rem 0; margin-bottom: 8px; .__back-btn { position: absolute; top: 50%; left: 8px; width: 16px; height: 16px; cursor: pointer; transform: translateY(-50%); } } .tree-text-description { padding-right: 8px; padding-left: 8px; margin-top: -8px; margin-bottom: 8px; font-size: 14px; font-weight: 400; line-height: 22px; text-align: left; } .__content { overflow: auto; flex: 1; } .__list { .__item { position: relative; &.bold-item { font-weight: 700; } &:last-child { .__btn { margin-bottom: 0; } } .__btn { position: relative; display: flex; width: 100%; height: 40px; align-items: center; padding: 0 1rem; border: none; margin-bottom: 8px; color: ${r.r.colors.gray800}; cursor: pointer; text-align: left; transition: background 0.3s; /* for better gtm tracking result */ * { pointer-events: none; } &.--checked { color: ${r.r.colors.gray500}; pointer-events: none; } &:hover { background: ${r.r.colors.gray100}; } .__icon { width: 16px; height: 16px; margin-right: 0.4rem; } & > span { position: relative; & > img { width: 16px; height: 16px; margin-right: 0.4rem; } } } .__toggle { position: absolute; top: 50%; right: 16px; width: 16px; height: 16px; pointer-events: none; transform: translateY(-50%); } } } &[data-is-marrybaby='true'] { .__header { padding: 1rem; } .tree-text-description { padding: 0 1rem; } .__list { .__item { &:first-child { .__btn { border-top-left-radius: 12px; border-top-right-radius: 12px; } } &:last-child { .__btn { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } } .__btn { height: unset; padding: 1rem; margin-bottom: 0; &:hover { background: ${r.r.mbColors.lightPink}; } } } } } `,PopoverMenu=({className:e,style:t,toggleButtonContent:a,position:l="bottom",align:r="end",children:d,buttonProps:c})=>{let{data:{env:{isMarryBaby:p}}}=(0,n.useContext)(o.T),[m,g]=(0,n.useState)(!1),u=(0,n.useRef)(null),h=(0,n.useRef)(m);return(0,n.useEffect)(()=>{var e;h.current=m,m&&(null===(e=u.current)||void 0===e||e.focus())},[m]),(0,n.useEffect)(()=>{let clickHandler=e=>{var t;(null===(t=u.current)||void 0===t?void 0:t.contains(e.target))||!h.current||g(!1)};return window.addEventListener("click",clickHandler,{passive:!0}),()=>{window.removeEventListener("click",clickHandler)}},[]),n.createElement(s,{"data-is-marrybaby":p,className:e,style:t},n.createElement(i.B,Object.assign({theme:p?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:()=>g(e=>!e)},c),a),m?n.createElement("div",{ref:u,className:`popover-menu__content --position-${l} --align-${r}`,tabIndex:0,onClick:e=>e.stopPropagation()},"function"==typeof d?d({setShow:g}):d):null)}},"6m1B":function(e,t,a){a.d(t,{D:function(){return DrawerComponent},u:function(){return useDrawerDrag}});var n=a("Cxxo"),i=a("q1tI"),o=a("iuhU"),l=a("rSBk"),r=a("rBCA"),s=a("+sq5");let d=300,useDrawerDrag=(e=d)=>{let[t,a]=(0,i.useState)(!1),n=(0,i.useCallback)(()=>{a(!0)},[]),o=(0,i.useCallback)(()=>{setTimeout(()=>{a(!1)},e)},[e]);return{isDragging:t,handleDragStart:n,handleDragEnd:o}},c=(0,r.Z)(l.dy.Content)` position: fixed; z-index: ${s.Z-9e6+1}; inset: 0; background-color: #fff; outline: none !important; &::-webkit-scrollbar { width: 6px; height: 6px; } &::-webkit-scrollbar-track { background-color: transparent; } &::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.4); border-radius: 6px; } &[data-vaul-drawer-direction='bottom'] { border-top-left-radius: 8px; border-top-right-radius: 8px; } &[data-vaul-drawer-direction='top'] { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } &[data-vaul-drawer-direction='left'] { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } &[data-vaul-drawer-direction='right'] { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } ${e=>e.isDragging&&` input { caret-color: transparent; } `} `,p=(0,r.Z)(l.dy.Overlay)` position: fixed; inset: 0; z-index: ${s.Z-9e6}; width: 100%; max-height: 100%; &[data-state='open'] { opacity: 0.6 !important; } `,DrawerComponent=e=>{let{open:t,onOpenChange:a,snapPoints:r,activeSnapPoint:d,setActiveSnapPoint:m,children:g,overlayClassName:u,className:h,fadeFromIndex:v=s.Z-9e6,onClose:E}=e,f=(0,n._)(e,["open","onOpenChange","snapPoints","activeSnapPoint","setActiveSnapPoint","children","overlayClassName","className","fadeFromIndex","onClose"]),[b,x]=(0,i.useState)(t),[y,w]=(0,i.useState)(r?null==r?void 0:r[0]:null),{isDragging:_,handleDragStart:C,handleDragEnd:M}=useDrawerDrag(),k=(0,i.useCallback)(e=>{x(e),null==a||a(e)},[a]),T=(0,i.useMemo)(()=>r&&r.length?y===r[r.length-1]:b,[y,r]),S=(0,i.useMemo)(()=>{let e={open:b,onOpenChange:k,fadeFromIndex:v};return r&&(null==r?void 0:r.length)&&(e.snapPoints=r,e.activeSnapPoint=y,e.setActiveSnapPoint=e=>{w(e),null==m||m(e)}),e},[b,k,y,w,m,r,v]);return(0,i.useEffect)(()=>{x(t)},[t]),(0,i.useEffect)(()=>{w(d)},[d]),i.createElement(l.dy.Root,Object.assign({onDrag:C,onRelease:M,onClose:E},f,S),i.createElement(l.dy.Portal,null,i.createElement(p,{className:(0,o.default)(u,"drawer__overlay",{drawer__overlay_full:T})}),i.createElement(c,{isDragging:_,className:(0,o.default)(h,"drawer__content",{drawer__content_full:T})},i.createElement(l.dy.Handle,{className:"drawer__handle"}),i.createElement(l.dy.Title,{style:{display:"none"}}),g)))}},mz13:function(e,t,a){a.d(t,{A:function(){return ArrowRightBlue},C:function(){return Clinic},D:function(){return DoctorExpertiseItem},I:function(){return InsuranceList},P:function(){return PaymentList},a:function(){return DoctorInfoExpertise}});var n=a("q1tI"),i=a("rBCA"),o=a("iBNF"),l=a("f4Rk"),r=a("xXM3"),s=a.n(r),d=a("CKJU"),c=a("Rh7u");let ArrowRightBlue=e=>n.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 6 10",fill:"none"},e),n.createElement("path",{d:"M1 9L5 5L1 1",stroke:"#2D87F3",strokeWidth:1.75,strokeLinecap:"round",strokeLinejoin:"round"})),Clinic=e=>n.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none"},e),n.createElement("path",{d:"M4.89646 16.9996H2.96549C2.43225 16.9996 2 16.5674 2 16.0341V12.6549C2 12.1217 2.43225 11.6895 2.96549 11.6895H4.89646",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M15.0342 11.6895H16.9652C17.4984 11.6895 17.9306 12.1217 17.9306 12.6549V16.0341C17.9306 16.5674 17.4984 16.9996 16.9652 16.9996H15.0342",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M5.86197 3H14.0686C14.6015 3 15.0341 3.43263 15.0341 3.96549V16.9995H4.89648V3.96549C4.89648 3.43263 5.32912 3 5.86197 3Z",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M11.172 13.6206H8.7583V16.9998H11.172V13.6206Z",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M9.96533 9.99996V5.65527",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M12.1377 7.82764H7.79297",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})),p=i.Z.ul` display: grid; grid-gap: 16px; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); list-style: none; `,m=i.Z.li` p { margin-top: 8px; text-align: center; } .insuranceLogo { display: grid; height: 58px; border: 1px solid ${o.r.colors.neutral200}; border-radius: 6px; place-content: center; > img { width: 93px; height: 43px; object-fit: contain; } } `,InsuranceList=({insurances:e,className:t,isName:a=!0})=>e.length?n.createElement(p,{id:"insurance-list",className:t},e.map(e=>n.createElement(m,{className:"insuranceItem",key:e.id},n.createElement("div",{className:"insuranceLogo"},n.createElement("img",{src:e.logo,alt:e.name||"insurance-logo"})),a&&n.createElement(l.T,{size:"base",color:o.r.colors.gray500,type:"bold"},e.name)))):null,g=i.Z.div` display: flex; flex-wrap: wrap; gap: 7px; &.paymentList { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); justify-content: center; } `,u=i.Z.div` border: 1px solid ${o.r.colors.neutral100}; border-radius: 12px; width: 80px; min-height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; &.payment-item-mobile { width: 100%; } .logo { position: relative; width: 55px; aspect-ratio: 55 / 32; object-fit: contain; } .txt-caption-1 { font-size: 0.6875rem; line-height: 1rem; color: ${o.r.colors.gray800}; } `,PaymentList=({payments:e,className:t,isName:a=!0,isMobile:i=!1})=>e.length?n.createElement(g,{id:"payment-container",className:s()(t,{paymentList:i&&e.length>=4})},e.map(t=>n.createElement(u,{className:s()("payment-item",{"payment-item-mobile":i&&e.length>=4}),key:t.id},n.createElement(d.I,{className:"logo",src:t.logo,alt:t.name}),a&&n.createElement("div",{className:"txt-caption-1"},t.name)))):null,h=i.Z.div` display: flex; gap: 8px; .icon { width: 1.25rem; height: 1.25rem; color: ${o.r.colors.gray400}; flex-shrink: 0; } .doctor-info-item-content { display: flex; flex-direction: column; gap: 10px; } `;(0,i.Z)(Clinic)` width: 1.25rem; height: 1.25rem; `;let v=i.Z.div` display: flex; flex-direction: column; gap: 4px; `,DoctorExpertiseItem=e=>{let{doctorInfo:t,Icon:a,title:i}=e;return n.createElement(h,null,n.createElement(a,{className:"icon"}),n.createElement(v,null,n.createElement(c.T,{size:"p3",weight:"semiBold",color:"#111111"},i),n.createElement("div",{className:"doctor-info-item-content"},(Array.isArray(t)?t:[t]).map(e=>n.createElement(c.T,{size:"p3",weight:"regular",key:e},e)))))},E=i.Z.div` display: flex; padding: 1rem; width: 100%; justify-content: space-between; `,f=i.Z.div` display: flex; flex-direction: column; gap: 2px; `,DoctorInfoExpertise=e=>{let{name:t,specialty:a,experience:i,profileImage:o}=e;return n.createElement(E,null,n.createElement(f,null,n.createElement(c.T,{size:"title2",weight:"semiBold",color:"#111111"},t),n.createElement("div",null,a&&n.createElement(c.T,{size:"c1",weight:"regular"},a),i&&n.createElement(c.T,{size:"c1",weight:"regular"},i))),n.createElement(d.I,{src:o,alt:t,style:{width:"4.5rem",height:"4.5rem",borderRadius:"50%",objectFit:"cover",flexShrink:0}}))}},RRzr:function(e,t,a){a.d(t,{B:function(){return v},C:function(){return $},E:function(){return N},F:function(){return I},G:function(){return h},N:function(){return w},S:function(){return k},V:function(){return M},a:function(){return E},c:function(){return x},d:function(){return y},e:function(){return S},f:function(){return _},g:function(){return C},h:function(){return L},i:function(){return R}});var n,i,o,l,r,s,d,c,p,m,g,u,h,v,E,f,b,x,y,w,_,C,M,k,T=a("weOk");(n=h||(h={})).Boy="boy",n.Girl="girl",(i=v||(v={}))[i.Height=0]="Height",i[i.Weight=1]="Weight",i[i.Head=2]="Head",i[i.BMI=3]="BMI",(o=E||(E={}))[o.Weekly=0]="Weekly",o[o.Monthly=1]="Monthly",o[o.Yearly=2]="Yearly",(l=f||(f={}))[l.Height=0]="Height",l[l.Weight=1]="Weight",l[l.Head=2]="Head",l[l.BMI=3]="BMI",l[l.Record=4]="Record",(r=b||(b={}))[r.Phone=0]="Phone",r[r.OTP=1]="OTP",r[r.OTPEmail=2]="OTPEmail",r[r.PersonalInfo=3]="PersonalInfo",r[r.UpdatePassword=4]="UpdatePassword",r[r.Result=5]="Result",r[r.DynamicForm=6]="DynamicForm",(s=x||(x={}))[s.HEAD=0]="HEAD",s[s.TAIL=1]="TAIL",s[s.MIDDLE=2]="MIDDLE",s[s.CONNECT=3]="CONNECT",s[s.SSO=4]="SSO",s[s.MULTIPLE=5]="MULTIPLE",(d=y||(y={}))[d.UNDEFINED=-1]="UNDEFINED",d[d.TEXT=0]="TEXT",d[d.IMAGE=1]="IMAGE",d[d.FORM=2]="FORM",d[d.CONDITION=3]="CONDITION",d[d.POLL=4]="POLL",d[d.FINAL_STANDARD=5]="FINAL_STANDARD",d[d.FINAL=6]="FINAL",d[d.FINAL_THANK_YOU=7]="FINAL_THANK_YOU",d[d.RATING=8]="RATING",d[d.REACTION=9]="REACTION",d[d.REVIEW=10]="REVIEW",d[d.RESULT_POLL=11]="RESULT_POLL",d[d.RESULT_RATING=12]="RESULT_RATING",d[d.RESULT_REACTION=13]="RESULT_REACTION",d[d.OTP=14]="OTP";let S=[y.FINAL,y.FINAL_STANDARD,y.FINAL_THANK_YOU];(c=w||(w={})).BOT_TEXT="bot-text",c.BOT_IMAGE="bot-image",c.BOT_BACKGROUND_IMAGE="bot-background-image",c.BOT_BUTTON="bot-button",c.BOT_URL="bot-url",c.BOT_RECALCULATE="bot-recalculate",c.BOT_BOOKING="bot-booking",c.BOT_MAIN_TITLE="bot-main-title",c.BOT_MAIN_IMAGE="bot-main-image",c.BOT_MAIN_BODY="bot-main-body",c.BOT_MAIN_BUTTON="bot-main-button",c.BOT_SUB_TITLE="bot-sub-title",c.BOT_SUB_BODY="bot-sub-body",c.BOT_LANDING_PAGE_URL="bot-landing-page-url",c.BOT_LANDING_PAGE_BUTTON="bot-landing-page-button",c.BOT_RISK_SCREEN="bot-risk-screen",c.BOT_RELATED_ARTICLE="bot-related-article",c.THANK_YOU_IMAGE="thank-you-image",c.THANK_YOU_TITLE="thank-you-title",c.THANK_YOU_BODY="thank-you-body",c.TOTAL_LINE="total-line",c.BOT_SUBMISSION="bot-submission",c.BOT_EVENT_SUBMISSION="bot-event-submission",c.BOT_SUGGESTED_SERVICE="bot-suggested-service",c.SSO_INTENT="sso-intent",(p=_||(_={})).ACTION_CONDITION="action-condition",p.ACTION_INTERNAL="action-internal",p.ACTION_EXTERNAL="action-external",p.ACTION_SSO_REDIRECT="action-sso-redirect",p.ACTION_MULTIPLE_BUTTON="action-multiple-button",p.USER_CHOICE_TEXT="user-choice-text",p.USER_CHOICE_TEXT_BY_INPUT="user-choice-text-by-input",p.USER_CHOICE_NEXT="user-choice-next",p.USER_CHOICE_IMAGE="user-choice-image",p.USER_SUBMIT_TEXT="user-submit-text",p.USER_SUBMIT_NUMBER="user-submit-number",p.USER_SUBMIT_NAME="user-submit-name",p.USER_SUBMIT_PHONE="user-submit-phone",p.USER_SUBMIT_EMAIL="user-submit-email",p.USER_SUBMIT_DROPDOWN="user-submit-dropdown",p.USER_SUBMIT_DATE="user-submit-date",p.USER_SUBMIT_DOB="user-submit-dob",p.USER_SUBMIT_CONFIRM="user-submit-confirm",p.USER_SUBMIT_SEND="user-submit-send",p.USER_SUBMIT_RESEND="user-submit-resend",p.USER_SUBMIT_ADDRESS="user-submit-address",p.USER_SUBMIT_ADDRESS_PROVINCE="user-submit-address-province",p.USER_SUBMIT_ADDRESS_DISTRICT="user-submit-address-district",p.USER_SUBMIT_ADDRESS_COMMUNE="user-submit-address-commune",p.USER_SUBMIT_BMI="user-submit-bmi",p.USER_SUBMIT_BMI_HIDDEN="user-submit-bmi-hidden",p.USER_SUBMIT_TERMS="user-submit-terms",p.USER_SUBMIT_GENDER="user-submit-gender",p.USER_SUBMIT_OTP="user-submit-otp",p.USER_SUBMIT_WHATSAPP="user-submit-whatsapp",p.POLL_CHOICE="poll-choice",p.POLL_CHOICE_TEXT_BY_INPUT="poll-choice-text-by-input",p.POLL_CHOICE_IMAGE="poll-choice-image",p.POLL_BUTTON="poll-button",p.RATING_STAR="rating-star",p.RATING_DESCRIPTION="rating-description",p.RATING_BUTTON="rating-button",p.LIKE_CHOICE="like-choice",p.DISLIKE_CHOICE="dislike-choice",p.REVIEW_CHOICE="review-choice",p.REVIEW_DESCRIPTION="review-description",p.REVIEW_BUTTON="review-button",p.RESULT_BUTTON="result-button",p.POLL_RESULT="poll-result",p.USER_SUBMIT_GOOGLE_API_ADDRESS="user-submit-google-api-address";let I=[_.USER_SUBMIT_ADDRESS_PROVINCE,_.USER_SUBMIT_ADDRESS_DISTRICT,_.USER_SUBMIT_ADDRESS_COMMUNE,_.USER_SUBMIT_ADDRESS];(m=C||(C={}))[m.UNLIMITED=0]="UNLIMITED",m[m.EXACT_NUMBER=1]="EXACT_NUMBER",m[m.RANGE=2]="RANGE";let N={[_.USER_SUBMIT_EMAIL]:"email",[_.USER_SUBMIT_TEXT]:"text",[_.USER_SUBMIT_DROPDOWN]:"text",[_.USER_SUBMIT_NAME]:"name",[_.USER_SUBMIT_NUMBER]:"number",[_.USER_SUBMIT_ADDRESS]:"address",[_.USER_SUBMIT_PHONE]:"tel",[_.USER_SUBMIT_OTP]:"tel",[_.USER_SUBMIT_WHATSAPP]:"tel",[_.USER_SUBMIT_DATE]:"date",[_.USER_SUBMIT_CONFIRM]:"confirm",[_.USER_SUBMIT_SEND]:"submit",[_.USER_SUBMIT_TERMS]:"terms",[_.USER_SUBMIT_ADDRESS_PROVINCE]:"province",[_.USER_SUBMIT_ADDRESS_DISTRICT]:"district",[_.USER_SUBMIT_ADDRESS_COMMUNE]:"commune",[_.USER_SUBMIT_BMI]:"bmi",[_.USER_SUBMIT_GENDER]:"gender",[_.POLL_CHOICE]:"poll",[_.POLL_CHOICE_TEXT_BY_INPUT]:"poll",[_.POLL_CHOICE_IMAGE]:"poll",[_.RATING_STAR]:"rating",[_.RATING_DESCRIPTION]:"text",[_.LIKE_CHOICE]:"like",[_.DISLIKE_CHOICE]:"dislike",[_.REVIEW_CHOICE]:"review",[_.USER_SUBMIT_GOOGLE_API_ADDRESS]:"google-api-address",[_.USER_SUBMIT_DOB]:"dob"},L={FRU:"FRU",survey:"Survey",ristScreener:"risk_screener",voucherAcuvue:"ACUVUE"};(g=M||(M={})).VIDEO="video",g.SHORTS="short",g.PODCAST="podcast",g.LIVESTREAM="live-stream",(u=k||(k={})).Facebook="facebook",u.Zalo="zalo",u.Twitter="twitter",u.WhatsApp="whatsApp",u.Line="line",u.Instagram="instagram",u.LinkedIn="linkedin",u.Youtube="youtube",u.Tiktok="tiktok",u.Telegram="telegram",u.Viber="viber";let $={DD:{id:"common.day",defaultMessage:"Day"},MM:{id:"common.month",defaultMessage:"Month"},YYYY:{id:"common.year",defaultMessage:"Year"}};var R=Object.freeze({__proto__:null,get SocialType(){return k},COMMON_DATE_TRANSLATE_KEY:$,get Gender(){return h},get BabyGrowthChartType(){return v},get BabyGrowthChartDuration(){return E},get BabyGrowthResultTab(){return f},get LOCALE(){return T.L},get OnboardingStep(){return b},get NodePosition(){return x},get NodeType(){return y},NodeFinalTypes:S,get NodeIntentType(){return w},get NodeActionType(){return _},FULL_KEY_ADDRESS:I,get NodeMultipleOptions(){return C},ELEMENT_CONTROL_INPUT_TYPE:N,SubotType:L,get VideoType(){return M}})}}]);