"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[891],{XM2L:function(e,t,a){a.r(t),a.d(t,{ProfileChatbot:function(){return ProfileChatbot},TabDataInit:function(){return w},TabName:function(){return i},UserType:function(){return o}});var l,n,i,o,r=a("FRPj"),s=a("q1tI"),c=a("5w/N"),d=a("SVFg"),m=a("Fo2T"),p=a("IQVP"),g=a("VhOp"),u=a("kd6S"),h=a("oTwY"),v=a("4JiQ"),b=a("bJUT"),x=a("eosF");a("NmYn"),a("gY0P"),a("Wgwc"),a("QgiU"),a("rBCA");let y=(0,s.createContext)({}),Faqs=({faqs:e})=>{let[t,a]=(0,s.useState)([]),handleClick=e=>{if(t.includes(e)){let l=t.filter(t=>t!==e);a(l)}else a(t=>[...t,e])};return s.createElement("div",{className:"_0NhMo6T"},e.map((e,a)=>{let l=t.includes(a);return s.createElement("div",{className:"nrZtZ-u",key:a},s.createElement("div",{className:"faq-item",onClick:()=>handleClick(a)},s.createElement("div",{className:"faq-question",dangerouslySetInnerHTML:{__html:e.question||""}}),l?s.createElement(u.Z,null):s.createElement(h.Z,null)),s.createElement(v.U,{in:l,className:"faq-answer"},s.createElement("div",{dangerouslySetInnerHTML:{__html:e.answer||""}})))}))};var E={container:"_2ugC2Ll",body:"CCwRHCd",description:"RF63WXG",cardAuthorWrapper:"PIaeC0v"};let formatExperience=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},formatEducation=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};(l=i||(i={}))[l.About=0]="About",l[l.Care=1]="Care",l[l.Answer=2]="Answer",l[l.Posts=3]="Posts",(n=o||(o={}))[n.Expert=0]="Expert",n[n.User=1]="User";let w={experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileChatbot=e=>{var{authorProps:t,authActionWrapper:a,onSkipQuestion:l,onCloseFromPost:n,onChatWithBot:i,showSkipQuestionTag:o,currentPageUrl:u}=e,h=(0,r._)(e,["authorProps","authActionWrapper","onSkipQuestion","onCloseFromPost","onChatWithBot","showSkipQuestionTag","currentPageUrl"]);let{data:{locale:v,userInfo:w,env:{isMarryBaby:C}}}=(0,s.useContext)(g.T),M=String(null==t?void 0:t.userId),[$,_]=(0,s.useState)(),[N,T]=(0,s.useState)(!1),[D,S]=(0,s.useState)(),[P,L]=(0,s.useState)([]),[H,F]=(0,s.useState)(""),B=(null==w?void 0:w._togetherUserId)===(null==t?void 0:t.userId),[I,j]=(0,s.useState)(1),z={value:String(I),dataList:[{value:"1",text:"FAQs",content:s.createElement(Faqs,{faqs:P})}],onTabChange:e=>j(Number(e))};return(0,s.useEffect)(()=>{(0,r.a)(void 0,void 0,void 0,function*(){var e,t,a,l,n,i,o,r,s,c,d;T(!0);let u=yield Promise.all([(0,g.c)((0,g.e)(p.yy.USER.DETAIL,{_locale:v,id:M}),"GET"),(0,g.c)((0,g.e)(p.yy.CHATBOT.PROFILE,{_locale:v}),"GET"),(0,g.c)((0,g.e)(p.yy.CHATBOT.FAQS_LIST,{_locale:v}),"GET")]),[h,b,x]=u,y={data:null==h?void 0:h.data,experiences:((null===(t=null===(e=null==h?void 0:h.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(formatExperience),relatedPosts:((null===(a=null==h?void 0:h.data)||void 0===a?void 0:a.related_post)||[]).map(e=>(0,m.g)(e.post)),educations:((null===(n=null===(l=null==h?void 0:h.data)||void 0===l?void 0:l.fields)||void 0===n?void 0:n.educations)||[]).map(formatEducation),awards:(null===(o=null===(i=null==h?void 0:h.data)||void 0===i?void 0:i.fields)||void 0===o?void 0:o.awards_accreditations)||[],contact:(null===(s=null===(r=null==h?void 0:h.data)||void 0===r?void 0:r.fields)||void 0===s?void 0:s.contact)||{}};(null==h?void 0:h.status)===1&&S(y),L((null===(c=null==x?void 0:x.data)||void 0===c?void 0:c.faqs)||[]),F((null===(d=null==b?void 0:b.data)||void 0===d?void 0:d.description)||""),T(!1)})},[]),s.createElement(y.Provider,{value:{isMarryBaby:C,siteType:C?"marryBaby":"helloSites",authorId:String((null==t?void 0:t.userId)||""),authActionWrapper:a,onSkipQuestion:l,info:D,authorProps:t,onCloseFromPost:n,countValues:$,setCountValues:_,isAuthorLogin:B,showSkipQuestionTag:o,currentPageUrl:u}},s.createElement("div",Object.assign({},h,{className:`${E.container} ${(null==h?void 0:h.className)||""}`,"data-is-marrybaby":C}),N?s.createElement(d.L,null):s.createElement(s.Fragment,null,s.createElement("div",{className:E.cardAuthorWrapper},s.createElement(b.C,Object.assign({},t,{className:"card-author",showDetailPopup:!1,showChatbotButton:v===x.L.Vietnam,onChatWithBot:i}))),s.createElement("div",{className:E.description,dangerouslySetInnerHTML:{__html:H}}),P.length>0&&s.createElement("div",{className:E.body},s.createElement(c.T,Object.assign({},z))))))}},"8k6x":function(e,t,a){a.d(t,{F:function(){return Footer}});var l=a("q1tI"),n=a("LaLE"),i=a("Wgwc"),o=a.n(i),r=a("SPK5"),s=a("OAL+"),c=a("Eso5"),d=a("wp0n"),m=a("uuQu"),p=a("R7WV"),g=a("rBCA"),u=a("iBNF"),h=a("xrdX"),v=a("tmD0"),b=a("W5tO");let x=g.Z.footer` background-color: #1b3250; .inner { padding: 64px 24px 98px 24px; margin: 0 auto; } .newsletter { padding: 24px 0; } .footer-logo { max-width: 132px; max-height: 32px; &[data-is-sehat='true'] { max-width: 250px; } img { object-fit: contain; } } .social { margin-top: 24px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; > .icons { display: flex; gap: 16px; } } hr { height: 1px; border: none; margin: 16px 0 16px 0; background: ${u.r.colors.neutral500}; opacity: 0.1; outline: none; } .footer-menu-column { min-width: 168px; } .footer-menu-title { margin-bottom: 16px; } .footer-menu-link { display: block; } .footer-menu-link-wrapper { display: flex; flex-direction: column; gap: 12px; } .copyright { display: flex; flex-direction: column; gap: 16px; padding-top: 8px; .copyright-content { color: ${u.r.colors.neutral500}; font-size: 12px; } .copyright-image-wrapper { flex-shrink: 0; flex-wrap: wrap; display: flex; gap: 16px; justify-content: flex-end; .copyright-image { align-self: flex-start; img { height: 32px; } } } } .otherSites { display: flex; gap: 16px; align-items: center; padding: 19px 0; border-top: 1px solid ${u.r.colors.neutral100}1a; border-bottom: 1px solid ${u.r.colors.neutral100}1a; .flags { display: flex; gap: 12px; } } .signupButton { display: none; border: none; margin-top: 16px; outline: none; text-transform: uppercase; } ${m.M.mbDown} { .inner { padding: 64px 0; } .social { flex-direction: column; gap: 10px; align-items: start; } hr { margin-top: 0px; } .copyright { align-items: center; text-align: center; } .copyright-image-wrapper { justify-content: center; max-width: unset; } .otherSites { flex-direction: column; padding: 24px 0; .linkTitle { text-align: center; } .flags { flex-wrap: wrap; justify-content: center; } } .footer-menu-title { margin-bottom: 12px; } .footer-menu { display: grid; grid-template-columns: repeat(2, 1fr); > .footer-menu-column { padding: 24px 0; } > .footer-menu-column:first-child { grid-column-start: 1; grid-column-end: 3; border-top: 1px solid ${u.r.colors.neutral100}1a; border-bottom: 1px solid ${u.r.colors.neutral100}1a; > .footer-menu-link-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } } } .otherSites { margin-bottom: 24px; } } ${m.M.mbUp} { .newsletter > p { max-width: 360px; } .hrMobile { display: none; } .copyright { gap: 24px; flex-direction: row-reverse; align-items: center; justify-content: space-between; } .otherSites { margin-bottom: 40px; } .columns { display: flex; flex-direction: row; width: 100%; gap: 16px; margin-bottom: 40px; > div:nth-child(1) { display: flex; flex-direction: column; flex: 1; } > div:nth-child(2) { display: flex; flex-direction: row; gap: 24px; } } } `,y=g.Z.img` width: 32px; height: 32px; ${m.M.mbDown} { width: 24px; height: 24px; } .country-flag { width: 100%; height: 100%; } `,Flag=({url:e,dataEventCategory:t,dataEventAction:a,dataEventLabel:n})=>l.createElement(y,{loading:"lazy",className:"country-flag",src:e,alt:"Country Flag","data-event-category":t,"data-event-action":a,"data-content-label":n}),FooterMenuColumn=({title:e,items:t,locale:a,index:n})=>{let{isMobile:i}=(0,p.u)();return l.createElement("div",{className:"footer-menu-column"},e?l.createElement(d.T,{size:i?"s4":"s3",className:"footer-menu-title",weight:i?"regular":"semiBold",color:"neutral.6"},e):null,l.createElement("div",{className:"footer-menu-link-wrapper"},null==t?void 0:t.map((e,t)=>l.createElement(d.T,{size:i?"p3":"p4",as:"a","data-event-category":"Footer","data-event-action":e.title,"data-event-label":`https://${h.v[a]}${e.url}`,className:"footer-menu-link",href:e.url,key:t,color:"#fff",weight:i&&0===n?"semiBold":"regular"},e.title))))},DiscoverFooter=({className:e,footerInfo:t,locale:a})=>{var i,r,s,c,m,g,u,h,v,b,y;let{isMobile:E}=(0,p.u)(),w=null==t?void 0:t.menu,C=(null===(r=null===(i=null==t?void 0:t.general)||void 0===i?void 0:i.verified)||void 0===r?void 0:r.filter(Boolean))||[];return l.createElement(x,{className:e},l.createElement(n.C,null,l.createElement("div",{className:"inner"},l.createElement("a",{href:"/"},l.createElement("img",{loading:"lazy",className:"footer-logo",src:null===(s=null==t?void 0:t.general)||void 0===s?void 0:s.logo,alt:"Logo","data-is-sehat":"id-ID"===a})),l.createElement("div",{className:"columns"},l.createElement("div",{className:"newsletter"},l.createElement(d.T,{size:E?"s3":"s4",weight:"semiBold",color:"neutral.0"},null===(c=null==t?void 0:t.general)||void 0===c?void 0:c.content),l.createElement("div",{className:"social"},l.createElement(d.T,{size:"p4",color:"neutral.6"},null===(m=null==t?void 0:t.social)||void 0===m?void 0:m.title),l.createElement("div",{className:"icons"},null===(u=null===(g=null==t?void 0:t.social)||void 0===g?void 0:g.socials)||void 0===u?void 0:u.map((e,t)=>l.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":`Follow us - ${e.name}`,"data-content-label":e.url,href:e.url},l.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":`Follow us - ${e.name}`,"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon",width:"24",height:"24"})))))),l.createElement("div",{className:"footer-menu"},w&&l.createElement(l.Fragment,null,null==w?void 0:w.map((e,t)=>l.createElement(FooterMenuColumn,{title:e.menu_title,items:e.items,locale:a,key:t,index:t}))))),l.createElement("div",{className:"otherSites"},l.createElement(d.T,{size:"p4",className:"linkTitle",color:"neutral.6",weight:"regular"},null===(h=null==t?void 0:t.branch)||void 0===h?void 0:h.title),l.createElement("div",{className:"flags"},null===(b=null===(v=null==t?void 0:t.branch)||void 0===v?void 0:v.branch)||void 0===b?void 0:b.map((e,t)=>l.createElement("a",{href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},l.createElement(Flag,{url:e.flag,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url}))))),l.createElement("div",{className:"copyright"},l.createElement("div",{className:"copyright-image-wrapper"},C.length?C.map((e,t)=>l.createElement("a",{href:e.url,key:t,className:"copyright-image"},l.createElement("img",{loading:"lazy",src:e.image,alt:"DMCA Icon"}))):null),l.createElement(d.T,{size:"n1",className:"copyright-content",as:"div",color:"neutral.6",weight:"regular"},l.createElement("div",{dangerouslySetInnerHTML:{__html:null===(y=null==t?void 0:t.general)||void 0===y?void 0:y.copyright.replace(/{currentYear}/gi,o()().get("year").toString())}}))))))},E=g.Z.footer` position: relative; overflow: hidden; .icons { margin-top: 12px; margin-bottom: 20px; > a:not(:last-child) { margin-right: 16px; } } a { text-decoration: none; } `,w=g.Z.div` position: relative; padding: 80px 0 40px; margin: auto 68px; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid ${u.r.colors.neutral200}; ${m.M.tdDown} { margin: auto 16px; flex-wrap: wrap; row-gap: 32px; column-gap: 16px; } ${m.M.mbDown} { margin: auto 0; } `,C=g.Z.div` display: flex; justify-content: space-between; gap: 12px; flex-direction: column; ${m.M.mbDown} { flex: 1 1 160px; } .title { padding-bottom: 4px; } `,M=g.Z.div` display: flex; justify-content: space-between; gap: 12px; flex-direction: column; `,$=g.Z.div` background-color: #{map-get($mbColors, 'dark')}; padding: 16px 0; position: relative; img { width: 89px; height: 32px; } .content { display: flex; align-items: center; justify-content: space-between; gap: 174px; margin: auto 68px; ${m.M.tdDown} { margin: auto 16px; } ${m.M.mbDown} { flex-direction: column-reverse; gap: 16px; align-items: flex-start; margin: auto 0; } } .verify { display: flex; align-items: flex-start; gap: 8px; } `,_=g.Z.div` padding: 40px 0; ${m.M.mbUp} { margin: auto 68px; } `,N=g.Z.div` display: flex; gap: 16px; .social-logo { width: 28px; } `,MarryBabyFooter=({logoType:e="marryBaby",footerMenu:t,background:a})=>{var i;if(!t)return null;let{general:m,menu:p,socials:g}=t;return l.createElement(E,{style:{backgroundColor:a||"none"}},l.createElement(n.C,null,l.createElement(w,null,null==p?void 0:p.map(({menu_title:e,items:t},a)=>l.createElement(C,{key:`mbf${a}`},l.createElement(b.M,{className:"title",type:"subtitle-1",color:u.r.mbColors.pink},e),null==t?void 0:t.map(({title:e,url:t},a)=>l.createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":`${t}`,className:"link",href:t,key:`footer-links-${a}`},l.createElement(M,{key:`mbitem${a}`},l.createElement(b.M,{type:"bodytext-2",color:u.r.mbColors.gray},e)))))))),l.createElement(n.C,null,l.createElement(_,null,l.createElement(r.k,{gap:"24px",sx:e=>({[e.fn.largerThan("sm")]:{".info-item":{flexGrow:1,width:"50%"}},[e.fn.smallerThan("sm")]:{flexDirection:"column"}})},l.createElement(s.K,{spacing:"24px",className:"info-item"},l.createElement(v.L,{className:"logo",type:e}),l.createElement(d.T,{size:"p4",as:"div"},l.createElement("div",{dangerouslySetInnerHTML:{__html:null==m?void 0:m.content}})),l.createElement(N,null,null==g?void 0:g.map(({icon:e,name:t,url:a},n)=>l.createElement("a",{key:`social${n}`,target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":`Follow us - ${t}`,"data-content-label":t,href:a},l.createElement("img",{className:"social-logo",loading:"lazy",src:e,alt:t}))))),l.createElement(c.x,{className:"info-item",sx:{paddingTop:"7px"}},l.createElement(d.T,{size:"p4",as:"div"},l.createElement("div",{dangerouslySetInnerHTML:{__html:null==m?void 0:m.information}})))))),l.createElement($,null,l.createElement(n.C,null,l.createElement("div",{className:"content"},l.createElement(d.T,{size:"p5",color:"#fff",as:"div"},l.createElement("div",{dangerouslySetInnerHTML:{__html:null==m?void 0:m.copyright.replace(/{currentYear}/gi,o()().get("year").toString())}})),l.createElement("div",{className:"verify"},null===(i=null==m?void 0:m.verified)||void 0===i?void 0:i.map(({image:e,url:t},a)=>l.createElement("img",{loading:"lazy",key:`imgMbFt${a}`,src:e,alt:t})))))))},Footer=({locale:e,footerInfo:t,siteType:a,background:n})=>"helloSites"===a?l.createElement(DiscoverFooter,{locale:e,footerInfo:t||{}}):l.createElement(MarryBabyFooter,{footerMenu:t,background:n})},nsdv: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 getTogetherUserPostsApiPath},c:function(){return et},g:function(){return getNavMenuContent}});var l=a("FRPj"),n=a("q1tI"),i=a("+4HH"),o=a("LL/B"),r=a("n/N3"),s=a("Fo2T"),c=a("q9DY"),d=a("9wNu"),m=a("rBCA"),p=a("fdQd"),g=a("iBNF"),u=a("icHx"),h=a("iZ8j"),v=a("v8Gc"),b=a("/npG"),x=a("Eso5"),y=a("QJsO"),E=a("8vDj"),w=a("iuhU"),C=a("tmD0"),M=a("DzJC"),$=a.n(M),_=a("EoPH"),N=a("nGnw"),T=a("wp0n"),D=a("8wjV"),S=a("uuQu"),P=a("BKrH"),L=a("bVHi"),H=a("d2lK"),F=a("Gx+P"),B=a("6KnK"),I=a("w8Dv"),j=a("gEnE"),z=a("LgdP"),A=a("DEkF"),O=a("gY0P"),Z=a.n(O),R=a("xrdX"),U=a("LaLE"),W=a("Wgwc"),V=a.n(W),G=a("QgiU"),q=a.n(G),Y=a("dxY4"),Q=a("eosF"),K=a("sEfC"),X=a.n(K),J=a("i2bO");let HamburgerWhite=e=>n.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M4 12H20",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M4 7H20",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M4 17H20",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),StarPair=e=>n.createElement("svg",Object.assign({width:"22",height:"28",viewBox:"0 0 22 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M6.35278 10.7516C6.42759 10.976 6.63881 11.1279 6.87534 11.1279C7.11187 11.1279 7.322 10.976 7.39791 10.7516C7.68947 9.87691 8.37585 9.19053 9.25054 8.89896C9.47497 8.82415 9.62679 8.61403 9.62679 8.3775C9.62679 8.14097 9.47497 7.93084 9.25054 7.85603C8.37585 7.56446 7.68947 6.87809 7.39791 6.00339C7.24719 5.55453 6.5046 5.55453 6.35388 6.00339C6.06231 6.87809 5.37594 7.56446 4.50125 7.85603C4.27682 7.93084 4.125 8.14097 4.125 8.3775C4.125 8.61403 4.27682 8.82415 4.50125 8.89896C5.37565 9.19043 6.06193 9.87699 6.35278 10.7516Z",fill:"#2743AD"}),n.createElement("path",{d:"M20.1723 14.3286L18.5342 13.6789C16.821 12.9995 15.4655 11.6411 14.7897 9.92641L14.1396 8.27697C13.9232 7.72994 13.0262 7.72994 12.8097 8.27697L12.1597 9.92641C11.4839 11.6411 10.1284 12.9995 8.41517 13.6789L6.77705 14.3286C6.5044 14.4367 6.32422 14.7016 6.32422 14.9952C6.32422 15.2888 6.50345 15.5537 6.77705 15.6618L8.41517 16.3115C10.1284 16.991 11.4839 18.3494 12.1597 20.064L12.8097 21.7135C12.9175 21.987 13.1815 22.1668 13.4742 22.1668C13.7669 22.1668 14.031 21.987 14.1387 21.7135L14.7888 20.064C15.4646 18.3494 16.8201 16.991 18.5333 16.3115L20.1714 15.6618C20.444 15.5537 20.6242 15.2888 20.6242 14.9952C20.6242 14.7016 20.4459 14.4367 20.1723 14.3286Z",fill:"#2743AD"})),ee=(0,m.Z)(p.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; } `,et="hhg_search_history",SearchInput=({id:e,isMobile:t=!1,isHomepage:a=!1,projectType:l,isRedirectSearchPage:i=!1})=>{let{locale:r,siteType:s,isWinCashBackTheme:d}=(0,n.useContext)(u.a),[m,p]=(0,n.useState)(""),[h,v]=(0,n.useState)("Search From Another Page"),{t:b}=(0,F.u)(),x=(0,n.useCallback)((e="")=>{let t="";"together"===l&&(t="community"),"discover"===l&&(t=window.location.pathname.startsWith("/health-tools/")?"health-tools":l),localStorage.setItem(et,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()}`},[l]),y=(0,n.useCallback)(()=>{let e=localStorage.getItem(et);if(!e){x("");return}localStorage.removeItem(et),window.location.href=e},[x]);return(0,n.useEffect)(()=>{if("undefined"!=typeof window){let e=new URL(window.location.href),t=new URLSearchParams(e.search),a=t.get("s");"discover"===l&&window.location.pathname.startsWith("/search/")&&v("Search Page"),p(a)}},[]),t&&!a?n.createElement(D.B,{variant:"tertiary",style:{padding:"6px"},size:"sm",onClick:y},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",style:{verticalAlign:"bottom"}},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z",fill:"#8C8C8C"}))):n.createElement(ee,{className:"fake-search-input",name:"search-input-menu-service"+e,size:"md","data-event-category":h,"data-event-action":"Search","data-event-label":m,placeholder:"marryBaby"===s?b("navigation.search.input.placeholder"):b("home.search",{site:o.L[r||"en-PH"]?o.L[r||"en-PH"].SITE_NAME:""}),onChange:p,value:m,onKeyDown:e=>"Enter"===e.key&&x(e.target.value),type:"search",onFocus:e=>{e.preventDefault(),(t&&a||i)&&x("")},rightSection:m?n.createElement("div",{className:"close-icon-wrapper",onClick:()=>p(""),"data-event-category":"Search Page","data-event-action":"Delete Search"},n.createElement(c.Z,{size:17,color:g.r.colors.white})):d?n.createElement(StarPair,{className:"star-pair-icon"}):"",icon:n.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click",className:"search-icon-btn",onClick:()=>{(t&&a||i)&&x("")}},n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",style:{verticalAlign:"bottom"}},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z",fill:"#8C8C8C"})))})},getEcomUrl=({path:e,locale:t})=>{var a;return`/shop/${null===(a=P.L[t||"vi-VN"])||void 0===a?void 0:a[e]}/`};var ea=(0,b.k)(()=>({root:{textDecoration:"none"},iconText:{color:"#fff"}}));let CartBadge=e=>{var{count:t,styles:a,className:i,classNames:o,locale:r}=e,s=(0,l._)(e,["count","styles","className","classNames","locale"]);let{classes:c,cx:d}=ea(void 0,{name:"CartBadge",styles:a,classNames:o});return void 0!==t?n.createElement(x.x,Object.assign({component:"a",href:getEcomUrl({path:"CART",locale:r}),className:d(c.root,i)},s),n.createElement(y.z,{withBorder:!0,color:"red",size:20,disabled:0===t,label:n.createElement(T.T,{className:c.iconText,size:"s5"},t>99?"99+":t)},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n.createElement("path",{d:"M5.308 21.5q-.748 0-1.278-.53a1.74 1.74 0 0 1-.53-1.278V8.308q0-.75.53-1.278.53-.53 1.278-.53H7.5q0-1.873 1.313-3.187Q10.127 2 12 2t3.187 1.313T16.5 6.5h2.192q.749 0 1.278.53.53.53.53 1.278v11.384q0 .749-.53 1.278-.53.53-1.278.53zm0-1.5h13.384a.3.3 0 0 0 .212-.096.3.3 0 0 0 .096-.212V8.308a.3.3 0 0 0-.096-.212.3.3 0 0 0-.212-.096H5.308a.3.3 0 0 0-.212.096.3.3 0 0 0-.096.212v11.384q0 .116.096.212a.3.3 0 0 0 .212.096M9 6.5h6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3.5q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6.5m2.985 7q1.695 0 3.047-1.148 1.35-1.148 1.335-2.606a.74.74 0 0 0-.207-.528.7.7 0 0 0-.527-.218.7.7 0 0 0-.471.182 1 1 0 0 0-.295.506 2.8 2.8 0 0 1-1.036 1.665 2.9 2.9 0 0 1-1.846.647 2.93 2.93 0 0 1-1.854-.647A2.73 2.73 0 0 1 9.1 9.688q-.086-.34-.278-.514A.66.66 0 0 0 8.367 9a.72.72 0 0 0-.534.218.72.72 0 0 0-.216.528q0 1.457 1.336 2.606 1.335 1.148 3.032 1.148",fill:"#2D87F3"})))):null},el=m.Z.div` &.block-show { display: block; } `,DisplayWrapper=({forceDisplay:e,mediaQueryKey:t,children:a,className:l,style:i})=>{let[o,r]=(0,n.useMemo)(()=>(0,S.g)(t),[t]);return n.createElement(el,{lowerBound:e?0:o,upperBound:e?0:r,className:l,style:i},a)};var en={menuIconWrapper:"wnUb-dV",menuButton:"cjbOxWe"};let ItemMenu=({item:e,menu:t})=>{let{containerRef:a,onButtonMouseDown:l,onClose:i}=(0,u.u)({allowBgScroll:!0}),o=(0,B.u)();return!e.popupType&&e.link?n.createElement(NewWrapper,{isNew:e.isNew},n.createElement("a",{className:`hhgcomp-navigation-itemnav-headeritem ${o?"":`menu-handler-${e.id}`}`,tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},n.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:en.menuButton},e.name))):n.createElement(NewWrapper,{isNew:e.isNew},n.createElement("div",{ref:a,className:`hhgcomp-navigation-itemnav-headeritem ${o?"":`menu-handler-${e.id}`}`,tabIndex:0,key:e.id,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},n.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:l,className:en.menuButton},e.name,e.popupType&&n.createElement(n.Fragment,null,(null==e?void 0:e.icon)?n.createElement("div",{className:"wrapper-menu-icon"},n.createElement("div",{className:"origin-icon"},e.icon),n.createElement("div",{className:"close-icon",onClick:i},n.createElement(c.Z,{size:16}))):n.createElement("div",{className:en.menuIconWrapper},n.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},n.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"}))))),n.isValidElement(t)?n.cloneElement(t,{onClose:i}):null))},NewWrapper=({isNew:e,children:t})=>{let{t:a}=(0,F.u)();return e?n.createElement(H.I,{color:"green",label:a("home.navigator.menuItem.new"),size:20,styles:{root:{paddingRight:10}}},t):n.createElement(n.Fragment,null,t)},ei=m.Z.div` display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 3.5rem; ${S.M.tdDown} { grid-template-columns: repeat(1, 1fr); } `,eo=m.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; } ${S.M.tdDown} { margin-bottom: 0; padding: 0; height: 100%; position: unset; width: 150px; } ${S.M.mbDown} { width: 80px; } `,er=m.Z.div` background-color: #ffffff; border-radius: 4px; width: 100%; height: 100%; `,es=m.Z.div` display: flex; margin-top: 1rem; align-items: center; color: ${g.r.colors.primaryBase}; font-weight: 400; font-size: 14px; text-decoration: none; ${S.M.tdDown} { display: none; } `,ec=m.Z.p` font-size: 16px; font-weight: 600; line-height: 1.6; color: ${g.r.colors.gray800}; ${S.M.tdDown} { padding: 0; } `,ed=m.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; ${S.M.tdDown} { height: unset; padding: 0; } `,em=(0,j.Z)(m.Z.div` display: flex; flex-direction: column; gap: 8px; flex: 1; z-index: 1; ${S.M.tdDown} { gap: 4px; } `,"hhgcomp-navigation-menucareitem-contentwrapper"),ep=m.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; } ${S.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%; } } ${S.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; > ${em.classSelector} { flex: 1; } img { width: 150px; } } ${S.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; } } ${S.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:l}=(0,F.u)(),{locale:i,configs:{statics:o}}=(0,n.useContext)(u.a);if(!e)return null;let r=`${o.CARE_URL_FE}/${null===(a=I.L[i])||void 0===a?void 0:a.HOSPITAL}/${e.slug}-${e.id}`;return n.createElement(ep,{key:e.id,href:r,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":r},n.createElement("img",{src:N.C.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),n.createElement(eo,null,n.createElement(er,null,n.createElement("img",{loading:"lazy",alt:e.name,src:e.logo||"/images/avatar.jpg"}))),n.createElement(em,null,n.createElement(ec,null,e.name),n.createElement(ed,null,e.description),n.createElement(es,null,l("home.seeMore"),n.createElement("img",{src:N.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))))},eg=m.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; } ${S.M.mbDown} { display: block; .bg-svg { right: -24px; left: unset; top: 0; transform: rotateY(180deg); } } ${S.M.mbUp} { display: grid; grid-gap: 10px; grid-template-columns: 1fr 3fr; } `,eu=m.Z.div` font-weight: 400; font-size: 14px; line-height: 24px; color: ${g.r.colors.gray600}; margin-bottom: 15px; `,eh=m.Z.div` font-weight: 600; font-size: 16px; line-height: 26px; color: #000000; margin-bottom: 4px; `,ev=m.Z.div` background: #fff; padding: 5px; display: flex; align-items: center; justify-content: center; border-radius: 50px; `,ef=m.Z.div` display: flex; justify-content: center; align-items: center; position: relative; ${S.M.mbDown} { justify-content: end; min-height: 100px; } `,SpotlightNoData=({title:e,link:t,description:a,cta:l,icon:i})=>{let{siteType:o}=(0,n.useContext)(u.a);return n.createElement(eg,{"data-theme":o},n.createElement(ef,null,n.createElement("img",{src:"marryBaby"===o?N.C.getAssetPath("navMBSpotlightBgNoData.svg"):N.C.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),n.createElement(ev,null,i&&n.createElement("img",{src:i,width:64,height:64,loading:"lazy"}))),n.createElement("div",null,e&&n.createElement(eh,null,e),a&&n.createElement(eu,null,a),l&&n.createElement("div",null,n.createElement("a",{href:t},n.createElement(z.B,{theme:o,className:"survey-contact-submit",size:"md"},l)))))},eb=m.Z.div` margin-top: 10px; background: #ffffff; padding: 5px 15px; position: relative; ${S.M.mbDown} { &:after { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background-color: ${g.r.colors.neutral100}; content: ''; } } `,ex=m.Z.div` margin: 15px 0; display: flex; `,ey=m.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; } ${S.M.mbDown} { margin-left: auto; } `,Spotlights=({title:e,viewMore:t,children:a,link:l,dataEventAction:i=""})=>{let{siteType:o}=(0,n.useContext)(u.a);return n.createElement(eb,null,n.createElement(ex,null,n.createElement(A.H,{tag:"marryBaby"===o?"h5":"h6",as:"p",fontWeight:"semibold"},e),t&&n.createElement(ey,{"data-event-category":"Hamburger Navigation","data-event-action":i,"data-event-label":l,href:l,"data-theme":o},t,n.createElement("img",{src:"marryBaby"===o?N.C.getAssetPath("chevronRightPink.svg"):N.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"}))),a)},CareSpotlights=({spotlights:e=[],hrefViewMore:t})=>{let{t:a}=(0,F.u)(),{siteType:l}=(0,n.useContext)(u.a);return n.createElement(Spotlights,{title:a("home.navigator.menu.spotlightHospitals")},0!==e.length?n.createElement(n.Fragment,null,n.createElement(ei,null,null==e?void 0:e.slice(0,3).map((e,t)=>n.createElement(Item$4,{key:t,index:t,item:e}))),n.createElement("div",{style:{position:"absolute",bottom:"6px",right:"1rem"}},n.createElement("a",{href:t},n.createElement(z.B,{theme:l,className:"survey-contact-submit",size:"md"},a("home.navigator.menu.care.homeButton"))))):n.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:N.C.getAssetPath("community.svg")}))},formatSponsor=e=>e?{title:e.title,logo:e.logo,link:e.link}:{},formatReviewedCategory=e=>({postTitle:e.post_title,permalink:e.permalink}),formatFaqsCategory=e=>({title:e.title,content:e.content}),formatCategory=e=>{var t,a;return e?{termId:e.term_id||null,sponsor:e.sponsor?formatSponsor(e.sponsor):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||e.name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.thumbnail||e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(t=e.child_cates)||void 0===t?void 0:t.map(e=>formatCategory(e)))||[],thumnailColor:e.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(a=e.cat_parent)||void 0===a?void 0:a.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?formatReviewedCategory(e.reviewed_by):null,reviewedDate:e.reviewed_date||"",faqs:e.faqs?e.faqs.map(e=>formatFaqsCategory(e)):null,customizedUrl:e.customized_url||null}:{}},formatHealthTool=e=>{var t,a;if(!e)return{};let l=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),n=null===(a=e.link)||void 0===a?void 0:a.startsWith("/fil/"),i=e.link?e.link.startsWith("http")?e.link:l?e.link:n?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:i,subtitle:e.subtitle,title:e.title,isMobileAppTool:!!(null==e?void 0:e.is_mobile_app_tool)}},formatSpecialties=e=>{var t,a,l,n,i;return e&&(null==e?void 0:e.object_id)?{thumbnail:(null===(t=null==e?void 0:e.object_id)||void 0===t?void 0:t.logo)||"",link:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.slug)||"",subtitle:(null===(l=e.object_id)||void 0===l?void 0:l.name)||"",name:(null===(n=e.object_id)||void 0===n?void 0:n.name)||"",slug:(null===(i=e.object_id)||void 0===i?void 0:i.slug)||""}:{}},formatHospital=e=>{var t,a,l,n,i;return e&&(null==e?void 0:e.object_id)?{id:null===(t=e.object_id)||void 0===t?void 0:t.id,name:(null===(a=e.object_id)||void 0===a?void 0:a.name)||"",logo:(null===(l=null==e?void 0:e.object_id)||void 0===l?void 0:l.logo)||"",description:(null===(n=e.object_id)||void 0===n?void 0:n.description)||"",slug:(null===(i=e.object_id)||void 0===i?void 0:i.slug)||""}:{}},getTogetherUserPostsApiPath=(e,t,a,l)=>(a||"https://together.hellohealthgroup.com/")+"api/v1/"+Z()("profile/posts?website_url={websiteUrl}",Object.assign(Object.assign({},l),{websiteUrl:t?"https://marrybaby.vn":`https://${R.v[e]}`})),getCareSearchUrl=({type:e,specialtySlug:t,locale:a})=>{var l,n;return`${null===(l=I.L[a])||void 0===l?void 0:l.ALL}/${(null===(n=I.L[a])||void 0===n?void 0:n[e])||"doctor"}/${null!=t?t:""}`},formatSpotlightsList=e=>e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date,buttonDisplay:e.button_display||null}:{},checkAvailableSpotlight=e=>{let t=new Date;if(null==e?void 0:e.startDate){let a=new Date(e.startDate);if(t.getTime()a.getTime())return!1}return!0},formatVideoItem=e=>void 0!==e&&e?{id:e.ID||"",videoId:e.video_id||"",url:e.video_url||"",title:e.video_title||"",type:e.type||_.V.VIDEO,totalView:e.total_view||0,description:e.description||"",createTime:e.create_time||"",duration:e.duration||0,image:e.image||"",imageMedium:e.image_medium||"",imageThumbnail:e.image_thumbnail||"",active:!1,articleLink:e.article_link||""}:null;var eE={gridContainer:"q3nL5cp",container:"_2DNf80G",closeWrapper:"Q-glX-n"};let BtnClosePopup=({onClosePopup:e})=>n.createElement("div",{className:`${eE.closeWrapper} close-btn`,onClick:e},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},n.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),PopupWrapper=({onClosePopup:e,isDisplay:t,children:a,isNavMenu:l,hideCloseBtn:i,stylesContainer:o})=>n.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!l},n.createElement(U.C,{className:"hhgcomp-navigation-popupwrapper-menuwrapper-child"},!i&&n.createElement("div",{className:eE.container},n.createElement(BtnClosePopup,{onClosePopup:e})),n.createElement(U.C,{className:eE.gridContainer,style:o},a))),Phone=e=>{var{size:t=24,color:a=g.r.colors.neutral600}=e,i=(0,l._)(e,["size","color"]);return n.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),n.createElement("path",{d:"M6.088 18.75q-.63 0-1.068-.437a1.45 1.45 0 0 1-.438-1.07V2.757q0-.63.438-1.068a1.45 1.45 0 0 1 1.068-.438h7.82q.633 0 1.07.438.437.437.437 1.068v14.488q0 .63-.437 1.069a1.45 1.45 0 0 1-1.07.437zm3.91-1.859a.7.7 0 0 0 .522-.216.7.7 0 0 0 .216-.521.7.7 0 0 0-.216-.522.7.7 0 0 0-.521-.215.7.7 0 0 0-.522.215.7.7 0 0 0-.215.522.7.7 0 0 0 .215.521.7.7 0 0 0 .522.216m-4.166-3.333h8.333V4.792H5.832z",fill:a}))},ew=m.Z.div` padding-right: 1rem; background: #ffffff; padding: 5px 15px; ${S.M.mbUp} { border-right: 1px solid #e4e8ec; display: flex; flex-direction: column; justify-content: space-between; } `,eC=m.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%; } } } `,ek=m.Z.div` margin: 15px 0; ${S.M.mbDown} { display: none; } `,eM=m.Z.div` display: flex; position: absolute; right: 0; ${S.M.mbUp} { &.arrow-icon { display: none; } } `,e$=m.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}; } `,e_=m.Z.div` display: flex; align-items: center; margin-left: 10px; `,eN=m.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; ${S.M.mbDown} { display: none; } `,Categories=({hrefViewMore:e,titleBtnViewMore:t,UrlFE:a,onClosePopup:l,menuItems:o,headingTitle:r,activeItem:s})=>{let{siteType:c}=(0,n.useContext)(u.a),{t:d}=(0,F.u)(),m=(0,E.rZ)();return n.createElement(ew,null,n.createElement("div",null,n.createElement(ek,null,n.createElement(A.H,{tag:"marryBaby"===c?"h5":"h6",as:"p",fontWeight:"semibold"},r)),null==o?void 0:o.slice(0,6).map((e,t)=>{let o=(null==e?void 0:e.link)?(null==e?void 0:e.link.startsWith("http"))?null==e?void 0:e.link:`${a}/${null==e?void 0:e.link.split("/").filter(Boolean).join("/")}/`:"/";return n.createElement(eC,Object.assign({className:(0,w.default)("iconMenu",`itemMenu-${e.id}`),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":o,"data-is-heading-category":!1,"data-active":e.id&&e.id===s,"data-is-mobile-tool":e.isMobileAppTool,href:o},!(0,i.i)(o)&&{target:"_blank"},{"data-theme":c,key:t,onClick:l}),n.createElement("div",{className:"icon"},n.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32,overflow:"hidden"}})),n.createElement(NewWrapper,{isNew:e.isNew},n.createElement("div",{style:{padding:"0 0.4rem",paddingRight:e.isNew?10:0}},n.createElement("p",{className:"name"},e.name),e.isMobileAppTool&&n.createElement(T.T,{size:"n1",color:m.fn.primaryColor(),weight:"regular"},d("home.calcWithApp")))),e.isMobileAppTool&&n.createElement(eM,null,n.createElement(Phone,{className:"phone-icon",size:16})),n.createElement(eM,{className:"arrow-icon"},n.createElement("img",{src:N.C.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))})),t&&n.createElement(eN,{"data-theme":c,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},n.createElement(e$,{onClick:l,"data-theme":c,"data-is-heading-category":!1},t,n.createElement(e_,null,n.createElement("img",{className:"svg",src:"marryBaby"===c?N.C.getAssetPath("chevronRightPink.svg"):N.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))))},MenuCareList=({careSpecialties:e=[],isOpen:t,onClose:a,spotlights:l=[]})=>{var i;let{t:o}=(0,F.u)(),{locale:r,configs:{statics:s}}=(0,n.useContext)(u.a);return n.createElement(PopupWrapper,{onClosePopup:a,isDisplay:t,isNavMenu:!0},n.createElement(Categories,{headingTitle:o("home.navigator.menuItem.specialties"),hrefViewMore:`${s.CARE_URL_FE}/`,UrlFE:s.CARE_URL_FE,onClosePopup:a,titleBtnViewMore:o("home.navigator.menuItem.allSpecialties"),menuItems:(null==e?void 0:e.map(e=>e?{name:String(e.name)||"",link:getCareSearchUrl({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{}))||[]}),n.createElement(CareSpotlights,{spotlights:l,hrefViewMore:`${s.CARE_URL_FE}/${null===(i=I.L[r])||void 0===i?void 0:i.SPECIALTIES}/`}))},eT=m.Z.div` display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; ${S.M.tdDown} { gap: 12px; grid-template-columns: 1fr; } `,eD=m.Z.a` position: relative; width: 100%; display: flex; align-items: center; text-decoration: none; * { pointer-events: none; } `,eS=m.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; } ${S.M.tdDown} { width: 72px; padding-top: 100px; flex-shrink: 0; } `,eP=m.Z.a` ${S.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=function(e,t=!1){let a=!1,l=e.slice(e.startsWith("#")?1:0);3===l.length?l=[...l].map(e=>e+e).join(""):8===l.length&&(a=!0),l=parseInt(l,16);let n={r:l>>>(a?24:16),g:(l&(a?16711680:65280))>>>(a?16:8),b:(l&(a?65280:255))>>>(a?8:0)};return t?n:"rgb"+(a?"a":"")+"("+n.r+", "+n.g+", "+n.b+(a?`, ${255&l}`:"")+")"}(t,!0),a=function(e,t,a){e/=255,t/=255,a/=255;let l=Math.max(e,t,a),n=l-Math.min(e,t,a),i=0===n?0:n&&l===e?(t-a)/n:l===t?2+(a-e)/n:4+(e-t)/n;return[60*(i<0?i+6:i),l&&n/l*100,100*l]}(e.r,e.g,e.b),l=function(e,t,a){t/=100,a/=100;let k=t=>(t+e/60)%6,f=e=>a*(1-t*Math.max(0,Math.min(k(e),4-k(e),1)));return[255*f(5),255*f(3),255*f(1)]}(a[0],a[1]+16,a[2]-16);return`rgb(${l[0]},${l[1]},${l[2]})`}return""}}; } `,eL=m.Z.p` font-size: 16px; font-weight: 400; padding: 4px 15px; line-height: 1.4; color: ${g.r.colors.gray800}; flex: 1; ${S.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 n.createElement(eD,Object.assign({key:e.id},a),n.createElement(eS,null,n.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),n.createElement("div",{style:{display:"flex",flexDirection:"column",gap:8}},n.createElement(eL,null,e.title),!!e.buttonDisplay&&n.createElement(eP,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,F.u)(),{configs:{statics:l}}=(0,n.useContext)(u.a);return n.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?n.createElement(eT,null,null==e?void 0:e.slice(0,4).map((e,t)=>n.createElement(Item$3,{key:t,index:t,item:{id:e.id,link:l.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image,buttonDisplay:e.buttonDisplay}}))):n.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:N.C.getAssetPath("Spotlight.svg")}))},MenuCategoriesList=({categories:e=[],spotlightsList:t=[],onClose:a,isOpen:l})=>{let{t:i}=(0,F.u)(),{locale:o,configs:{statics:r}}=(0,n.useContext)(u.a);return n.createElement(PopupWrapper,{onClosePopup:a,isDisplay:l,isNavMenu:!0},n.createElement(Categories,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===o?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:a,titleBtnViewMore:i("home.navigator.menuItem.allCategories"),menuItems:(null==e?void 0:e.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:i("home.navigator.menuItem.healthCategories")}),n.createElement(CategorySpotlights,{spotlightsList:t,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===o?"/fil":""}/spotlight/`}))},eH=m.Z.div` display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 48px; ${S.M.tdDown} { grid-template-columns: 1fr; grid-gap: 32px; } ${S.M.mbDown} { grid-gap: 24px; } `,eF=m.Z.div` padding: 5px; flex: 1; `,eB=m.Z.img` width: 88px; height: 88px; border-radius: 4px; object-fit: cover; `,eI=m.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; } `,ej=m.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; } `,ez=m.Z.div` font-size: 12px; font-weight: 400; color: ${g.r.colors.gray600}; `,eA=m.Z.div` font-size: 12px; font-weight: 400; color: ${g.r.colors.gray600}; `,eO=m.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; ${S.M.tdOnly} { bottom: -16px; } ${S.M.mbDown} { bottom: -12px; } } &:last-child { &::after { display: none; } } ${S.M.tdUp} { &:nth-last-child(2) { &::after { display: none; } } } `,eZ=m.Z.div` display: flex; gap: 10px; vertical-align: middle; align-items: center; `,eR=m.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; } `,eU=m.Z.div` display: flex; flex-wrap: wrap; align-items: center; column-gap: 5px; `,eW=m.Z.div` display: flex; gap: 4px; flex-direction: column; `;V().extend(q());let Item$2=({post:e,index:t=0})=>{var a,l,i,o,r,s,c;let{siteType:d,configs:{statics:m}}=(0,n.useContext)(u.a);if(!e)return null;let p=[m.TOGETHER_URL_FE,null===(a=e.community)||void 0===a?void 0:a.slug].join("/"),g=[p,e.slug].join("/"),h=e.createdAt,v=h?isNaN(new Date(h).getTime())?null:new Date(h):null,b=v?V()(v).toNow(!0):h;return n.createElement(eO,{href:g,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":g},n.createElement(eF,null,n.createElement(eZ,null,n.createElement(Y.U,{avatar:null===(l=e.author)||void 0===l?void 0:l.avatar,username:(null===(i=e.author)||void 0===i?void 0:i.name)||(null===(o=e.author)||void 0===o?void 0:o.username)}),n.createElement(eW,null,n.createElement(eI,{"data-theme":d},null===(r=e.author)||void 0===r?void 0:r.name),n.createElement(eU,null,n.createElement(ej,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":p,onClick:e=>{e.preventDefault(),location.href=p},"data-theme":d},null===(s=e.community)||void 0===s?void 0:s.name),n.createElement(eA,null,"•"),n.createElement(ez,{"data-theme":d},b)))),n.createElement(eR,null,e.title)),!!(null===(c=e.photos)||void 0===c?void 0:c.length)&&n.createElement(eB,{loading:"lazy",src:e.photos[0]}))},CommunitySpotlights=({spotlights:e=[]})=>{let{configs:{statics:t}}=(0,n.useContext)(u.a),{t:a}=(0,F.u)();return n.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?n.createElement(eH,null,null==e?void 0:e.slice(0,4).map((e,t)=>n.createElement(Item$2,{index:t,post:e,key:e.id}))):n.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:N.C.getAssetPath("community.svg")}))},MenuCommunitiesList=({communities:e=[],onClose:t,isOpen:a,spotlights:l=[]})=>{let{t:i}=(0,F.u)(),{configs:{statics:o}}=(0,n.useContext)(u.a);return n.createElement(PopupWrapper,{onClosePopup:t,isDisplay:a,isNavMenu:!0},n.createElement(Categories,{hrefViewMore:(0,r.e)(o.TOGETHER_URL_FE),UrlFE:(0,r.n)(o.TOGETHER_URL_FE),onClosePopup:t,titleBtnViewMore:i("home.navigator.menuItem.allCommunities"),menuItems:(null==e?void 0:e.map(e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{}))||[],headingTitle:i("home.navigator.menuItem.allCommunitiesheadingTitle")}),n.createElement(CommunitySpotlights,{spotlights:l}))},eV=m.Z.div` display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; ${S.M.tdDown} { grid-template-columns: 1fr; gap: 12px; } `,AppIcon=e=>{var{size:t=24,color:a="#2D87F3"}=e,i=(0,l._)(e,["size","color"]);return n.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),n.createElement("rect",{width:"20",height:"20",rx:"4",fill:a}),n.createElement("path",{d:"M9.12 6.005c0-.088-.005-.181-.012-.27-.022-.611-.623-1.071-1.208-1.046-.69.04-.839 1.007-.248 1.297.09.047.115.088.105.172v5.048c.004.064-.016.096-.077.122-.63.274-.474 1.276.233 1.304.583.03 1.16-.453 1.195-1.044q.012-.135.013-.272c0-1.77.013-3.54 0-5.311m-3.093 5.34c-.109-.048-.144-.108-.132-.232V6.117c.009-.114.103-.108.176-.165.544-.357.313-1.249-.346-1.264h-.023c-.659 0-1.172.546-1.172 1.194q-.002 2.09.004 4.177l.003 1.396c0 .62.527 1.175 1.15 1.175.68 0 .989-.978.34-1.285m7.299-1.489a.623.623 0 1 1-1.247 0 .623.623 0 0 1 1.247 0",fill:"#fff"}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.927 9.821c0 1.338.925 2.46 2.162 2.743-.089 1.583-2.049 1.657-3.22 1.47a2.5 2.5 0 0 1-.716-.225 1.3 1.3 0 0 1-.614-.68c-.057-.142-.093-.293-.158-.431a.58.58 0 0 0-.674-.346.59.59 0 0 0-.462.603c.017.415.192.827.44 1.156.26.354.607.625 1.058.827.636.29 1.336.375 2.03.375.774 0 1.591-.132 2.267-.53.643-.38 1.25-.878 1.263-2.217a2.81 2.81 0 0 0 2.17-2.745c0-1.55-1.244-2.811-2.773-2.811S9.927 8.27 9.927 9.82m4.275 0c0 .841-.674 1.525-1.502 1.525a1.515 1.515 0 0 1-1.502-1.525c0-.84.674-1.525 1.502-1.525a1.516 1.516 0 0 1 1.502 1.525",fill:"#fff"}))},eG=m.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; ${S.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; } ${S.M.tdDown} { padding-top: 16px; display: flex; align-items: center; } ${S.M.mbDown} { .phone-badge { display: none; } } `,eq=m.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%); } ${S.M.tdDown} { position: relative; top: unset; right: unset; } `,eY=m.Z.div` display: flex; align-items: center; gap: 4px; color: ${g.r.colors.primaryBase}; font-weight: 400; font-size: 14px; text-decoration: none; `,eQ=m.Z.p` font-size: 16px; font-weight: 600; line-height: 1.4; color: ${g.r.colors.gray800}; `,eK=m.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; ${S.M.tdDown} { display: none; } `,eX=m.Z.div` display: flex; flex-direction: column; flex: 1; z-index: 1; ${S.M.tdUp} { gap: 8px; } ${S.M.tdDown} { gap: 4px; flex: 1; } `,Item$1=({item:e,index:t=0})=>{let{t:a}=(0,F.u)(),{configs:{statics:l}}=(0,n.useContext)(u.a);if(!e)return null;let i=e.link?e.link.startsWith("http")?e.link:`${l.HOME_PAGE_URL}${e.link}`:void 0;return n.createElement(eG,{href:i,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":i},e.isMobileAppTool&&n.createElement(Phone,{size:20,className:"phone-badge"}),n.createElement("img",{src:N.C.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),n.createElement(eX,null,n.createElement(eQ,null,e.title),n.createElement(eK,{dangerouslySetInnerHTML:{__html:e.subtitle}}),n.createElement(eY,null,e.isMobileAppTool?n.createElement(n.Fragment,null,n.createElement(AppIcon,{size:16}),a("home.calcWithApp")):n.createElement(n.Fragment,null,a("home.seeMore"),n.createElement(h.Z,{size:18,useCurrentColor:!0})))),n.createElement(eq,null,n.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},eJ=m.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%; } ${S.M.tdDown} { padding-top: 16px; display: flex; align-items: flex-start; justify-content: flex-start; } ${S.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; } } ${S.M.tdUp} { min-height: 296px; } .mobile-only { ${S.M.tdUp} { display: none; } } .desktop-only { ${S.M.tdDown} { display: none; } } `,e0=m.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%); } ${S.M.tdDown} { position: relative; top: unset; right: unset; } ${S.M.mbDown} { position: absolute; left: 32px; top: 28px; } `,e1=m.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}; } ${S.M.tdDown} { background: none; width: 100%; font-weight: 400; font-size: 12px; line-height: 18px; color: ${g.r.mbColors.pink}; padding-left: 16px; } `,e2=m.Z.p` font-weight: 600; font-size: 14px; line-height: 24px; letter-spacing: -0.2px; color: ${g.r.colors.gray800}; `,e5=m.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; ${S.M.tdDown} { display: none; } `,e4=m.Z.div` display: flex; flex: 1; z-index: 1; align-items: flex-end; justify-content: flex-end; ${S.M.tdUp} { gap: 8px; flex-direction: row; } ${S.M.tdDown} { align-items: flex-start; justify-content: flex-start; gap: 4px; } `,e3=m.Z.div` display: flex; flex-direction: column; flex: 1; z-index: 1; ${S.M.tdUp} { gap: 8px; } ${S.M.tdDown} { gap: 4px; flex: 1; padding-left: 16px; } `,e6=m.Z.div` display: flex; flex-direction: row; flex: 1; z-index: 1; ${S.M.tdUp} { gap: 8px; justify-content: flex-end; align-items: flex-end; } ${S.M.tdDown} { flex-direction: column; justify-content: flex-start; align-items: flex-start; } `,ItemMarryBaby=({item:e,index:t=0,color:a})=>{let{t:l}=(0,F.u)(),{configs:{statics:i}}=(0,n.useContext)(u.a);if(!e)return null;let o=e.link?e.link.startsWith("http")?e.link:`${i.HOME_PAGE_URL}${e.link}`:void 0,renderIcon=()=>n.createElement(e0,null,n.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})),renderName=()=>n.createElement(e6,null,n.createElement(e3,null,n.createElement(e2,null,e.title),n.createElement(e5,null,e.subtitle)),n.createElement(e1,null,n.createElement("div",{className:"mobile-only"},l("home.seeMore")),n.createElement("img",{src:N.C.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"},loading:"lazy"})));return n.createElement(eJ,{href:o,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":o,"data-color":a},n.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none"},n.createElement("path",{d:"M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z",strokeWidth:"0"})),n.createElement("img",{src:N.C.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),n.createElement(e4,null,n.createElement("div",{className:"mobile-only"},renderIcon()),n.createElement("div",{className:"desktop-only"},renderName())),n.createElement("div",{className:"mobile-only"},renderName()),n.createElement("div",{className:"desktop-only"},renderIcon()))},ToolSpotlights=({hrefViewMore:e,spotlightHealthTools:t=[]})=>{let{t:a}=(0,F.u)(),l=["pink","orange","green"],{siteType:i}=(0,n.useContext)(u.a);return n.createElement(Spotlights,{title:a("home.navigator.menu.spotlightTools")},0!==t.length&&n.createElement(eV,null,null==t?void 0:t.slice(0,3).map((e,t)=>"marryBaby"===i?n.createElement(ItemMarryBaby,{key:t,index:t,item:e,color:l[t]}):n.createElement(Item$1,{key:t,index:t,item:e}))),0===t.length&&n.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:N.C.getAssetPath("community.svg")}))},MenuHealthToolsList=({locale:e,onClose:t,isOpen:a,spotlightHealthTools:l=[],healthTools:i=[]})=>{var r;let{t:s}=(0,F.u)(),{configs:{statics:c}}=(0,n.useContext)(u.a),d=`${c.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(r=o.S[e])||void 0===r?void 0:r.HEALTH_TOOLS)||""}`;return n.createElement(PopupWrapper,{onClosePopup:t,isDisplay:a,isNavMenu:!0},n.createElement(Categories,{hrefViewMore:d,UrlFE:c.HOME_PAGE_URL,onClosePopup:t,headingTitle:s("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:s("home.navigator.menuItem.allHealthTools"),menuItems:i.map(e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${c.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon,isMobileAppTool:e.isMobileAppTool}))}),n.createElement(ToolSpotlights,{spotlightHealthTools:l,hrefViewMore:d}))},e8=m.Z.div` display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; ${S.M.tdDown} { gap: 12px; grid-template-columns: 1fr; } `,VideoSpotlights=({spotlightsList:e=[],layout:t="default"})=>{let{t:a}=(0,F.u)(),{configs:{statics:l}}=(0,n.useContext)(u.a);return n.createElement(Spotlights,{title:a("home.navigator.menu.lastestVideos")},0!==e.length?n.createElement(e8,null,null==e?void 0:e.slice(0,4).map((e,a)=>n.createElement(i.V,{key:a,data:Object.assign(Object.assign({},e),{type:_.V.SHORTS}),layout:"default"===t?"overlay":"horizon",dataEventCategory:"Hamburger Navigation",dataEventAction:`Video Click ${a+1}`}))):n.createElement(SpotlightNoData,{title:a("home.navigator.menu.category.noDatas.title"),description:a("home.navigator.menu.category.noDatas.description"),link:`${l.VIDEO_URL_FE}/`,cta:a("home.navigator.menu.category.noDatas.cta"),icon:N.C.getAssetPath("Spotlight.svg")}))},MenuVideoList=({spotlightsList:e=[],onClose:t,isOpen:a})=>{let{t:l}=(0,F.u)(),{locale:i,configs:{statics:o}}=(0,n.useContext)(u.a),r=(0,n.useMemo)(()=>[{name:l("home.navigator.menu.videos"),link:`${o.VIDEO_URL_FE}/video/`,thumbnail:N.C.getAssetPath("nav-icons/video.svg")},{name:l("home.navigator.menu.shorts"),link:`${o.VIDEO_URL_FE}/short/`,thumbnail:N.C.getAssetPath("nav-icons/short.svg")}],[]);return n.createElement(PopupWrapper,{onClosePopup:t,isDisplay:a,isNavMenu:!0},n.createElement(Categories,{hrefViewMore:`${o.HOME_PAGE_URL}${"tl-PH"===i?"/fil":""}/videos/`,UrlFE:o.HOME_PAGE_URL,onClosePopup:t,titleBtnViewMore:l("home.navigator.menuItem.allVideos"),menuItems:r,headingTitle:l("home.navigator.menuItem.videoCategories")}),n.createElement(VideoSpotlights,{spotlightsList:e}))};m.Z.div` display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; ${S.M.tdDown} { gap: 12px; grid-template-columns: 1fr; } `;let e7=(0,m.Z)(D.B)` border: 1px solid ${g.r.colors.white} !important; .mantine-Button-leftIcon { width: 24px; height: 24px; } `,e9=m.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=()=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:"512",height:"512",style:{width:"100%",height:"100%",contentVisibility:"visible"},viewBox:"0 0 512 512"},n.createElement("defs",null,n.createElement("clipPath",{id:"__lottie_element_2"},n.createElement("path",{d:"M0 0h512v512H0z"})),n.createElement("path",{fill:"#FFF",d:"m139 0-13 174h244l-30 292 165 1 4-466z",opacity:"1",id:"__lottie_element_6",display:"block"}),n.createElement("mask",{id:"__lottie_element_6_1","mask-type":"alpha"},n.createElement("use",{xlinkHref:"#__lottie_element_6"}))),n.createElement("g",{clipPath:"url(#__lottie_element_2)"},n.createElement("path",{fill:"#2B62CD",d:"m430 181-40 41-111-120a18 18 0 0 1-5-13c0-5 2-9 5-13l6-5a18 18 0 0 1 25-1zm-348 0 40 41 111-120a18 18 0 0 0 0-26l-6-5a18 18 0 0 0-25-1z",display:"block"}),n.createElement("g",{display:"block"},n.createElement("path",{fill:"#2D87F3",d:"M385 427H125c-4 0-9-1-13-5a20 20 0 0 1-6-12L88 239h335l-18 171a20 20 0 0 1-7 12c-3 4-8 5-13 5"}),n.createElement("path",{fill:"#2B62CD",d:"m160 402-5-2a6 6 0 0 1-1-4l-8-114v-2a6 6 0 0 1 3-4 6 6 0 0 1 5 0 6 6 0 0 1 4 5l8 115-1 2a6 6 0 0 1-1 2 6 6 0 0 1-4 2m61 0-5-2a6 6 0 0 1-1-4l-2-114c0-2 0-3 2-5a6 6 0 0 1 4-1l4 1a6 6 0 0 1 2 4l2 115a6 6 0 0 1-2 4 6 6 0 0 1-4 2zm131 0a6 6 0 0 1-5-4l-1-2 8-115a6 6 0 0 1 2-4l2-1a6 6 0 0 1 2 0 6 6 0 0 1 5 2 6 6 0 0 1 1 4l-8 114a6 6 0 0 1-6 6m-61 0a6 6 0 0 1-6-6l2-114 2-5a6 6 0 0 1 4-1 6 6 0 0 1 5 1 6 6 0 0 1 1 5l-2 114a6 6 0 0 1-1 4 6 6 0 0 1-5 2"}),n.createElement("path",{fill:"#91CAFF",d:"M424 243H88a20 20 0 0 1-21-18l-3-28a20 20 0 0 1 20-23h344a20 20 0 0 1 20 23l-3 28a20 20 0 0 1-21 18"})),n.createElement("g",{mask:"url(#__lottie_element_6_1)",display:"block"},n.createElement("path",{fill:"#FFC326",d:"m294 198-16 123a5 5 0 0 1-5 5h-80l-4-2a5 5 0 0 1-1-4l15-115h1z"}),n.createElement("path",{fill:"#FFD658",d:"M272 189c0 3 0 7 2 10a12 12 0 0 0 10 6h-81l-3-1c-3-1-5-3-6-5a15 15 0 0 1 5-19 17 17 0 0 1 9-3h80c-4 0-7 1-9 3a15 15 0 0 0-7 9"}),n.createElement("path",{fill:"#FEA21E",d:"M277 326h-4c3 0 5-2 5-4l15-115 1-9v1l-1 1a9 9 0 0 1-5 4 11 11 0 0 1-8 0c-3-1-5-3-6-5-4-7-2-15 5-19 2-2 5-3 9-3h1c4 0 7 2 10 4l6 9 1 11 14 119-1 4z"}),n.createElement("path",{fill:"#FC7419",d:"M303 310v-74a3 3 0 1 0-5 0v74l-21 16h38l4-2zm-5-109a13 13 0 0 1-5 6l1-9c0-1 0 0 0 0 0-3-1-6-4-7a4 4 0 0 0-5 1v1c0 2-1 3-2 3a3 3 0 0 1-3-2l1-4a9 9 0 0 1 11-4c3 1 5 3 6 6v9"})),n.createElement("g",{display:"block"},n.createElement("path",{fill:"#FFC326",d:"m460 330-16 123a5 5 0 0 1-5 5h-80l-4-2a5 5 0 0 1-1-4l15-115h1z"}),n.createElement("path",{fill:"#FFD658",d:"M438 321c0 3 0 6 2 9a12 12 0 0 0 10 7h-81l-3-1c-3-1-5-3-6-6a15 15 0 0 1 5-18 17 17 0 0 1 9-3h80c-4 0-7 1-9 3a15 15 0 0 0-7 9"}),n.createElement("path",{fill:"#FEA21E",d:"M443 458h-4c3 0 5-2 5-5l15-114 1-9v1l-1 1a9 9 0 0 1-5 4 11 11 0 0 1-8 0c-3-1-5-3-6-6-4-6-2-14 5-18 2-2 5-3 9-3h1c4 0 7 2 10 4s5 5 6 9l1 11 14 119-1 4z"}),n.createElement("path",{fill:"#FC7419",d:"M469 442v-74a3 3 0 1 0-5 0v74l-21 16h38l4-2zm-5-109a13 13 0 0 1-5 6l1-9c0-1 0 0 0 0 0-3-1-6-4-7a4 4 0 0 0-4 1l-1 1-2 3a3 3 0 0 1-3-3l1-3a9 9 0 0 1 11-4c3 1 5 3 6 5 1 3 2 7 0 10"})))),InitialDoctor=()=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"512",height:"512",style:{width:"100%",height:"100%",contentVisibility:"visible"},viewBox:"0 0 512 512"},n.createElement("defs",null,n.createElement("clipPath",{id:"__lottie_element_23"},n.createElement("path",{d:"M0 0h512v512H0z"}))),n.createElement("g",{clipPath:"url(#__lottie_element_23)"},n.createElement("g",{display:"block"},n.createElement("path",{fill:"#1B3250",d:"M430 332c-13-17-52-37-42-63 16-41-9-72-28-84-22-14-23-43-30-66-15-50-53-73-103-73s-88 21-103 71c-7 22-7 53-29 67-19 12-61 41-45 82 10 26-15 52-28 69-39 53 13 89 72 98l255 2c59-9 120-50 81-103"}),n.createElement("path",{fill:"#FFB497",d:"M120 202c-11 4-13 17-10 29a29 29 0 0 0 14 17 29 29 0 0 0 22 3l-8-49a25 25 0 0 0-18 0"}),n.createElement("path",{fill:"#FF977B",d:"M147 235a5 5 0 0 1-4-2c-6-8-17-8-17-8a5 5 0 0 1-4-2 5 5 0 0 1 0-7l4-1c1 0 16 0 25 11a5 5 0 0 1-4 9"}),n.createElement("path",{fill:"#FFB497",d:"M332 202a25 25 0 0 0-18 0l-8 49a29 29 0 0 0 22-3c7-3 12-10 14-17 3-12 1-25-10-29"}),n.createElement("path",{fill:"#FF977B",d:"M305 235a5 5 0 0 1-5-3 5 5 0 0 1 1-6c9-11 24-11 25-11a5 5 0 0 1 5 5 5 5 0 0 1-5 5s-11 0-17 8a5 5 0 0 1-4 2"}),n.createElement("path",{fill:"#E3F2FF",d:"M366 452H86a3 3 0 0 1-4-4c5-19 19-47 37-65a153 153 0 0 1 42-28l1-1a85 85 0 0 1 29-19h70a84 84 0 0 1 29 19l1 1a153 153 0 0 1 42 28c18 18 32 46 37 65a3 3 0 0 1-1 3 3 3 0 0 1-3 1"}),n.createElement("path",{fill:"#FCCAAF",d:"M261 335c-25 32-48 32-70 0l5-10v-1a45 45 0 0 0 2-13h56a48 48 0 0 0 2 13v1l5 10"}),n.createElement("path",{fill:"#2D87F3",d:"M281 452H175c-14-93 16-117 16-117 7 9 20 15 35 15s28-6 35-15c0 0 9 12 16 37 5 20 6 60 4 80"}),n.createElement("path",{fill:"#BCDEFF",d:"M191 335a84 84 0 0 0-30 19 53 53 0 0 0-13 28c0 3 11 1 16 0h1v1c-13 8-17 19-16 25 2 15 6 30 13 44h26s-12-72 3-117m96 48a1 1 0 0 1 0-1h1c1 0 0 0 0 0 5 1 16 3 16 0a53 53 0 0 0-13-28 83 83 0 0 0-30-19c15 45 3 117 3 117h26a157 157 0 0 0 13-44c1-6-3-17-16-25"}),n.createElement("path",{fill:"#FF977B",d:"M256 325c-20 18-40 18-60 0v-1a46 46 0 0 0 2-13h56a48 48 0 0 0 2 13v1"}),n.createElement("path",{fill:"#FCCAAF",d:"M314 205c-3 54-17 80-39 96-14 11-37 24-49 24s-35-13-49-24c-22-16-36-42-39-96 52-21 30-127 85-99a7 7 0 0 0 6 0c55-28 33 78 85 99"}),n.createElement("path",{fill:"#FFB497",d:"M221 106c-27-12-34 12-43 40-7 25-16 54-41 63l1 3c43 0 71-62 83-106"})),n.createElement("path",{fill:"#FF977B",d:"M233 233a5 5 0 0 0-4 2l-3 1-3-1a5 5 0 0 0-2-2 5 5 0 0 0-4 0 5 5 0 0 0-3 5c0 6 9 8 12 8s12-2 12-8a5 5 0 0 0-2-3 5 5 0 0 0-3-2",display:"block"}),n.createElement("path",{fill:"#1B3250",d:"m261 199 9-5a27 27 0 0 1 11-1c4 0 7 0 11 2l8 4a2 2 0 0 1 1 2 2 2 0 0 1 0 1h-1l-10-1h-9a20 20 0 0 0-7 2 65 65 0 0 0-7 4 5 5 0 0 1-4 1 5 5 0 0 1-3-2 5 5 0 0 1-1-2 5 5 0 0 1 2-5",display:"block"}),n.createElement("path",{fill:"#284A75",d:"M280 218a9 9 0 1 0 0-19 9 9 0 0 0 0 19",display:"block"}),n.createElement("path",{fill:"#1B3250",d:"m192 210-7-4-7-2h-9l-9 1a2 2 0 0 1-2-1v-1l1-1 9-4c3-2 6-2 10-2 4-1 7 0 11 1l9 5a5 5 0 0 1 2 3v4a5 5 0 0 1-7 2l-1-1",display:"block"}),n.createElement("path",{fill:"#284A75",d:"M184 218a9 9 0 1 0 0-19 9 9 0 0 0 0 19",display:"block"}),n.createElement("g",{fill:"#FFF",display:"block"},n.createElement("path",{d:"m216 213-4-1a5 5 0 0 1-1-3v-4a5 5 0 0 1 3-2 33 33 0 0 1 24 0 5 5 0 0 1 3 7 5 5 0 0 1-3 2h-3a23 23 0 0 0-18 1h-1"}),n.createElement("path",{d:"M183 249a38 38 0 0 1-35-23 38 38 0 0 1-2-22 38 38 0 0 1 11-19 38 38 0 0 1 19-11c7-1 15 0 22 2a38 38 0 0 1 16 14 38 38 0 0 1 7 21 38 38 0 0 1-11 27 38 38 0 0 1-27 11m0-65a27 27 0 0 0-25 17 27 27 0 0 0-2 15 27 27 0 0 0 8 14 27 27 0 0 0 42-4c3-4 4-9 4-15a27 27 0 0 0-8-19 27 27 0 0 0-19-8zm86 65a38 38 0 0 1-35-24 38 38 0 0 1 27-51 38 38 0 0 1 39 16 38 38 0 0 1 6 21 38 38 0 0 1-11 27 38 38 0 0 1-26 11m0-65a27 27 0 0 0-25 17 27 27 0 0 0-2 15 27 27 0 0 0 8 14 27 27 0 0 0 46-19 27 27 0 0 0-8-19 27 27 0 0 0-19-8z"})),n.createElement("path",{d:"m205 180-2-1c-10-4-39-9-47-1a5 5 0 0 1-3 2 5 5 0 0 1-4-2 5 5 0 0 1-2-3l1-4c14-15 52-4 59-1a5 5 0 0 1 3 6 5 5 0 0 1-2 3l-3 1zm42 0-3-1a5 5 0 0 1-1-7 5 5 0 0 1 2-2c7-3 45-14 59 1a5 5 0 0 1 1 4l-2 3a5 5 0 0 1-4 2l-3-2c-8-8-37-3-47 1l-2 1",fill:"#284A75",display:"block"}),n.createElement("path",{fill:"#FF886C",d:"M208 260a4 4 0 0 0-3 1 4 4 0 0 0-1 3c2 8 6 19 22 19s21-11 22-19a4 4 0 0 0-4-4l-18-1-18 1",display:"block"}),n.createElement("g",{display:"block"},n.createElement("g",{fill:"#FFF"},n.createElement("path",{d:"M469 405a85 85 0 1 1-170 0 85 85 0 0 1 170 0"}),n.createElement("path",{d:"M469 405a85 85 0 1 1-170 0 85 85 0 0 1 170 0"})),n.createElement("path",{fill:"#E4E8EC",d:"M384 480a75 75 0 1 0 0-149 75 75 0 0 0 0 149m0 11a85 85 0 1 0 0-171 85 85 0 0 0 0 171"}),n.createElement("path",{fill:"#FFF",d:"M469 405a85 85 0 1 1-170 0 85 85 0 0 1 170 0"}),n.createElement("path",{fill:"#E4E8EC",d:"M384 480a75 75 0 1 0 0-149 75 75 0 0 0 0 149m0 11a85 85 0 1 0 0-171 85 85 0 0 0 0 171"}),n.createElement("path",{fill:"#FF6F4D",d:"M389 358h-11a17 17 0 0 0-12 5 17 17 0 0 0-5 12v3l-1 3a4 4 0 0 1-3 1h-3a17 17 0 0 0-17 17v12a17 17 0 0 0 17 17h3a4 4 0 0 1 4 3v3a17 17 0 0 0 17 17h11c5 0 9-2 12-5s5-7 5-12v-3a4 4 0 0 1 4-3h3c4 0 9-2 12-5s5-8 5-12v-12c0-5-2-9-5-12a17 17 0 0 0-12-5h-3a4 4 0 0 1-4-4v-3a17 17 0 0 0-5-12 17 17 0 0 0-12-5"})))),MenuViewMore=({menuItems:e=[],isOpen:t,onClose:a})=>{let{locale:l,configs:{enableAppIntroPage:i}}=(0,n.useContext)(u.a),r=e.find(e=>"ecom"===e.id),s=e.find(e=>"care"===e.id);return n.createElement(PopupWrapper,{onClosePopup:a,isDisplay:t,isNavMenu:!0,hideCloseBtn:!0,stylesContainer:{display:"flex",gap:0,padding:0}},r&&n.createElement("a",{tabIndex:0,href:r.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":r.link},n.createElement(e7,{variant:"tertiary",leftIcon:n.createElement(InitialCart,null)},r.name)),s&&n.createElement("a",{tabIndex:0,href:s.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":s.link},n.createElement(e7,{variant:"tertiary",leftIcon:n.createElement(InitialDoctor,null)},s.name)),i&&n.createElement("a",{tabIndex:0,href:"https://applink.hellobacsi.com/o9Q88rQh7Mb","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"https://applink.hellobacsi.com/o9Q88rQh7Mb"},n.createElement(e7,{variant:"tertiary",leftIcon:n.createElement(e9,null,n.createElement(d.Z,{width:16,height:15}))},`${o.L[l||"en-PH"].SITE_NAME_FORMATTED} App`)))};function ClosePopupIcon({className:e}){return n.createElement("div",null,n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:e},n.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function HamburgerIcon({siteType:e,enableSearch:t,className:a,style:l}){let{isWinCashBackTheme:i}=(0,n.useContext)(u.a);return"helloSites"===e?n.createElement("div",{className:"hamburger-container"},i?n.createElement(HamburgerWhite,{className:a}):n.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:t?N.C.getAssetPath("hamburgerMenuNewWithSearch.svg"):N.C.getAssetPath("hamburgerMenuNew.svg"),style:Object.assign({width:"24px",height:"24px"},l),alt:"home",className:a,loading:"lazy"})):n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:a},n.createElement("path",{d:"M3.35 15a.65.65 0 0 1 .65-.65h10a.65.65 0 1 1 0 1.3H4a.65.65 0 0 1-.65-.65m0-6A.65.65 0 0 1 4 8.35h16a.65.65 0 1 1 0 1.3H4A.65.65 0 0 1 3.35 9",fill:"#3E3F58"}))}let te=m.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; } `;m.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 tt=m.Z.div` display: block; overflow-y: auto; flex: 1; padding-bottom: 16px; &::-webkit-scrollbar { width: 0; display: none; } `,ta=m.Z.div` padding: 0 16px; `,tl=m.Z.div` display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 3.5rem; ${S.M.tdDown} { grid-template-columns: repeat(1, 1fr); } `,tn=m.Z.a` text-decoration: none; display: flex; align-items: center; `,Item=({item:e,index:t=0})=>e?n.createElement(tn,{href:e.url,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":e.url},n.createElement("img",{loading:"lazy",alt:e.name,src:e.featuredImage||"/images/avatar.jpg",style:{width:"40px",height:"40px"}}),n.createElement(T.T,{size:"p2",weight:"regular",style:{marginLeft:16}},e.name),n.createElement("img",{src:N.C.getAssetPath("chevronRightActive.svg"),style:{width:"20px",height:"20px",marginLeft:"auto"},loading:"lazy"})):null,EcomSpotlights=({helpfulUrls:e=[]})=>{let{t}=(0,F.u)();return e.length?n.createElement(Spotlights,{title:t("home.navigator.menu.spotlightEcom")},0!==e.length?n.createElement(tl,null,null==e?void 0:e.slice(0,5).map((e,t)=>n.createElement(Item,{key:t,index:t,item:e}))):n.createElement(n.Fragment,null)):null},MenuServiceList=({closePopup:e,menuItems:t=[],projectType:a,isHomepage:l=!1})=>{var i,r;let{siteType:s,ssrMenuContent:{categories:c,healthTools:d,care:m,together:p,ecom:g,videos:h},activeMenuService:v,configs:{statics:b},locale:x,customClasses:y}=(0,n.useContext)(u.a),{t:E}=(0,F.u)();return n.createElement(te,{className:y.categoriesMenu,id:"categories-menu"},!l&&n.createElement(ta,{className:"search-wrapper"},n.createElement(NavigtionSearch,{siteType:s,projectType:a,isMobile:!1,isRedirectSearchPage:!0})),n.createElement(tt,null,n.createElement(Categories,{UrlFE:b.HOME_PAGE_URL,titleBtnViewMore:E("home.navigator.menuItem.allCategories"),menuItems:t,headingTitle:E("home.navigator.menuItem.healthCategories"),onClosePopup:e,activeItem:v}),"categories"===v&&n.createElement(CategorySpotlights,{spotlightsList:(null==c?void 0:c.spotlights)||[],hrefViewMore:`${b.HOME_PAGE_URL}${"tl-PH"===x?"/fil":""}/spotlight/`}),"tools"===v&&n.createElement(ToolSpotlights,{spotlightHealthTools:null==d?void 0:d.spotlights,hrefViewMore:`${b.HOME_PAGE_URL}${"tl-PH"===x?"/fil":""}${(null===(i=o.S[x])||void 0===i?void 0:i.HEALTH_TOOLS)||""}`}),"care"===v&&n.createElement(CareSpotlights,{spotlights:null==m?void 0:m.spotlights,hrefViewMore:`${b.CARE_URL_FE}/${null===(r=I.L[x])||void 0===r?void 0:r.SPECIALTIES}`}),"together"===v&&n.createElement(CommunitySpotlights,{spotlights:null==p?void 0:p.spotlights}),"ecom"===v&&n.createElement(EcomSpotlights,{helpfulUrls:null==g?void 0:g.helpfulUrls}),"video"===v&&n.createElement(VideoSpotlights,{spotlightsList:null==h?void 0:h.spotlights,layout:"stack"})))},HamburgerMenu=({menuItems:e,isHomepage:t,projectType:a})=>{let{siteType:l}=(0,n.useContext)(u.a),{containerRef:i,onContainerFocus:o,onContainerBlur:r,onButtonMouseDown:s,onClose:c}=(0,u.u)();return n.createElement(DisplayWrapper,{mediaQueryKey:"mbDown"},n.createElement("header",{className:"y5VJdvw"},n.createElement("div",{className:"oVhOSCy",ref:i,role:"button",tabIndex:0,onBlur:r,onFocus:o},n.createElement("div",{className:"pX8OXTM",onMouseDown:s,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},n.createElement(ClosePopupIcon,{className:"mobile-close-icon"}),n.createElement(HamburgerIcon,{siteType:l,enableSearch:!1,className:"mobile-hamburger-icon"})),n.createElement(MenuServiceList,{menuItems:e,isHomepage:t,projectType:a,closePopup:c}))))},ti=m.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 { .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); } } } .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}; } ${S.M.mbDown} { &[data-site-type='marryBaby'] { border-bottom: none; } &[data-fixed-bar='true'] { position: fixed; transform: translateY(0); } &[data-fixed-bar='false'] { position: absolute; } &[data-collapsed='true'] { transform: translateY(-100%); transition: transform 0.5s; } &[data-collapsed='false'] { transform: translateY(0); transition: transform 0.5s; } .top-bar-header { line-height: normal; } &[data-header-type='home'] { z-index: ${99}; } &[data-is-displayed='false'] { //display: none; visibility: hidden; } } .marry-baby { input { background: ${g.r.mbColors.lightGray}; border-radius: 16px; border: none; } max-width: 172px; } &[data-site-type='marryBaby'] { .close-btn { top: 16px; right: 16px; } } `,to=m.Z.div` display: flex; height: 100%; align-items: center; justify-content: space-between; padding: 0 2rem; height: 56px; ${S.M.pcDown} { padding: 0 1rem; } ${S.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%; */ ${S.M.mbDown} { /* padding: 0 16px; */ background: ${g.r.colors.blue900}; height: 56px; } } &[data-site-type='marryBaby'] { width: 100%; margin: 0 auto; padding: 0 16px; ${S.M.tdUp} { max-width: 1064px; } } `,tr=m.Z.div` display: flex; align-items: center; height: 100%; gap: 32px; ${S.M.pcDown} { flex-shrink: 0; gap: 12px; &[data-site-type='marryBaby'] { gap: 24px; } } `,ts=m.Z.div` display: flex; align-items: center; height: 100%; flex-shrink: 0; ${S.M.tdDown} { flex-shrink: 0.6; gap: 8px; } .hhgcomp-navigation-itemnav-headeritem { gap: 2px; ${S.M.pcUp} { padding: 0 10px; } ${S.M.pcDown} { padding: 0 6px; } ${S.M.mbDown} { display: none; } a { text-decoration: none; } } `;m.Z.div` .fake-search-input { pointer-events: none; input { line-height: 20px; padding-top: 10px; padding-bottom: 10px; } } `;let tc=m.Z.div` margin-left: 16px; display: flex; gap: 12px; align-items: center; flex-shrink: 0; ${S.M.pcDown} { margin-left: 8px; gap: 8px; } ${S.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; ${S.M.mbDown} { width: 88px; height: 36px; } } `,td=m.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; } `,tm=m.Z.div` padding: 0 16px 6px; `,tp=(0,m.Z)(D.B)` border-radius: 28px; border: 1px solid ${g.r.colors.neutral200}; &.ai-doctor-btn { pointer-events: none !important; * { pointer-events: none !important; } } ${S.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:l,subHead:s,projectType:c,customClasses:d})=>{var m,p,g,h;let{siteType:b,isMobile:y=!1,locale:E,sitewideBanner:w,sitewideBannerData:M,sitewideSite:_="discover",sponsorComponent:T,isHomepage:D=!1,currentUrl:S,onLoginClick:P,cartNumber:H,configs:{statics:F,enableSearchBar:B,enableNavChatbotAi:I,enableNavClinityDownload:j,enableAppIntroPage:z},userState:{userInfo:A},onLogout:O,isUserLoading:Z,slot:R,isWinCashBackTheme:U}=(0,n.useContext)(u.a),{triggerLogin:W}=(0,L.u)(),{SSO_URL:V,HOME_PAGE_URL:G}=F,q=!!T,[Y,K]=(0,n.useState)(!1),X=(0,n.useRef)(47),J=(0,n.useRef)(null),ee=(0,n.useRef)(!1),et="helloSites"===b?null===(m=o.L[E])||void 0===m?void 0:m.LOGO_TYPE:b,ea="undefined"!=typeof window,el=(0,n.useCallback)($()(()=>{if(ea){if(!J.current)return;let e=J.current.getBoundingClientRect();e.top<=0&&window.scrollY>X.current+30&&window.scrollY>e.height+20&&!ee.current&&(ee.current=!0,K(!0)),window.scrollY=0&&(X.current=window.scrollY)}},200),[]);return(0,n.useEffect)(()=>{null==e||e(!Y)},[Y]),(0,n.useEffect)(()=>(window.addEventListener("scroll",el,{passive:!0}),()=>{window.removeEventListener("scroll",el)}),[]),(0,n.useEffect)(()=>{y&&el()},[y]),n.createElement(ti,{"data-site-type":b,"data-sponsored":q,"data-header-type":"home","data-collapsed":Y,"data-is-displayed":!0,"data-win-cash-back-theme":U,id:"site-header",ref:J,className:d.wrapper},w||n.createElement(i.S,{site:_,currentUrl:S,banner:M}),n.createElement(to,{className:d.header,"data-site-type":b,"data-win-cash-back-theme":U},n.createElement(tr,{className:d.leftGroup,"data-site-type":b},y&&n.createElement(HamburgerMenu,{menuItems:a.filter(e=>!!e.link),isHomepage:D,projectType:c}),l||n.createElement("a",{style:{flexShrink:0},href:G},n.createElement("div",null,n.createElement(C.L,{style:{display:"flex"},type:et,badge:"id-ID"===E&&n.createElement("img",{src:N.C.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:E,key:"undefined"!=typeof window?"client":"server",isLightLogo:U}))),!y&&n.createElement(n.Fragment,null,"marryBaby"===b?n.createElement(NavigationMenu,{menuItems:a,originalMenuItems:a,className:d.navMenu}):B&&n.createElement(NavigtionSearch,{siteType:b,projectType:c,isMobile:y}))),n.createElement(ts,{className:d.rightGroup,"data-site-type":b},!y&&"marryBaby"!==b&&n.createElement(NavigationMenu,{menuItems:a.filter(e=>E!==Q.L.Vietnam||"ecom"!==e.id&&"care"!==e.id),originalMenuItems:a,className:d.navMenu}),n.createElement(tc,{className:"profile-nav-group"},t,I&&n.createElement(x.x,{component:"a",href:`${(0,r.g)(E)}/ai-doctor`,"data-event-category":"Chatbot AI","data-event-action":"Open","data-event-label":"Hamburger Navigation",className:"ai-doctor-nav-item"},n.createElement(tp,{variant:"tertiary",leftIcon:n.createElement(v.Z,{size:18,color:"#2F8AF2"}),size:"md",className:"ai-doctor-btn"},null===(p=o.L[E])||void 0===p?void 0:p.SITE_NAME," AI")),j&&n.createElement(x.x,{component:"a",href:`${null===(g=o.S[E])||void 0===g?void 0:g.CLINITY_DOWNLOAD_LINK}`,target:"_blank","data-event-category":"Hamburger Navigation","data-event-action":"Download Clinity","data-event-label":`${null===(h=o.S[E])||void 0===h?void 0:h.CLINITY_DOWNLOAD_LINK}`,"data-cart-menu":!0},n.createElement("img",{src:N.C.getAssetPath("clinity-download.png"),alt:"Clinity",className:"clinity-logo",style:{display:"block"}})),R,n.createElement(u.N,{userInfo:A,siteType:b,onLoginClick:P||(()=>{if((0,L.I)(E))return W();let e=window.location.href;window.location.href=V?(0,r.n)(`${V}?returnUrl=${e}`):e}),currentUrl:S,onLogout:O,isLoading:Z,locale:E,enableAppIntroPage:z,isMobile:y,className:d.profileBtn}),void 0!==H&&n.createElement(n.Fragment,null,!y&&n.createElement("hr",{style:{height:20,width:0,border:"none",borderLeft:"1px solid #E4E8EC"}}),n.createElement(CartBadge,{"data-cart-menu":"true","data-event-category":"Ecommerce","data-event-action":"Cart Click","data-event-label":S,count:H,locale:E}))))),y&&D&&n.createElement(tm,{className:"search-wrapper"},n.createElement(NavigtionSearch,{siteType:b,projectType:c,isMobile:y,isHomepage:D})),T?n.isValidElement(T)?n.cloneElement(T,{isCollapsed:Y,locale:E,isMobile:y}):T:null,s&&s)},NavigtionSearch=({siteType:e,projectType:t,isMobile:a=!1,isHomepage:l=!1,isRedirectSearchPage:i=!1})=>n.createElement(DisplayWrapper,{mediaQueryKey:"mbUp",className:`${"marryBaby"===e?"marry-baby":""} ${l?"block-show":""}`},n.createElement(SearchInput,{id:"desktop",projectType:t,isMobile:a,isHomepage:l,isRedirectSearchPage:i})),NavigationMenu=({menuItems:e,originalMenuItems:t,className:a})=>{let{siteType:l,locale:i,ssrMenuContent:{categories:o,healthTools:r,care:s,together:c,videos:d}}=(0,n.useContext)(u.a);return n.createElement(DisplayWrapper,{className:a,mediaQueryKey:"mbUp",style:{height:"100%"}},n.createElement(td,{"data-site-type":l},null==e?void 0:e.map((e,a)=>n.createElement(ItemMenu,{key:a,item:e,menu:"categories"===e.popupType?n.createElement(MenuCategoriesList,{categories:null==o?void 0:o.items,spotlightsList:null==o?void 0:o.spotlights}):"tools"===e.popupType?n.createElement(MenuHealthToolsList,{locale:i,healthTools:null==r?void 0:r.items,spotlightHealthTools:null==r?void 0:r.spotlights}):"together"===e.popupType?n.createElement(MenuCommunitiesList,{communities:null==c?void 0:c.items,spotlights:null==c?void 0:c.spotlights}):"care"===e.popupType?n.createElement(MenuCareList,{careSpecialties:null==s?void 0:s.items,spotlights:null==s?void 0:s.spotlights}):"video"===e.popupType?n.createElement(MenuVideoList,{spotlightsList:null==d?void 0:d.spotlights}):"other"===e.popupType?n.createElement(MenuViewMore,{menuItems:t}):null}))))},useHeaderHeight=({hasSponsoredBanners:e,isSponsored:t,isShowingSiteWideBanner:a,isMobile:l})=>{let i=(0,n.useRef)(null),[o,r]=(0,n.useState)(0),[s,c]=(0,n.useState)(64),d=(0,n.useCallback)(X()(()=>{var e,t,a,l;let n=(null===(e=i.current)||void 0===e?void 0:e.clientHeight)||(null===(a=null===(t=i.current)||void 0===t?void 0:t.children[0])||void 0===a?void 0:a.clientHeight)||0;window.scrollY<=n+200&&(r(n),c((null===(l=i.current)||void 0===l?void 0:l.getBoundingClientRect().bottom)||o))},200),[]);(0,n.useEffect)(()=>(window.addEventListener("resize",d,{passive:!0}),window.addEventListener("scroll",d,{passive:!0}),d(),()=>{window.removeEventListener("resize",d),window.removeEventListener("scroll",d)}),[]),(0,n.useEffect)(()=>{d()},[l,a,t,e,i.current]);let m=(0,n.useMemo)(()=>{let n=l?56:60;return a&&(n+=64),t&&(n+=40,e&&(n+=57)),n},[l,a,e,t]);return{defaultHeaderHeight:m,headerHeight:o||m,headerBottom:s,headerRef:i}},useInsider=()=>{let{isFirstLogin:e,userState:t}=(0,n.useContext)(u.a),{userInfo:a}=t;(0,n.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,F.u)(),{siteType:t,locale:a,configs:{enableNavDiscover:l,enableNavHealthTools:i,enableNavCare:s,enableNavTogether:c,enableNavEcom:d,enableNavVideo:m,enableAppIntroPage:p,statics:g}}=(0,n.useContext)(u.a),h="marryBaby"===t,v=[p,s,d].filter(Boolean).length>1,b=(0,n.useMemo)(()=>{var p;let u=[];return l&&u.push({name:e("home.navigator.menuItem.discover"),id:"categories",link:`${g.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/categories/`,niceName:"",thumbnail:h?N.C.getAssetPath("categories-mb.svg"):N.C.getAssetPath("nav-icons/discover.svg"),popupType:"categories"}),m&&u.push({name:e("home.navigator.menuItem.video"),id:"video",link:`${g.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/videos/`,niceName:"",thumbnail:N.C.getAssetPath("nav-icons/video.svg"),popupType:"video"}),i&&u.push({name:e("home.navigator.menuItem.healthTools"),id:"tools",link:`${g.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}${(null===(p=o.S[a])||void 0===p?void 0:p.HEALTH_TOOLS)||""}`,thumbnail:h?N.C.getAssetPath("healthtools-mb.svg"):N.C.getAssetPath("nav-icons/health-tools.svg"),popupType:"tools"}),c&&u.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:(0,r.n)(g.TOGETHER_URL_FE+"/"),thumbnail:h?N.C.getAssetPath("community-mb.svg"):N.C.getAssetPath("nav-icons/community.svg"),popupType:"together"}),d&&u.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:(0,r.n)(g.HOME_PAGE_URL+"/shop/"),thumbnail:N.C.getAssetPath("nav-icons/shop.svg"),popupType:null}),s&&u.push({name:e("home.navigator.menuItem.helloCare"),id:"care",link:(0,r.n)(g.HOME_PAGE_URL+"/care/"),thumbnail:N.C.getAssetPath("nav-icons/care.svg"),popupType:null}),v&&u.push({name:e("home.seeMore"),id:"other",link:"",thumbnail:"",popupType:"other",icon:n.createElement(HamburgerIcon,{siteType:t,enableSearch:!1,style:{width:"16px",height:"16px"},className:"mobile-hamburger-icon"})}),u},[]);return b},tg=m.Z.div` --header-z-index: ${o.a}; top: 0; z-index: var(--header-z-index); ${S.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:l,locale:o,onTopBarAppears:r,languageOptions:s,sponsorComponent:c,sitewideBanner:d,sitewideBannerShown:m,className:p,logoComponent:g,subHead:u,projectType:h,customClasses:v={}}=e,b=useNavServices();useInsider();let x=!!(null===(a=null===(t=null==c?void 0:c.props)||void 0===t?void 0:t.sponsoredBy)||void 0===a?void 0:a.length),{headerRef:y,defaultHeaderHeight:E,headerHeight:w,headerBottom:C}=useHeaderHeight({isShowingSiteWideBanner:m&&!!d,isSponsored:!!c,hasSponsoredBanners:x,isMobile:l});return n.createElement(tg,{id:"navigation-v2",style:{"--default-header-height":E+"px","--header-height":`calc(${w}px - var(--amp-site-wide-closed), 64px)`,"--header-bottom":C+"px"},className:p},n.createElement("section",{ref:y},n.createElement(NavigationBar,{menuItems:b,onTopBarAppears:r,logoComponent:g,subHead:u,projectType:h,languageMenu:n.createElement(i.L,{languageOptions:s,locale:o}),customClasses:v})))},NavigationV2=e=>{let t=Object.assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return n.createElement(u.b,Object.assign({},t),n.createElement(_NavigationV2,Object.assign({},t)))},getNavMenuContent=e=>(0,l.a)(void 0,void 0,void 0,function*(){var t,a,l,n,i,c,d,m,p,g,u,h,v,b,x,y,E,w,C,M,$,_,N,T,D;let S={},P="vi-VN_MB"===e;try{let L="tl-PH"===e?"lang=fil":"";try{let[s,v,b,x,y]=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/${P?"health-tools":"healthtools"}${L?"?"+L:""}`)).then(e=>e.json()),fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/${P?"health-tools":"healthtools"}/favorites${L?"?"+L:""}`)).then(e=>e.json()),o.V.includes(e)&&fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/video/navigation`)).then(e=>e.json())]);S.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,formatCategory))||[],spotlights:(null===(c=null===(i=null===(n=null===(l=null==v?void 0:v.data)||void 0===l?void 0:l.articles)||void 0===n?void 0:n.map)||void 0===i?void 0:i.call(n,formatSpotlightsList))||void 0===c?void 0:c.filter(checkAvailableSpotlight))||[]},S.healthTools={items:(null===(m=null===(d=null==b?void 0:b.data)||void 0===d?void 0:d.map)||void 0===m?void 0:m.call(d,formatHealthTool))||[],spotlights:(null===(g=null===(p=null==x?void 0:x.data)||void 0===p?void 0:p.map)||void 0===g?void 0:g.call(p,formatHealthTool))||[]},S.videos={spotlights:(null!==(h=null===(u=null==y?void 0:y.data)||void 0===u?void 0:u.videos)&&void 0!==h?h:[]).map(formatVideoItem)}}catch(e){}if(P||o.c.includes(e))try{let[t,a]=yield Promise.all([fetch((0,r.n)(`${(0,r.b)()}/api/v1/community?website_url=https://${R.v[e]}`)).then(e=>e.json()),fetch((0,r.n)(`${(0,r.b)()}/api/v1/options?website_url=https://${R.v[e]}&meta_key=popular_post`)).then(e=>e.json())]);S.together={items:(null===(x=null===(b=null===(v=null==t?void 0:t.data)||void 0===v?void 0:v.communities)||void 0===b?void 0:b.map)||void 0===x?void 0:x.call(b,s.f))||[],spotlights:(null===(w=null===(E=null===(y=null==a?void 0:a.data)||void 0===y?void 0:y.posts)||void 0===E?void 0:E.map)||void 0===w?void 0:w.call(E,s.a))||[]}}catch(e){}if(o.C.includes(e))try{let[t,a]=yield Promise.all([fetch((0,r.n)((0,r.d)()+`/api/options/setting_menu?site=${R.v[e]}&type=0`)).then(e=>e.json()),fetch((0,r.n)((0,r.d)()+`/api/options/setting_menu?site=${R.v[e]}&type=1`)).then(e=>e.json())]);S.care={items:(null===(_=null===($=null===(M=null===(C=null==t?void 0:t._data)||void 0===C?void 0:C.setting_menu)||void 0===M?void 0:M.menu_specialty)||void 0===$?void 0:$.map)||void 0===_?void 0:_.call($,formatSpecialties))||[],spotlights:(null===(D=null===(T=null===(N=null==a?void 0:a._data.setting_menu)||void 0===N?void 0:N.menu_hospital)||void 0===T?void 0:T.map)||void 0===D?void 0:D.call(T,formatHospital))||[]}}catch(e){}}catch(e){console.error(e)}return S}),getNavMenuContentWithCache=e=>(0,l.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)}))||{}})},"6AS9":function(e,t,a){a.d(t,{i:function(){return isVideo}});let isVideo=e=>e.endsWith(".mp4")},"3f+w":function(e,t,a){a.d(t,{B:function(){return BabyVaccineForm}});var l,n,i=a("FRPj"),o=a("q1tI"),r=a("iuhU"),s=a("8vDj"),c=a("cChf"),d=a("ZFu2"),m=a("u7wK"),p=a("wp0n"),g=a("Gx+P"),u=a("7dxN"),h=a("sxbY"),v=a("r0pl"),b=a("Zge2");let x=(0,o.createContext)({}),DefaultLayout=e=>{var t=(0,i._)(e,[]);let{t:a}=(0,g.u)(),{currentUrl:l,submitProps:n,form:s}=(0,o.useContext)(x),{classes:c={}}=(0,o.useContext)(u.C);return o.createElement(h.H,Object.assign({formLayout:"default"},t),o.createElement(h.H.FormRow,null,o.createElement(v.G,Object.assign({isBaby:!0},s.getInputProps("gender")))),o.createElement(h.H.FormRow,null,o.createElement(m.D,Object.assign({label:o.createElement(p.T,{size:"p2",weight:"semiBold"},a("babyGrowth.input.birthday")),placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},maxDate:new Date},s.getInputProps("age")))),o.createElement(h.H.FormRow,{className:c.submitWrapper},o.createElement(h.H.Submit,Object.assign({type:"submit",className:(0,r.default)("due-date-calculate-button",c.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"Vaccination Tool",dataEventLabel:l},n),a("dueDatePage.lastPeriod.calculate"))))},InlineLayout=e=>{var t=(0,i._)(e,[]);let{t:a}=(0,g.u)(),{currentUrl:l,submitProps:n,form:s}=(0,o.useContext)(x),{classes:c={}}=(0,o.useContext)(u.C);return o.createElement(h.H,Object.assign({formLayout:"inline"},t),o.createElement(h.H.FormRow,null,o.createElement(h.H.BorderInlineControl,{label:a("tools.selectBabyGender"),width:"none"},o.createElement(v.G,Object.assign({isBaby:!0,hideLabel:!0,type:"radio"},s.getInputProps("gender")))),s.errors.gender&&o.createElement(h.H.Error,null,s.errors.gender)),o.createElement(h.H.FormRow,null,o.createElement(h.H.BorderInlineControl,{label:a("babyGrowth.input.birthday")},o.createElement(m.D,Object.assign({placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},maxDate:new Date},s.getInputProps("age"),{error:null}))),s.errors.age&&o.createElement(h.H.Error,null,s.errors.age)),o.createElement(h.H.FormRow,{className:c.submitWrapper},o.createElement(h.H.Submit,Object.assign({type:"submit",className:(0,r.default)("due-date-calculate-button",c.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"Vaccination Tool",dataEventLabel:l},n),a("dueDatePage.lastPeriod.calculate"))))},MbLayout=e=>{var t=(0,i._)(e,[]);let{t:a}=(0,g.u)(),{currentUrl:l,submitProps:n,form:r}=(0,o.useContext)(x);return o.createElement(h.H,Object.assign({formLayout:"default"},t),o.createElement(h.H.Control,null,o.createElement(v.G,Object.assign({isBaby:!0},r.getInputProps("gender"),{error:null}))),r.errors.gender&&o.createElement(h.H.Error,null,r.errors.gender),o.createElement(h.H.FormRow,null,o.createElement(h.H.BorderBoxControl,{label:a("babyGrowth.input.birthday"),rightSection:o.createElement(b.Z,null)},o.createElement(m.D,Object.assign({placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},maxDate:new Date,rightSection:null},r.getInputProps("age"),{error:null}))),r.errors.age&&o.createElement(h.H.Error,null,r.errors.age)),o.createElement(h.H.Submit,Object.assign({type:"submit",className:"due-date-calculate-button",dataEventCategory:"Health Tool",dataEventAction:"Vaccination Tool",dataEventLabel:l},n),a("dueDatePage.lastPeriod.calculate")))};(l=n||(n={}))[l.trackPeriod=0]="trackPeriod",l[l.conceive=1]="conceive",l[l.avoidPregnancy=2]="avoidPregnancy";let BabyVaccineForm=e=>{var{formLayout:t="default",submitProps:a,currentUrl:l,onSubmit:n}=e,r=(0,i._)(e,["formLayout","submitProps","currentUrl","onSubmit"]);let{t:m}=(0,g.u)(),p=(0,s.rZ)(),u="mb"===p.other.template,h=(0,c.c)({validate:{gender:(0,d.U)(m("validation.error.requiredField")),age:(0,d.U)(m("validation.error.requiredField"))}}),v=Object.assign({onSubmit:h.onSubmit(n)},r);return o.createElement(x.Provider,{value:{submitProps:a,currentUrl:l,form:h}},"inline"===t?o.createElement(InlineLayout,Object.assign({},v)):u?o.createElement(MbLayout,Object.assign({formLayout:t},v)):o.createElement(DefaultLayout,Object.assign({},v)))}},TjND:function(e,t,a){a.d(t,{H:function(){return HealthToolCardWrapper},T:function(){return ToolsBannerCard}});var l=a("FRPj"),n=a("q1tI"),i=a("/npG"),o=a("mYVa"),r=a("8vDj"),s=a("Eso5"),c=a("SPK5"),d=a("vaps"),m=a("TD78"),p=a("7CRU"),g=a("wp0n"),u=a("ZLal"),h=a("Gx+P"),v=a("uuQu"),b=a("7dxN");let x=(0,i.k)((e,{isRevamp:t,isPregTool:a,bannerColor:l,isMarryBaby:n})=>({wrapper:{position:"relative",width:"100%",height:"100%",display:"flex",gap:(0,o.h)(24),alignItems:"center",justifyContent:"space-between",padding:(0,o.h)(16),[e.fn.smallerThan("sm")]:{gap:(0,o.h)(12)}},container:{width:"100%",backgroundColor:l||(n?e.colors.mb[1]:a?e.colors.pink[1]:e.colors.blue[1]),position:"relative",display:"flex",gap:24,alignItems:"center",justifyContent:"space-between",padding:(0,o.h)(16),[e.fn.smallerThan("sm")]:{padding:`${(0,o.h)(12)} ${(0,o.h)(16)}`},a:{textDecoration:"none",color:"inherit"},'&[data-site="marryBaby"]':{a:{textDecoration:"underline"},[v.M.mbDown]:{paddingBottom:0}},[v.M.tdDown]:{height:"auto",".hhgcomp-toolbanner-wrapper":{".hhgcomp-toolbanner-inner":{display:"flex",alignItems:"center",[v.M.mbDown]:{justifyContent:"space-between"},".hhgcomp-toolbanner-iconcontainer":{position:"relative",right:(0,o.h)(-50),bottom:(0,o.h)(-20),width:(0,o.h)(110),minWidth:0,height:"auto",minHeight:0,alignSelf:"flex-end",marginBottom:(0,o.h)(-20),[v.M.mbDown]:{right:"unset"}}}}},".embedded-review":{gap:(0,o.h)(12),display:"flex",alignItems:"center"},".embedded-review__avatar":{position:"relative",minWidth:(0,o.h)(32),img:{width:(0,o.h)(32),height:(0,o.h)(32),display:"block",borderRadius:"100%"},svg:{bottom:0,right:0,position:"absolute"}}},headingWrapper:{display:"flex",flexDirection:"column",gap:t?(0,o.h)(8):0,[e.fn.smallerThan("sm")]:{gap:4}},avatarWrapper:{position:"relative",img:{maxWidth:(0,o.h)(48),maxHeight:(0,o.h)(48)},".embedded-review__avatar":{position:"relative"}},reviewText:{a:{textDecoration:"underline",textUnderlineOffset:"2px"}},iconWrapper:{display:"flex",justifyContent:"center",alignItems:"center",width:(0,o.h)(80),height:(0,o.h)(80),borderRadius:"50%",backgroundColor:"#fff",flexShrink:0,img:{maxWidth:(0,o.h)(48),maxHeight:(0,o.h)(48)},[e.fn.smallerThan("sm")]:{width:(0,o.h)(64),height:(0,o.h)(64),img:{maxWidth:(0,o.h)(40),maxHeight:(0,o.h)(40)}}},heading:{},disclaimerIcon:{flexShrink:0}})),ToolsBannerCard=e=>{var{className:t,classNames:a,heading:i,bannerColor:o,medicalReview:d={link:"#",reviewer:"",date:""},icon:u,style:v,isPregTool:b,isRevamp:y,disclaimer:E,styles:w}=e,C=(0,l._)(e,["className","classNames","heading","bannerColor","medicalReview","icon","style","isPregTool","isRevamp","disclaimer","styles"]);let{t:M}=(0,h.u)(),$=(0,r.rZ)(),_="mb"===$.other.template,N=_?"marryBaby":"helloSites",{classes:T,cx:D}=x({isRevamp:y,isPregTool:b,bannerColor:o,isMarryBaby:_},{name:"ToolsBannerCard",styles:w,classNames:a}),S=(null==d?void 0:d.reviewer)?n.createElement(g.T,{size:"label2",as:"div",className:T.reviewText},d.avatar&&n.createElement("div",{className:"embedded-review__avatar"},n.createElement(s.x,{className:T.avatarWrapper},n.createElement("img",{src:d.avatar,alt:d.reviewer,loading:"lazy"}),n.createElement(p.Z,{size:14}))),n.createElement("div",{dangerouslySetInnerHTML:{__html:M("toolPage.toolReviewer",{expert_name:`${d.reviewer.trim()}`,date:d.date})}})):null;return n.createElement(s.x,Object.assign({className:D(t,T.container),style:v,"data-site":N},C),n.createElement(c.k,{className:T.headingWrapper},n.createElement(g.T,{className:D(T.heading,"heading"),size:"h4",as:"h2"},i),S&&n.createElement(g.T,{size:"n1"},S),E&&n.createElement(c.k,{gap:4},n.createElement(m.Z,{size:16,color:$.colors.yellow[8],className:T.disclaimerIcon}),n.createElement(g.T,{size:"c1",variant:"secondary"},E))),n.createElement(c.k,{className:T.iconWrapper},u))};var y=(0,i.k)(()=>({root:{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}})),E=(0,i.k)(e=>({root:{paddingTop:16,borderRadius:"inherit",[e.fn.smallerThan("sm")]:{paddingTop:8}}})),w=(0,i.k)((e,{isPregTool:t,variant:a})=>{let l="mb"===e.other.template;return{root:Object.assign(Object.assign(Object.assign({display:"flex",flexDirection:"column",borderRadius:(0,o.h)(l?16:8)},"default"===a&&{backgroundColor:"#fff",border:`1px solid ${l?e.colors.mb[2]:t?e.colors.pink[1]:e.colors.blue[2]}`}),"gray"===a&&{backgroundColor:e.colors.neutral[0]}),"violet"===a&&{backgroundColor:e.colors.violet[0]}),submitBtn:{},bodyWrapper:{},scrollAreaWrapper:{},bannerWrapper:Object.assign(Object.assign({},"gray"===a&&{backgroundColor:"transparent",padding:`${(0,o.h)(16)} ${(0,o.h)(16)} 0`}),"violet"===a&&{backgroundColor:"transparent",padding:`${(0,o.h)(16)} ${(0,o.h)(16)} 0`}),bannerHeading:Object.assign({},("gray"===a||"violet"===a)&&{fontSize:(0,o.h)(20),lineHeight:(0,o.h)(28),fontWeight:u.F.semiBold,[e.fn.smallerThan("sm")]:{fontSize:(0,o.h)(17),lineHeight:(0,o.h)(24)}}),bannerReviewText:Object.assign({},("gray"===a||"violet"===a)&&{fontSize:(0,o.h)(14),lineHeight:(0,o.h)(22),[e.fn.smallerThan("sm")]:{fontSize:(0,o.h)(12),lineHeight:(0,o.h)(18)}}),submitWrapper:Object.assign(Object.assign({[e.fn.smallerThan("sm")]:{button:{width:"100%"}},[e.fn.largerThan("sm")]:{textAlign:"right"}},"gray"===a&&{backgroundColor:e.colors.neutral[0],button:{marginTop:10}}),"violet"===a&&{backgroundColor:e.colors.violet[0],button:{marginTop:10}}),newsletterBlock:Object.assign(Object.assign({},"gray"===a&&{backgroundColor:e.colors.neutral[0]}),"violet"===a&&{backgroundColor:e.colors.violet[0]})}});let HealthToolCardWrapper=e=>{var{children:t,styles:a,classNames:i,className:o,isPregTool:r,variant:c="default",hasBodyScroll:d}=e,m=(0,l._)(e,["children","styles","classNames","className","isPregTool","variant","hasBodyScroll"]);let{classes:p,cx:g}=w({isPregTool:r,variant:c},{name:"HealthToolCardWrapper",styles:a,classNames:i});return n.createElement(u.T,{variant:u.C.LEADGEN},n.createElement(b.C.Provider,{value:{isPregTool:r,classes:p,variant:c,hasBodyScroll:d}},n.createElement(s.x,Object.assign({className:g(o,p.root)},m),t)))};HealthToolCardWrapper.Body=e=>{var{children:t,className:a,styles:i,classNames:o}=e,r=(0,l._)(e,["children","className","styles","classNames"]);let{classes:c,hasBodyScroll:m}=(0,n.useContext)(b.C),{classes:p,cx:g}=E(void 0,{name:"HealthToolCardWrapper__Body",styles:i,classNames:o});return n.createElement(s.x,Object.assign({className:g(a,p.root,c.bodyWrapper)},r),m?n.createElement(d.x,{h:"100%",type:"auto",scrollbarSize:8,className:c.scrollAreaWrapper},t):t)},HealthToolCardWrapper.Banner=e=>{var{className:t,classNames:a,styles:i}=e,o=(0,l._)(e,["className","classNames","styles"]);let{classes:r}=(0,n.useContext)(b.C),{isPregTool:s}=(0,n.useContext)(b.C),{classes:c,cx:d}=y(void 0,{name:"HealthToolCardWrapper__Banner",classNames:a,styles:i});return n.createElement(ToolsBannerCard,Object.assign({isPregTool:s,classNames:{container:r.bannerWrapper,heading:r.bannerHeading,reviewText:r.bannerReviewText},className:d(t,c.root)},o))}},wp0n:function(e,t,a){a.d(t,{T:function(){return d}});var l=a("FRPj"),n=a("q1tI"),i=a("/npG"),o=a("8vDj"),r=a("TIp3"),s=a("ZLal"),c=(0,i.k)((e,t)=>{var a,l,n,i,o,r,c,d,m,p;let g=s.a[null==t?void 0:t.customStylesType]||s.a[s.C.NONE],u=null===(a=g.fontSize[null==t?void 0:t.size])||void 0===a?void 0:a[0],h=null===(l=g.lineHeight[null==t?void 0:t.size])||void 0===l?void 0:l[0],v=null!==(o=null===(i=null===(n=g.letterSpacing)||void 0===n?void 0:n[null==t?void 0:t.size])||void 0===i?void 0:i[0])&&void 0!==o?o:0,b=null===(r=g.fontSize[null==t?void 0:t.size])||void 0===r?void 0:r[1],x=null===(c=g.lineHeight[null==t?void 0:t.size])||void 0===c?void 0:c[1],y=null!==(p=null===(m=null===(d=g.letterSpacing)||void 0===d?void 0:d[null==t?void 0:t.size])||void 0===m?void 0:m[1])&&void 0!==p?p:0;return{root:Object.assign({},(null==t?void 0:t.size)&&{fontWeight:(null==t?void 0:t.as)==="label"?s.F.semiBold:g.fontWeight[t.weight]||g.fontWeightBySize[null==t?void 0:t.size]||s.F.regular,fontSize:`${u}`,lineHeight:`${h}`,letterSpacing:v,[e.fn.smallerThan("sm")]:{fontSize:`${b}`,lineHeight:`${x}`,letterSpacing:y}})}});let d=(0,n.forwardRef)((e,t)=>{var a,{size:i,color:d,weight:m,as:p="p",styles:g,className:u,dataEventCategory:h,dataEventAction:v,dataEventLabel:b,variant:x}=e,y=(0,l._)(e,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel","variant"]);let E=(0,o.rZ)(),w=(0,s.u)(),{classes:C,cx:M}=c({size:i,weight:"caption"===m?"bold":m,as:p,customStylesType:w},{name:"Text",styles:g}),$="string"==typeof E.colors[d]?E.colors[d]:d;return n.createElement(r.x,Object.assign({"data-size":i,className:M(C.root,u),color:$||("label"===p?E.colors.gray[6]:(null===(a=null==E?void 0:E.other)||void 0===a?void 0:a.template)==="mb"?E.colors.delftGray[7]:void 0)||("primary"===x?E.colors.gray[9]:"secondary"===x?E.colors.gray[7]:"tertiary"===x?E.colors.gray[4]:"disabled"===x?E.colors.gray[3]:"error"===x?E.colors.red[6]:"success"===x?E.colors.green[6]:void 0)||E.colors.gray[7],component:p,"data-event-category":h,"data-event-action":v,"data-event-label":b,classNames:{root:Object.assign(Object.assign({},y.wordWrap?{"word-wrap":y.wordWrap}:void 0),y.isUppercase||"caption"===m?{"text-transform":"uppercase"}:void 0)},ref:t},y))})}}]);