"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8674],{Oy6H:function(e,t,a){a.d(t,{L:function(){return Loading}});var i=a("q1tI"),n=a("OaJP"),o=a("J5bt"),l=a("AeFk"),r=a("rBCA"),s=a("iBNF");let d=r.Z.div`
display: flex;
align-items: center;
justify-content: center;
padding: 1em;
button {
position: relative;
}
`,c=l.F4`
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
`;r.Z.div`
display: flex;
width: fit-content;
width: -moz-fit-content;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 1rem 2rem;
background: white;
border-radius: ${s.r.borderRadius};
box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
-2px 2px 5px rgba(67, 86, 100, 0.123689);
.loading-spinner {
width: 24px;
height: 24px;
margin-bottom: 0.5rem;
animation: ${c} 1.2s linear infinite;
}
&[data-is-marrybaby='true'] {
box-shadow: none;
}
`;let Loading=({className:e,size:t="md"})=>{let{t:a}=(0,o.u)();return i.createElement(d,{className:e},i.createElement(n.B,{size:t,color:"transparent",isLoading:!0},a("loading")))}},XXp2:function(e,t,a){a.d(t,{P:function(){return Popup}});var i=a("q1tI"),n=a("rBCA"),o=a("kO4G"),l=a("iBNF");let r=n.Z.div`
position: fixed;
left: 50%;
padding: 0 16px 32px;
background-color: ${l.r.colors.white};
border-radius: ${l.r.borderRadius};
box-shadow: 0px 4px 8px ${l.r.colors.gray200};
transform: translate(-50%, -50%);
transition: all 0.5s ease-in-out;
visibility: hidden;
&[data-open='true'] {
z-index: 400;
top: 50%;
opacity: 1;
visibility: visible;
}
&[data-open='false'] {
top: -50%;
}
&[data-type='lead'] {
width: 332px;
height: 460px;
div {
top: -15px;
right: -15px;
}
}
&[data-type='form'] {
width: 496px;
height: 548px;
${o.M.mbDown} {
width: 340px;
}
}
&[data-type='confirm'] {
${o.M.mbDown} {
width: calc(100% - 32px);
}
${o.M.mbUp} {
width: 100%;
max-width: 407px;
}
}
.popup-content {
position: relative;
z-index: 111;
height: 100%;
padding: 16px;
}
.close-button {
position: absolute;
top: 16px;
right: 0;
cursor: pointer;
img {
width: 100%;
height: 100%;
border-radius: 50%;
}
}
`,s=n.Z.div`
position: fixed;
z-index: 110;
top: 0;
left: 0;
width: 100%;
height: 100%;
align-items: center;
background: rgba(38, 38, 38, 0.3);
&[data-open='false'] {
display: none;
}
`,Popup=({type:e="lead",closeIcon:t,isOpen:a=!0,onClose:n,children:o,className:l="",enableAnimation:d=!0,disableClickOutside:c=!1})=>i.createElement(i.Fragment,null,i.createElement(r,{"data-open":a,"data-type":e,"data-animation":d},i.createElement("div",{className:`${l||""} popup-content`},!!t&&i.createElement("div",{className:"close-button",onClick:n},t),o)),i.createElement(s,{"data-open":a,onClick:()=>{c||n()}}))},Uqhf:function(e,t,a){a.d(t,{B:function(){return BlueWhiteLogin},N:function(){return NavigationProfileButton},U:function(){return UserPlain},a:function(){return k},b:function(){return NavigationProvider},u:function(){return useCSSFocusPopupHelper}});var i=a("LufY"),n=a("q1tI"),o=a("Eq4O"),l=a("fidu"),r=a("9uQI"),s=a("G7ij"),d=a("rrs9"),c=a("J5bt"),p=a("UbCi"),m=a("iBNF"),g=a("rBCA"),u=a("kO4G"),h=a("gEnE"),v=a("xXM3"),f=a.n(v),x=a("L6+J"),b=a("Y8gQ"),y=a("LdDg"),E=a("xrdX"),w=a("QHxc"),C=a("hPj0");let BlueWhiteLogin=e=>n.createElement("svg",Object.assign({width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("rect",{y:"0.5",width:"31",height:"31",rx:"15.5",fill:"white"}),n.createElement("path",{d:"M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z",stroke:"#2743AD",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z",stroke:"#2743AD",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})),UserPlain=e=>n.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),n.createElement("path",{d:"M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})),useNavConfig=({locale:e,projectType:t,siteType:a,enableBookingBtn:i})=>{let o=(0,n.useMemo)(()=>{let n="discover"===t||"together"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===a,o="marryBaby"!==a&&"marryBaby"!==t&&x.C.includes(e),l=i&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==a&&x.d.includes(e),r="marryBaby"===t||x.c.includes(e),s="marryBaby"!==a&&x.E.includes(e),d="marryBaby"!==a&&x.E.includes(e),c=x.V.includes(e),p=x.H.includes(e),m=x.e.includes(e),g=(0,y.g)(e,"marryBaby"===a),u=g;"undefined"!=typeof window&&(u.includes("//id.")&&(u=u.replace("id.","")),u.includes("//staging-id.")&&(u=u.replace("staging-id.","discover.")));let h=(0,y.a)(e,"marryBaby"===a),v={HOME_PAGE_URL:u,CARE_URL_FE:`${u}/care`,TOGETHER_URL_FE:`${u}/community`,VIDEO_URL_FE:`${u}/videos`,SSO_URL:h,TOGETHER_API:(0,y.b)(),DISCOVER_API:(0,y.c)(e)};return{enableSearchBar:n,enableNavCare:o,enableNavCareBooking:l,enableNavTogether:r,enableNavEcom:s,enableProfileEcom:d,enableNavVideo:c,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:v,enableNavClinityDownload:p,enableNavCartCare:m}},[]);return o},k=n.createContext({}),NavigationProvider=e=>{var{children:t}=e,a=(0,i._)(e,["children"]);let[o,l]=n.useState(()=>a.currentUrl||`https://${"marryBaby"===a.siteType?b.d[a.locale||"en-PH"]:E.v[a.locale||"en-PH"]}${"together"===a.projectType?"/community":"ecom"===a.projectType?"/ecom":"care"===a.projectType?"/care":""}/`);(0,n.useEffect)(()=>{let update=()=>{l(window.location.href)};return window.addEventListener("popstate",update),update(),()=>{window.removeEventListener("popstate",update)}},[]);let r=useNavConfig({locale:a.locale,projectType:a.projectType,siteType:a.siteType,enableBookingBtn:a.enableBookingBtn});return n.createElement(k.Provider,{value:Object.assign(Object.assign({},a),{customClasses:a.customClasses||{},configs:Object.assign(Object.assign({},r),a.configs),currentUrl:a.currentUrl||o})},t)},useCSSFocusPopupHelper=e=>{let{allowBgScroll:t}=e||{},a=(0,n.useRef)();return{containerRef:a,onContainerFocus:()=>{t||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{t||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur())}}},M=(0,h.Z)(g.Z.div`
position: absolute;
right: 0;
transition: all 0.5s ease-in-out;
overflow-y: auto;
&[data-open='true'] {
z-index: 200;
top: 120%;
opacity: 1;
visibility: visible;
}
&[data-open='false'] {
display: none;
}
.popup-content {
z-index: 111;
height: 100%;
border: 1px solid #0000001a;
border-radius: 16px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/* min-height: 415px; */
${u.M.mbUp} {
width: 320px;
}
${u.M.mbDown} {
position: fixed;
left: 0;
width: 100%;
padding-bottom: 70px;
}
`,"hhgcomp-navprofilebutton-popup"),$=(0,h.Z)(g.Z.div`
position: fixed;
z-index: 150;
top: var(--header-bottom, 56px);
left: 0;
width: 100%;
height: 100%;
align-items: center;
${u.M.mbUp} {
background-color: transparent;
&[data-type='welcome'] {
background: rgba(38, 38, 38, 0.3);
}
&[data-type='due-date'] {
background: rgba(38, 38, 38, 0.3);
}
}
${u.M.mbDown} {
background: rgba(38, 38, 38, 0.3);
}
&[data-type='welcome'] {
top: 0;
}
&[data-open='false'] {
display: none;
}
`,"hhgcomp-navprofilebutton-popupwrapper"),N=g.Z.div`
width: 36px;
height: 36px;
cursor: pointer;
img {
border-radius: 50%;
}
.avatar {
width: 36px;
height: 36px;
object-fit: cover;
}
.avatar-default {
display: flex;
align-items: center;
justify-content: center;
background-color: ${m.r.colors.secondaryBase};
border-radius: 50%;
color: white;
font-size: 20px;
font-weight: bold;
}
`,P=g.Z.div`
display: inline-flex;
position: relative;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
flex-shrink: 0;
cursor: pointer;
.user-close-icon {
display: none;
}
&:focus-within {
.user-close-icon {
display: block;
}
.user-avatar {
display: none;
}
${M.classSelector} {
z-index: 200;
top: 120%;
opacity: 1;
visibility: visible;
display: initial;
${u.M.mbDown} {
top: 100%;
}
}
${$.classSelector} {
display: initial;
}
}
`,_=g.Z.a`
display: inline-flex;
.login-btn[data-color='tertiary'][data-size='md'] {
padding-left: 12px;
padding-right: 12px;
}
.mobile-only {
${u.M.mbUp} {
display: none;
}
}
.login-btn {
display: none;
${u.M.mbUp} {
display: block;
border: 1px solid ${m.r.colors.neutral100};
}
}
&[data-win-cash-back-theme='true'] {
.login-btn {
${u.M.mbUp} {
color: ${m.r.colors.white};
}
}
}
`,ProfilePopup=({isOpen:e,userInfo:t,closePopup:a,siteType:i="helloSites",dispatchLogout:o})=>{let{customClasses:l={},configs:{enableProfileFindMyBooking:r}}=(0,n.useContext)(k);return n.createElement(M,{className:l.profilePopup,"data-open":e},n.createElement("div",{className:f()("popup-content",l.profilePopupContent)},n.createElement(w.l,{siteType:i,onLogout:()=>{o&&(o(),a())},userInfo:t,configs:{enableProfileFindMyBooking:r}})))},NavigationProfileButton=({userInfo:e,siteType:t,onLoginClick:a,currentUrl:g,isMinifyLogin:u,onLogout:h,style:v,isLoading:f,isMobile:x,className:b})=>{let{isWinCashBackTheme:y}=(0,n.useContext)(k),{t:E}=(0,c.u)(),[w,M]=(0,n.useState)(!1),$=(null==e?void 0:e.name)||(null==e?void 0:e.username),{containerRef:B,onContainerFocus:S,onContainerBlur:z,onButtonMouseDown:L,onClose:D}=useCSSFocusPopupHelper(),T=(0,n.useMemo)(()=>x&&"helloSites"===t,[x]);return f?T?n.createElement(l.S,null):n.createElement(s.B,{size:"sm",color:"transparent",loading:!0}):(null==e?void 0:e.id)?n.createElement(n.Fragment,null,n.createElement(P,{ref:B,style:v,tabIndex:0,onBlur:z,onFocus:()=>{var e;S();let t=null===(e=B.current)||void 0===e?void 0:e.querySelector("#navigation-v2 .hhgcomp-navprofilebutton-popup");if(t){let e=t.getBoundingClientRect(),a=e.top,i=`calc(100vh - ${a}px)`;t.setAttribute("style",`max-height: ${i};`)}},className:b},n.createElement("div",{onMouseDown:L},n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},n.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),n.createElement(r.A,{size:32,className:"user-avatar",src:null==e?void 0:e.avatar,color:"marryBaby"===t?m.r.mbColors.pink:m.r.colors.secondaryBase,placeholderText:$&&$.length?$[0].toUpperCase():"A"})),n.createElement(ProfilePopup,{dispatchLogout:()=>{D(),M(!0)},isOpen:!1,closePopup:D,siteType:t,userInfo:e})),n.createElement(C.F,{openLogoutPopup:w,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),M(!1)},siteType:t,onLogoutHandler:()=>(0,i.a)(void 0,void 0,void 0,function*(){M(!1),document.body.classList.toggle("noscroll",!1),yield h()})})):n.createElement(_,{style:Object.assign({textDecoration:"none"},v),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":g,"data-win-cash-back-theme":y,"data-site-type":t,onClick:a},u?n.createElement(N,null,n.createElement("img",{src:p.C.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):n.createElement(n.Fragment,null,"helloSites"===t&&(T?y?n.createElement(BlueWhiteLogin,{className:"mobile-only",style:{cursor:"pointer",width:32,height:32,flexShrink:0}}):n.createElement("img",{className:"mobile-only",src:p.C.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24}}):n.createElement(s.B,{className:"mobile-only",size:"sm",leftIcon:n.createElement(o.Z,{color:"currentColor",isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"},styles:{leftIcon:{marginRight:4}}},E("navigation.loginJoin"))),"marryBaby"===t&&n.createElement("div",{className:"mobile-only",style:{paddingLeft:16}},n.createElement(d.T,{size:"p3",color:m.r.mbColors.pink},E("navigation.loginJoin"))),"marryBaby"===t?n.createElement(s.B,{className:"login-btn",size:"md",leftIcon:n.createElement(o.Z,{color:"currentColor",isSolid:!0,size:22})},E("navigation.loginJoin")):n.createElement(s.B,{className:"login-btn",size:"md",leftIcon:y?n.createElement(UserPlain,{style:{flexShrink:0,width:20,height:20}}):n.createElement(o.Z,{color:"#595959",isSolid:!0,size:22}),variant:"ghost",color:"#262626",sx:{fontWeight:500,fontSize:14,lineHeight:22}},E("navigation.loginJoin"))))}},QWYs:function(e,t,a){a.d(t,{I:function(){return InputCommentBar},P:function(){return PopupDanger},S:function(){return SharePopup},a:function(){return PopupFrame},b:function(){return SubmitReportForm},c:function(){return B},d:function(){return getPostFormData},e:function(){return editPost},f:function(){return createPost},g:function(){return getDefaultFailNoti},h:function(){return deletePost},i:function(){return I},j:function(){return deleteComment},k:function(){return decodeCommentBody},l:function(){return likeUnlikeComment},m:function(){return likeUnlikePost},u:function(){return useImagePicker}});var i=a("q1tI"),n=a("OaJP"),o=a("h7+k"),l=a("rrs9"),r=a("kO4G"),s=a("i8i4"),d=a("Y8gQ"),c=a("rBCA"),p=a("iBNF"),m=a("LufY"),g=a("BH8n"),u=a("J5bt"),h=a("Bkqm"),v=a("aIjN"),f=a("IQVP"),x=a("8/zt"),b=a("Wae/"),y=a("Oy6H"),E=a("S0Zs"),w=a("cC9C"),C=a("t/pd"),k=a("D0vz"),M=a("XXp2"),$=a("Ywcn"),N=a("/pFO");let useImagePicker=(e,t)=>{let[a,n]=(0,i.useState)(e||[]),o=(0,i.useMemo)(()=>(e||a).map(e=>"string"==typeof e?e:URL.createObjectURL(e)),[e,a]);return{onSelectImages:i=>{let o=i.target.files;if(o){if(t&&e){let i=e||a;t(i.concat(Array.from(o)))}else n(a=>{let i=e||a;return t&&t(i.concat(Array.from(o))),i.concat(Array.from(o))})}},onRemoveImage:a=>{t&&e?(e.splice(a,1),t(e.slice())):n(i=>{let n=e||i;return n.splice(a,1),t&&t(n.slice()),n.slice()})},onRemoveAllImages:()=>{t?t([]):n([])},imageSrcs:o,imageFiles:e||a}},getDefaultFailNoti=e=>({message:e("notification.failure"),type:"danger"}),likeUnlikePost=({id:e,locale:t})=>(0,m.a)(void 0,void 0,void 0,function*(){if(!e)return;let a=yield(0,d.b)((0,d.e)(f.yy.POST.LIKE,{id:e,_locale:t}),"GET");return a}),deletePost=({id:e,locale:t})=>(0,m.a)(void 0,void 0,void 0,function*(){if(!e)return;let a=yield(0,d.b)((0,d.e)(f.yy.POST.DELETE,{id:e,_locale:t}),"DELETE");return a}),getPostFormData=({title:e,description:t,communityId:a,imageFiles:i,previewUrl:n,topicIds:o,locale:l,sanitizeFunction:s,categoryCommunityId:d,categoryTopicIds:c,introUrl:p,bannerUrl:g,scheduleTime:u,isAnonymous:h,isAskDoctor:f})=>(0,m.a)(void 0,void 0,void 0,function*(){let m=new FormData,b=(0,x.j)(t),y=(0,x.j)(e),E=(0,x.i)(b);if(m.append("title",y),m.append("description",(0,x.k)(b,s)),d?m.append("category_community",String(d)):a&&m.append("community_id",String(a)),m.append("is_anonymous",h?"1":"0"),m.append("is_question",f?"1":"0"),(null==n?void 0:n.title)&&m.append("preview_title",n.title),(null==n?void 0:n.description)&&m.append("preview_description",n.description),(null==n?void 0:n.url)&&m.append("preview_link",(0,r.c)(n.url)),(null==n?void 0:n.image)&&m.append("preview_image",(0,r.c)(n.image)),null==o||o.forEach(e=>{m.append("topics[]",String(e||""))}),null==c||c.forEach(e=>{m.append("category_topics[]",String(e||""))}),null==i?void 0:i.length){let e=yield Promise.all(i.map((e,t)=>new Promise(a=>{setTimeout(()=>{a((0,x.u)(e,l))},2e3*t)})));null==e||e.filter(Boolean).slice(0,v.M).forEach((e,t)=>{m.append(`images[${t}]`,e)})}else m.append("images","");return null==E||E.forEach(e=>{m.append("mention_ids[]",e)}),m.append("intro_url",p||""),m.append("banner",g||""),u&&(m.append("post_type","scheduled"),m.append("schedule_datetime",u)),m}),createPost=({locale:e,formData:t,isArticleComment:a})=>(0,m.a)(void 0,void 0,void 0,function*(){let i=yield(0,d.b)((0,d.e)(a?f.yy.POST.CREATE_ARTICLE_COMMENT:f.yy.POST.CREATE,{_locale:e}),"POST",{data:t});return i}),editPost=({id:e,locale:t,formData:a})=>(0,m.a)(void 0,void 0,void 0,function*(){let i=yield(0,d.b)((0,d.e)(f.yy.POST.UPDATE,{id:e,_locale:t}),"POST",{data:a});return i}),reportPost=({id:e,reason:t,locale:a})=>{let i=new FormData;return i.append("reason",t),(0,d.b)((0,d.e)(f.yy.POST.REPORT,{_locale:a,id:e}),"POST",{data:i})},P=c.Z.div`
[data-type='confirm'] {
max-width: 468px;
/* height: 486px; */
padding: 0;
.popup-content {
display: flex;
flex-direction: column;
padding: 0;
.close-button {
top: 16px;
right: 16px;
width: 24px;
height: 24px;
z-index: 5;
}
.header {
display: flex;
height: 56px;
align-items: center;
padding: 16px 56px 16px 32px;
border-bottom: 1px solid ${p.r.colors.neutral100};
font-weight: 900;
width: 100%;
justify-content: space-between;
}
.content {
overflow: auto;
flex: 1;
.topic-list-wrapper {
padding: 1rem;
}
}
}
}
> div&[data-open='true'] {
z-index: 250;
&:last-child {
z-index: 200;
}
}
${e=>e.isExpand&&`
& > div[data-open] {
width: 100%;
height: 100%;
max-width: none;
max-height: none;
}
`}
${e=>e.hasFullscreen&&`
& > div[data-open] {
transition: all 0.5s ease-in-out, width 0s, height 0s;
}
`}
`,_=c.Z.div`
cursor: pointer;
display: flex;
align-items: center;
`,PopupFrame=({className:e,style:t,closeIcon:a,heading:n="",children:l,isOpen:r=!1,hasFullscreen:s=!1,disableClickOutside:d=!1,initExpand:c=!1,onExpandChange:p,onClose:m=()=>null})=>{let[g,u]=(0,i.useState)(c);return i.createElement(P,{className:e,style:t,isExpand:g,hasFullscreen:s},i.createElement(M.P,{type:"confirm",onClose:m,isOpen:r,closeIcon:a||i.createElement("img",{src:$.C,loading:"lazy"}),enableAnimation:!s,disableClickOutside:d},i.createElement("div",{className:"header"},i.createElement(o.H,{tag:"h5"},n),s&&i.createElement(_,{onClick:()=>{null==p||p(),u(!g)}},i.createElement(k.Z,{size:14,isExpand:g}))),i.createElement("div",{className:"content"},"function"==typeof l?l(g):l)))};var B="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath fill='%23262626' d='M12 22.984c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.478-10 10 4.477 10 10 10'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14.828 10.156-5.657 5.657M9.172 10.156l5.657 5.657'/%3e%3c/svg%3e";let S=c.Z.div`
[data-type='confirm'] {
width: min(360px, 100%);
height: auto;
&[data-open='false'] {
top: calc(-100% - 500px);
}
}
z-index: 600;
.header {
display: none !important;
}
.confirm-dialog {
position: relative;
overflow: auto;
width: 100%;
padding-top: 44px;
background: #fff;
border-radius: ${p.r.borderRadius};
.confirm-content {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 16px 16px;
text-align: center;
.title {
margin-bottom: 8px;
font-size: 24px;
line-height: 32px;
word-break: break-word;
overflow-wrap: break-word;
}
.desc {
margin-bottom: 24px;
color: ${p.r.colors.gray500};
font-size: 18px;
line-height: 24px;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
}
.btn-group {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
button {
margin: 0 4px 0.5rem;
}
}
}
}
.thumbnail-container {
width: 80px;
height: 80px;
margin-bottom: 32px;
.thumbnail {
width: 100%;
height: 100%;
}
&.is-icon {
display: flex;
align-items: center;
justify-content: center;
background: #e0e9fc;
border-radius: 1rem;
.thumbnail {
width: 40px;
height: 40px;
}
}
}
&[data-is-marrybaby='true'] {
.popup-frame {
> div:first-child {
overflow: hidden;
border-radius: 1rem;
&[data-open='true'] {
${r.M.mbDown} {
top: 100%;
transform: translate(-50%, -100%);
max-width: unset;
width: 100%;
background: unset;
overflow: unset;
}
}
}
.popup-content {
.close-button {
${r.M.mbDown} {
display: none;
}
}
.confirm-dialog {
${r.M.mbDown} {
background: unset;
position: relative;
overflow-x: hidden;
&::before {
content: '';
width: 200%;
background: #fff;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
z-index: -1;
height: 100%;
border-top-left-radius: 100%;
border-top-right-radius: 100%;
}
}
.confirm-content {
padding: 0 40px 40px;
${r.M.mbDown} {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.btn-group {
width: 100%;
justify-content: space-between;
button {
flex: 1;
margin: 0;
&:first-child {
margin-right: 0.5rem;
}
}
}
}
}
}
.thumbnail-container {
${r.M.mbDown} {
display: none;
}
&.is-icon {
background: #ffeaf1;
border-radius: 24px;
}
&.is-mobile {
position: absolute;
top: 0;
left: 50%;
display: none;
width: 48px;
height: 48px;
transform: translate(-50%, -50%);
&.is-icon {
border-radius: 1rem;
.thumbnail {
width: 24px;
height: 24px;
}
}
${r.M.mbDown} {
display: flex;
}
}
}
}
}
`,PopupDanger=({className:e,isMarryBaby:t,style:a,title:c,description:p,acceptText:m,cancelText:g,onAccept:u,onCancel:h,thumbnail:v,isThumbnailIcon:f,onClose:x,acceptBtnTracking:b,acceptBtnProps:y,cancelBtnProps:E})=>{let{data:{env:{isMarryBaby:w}}}=(0,i.useContext)(d.T),C="boolean"==typeof t?t:w,[k,M]=(0,i.useState)(!1);return((0,i.useEffect)(()=>((0,r.t)(!0),setTimeout(()=>M(!0),0),()=>(0,r.t)(!1)),[]),"undefined"==typeof window)?null:s.createPortal(i.createElement(S,{"data-is-marrybaby":C,className:e,style:a,"data-open":k},i.createElement(PopupFrame,{className:"popup-frame",isOpen:k,onClose:x},i.createElement("div",{className:"confirm-dialog",onClick:e=>e.stopPropagation()},i.createElement("div",{className:"confirm-content"},v&&i.createElement("div",{className:`thumbnail-container ${f?"is-icon":""}`},i.createElement("img",{className:"thumbnail",src:v,loading:"lazy"})),i.createElement(o.H,{className:"title",tag:"h2"},c),i.createElement(l.T,{className:"desc",size:"lg"},p),i.createElement("div",{className:"btn-group"},i.createElement(n.B,Object.assign({theme:C?"marryBaby":"helloSites",size:"md",color:"tertiary",onClick:()=>{null==u||u(),null==x||x()}},y,b),m),i.createElement(n.B,Object.assign({theme:C?"marryBaby":"helloSites",size:"md",onClick:()=>{null==h||h(),null==x||x()}},E),g)))),C&&v&&i.createElement("div",{className:`thumbnail-container is-mobile ${f?"is-icon":""}`},i.createElement("img",{className:"thumbnail",src:v,loading:"lazy"})))),(0,r.a)())},z=c.Z.div`
padding: 1rem;
border-top: 1px solid #f2f2f2;
&[data-is-reply='true'] {
padding-right: 0;
padding-left: 0;
border-top: 1px solid #e4e8ec;
margin-right: 1rem;
margin-left: 1rem;
}
.error-text {
padding: 1rem;
color: ${p.r.colors.red700};
}
.reply-to-container {
display: flex;
justify-content: space-between;
padding-bottom: 0.75rem;
margin-top: -0.25rem;
.icon-close-comment {
width: 16px;
height: 16px;
cursor: pointer;
}
a {
text-decoration: none;
}
}
.input-container {
display: flex;
align-items: center;
.avatar-wrapper {
display: flex;
flex-shrink: 0;
align-items: center;
margin-right: 0.5rem;
&.avatar-wrapper-reply {
width: 32px;
height: 32px;
.avatar {
width: 32px;
height: 32px;
}
}
}
.input-wrapper {
margin-right: 0.5rem;
&[data-has-error] {
.as-input {
border-color: ${p.r.colors.red700};
}
}
.as-input {
.textarea {
width: 100%;
max-height: 225px;
min-height: 75px;
.ql-toolbar {
padding: 0;
}
.ql-editor {
padding-left: 0;
padding-right: 0;
}
.quill {
height: 0;
}
}
width: 100%;
padding: 12px 16px;
border: solid 1px ${p.r.colors.gray200};
border-radius: ${p.r.borderRadius};
&:active,
&:focus {
border-color: ${p.r.colors.primaryBase};
box-shadow: 0px 0px 2px 2px ${p.r.colors.primary200};
}
&:disabled {
background-color: ${p.r.colors.gray100};
cursor: not-allowed;
}
span {
&[data-error='true'] {
color: red;
text-decoration: underline;
}
}
}
&[data-has-action-icon] {
.as-input {
padding: 12px 48px 12px 16px;
}
}
&[data-has-display-icon] {
.as-input {
padding: 12px 16px 12px 48px;
}
}
&[data-has-action-icon][data-has-display-icon] {
.as-input {
padding: 12px 48px;
}
}
&[data-size='lg'] {
.as-input {
font-size: 16px;
font-weight: ${p.r.sizes.fwRegular};
${r.M.mbDown} {
font-size: 22px;
line-height: 1.2;
}
${r.M.mbUp} {
font-size: 26px;
line-height: 1.2;
}
}
}
&[data-size='md'] {
.as-input {
font-weight: ${p.r.sizes.fwRegular};
line-height: 22px;
${r.M.mbDown} {
font-size: 14px;
line-height: 1.2;
}
${r.M.mbUp} {
font-size: 16px;
line-height: 1.2;
}
}
}
&[data-size='sm'] {
.as-input {
font-weight: ${p.r.sizes.fwRegular};
line-height: 20px;
${r.M.mbDown} {
font-size: 13px;
line-height: 1.5;
}
${r.M.mbUp} {
font-size: 13px;
line-height: 1.5;
}
}
}
}
.images-input-label {
height: 100%;
cursor: pointer;
.icon-images-input {
width: 24px;
height: 24px;
vertical-align: middle;
}
}
.send-button {
display: flex;
width: 40px;
height: 40px;
flex-shrink: 0;
align-items: center;
justify-content: center;
padding: 0;
border: none;
&.send-button-post {
background: ${p.r.colors.neutral100};
border-radius: 50%;
}
.icon-enter {
width: 20px;
height: 20px;
vertical-align: middle;
}
&[data-is-loading='true'] {
> div {
display: flex;
align-items: center;
justify-content: center;
}
}
}
}
.preview-images-container {
margin-top: 1rem;
.image-src-wrapper {
position: relative;
width: 100%;
padding-top: 66.67%;
&:not(:last-child) {
margin-bottom: 1rem;
}
.preview-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.icon-close-circle {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
cursor: pointer;
}
}
}
`,L=(0,i.createContext)({}),getCommentFormBody=({postId:e,message:t,photos:a,link:i,locale:n,sanitizeFunction:o,replyingUserId:l,replyingUserName:r,replyingId:s})=>(0,m.a)(void 0,void 0,void 0,function*(){let d=new FormData,c=(0,x.k)(t.replace(/(\ )+/g," "),o),p=(0,x.i)(c);if(a&&a.length>0){let e=yield Promise.all(null==a?void 0:a.map(e=>(0,x.u)(e,n)));e.filter(Boolean).slice(0,v.M).forEach(e=>{d.append("images[]",e)})}return i&&d.append("link",i),null==p||p.forEach(e=>{d.append("mention_ids[]",e)}),d.append("post_id",e),s&&d.append("parent_id",s),l&&(p.unshift(l),c=`[mention+id="${l}"+name="${(r||"").replace('"',"'")}"]${c}`,d.append("parent_user_id",String(l))),d.append("content",c),d.append("content",c),d}),submitComment=(e,t)=>(0,m.a)(void 0,void 0,void 0,function*(){return(0,d.b)((0,d.e)(f.yy.COMMENT.CREATE,{_locale:t}),"POST",{data:e})}),decodeCommentBody=e=>{try{let t=e.match(/\[@([^\]]+)\]/),a=t?t[0].replace("[@","").replace("]",""):"",i=e.replace(/\[@([^\]]+)\]/,"");return{text:i.trim(),replyingTo:a}}catch(e){}return{text:""}},submitReply=(e,t)=>(0,m.a)(void 0,void 0,void 0,function*(){return(0,d.b)((0,d.e)(f.yy.COMMENT.REPLY,{_locale:t}),"POST",{data:e})}),likeUnlikeComment=({commentId:e,setLike:t=!1,locale:a})=>(0,m.a)(void 0,void 0,void 0,function*(){return(0,d.b)((0,d.e)(t?f.yy.COMMENT.LIKE:f.yy.COMMENT.UNLIKE,{_locale:a,id:e}),"GET")}),deleteComment=({id:e,locale:t})=>(0,d.b)((0,d.e)(f.yy.COMMENT.DELETE,{_locale:t,id:e}),"DELETE"),InputCommentBar=({isReply:e,className:t,onClose:a,replyToName:o,style:r,replyingId:s,replyingUser:c,onPostSuccess:p,post:f,isMarryBaby:x})=>{let{action:{pushNotifications:C,sanitizeFunction:k},data:{userInfo:M,locale:$,env:{isMarryBaby:N}}}=(0,i.useContext)(d.T),{t:P}=(0,u.u)(),{onSelectImages:_,onRemoveImage:S,imageSrcs:D,onRemoveAllImages:T,imageFiles:I}=useImagePicker(),[A,F]=(0,i.useState)(""),{trigger:H}=(0,i.useContext)(L),[j,O]=(0,i.useState)(!1),Z=(0,i.useRef)(null),R=(0,i.useRef)(null),U=(0,i.useRef)(null),[W,V]=(0,i.useState)([]),[G,q]=(0,i.useState)([]),[Y,J]=(0,i.useState)(null);return(0,i.useEffect)(()=>{var e;null===(e=U.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout(()=>{var e;null===(e=R.current)||void 0===e||e.focus()},400)},[H]),i.createElement(z,{"data-is-reply":e,className:t,style:r},e&&i.createElement("div",{className:"reply-to-container"},i.createElement(l.T,{size:"p4"},i.createElement("span",{dangerouslySetInnerHTML:{__html:P("inputComment.replyTo",{name:`@${o||""}`})}})),i.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3ccircle cx='8' cy='8.5' r='6.667' fill='white' stroke='%23404040'/%3e%3cpath stroke='%23404040' stroke-linecap='round' stroke-linejoin='round' d='m10 6.5-4 4M6 6.5l4 4'/%3e%3c/svg%3e",className:"icon-close-comment",onClick:()=>a&&a(),loading:"lazy"})),i.createElement("div",{className:"input-container",ref:U},i.createElement(E.U,{className:`avatar-wrapper ${e?"avatar-wrapper-reply":""}`,avatar:(null==M?void 0:M.id)?M.avatar:v.a,username:(null==M?void 0:M.name)||(null==M?void 0:M.username)}),i.createElement("input",{ref:Z,onChange:_,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),i.createElement(g.I,{value:A,name:"input",size:"md",className:"input-wrapper",displayIcon:i.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M10.754 4.854H4.492a1.79 1.79 0 0 0-1.789 1.789v12.524a1.79 1.79 0 0 0 1.79 1.789h12.523a1.79 1.79 0 0 0 1.79-1.79v-6.261'/%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M17.463 3.512a1.898 1.898 0 0 1 2.684 2.684l-8.498 8.498-3.579.895.895-3.579z'/%3e%3c/svg%3e",loading:"lazy"}),CustomInput:i.createElement("div",{className:"as-input"},i.createElement(w.R,{className:"textarea",html:A,onChange:F,onImagePickerClick:()=>{var e;return null===(e=Z.current)||void 0===e?void 0:e.click()},bannedWords:G,onPreviewUrlChange:J,onInvalidUrlsChange:V,setEditorRef:e=>R.current=e,isReplying:e}))}),i.createElement(n.B,{theme:("boolean"==typeof x?x:N)?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:()=>(0,m.a)(void 0,void 0,void 0,function*(){var t,i,n,o,l,r,d,m,g;if((null==f?void 0:f.id)&&!j){O(!0);try{let u=yield getCommentFormBody(Object.assign({message:A,photos:I,postId:String(f.id),link:null==Y?void 0:Y.url,sanitizeFunction:k,locale:$},e&&s?{replyingUserId:String((null==c?void 0:c.id)||(null===(t=null==f?void 0:f.author)||void 0===t?void 0:t.id)||""),replyingId:s,replyingUserName:(null==c?void 0:c.name)||(null==c?void 0:c.username)||""}:{})),v=yield e&&s?submitReply(u,$):submitComment(u,$),x=null==v?void 0:v.data;(null==x?void 0:x.id)&&!(null===(n=null===(i=null==v?void 0:v.messages)||void 0===i?void 0:i.moderation)||void 0===n?void 0:n.type)?(e=>{F(""),T(),a&&a();let t=(0,h.e)(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),p&&p(t)})(v):(null===(l=null===(o=null==v?void 0:v.messages)||void 0===o?void 0:o.moderation)||void 0===l?void 0:l.type)==="banned"?(C({title:P("notification.comment.blocked.title"),message:P("notification.comment.blocked.message"),type:"danger"}),v.messages.moderation.words&&q(v.messages.moderation.words)):(null===(d=null===(r=null==v?void 0:v.messages)||void 0===r?void 0:r.moderation)||void 0===d?void 0:d.type)==="suspect"?(C({title:P("notification.comment.suspect.title"),message:P("notification.comment.suspect.message"),type:"warning"}),F(""),T(),a&&a()):(null===(m=null==v?void 0:v.messages)||void 0===m?void 0:m.find(e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))}))?(C({message:P("notification.suspend.message"),type:"warning"}),F(""),T(),a&&a()):C({title:"",message:(null===(g=null==v?void 0:v.messages)||void 0===g?void 0:g[0])||P("notification.comment.somethingWrong"),type:"danger"})}catch(e){C({title:"",message:P("notification.comment.somethingWrong"),type:"danger"})}O(!1)}}),isLoading:j,isDisabled:!!(null==W?void 0:W.length)||j||!A||(null==A?void 0:A.length)<2||!A.trim()},i.createElement("img",{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7.5 9.734-3.75 3.75 3.75 3.75'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.25 4.734v5.569c0 .843-.33 1.653-.915 2.25a3.1 3.1 0 0 1-2.21.931H3.75'/%3e%3c/svg%3e",className:"icon-enter",loading:"lazy"}))),(null==W?void 0:W.length)?i.createElement("div",{className:"error-text"},P("notification.limitUrlDomain")):null,(!D||0===D.length)&&Y&&i.createElement("div",{className:"link-preview-wrapper"},Y.isFetching?i.createElement(y.L,null):i.createElement(i.Fragment,null,i.createElement(b.C,{title:Y.title,url:Y.url||"#",image:Y.image,noRefetch:!0}),i.createElement("img",{src:B,className:"icon-close",onClick:()=>J(null),loading:"lazy"}))),D&&D.length>0&&i.createElement("div",{className:"preview-images-container"},D.map((e,t)=>i.createElement("div",{key:t,className:"image-src-wrapper"},i.createElement("img",{className:"preview-image",src:e,loading:"lazy"}),i.createElement("img",{src:B,className:"icon-close-circle",onClick:()=>S(t),loading:"lazy"})))))},SharePopup=({trackingCategory:e,className:t,style:a,url:n,text:o,onClose:l})=>{let{data:{env:{isMarryBaby:s}}}=(0,i.useContext)(d.T),{t:c}=(0,u.u)(),[p,m]=(0,i.useState)(!1);return(0,i.useEffect)(()=>((0,r.t)(!0),setTimeout(()=>m(!0),0),()=>(0,r.t)(!1)),[]),i.createElement(C.h,null,i.createElement(D,{"data-is-marrybaby":s,className:t,style:a},i.createElement(PopupFrame,{className:"share-popup",isOpen:p,onClose:l,heading:c("bottomBar.share")},p&&i.createElement(N.r,{trackingCategory:e,shareUrl:n||("undefined"!=typeof window?window.location.href:""),title:o}))))},D=c.Z.div`
.share-popup {
> div:first-child {
height: unset;
}
}
.custom-share__header {
display: flex;
flex-wrap: no-wrap;
align-items: center;
padding: 1rem;
border-bottom: 1px solid ${p.r.colors.neutral100};
margin-bottom: 16px;
.custom-share__header-image {
width: 38px;
height: 38px;
flex-shrink: 0;
& > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
.custom-share__header-info {
flex: 1;
padding: 0 8px;
word-break: break-word;
[data-tag='h4'] {
margin-bottom: 8px;
font-size: 14px;
font-weight: bold;
line-height: 14px;
}
[data-size='md'] {
color: #a5a5a5;
font-size: 14px;
line-height: 14px;
}
}
}
&[data-is-marrybaby='true'] {
.share-popup {
> div:first-child {
overflow: hidden;
border-radius: 1rem;
&[data-open='true'] {
${r.M.mbDown} {
max-width: unset;
width: 100%;
top: 100%;
transform: translate(-50%, -100%);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
}
.close-button {
display: block;
}
.popup-content {
.header {
display: block;
padding: 1rem;
background-color: rgb(243, 243, 243);
}
.content {
padding-bottom: 1rem;
}
}
.share-mb-text {
margin: 1rem 1rem 0.5rem;
}
}
}
`,T=c.Z.div`
padding: 0 8px;
margin-top: 18px;
.report-list {
margin-bottom: 18px;
.report-item {
display: flex;
align-items: center;
margin-bottom: 10px;
font-weight: 600;
& > img {
width: 12px;
height: 12px;
margin-right: 8px;
}
.__label {
font-size: 14px;
}
}
}
.report-submit {
width: 100%;
}
&[data-is-marrybaby='true'] {
padding: 0 1rem 1rem;
}
`;var I="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12M8 5v3M8 11h.007'/%3e%3c/svg%3e";let SubmitReportForm=({className:e,style:t,reason:a,reasonText:o,onClose:r,postId:s})=>{let{data:{locale:c,env:{isMarryBaby:g}},action:{pushNotifications:h}}=(0,i.useContext)(d.T),{t:v}=(0,u.u)(),[f,x]=(0,i.useState)(!1);return i.createElement(T,{"data-is-marrybaby":g,className:e,style:t},i.createElement("ul",{className:"report-list"},i.createElement("li",{className:"report-item"},i.createElement("img",{src:I,loading:"lazy"}),i.createElement(l.T,{className:"__label",color:p.r.colors.gray800,size:"p4"},o))),i.createElement(n.B,{theme:g?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:f,onClick:()=>(0,m.a)(void 0,void 0,void 0,function*(){if(s&&!f){x(!0);try{let e=yield reportPost({id:s,reason:a,locale:c});(null==e?void 0:e.status)===1&&(h({message:"Post reported",type:"success"}),r&&r())}catch(e){}x(!1)}})},v("submit")))}},Skrd:function(e,t,a){a.d(t,{H:function(){return HamburgerWhite},N:function(){return NavigationV2},S:function(){return StarPair},a:function(){return getNavMenuContentWithCache},b:function(){return ee},g:function(){return getNavMenuContent}});var i=a("LufY"),n=a("q1tI"),o=a("h8lo"),l=a("L6+J"),r=a("LdDg"),s=a("Bkqm"),d=a("q9DY"),c=a("9wNu"),p=a("rBCA"),m=a("9uQI"),g=a("iBNF"),u=a("Uqhf"),h=a("iZ8j"),v=a("v8Gc"),f=a("/npG"),x=a("Eso5"),b=a("QJsO"),y=a("8vDj"),E=a("iuhU"),w=a("7v83"),C=a("DzJC"),k=a.n(C),M=a("dn/s"),$=a("UbCi"),N=a("rrs9"),P=a("G7ij"),_=a("kO4G"),B=a("cphq"),S=a("Rhq+"),z=a("aIjN"),L=a("Uh4g"),D=a("J5bt"),T=a("Xskf"),I=a("ivpb"),A=a("gEnE"),F=a("OaJP"),H=a("h7+k"),j=a("Vk+7"),O=a("sDBT"),Z=a("Wgwc"),R=a.n(Z),U=a("QgiU"),W=a.n(U),V=a("S0Zs"),G=a("kai2"),q=a("gFo6"),Y=a("sEfC"),J=a.n(Y),Q=a("xrdX"),X=a("Udpq");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"})),K=(0,p.Z)(m.I)`
.mantine-Input-input {
border-radius: 40px;
background: ${g.r.colors.white};
border: 1px solid ${g.r.colors.blue200};
&:focus {
border: 1px solid ${g.r.colors.primaryBase};
}
}
.close-icon-wrapper {
display: flex;
background-color: ${g.r.colors.gray400};
border-radius: 100%;
cursor: pointer;
svg {
pointer-events: none;
}
}
.search-icon-btn {
display: flex;
justify-content: center;
align-items: center;
}
`,ee="hhg_search_history",SearchInput=({id:e,isMobile:t=!1,isHomepage:a=!1,projectType:i,isRedirectSearchPage:o=!1})=>{let{locale:r,siteType:s,isWinCashBackTheme:c}=(0,n.useContext)(u.a),[p,m]=(0,n.useState)(""),[h,v]=(0,n.useState)("Search From Another Page"),{t:f}=(0,D.u)(),x=(0,n.useCallback)((e="")=>{let t="";"together"===i&&(t="community"),"discover"===i&&(t=window.location.pathname.startsWith("/health-tools/")?"health-tools":i),localStorage.setItem(ee,window.location.href);let a=new URLSearchParams(window.location.search);a.set("source",t),a.set("s",e),a.delete("page"),window.location.href=`/search/?${a.toString()}`},[i]),b=(0,n.useCallback)(()=>{let e=localStorage.getItem(ee);if(!e){x("");return}localStorage.removeItem(ee),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"===i&&window.location.pathname.startsWith("/search/")&&v("Search Page"),m(a)}},[]),t&&!a?n.createElement(P.B,{variant:"tertiary",style:{padding:"6px"},size:"sm",onClick:b},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(K,{className:"fake-search-input",name:"search-input-menu-service"+e,size:"md","data-event-category":h,"data-event-action":"Search","data-event-label":p,placeholder:"marryBaby"===s?f("navigation.search.input.placeholder"):f("home.search",{site:l.L[r||"en-PH"]?l.L[r||"en-PH"].SITE_NAME:""}),onChange:m,value:p,onKeyDown:e=>"Enter"===e.key&&x(e.target.value),type:"search",onFocus:e=>{e.preventDefault(),(t&&a||o)&&x("")},rightSection:p?n.createElement("div",{className:"close-icon-wrapper",onClick:()=>m(""),"data-event-category":"Search Page","data-event-action":"Delete Search"},n.createElement(d.Z,{size:17,color:g.r.colors.white})):c?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||o)&&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=B.L[t||"vi-VN"])||void 0===a?void 0:a[e]}/`};var et=(0,f.k)(()=>({root:{textDecoration:"none"},iconText:{color:"#fff"}}));let CartBadge=e=>{var{count:t,styles:a,className:o,classNames:l,locale:r}=e,s=(0,i._)(e,["count","styles","className","classNames","locale"]);let{classes:d,cx:c}=et(void 0,{name:"CartBadge",styles:a,classNames:l});return void 0!==t?n.createElement(x.x,Object.assign({component:"a",href:getEcomUrl({path:"CART",locale:r}),className:c(d.root,o)},s),n.createElement(b.z,{withBorder:!0,color:"red",size:20,disabled:0===t,label:n.createElement(N.T,{className:d.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},ea=p.Z.div`
&.block-show {
display: block;
}
`,DisplayWrapper=({forceDisplay:e,mediaQueryKey:t,children:a,className:i,style:o})=>{let[l,r]=(0,n.useMemo)(()=>(0,_.g)(t),[t]);return n.createElement(ea,{lowerBound:e?0:l,upperBound:e?0:r,className:i,style:o},a)};var ei={menuIconWrapper:"wnUb-dV",menuButton:"cjbOxWe"};let ItemMenu=({item:e,menu:t})=>{let{containerRef:a,onButtonMouseDown:i,onClose:o}=(0,u.u)({allowBgScroll:!0}),l=(0,T.u)();return!e.popupType&&e.link?n.createElement(NewWrapper,{isNew:e.isNew},n.createElement("a",{className:`hhgcomp-navigation-itemnav-headeritem ${l?"":`menu-handler-${e.id}`}`,tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},n.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:ei.menuButton},e.name))):n.createElement(NewWrapper,{isNew:e.isNew},n.createElement("div",{ref:a,className:`hhgcomp-navigation-itemnav-headeritem ${l?"":`menu-handler-${e.id}`}`,tabIndex:0,key:e.id,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},n.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:i,className:ei.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:o},n.createElement(d.Z,{size:16}))):n.createElement("div",{className:ei.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:o}):null))},NewWrapper=({isNew:e,children:t})=>{let{t:a}=(0,D.u)();return e?n.createElement(L.I,{color:"green",label:a("home.navigator.menuItem.new"),size:20,styles:{root:{paddingRight:10}}},t):n.createElement(n.Fragment,null,t)},en=p.Z.div`
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-bottom: 3.5rem;
${_.M.tdDown} {
grid-template-columns: repeat(1, 1fr);
}
`,eo=p.Z.div`
height: 152px;
position: absolute;
top: 0;
left: 0;
z-index: 3;
overflow: hidden;
border-radius: 4px;
padding: 16px;
width: 100%;
.img-container {
width: 100%;
height: 100%;
}
img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
}
${_.M.tdDown} {
margin-bottom: 0;
padding: 0;
height: 100%;
position: unset;
width: 150px;
}
${_.M.mbDown} {
width: 80px;
}
`,el=p.Z.div`
background-color: #ffffff;
border-radius: 4px;
width: 100%;
height: 100%;
`,er=p.Z.div`
display: flex;
margin-top: 1rem;
align-items: center;
color: ${g.r.colors.primaryBase};
font-weight: 400;
font-size: 14px;
text-decoration: none;
${_.M.tdDown} {
display: none;
}
`,es=p.Z.p`
font-size: 16px;
font-weight: 600;
line-height: 1.6;
color: ${g.r.colors.gray800};
${_.M.tdDown} {
padding: 0;
}
`,ed=p.Z.p`
font-size: 14px;
line-height: 1.6;
font-weight: 400;
color: ${g.r.colors.gray600};
height: 40px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: auto;
${_.M.tdDown} {
height: unset;
padding: 0;
}
`,ec=(0,A.Z)(p.Z.div`
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
z-index: 1;
${_.M.tdDown} {
gap: 4px;
}
`,"hhgcomp-navigation-menucareitem-contentwrapper"),ep=p.Z.a`
text-decoration: none;
border-radius: 4px;
background: ${g.r.colors.white};
position: relative;
overflow: hidden;
padding: 16px;
display: flex;
padding-top: 166px;
* {
pointer-events: none;
}
${_.M.tdUp} {
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),
0px 0px 1px rgba(0, 0, 0, 0.04);
gap: 30px;
flex-direction: column;
a {
display: flex;
width: 100%;
}
}
${_.M.tdDown} {
padding-top: 16px;
a {
display: none;
}
grid-template-columns: 2fr 1fr;
gap: 10px;
display: grid;
max-height: 110px;
display: flex;
flex-direction: row-reverse;
> ${ec.classSelector} {
flex: 1;
}
img {
width: 150px;
}
}
${_.M.mbDown} {
box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),
0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
display: flex;
flex-direction: row-reverse;
img {
width: 80px;
height: 80px;
}
}
${_.M.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:i}=(0,D.u)(),{locale:o,configs:{statics:l}}=(0,n.useContext)(u.a);if(!e)return null;let r=`${l.CARE_URL_FE}/${null===(a=I.L[o])||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:$.C.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),n.createElement(eo,null,n.createElement(el,null,n.createElement("img",{loading:"lazy",alt:e.name,src:e.logo||"/images/avatar.jpg"}))),n.createElement(ec,null,n.createElement(es,null,e.name),n.createElement(ed,null,e.description),n.createElement(er,null,i("home.seeMore"),n.createElement("img",{src:$.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))))},em=p.Z.div`
padding: 16px;
border-radius: 8px;
position: relative;
z-index: 1;
overflow: hidden;
a {
text-decoration: none;
}
.bg-svg {
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
${_.M.mbDown} {
display: block;
.bg-svg {
right: -24px;
left: unset;
top: 0;
transform: rotateY(180deg);
}
}
${_.M.mbUp} {
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr 3fr;
}
`,eg=p.Z.div`
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: ${g.r.colors.gray600};
margin-bottom: 15px;
`,eu=p.Z.div`
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #000000;
margin-bottom: 4px;
`,eh=p.Z.div`
background: #fff;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
`,ev=p.Z.div`
display: flex;
justify-content: center;
align-items: center;
position: relative;
${_.M.mbDown} {
justify-content: end;
min-height: 100px;
}
`,SpotlightNoData=({title:e,link:t,description:a,cta:i,icon:o})=>{let{siteType:l}=(0,n.useContext)(u.a);return n.createElement(em,{"data-theme":l},n.createElement(ev,null,n.createElement("img",{src:"marryBaby"===l?$.C.getAssetPath("navMBSpotlightBgNoData.svg"):$.C.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),n.createElement(eh,null,o&&n.createElement("img",{src:o,width:64,height:64,loading:"lazy"}))),n.createElement("div",null,e&&n.createElement(eu,null,e),a&&n.createElement(eg,null,a),i&&n.createElement("div",null,n.createElement("a",{href:t},n.createElement(F.B,{theme:l,className:"survey-contact-submit",size:"md"},i)))))},ef=p.Z.div`
margin-top: 10px;
background: #ffffff;
padding: 5px 15px;
position: relative;
${_.M.mbDown} {
&:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background-color: ${g.r.colors.neutral100};
content: '';
}
}
`,ex=p.Z.div`
margin: 15px 0;
display: flex;
`,eb=p.Z.a`
padding-left: 10px;
display: flex;
align-items: center;
text-decoration: none;
font-weight: 400;
font-size: 14px;
color: ${g.r.colors.primaryBase};
&[data-theme='marryBaby'] {
color: ${g.r.mbColors.pink};
}
img {
padding-left: 5px;
}
${_.M.mbDown} {
margin-left: auto;
}
`,Spotlights=({title:e,viewMore:t,children:a,link:i,dataEventAction:o=""})=>{let{siteType:l}=(0,n.useContext)(u.a);return n.createElement(ef,null,n.createElement(ex,null,n.createElement(H.H,{tag:"marryBaby"===l?"h5":"h6",as:"p",fontWeight:"semibold"},e),t&&n.createElement(eb,{"data-event-category":"Hamburger Navigation","data-event-action":o,"data-event-label":i,href:i,"data-theme":l},t,n.createElement("img",{src:"marryBaby"===l?$.C.getAssetPath("chevronRightPink.svg"):$.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"}))),a)},CareSpotlights=({spotlights:e=[],hrefViewMore:t})=>{let{t:a}=(0,D.u)(),{siteType:i}=(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(en,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(F.B,{theme:i,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:$.C.getAssetPath("community.svg")}))};var ey={gridContainer:"q3nL5cp",container:"_2DNf80G",closeWrapper:"Q-glX-n"};let BtnClosePopup=({onClosePopup:e})=>n.createElement("div",{className:`${ey.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:i,hideCloseBtn:o,stylesContainer:l})=>n.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!i},n.createElement(O.C,{className:"hhgcomp-navigation-popupwrapper-menuwrapper-child"},!o&&n.createElement("div",{className:ey.container},n.createElement(BtnClosePopup,{onClosePopup:e})),n.createElement(O.C,{className:ey.gridContainer,style:l},a))),Phone=e=>{var{size:t=24,color:a=g.r.colors.neutral600}=e,o=(0,i._)(e,["size","color"]);return n.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),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}))},eE=p.Z.div`
padding-right: 1rem;
background: #ffffff;
padding: 5px 15px;
${_.M.mbUp} {
border-right: 1px solid #e4e8ec;
display: flex;
flex-direction: column;
justify-content: space-between;
}
`,ew=p.Z.a`
padding: 10px 0;
position: relative;
display: flex;
align-items: center;
&[data-is-mobile-tool='true'] {
align-items: flex-start;
.name,
.phone-icon {
margin-top: 4px;
}
}
text-decoration: none;
color: ${g.r.colors.gray800};
* {
pointer-events: none;
}
.name {
font-size: 16px;
font-weight: 400;
}
&[data-theme='marryBaby']:hover,
&[data-theme='marryBaby'][data-active='true'] {
p {
color: ${g.r.mbColors.pink};
}
.icon {
background-color: ${g.r.mbColors.lightPink};
}
}
&[data-theme='helloSites']:hover,
&[data-theme='helloSites'][data-active='true'] {
p {
color: ${g.r.colors.primaryActive};
}
}
a {
}
&[data-theme='marryBaby'] {
.icon {
display: flex;
align-items: center;
justify-content: center;
max-width: 40px;
width: 100%;
height: 40px;
border-radius: 50%;
background-color: ${g.r.mbColors.lightGray};
img {
border-radius: 50%;
}
}
}
`,eC=p.Z.div`
margin: 15px 0;
${_.M.mbDown} {
display: none;
}
`,ek=p.Z.div`
display: flex;
position: absolute;
right: 0;
${_.M.mbUp} {
&.arrow-icon {
display: none;
}
}
`,eM=p.Z.div`
display: flex;
align-items: center;
color: ${g.r.colors.primaryBase};
font-size: ${g.r.sizes.fsParagraph4};
font-weight: ${g.r.sizes.fwBold};
line-height: 24px;
font-size: 14px;
font-weight: 600;
&[data-theme='marryBaby'] {
color: ${g.r.mbColors.pink};
}
`,e$=p.Z.div`
display: flex;
align-items: center;
margin-left: 10px;
`,eN=p.Z.a`
border: 1px solid ${g.r.colors.primaryBase};
&[data-theme='marryBaby'] {
border: 1px solid ${g.r.mbColors.pink};
svg path {
stroke: ${g.r.mbColors.pink};
}
}
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
border-radius: 5px;
margin-top: 20px;
${_.M.mbDown} {
display: none;
}
`,Categories=({hrefViewMore:e,titleBtnViewMore:t,UrlFE:a,onClosePopup:i,menuItems:l,headingTitle:r,activeItem:s})=>{let{siteType:d}=(0,n.useContext)(u.a),{t:c}=(0,D.u)(),p=(0,y.rZ)();return n.createElement(eE,null,n.createElement("div",null,n.createElement(eC,null,n.createElement(H.H,{tag:"marryBaby"===d?"h5":"h6",as:"p",fontWeight:"semibold"},r)),null==l?void 0:l.slice(0,6).map((e,t)=>{let l=(null==e?void 0:e.link)?(null==e?void 0:e.link.startsWith("http"))?null==e?void 0:e.link:`${a}/${null==e?void 0:e.link.split("/").filter(Boolean).join("/")}/`:"/";return n.createElement(ew,Object.assign({className:(0,E.default)("iconMenu",`itemMenu-${e.id}`),"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":l,"data-is-heading-category":!1,"data-active":e.id&&e.id===s,"data-is-mobile-tool":e.isMobileAppTool,href:l},!(0,o.i)(l)&&{target:"_blank"},{"data-theme":d,key:t,onClick:i}),n.createElement("div",{className:"icon"},n.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32,overflow:"hidden"}})),n.createElement(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(N.T,{size:"n1",color:p.fn.primaryColor(),weight:"regular"},c("home.calcWithApp")))),e.isMobileAppTool&&n.createElement(ek,null,n.createElement(Phone,{className:"phone-icon",size:16})),n.createElement(ek,{className:"arrow-icon"},n.createElement("img",{src:$.C.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))})),t&&n.createElement(eN,{"data-theme":d,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},n.createElement(eM,{onClick:i,"data-theme":d,"data-is-heading-category":!1},t,n.createElement(e$,null,n.createElement("img",{className:"svg",src:"marryBaby"===d?$.C.getAssetPath("chevronRightPink.svg"):$.C.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))))},MenuCareList=({careSpecialties:e=[],isOpen:t,onClose:a,spotlights:i=[]})=>{var o;let{t:l}=(0,D.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:l("home.navigator.menuItem.specialties"),hrefViewMore:`${s.CARE_URL_FE}/`,UrlFE:s.CARE_URL_FE,onClosePopup:a,titleBtnViewMore:l("home.navigator.menuItem.allSpecialties"),menuItems:(null==e?void 0:e.map(e=>e?{name:String(e.name)||"",link:(0,j.a)({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{}))||[]}),n.createElement(CareSpotlights,{spotlights:i,hrefViewMore:`${s.CARE_URL_FE}/${null===(o=I.L[r])||void 0===o?void 0:o.SPECIALTIES}/`}))},eP=p.Z.div`
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
${_.M.tdDown} {
gap: 12px;
grid-template-columns: 1fr;
}
`,e_=p.Z.a`
position: relative;
width: 100%;
display: flex;
align-items: center;
text-decoration: none;
* {
pointer-events: none;
}
`,eB=p.Z.div`
border-radius: 5px;
display: block;
overflow: hidden;
padding-top: 140%;
width: 100%;
position: relative;
height: 0;
img {
position: absolute;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
top: 0;
left: 0;
}
${_.M.tdDown} {
width: 72px;
padding-top: 100px;
flex-shrink: 0;
}
`,eS=p.Z.a`
${_.M.tdDown} {
position: relative;
bottom: 0;
left: 16px;
right: 0;
padding: 4px 8px;
width: 90px;
height: 24px;
font-size: 11px;
line-height: 16px;
}
position: absolute;
bottom: 8px;
left: 8px;
right: 8px;
height: 32px;
padding: 6px 12px;
background: ${e=>e.bgColor};
border-radius: 10px;
border: none;
transition: all 0.2s ease-in-out;
color: ${e=>e.textColor};
font-family: 'Inter';
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&:hover {
background: ${e=>{let t=e.bgColor.toLowerCase();if("#ffffff"===t||"white"===t||"#fff"===t)return"#f0f0f0";if("string"==typeof t){let e=(0,j.h)(t,!0),a=(0,j.r)(e.r,e.g,e.b),i=(0,j.b)(a[0],a[1]+16,a[2]-16);return`rgb(${i[0]},${i[1]},${i[2]})`}return""}};
}
`,ez=p.Z.p`
font-size: 16px;
font-weight: 400;
padding: 4px 15px;
line-height: 1.4;
color: ${g.r.colors.gray800};
flex: 1;
${_.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(e_,Object.assign({key:e.id},a),n.createElement(eB,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(ez,null,e.title),!!e.buttonDisplay&&n.createElement(eS,Object.assign({bgColor:e.buttonDisplay.button_background_color,textColor:e.buttonDisplay.button_text_color},a),e.buttonDisplay.button_label)))},CategorySpotlights=({spotlightsList:e=[],hrefViewMore:t})=>{let{t:a}=(0,D.u)(),{configs:{statics:i}}=(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(eP,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:i.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:$.C.getAssetPath("Spotlight.svg")}))},MenuCategoriesList=({categories:e=[],spotlightsList:t=[],onClose:a,isOpen:i})=>{let{t:o}=(0,D.u)(),{locale:l,configs:{statics:r}}=(0,n.useContext)(u.a);return n.createElement(PopupWrapper,{onClosePopup:a,isDisplay:i,isNavMenu:!0},n.createElement(Categories,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:a,titleBtnViewMore:o("home.navigator.menuItem.allCategories"),menuItems:(null==e?void 0:e.map(e=>e?{name:e.displayName||null,link:(null==e?void 0:e.customizedUrl)||(null==e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{}))||[],headingTitle:o("home.navigator.menuItem.healthCategories")}),n.createElement(CategorySpotlights,{spotlightsList:t,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/spotlight/`}))},eL=p.Z.div`
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 48px;
${_.M.tdDown} {
grid-template-columns: 1fr;
grid-gap: 32px;
}
${_.M.mbDown} {
grid-gap: 24px;
}
`,eD=p.Z.div`
padding: 5px;
flex: 1;
`,eT=p.Z.img`
width: 88px;
height: 88px;
border-radius: 4px;
object-fit: cover;
`,eI=p.Z.div`
font-size: 12px;
font-weight: 600;
color: ${g.r.colors.gray800};
text-decoration: none;
&[data-theme='marryBaby'] {
font-weight: 400;
letter-spacing: -0.2px;
}
`,eA=p.Z.div`
text-decoration: none;
font-size: 12px;
font-weight: 400;
color: ${g.r.colors.primaryBase};
&[data-theme='marryBaby'] {
font-weight: 400;
letter-spacing: -0.2px;
}
`,eF=p.Z.div`
font-size: 12px;
font-weight: 400;
color: ${g.r.colors.gray600};
`,eH=p.Z.div`
font-size: 12px;
font-weight: 400;
color: ${g.r.colors.gray600};
`,ej=p.Z.a`
display: flex;
gap: 10px;
text-decoration: none;
position: relative;
&::after {
content: '';
display: block;
width: 100%;
height: 1px;
border-top: 1px dashed ${g.r.colors.neutral100};
position: absolute;
bottom: -24px;
${_.M.tdOnly} {
bottom: -16px;
}
${_.M.mbDown} {
bottom: -12px;
}
}
&:last-child {
&::after {
display: none;
}
}
${_.M.tdUp} {
&:nth-last-child(2) {
&::after {
display: none;
}
}
}
`,eO=p.Z.div`
display: flex;
gap: 10px;
vertical-align: middle;
align-items: center;
`,eZ=p.Z.div`
margin-top: 8px;
font-size: 16px;
font-weight: 600;
color: ${g.r.colors.gray800};
&[data-theme='marryBaby'] {
margin-top: 12px;
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.2px;
}
`,eR=p.Z.div`
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 5px;
`,eU=p.Z.div`
display: flex;
gap: 4px;
flex-direction: column;
`;R().extend(W());let Item$2=({post:e,index:t=0})=>{var a,i,o,l,r,s,d;let{siteType:c,configs:{statics:p}}=(0,n.useContext)(u.a);if(!e)return null;let m=[p.TOGETHER_URL_FE,null===(a=e.community)||void 0===a?void 0:a.slug].join("/"),g=[m,e.slug].join("/"),h=e.createdAt,v=h?isNaN(new Date(h).getTime())?null:new Date(h):null,f=v?R()(v).toNow(!0):h;return n.createElement(ej,{href:g,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":g},n.createElement(eD,null,n.createElement(eO,null,n.createElement(V.U,{avatar:null===(i=e.author)||void 0===i?void 0:i.avatar,username:(null===(o=e.author)||void 0===o?void 0:o.name)||(null===(l=e.author)||void 0===l?void 0:l.username)}),n.createElement(eU,null,n.createElement(eI,{"data-theme":c},null===(r=e.author)||void 0===r?void 0:r.name),n.createElement(eR,null,n.createElement(eA,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":m,onClick:e=>{e.preventDefault(),location.href=m},"data-theme":c},null===(s=e.community)||void 0===s?void 0:s.name),n.createElement(eH,null,"•"),n.createElement(eF,{"data-theme":c},f)))),n.createElement(eZ,null,e.title)),!!(null===(d=e.photos)||void 0===d?void 0:d.length)&&n.createElement(eT,{loading:"lazy",src:e.photos[0]}))},CommunitySpotlights=({spotlights:e=[]})=>{let{configs:{statics:t}}=(0,n.useContext)(u.a),{t:a}=(0,D.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(eL,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:$.C.getAssetPath("community.svg")}))},MenuCommunitiesList=({communities:e=[],onClose:t,isOpen:a,spotlights:i=[]})=>{let{t:o}=(0,D.u)(),{configs:{statics:l}}=(0,n.useContext)(u.a);return n.createElement(PopupWrapper,{onClosePopup:t,isDisplay:a,isNavMenu:!0},n.createElement(Categories,{hrefViewMore:(0,r.e)(l.TOGETHER_URL_FE),UrlFE:(0,r.n)(l.TOGETHER_URL_FE),onClosePopup:t,titleBtnViewMore:o("home.navigator.menuItem.allCommunities"),menuItems:(null==e?void 0:e.map(e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{}))||[],headingTitle:o("home.navigator.menuItem.allCommunitiesheadingTitle")}),n.createElement(CommunitySpotlights,{spotlights:i}))},eW=p.Z.div`
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
${_.M.tdDown} {
grid-template-columns: 1fr;
gap: 12px;
}
`,AppIcon=e=>{var{size:t=24,color:a="#2D87F3"}=e,o=(0,i._)(e,["size","color"]);return n.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),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"}))},eV=p.Z.a`
text-decoration: none;
border-radius: 4px;
background: ${g.r.colors.primary50};
position: relative;
overflow: hidden;
display: flex;
* {
pointer-events: none;
}
.bg-svg {
width: 245px;
top: 0;
right: 0;
height: 100%;
position: absolute;
${_.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;
}
${_.M.tdDown} {
padding-top: 16px;
display: flex;
align-items: center;
}
${_.M.mbDown} {
.phone-badge {
display: none;
}
}
`,eG=p.Z.div`
width: 64px;
height: 64px;
background: white;
position: absolute;
right: 25px;
top: 35px;
z-index: 3;
border-radius: 50%;
img {
position: absolute;
width: 64px;
height: 64px;
top: 50%;
left: 50%;
display: block;
transform: translate(-50%, -50%);
}
${_.M.tdDown} {
position: relative;
top: unset;
right: unset;
}
`,eq=p.Z.div`
display: flex;
align-items: center;
gap: 4px;
color: ${g.r.colors.primaryBase};
font-weight: 400;
font-size: 14px;
text-decoration: none;
`,eY=p.Z.p`
font-size: 16px;
font-weight: 600;
line-height: 1.4;
color: ${g.r.colors.gray800};
`,eJ=p.Z.p`
font-size: 14px;
line-height: 1.4;
font-weight: 400;
color: ${g.r.colors.gray600};
height: 40px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: auto;
${_.M.tdDown} {
display: none;
}
`,eQ=p.Z.div`
display: flex;
flex-direction: column;
flex: 1;
z-index: 1;
${_.M.tdUp} {
gap: 8px;
}
${_.M.tdDown} {
gap: 4px;
flex: 1;
}
`,Item$1=({item:e,index:t=0})=>{let{t:a}=(0,D.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;return n.createElement(eV,{href:o,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":o},e.isMobileAppTool&&n.createElement(Phone,{size:20,className:"phone-badge"}),n.createElement("img",{src:$.C.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),n.createElement(eQ,null,n.createElement(eY,null,e.title),n.createElement(eJ,{dangerouslySetInnerHTML:{__html:e.subtitle}}),n.createElement(eq,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(eG,null,n.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},eX=p.Z.a`
text-decoration: none;
border-radius: 12px;
position: relative;
overflow: hidden;
display: flex;
* {
pointer-events: none;
}
.bg-svg {
top: 0;
left: 0;
position: absolute;
}
.dot-svg {
width: 40px;
height: 30px;
top: 36px;
left: 16px;
position: absolute;
stroke-width: 0;
}
&[data-color='pink'] {
background: ${g.r.mbColors.tonePink};
.bg-svg {
fill: ${g.r.mbColors.peach};
}
}
&[data-color='orange'] {
background: ${g.r.mbColors.toneYellow};
.bg-svg {
fill: ${g.r.mbColors.orange};
}
}
&[data-color='green'] {
background: ${g.r.mbColors.toneGreen};
.bg-svg {
fill: ${g.r.mbColors.mint};
}
}
padding: 180px 24px 16px;
a {
display: flex;
width: 100%;
}
${_.M.tdDown} {
padding-top: 16px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
${_.M.mbDown} {
padding-top: 0;
padding-left: 80px;
height: 96px;
align-items: flex-start;
justify-content: center;
flex-direction: column;
.dot-svg {
top: 22px;
left: 16px;
}
}
${_.M.tdUp} {
min-height: 296px;
}
.mobile-only {
${_.M.tdUp} {
display: none;
}
}
.desktop-only {
${_.M.tdDown} {
display: none;
}
}
`,eK=p.Z.div`
width: 48px;
height: 48px;
background: white;
position: absolute;
right: 25px;
top: 35px;
z-index: 3;
border-radius: 50%;
img {
position: absolute;
width: 36px;
height: 36px;
top: 50%;
left: 50%;
display: block;
transform: translate(-50%, -50%);
}
${_.M.tdDown} {
position: relative;
top: unset;
right: unset;
}
${_.M.mbDown} {
position: absolute;
left: 32px;
top: 28px;
}
`,e0=p.Z.div`
display: flex;
align-items: center;
background: white;
font-weight: 400;
font-size: 14px;
text-decoration: none;
border-radius: 50%;
width: 20px;
height: 20px;
svg path {
fill: ${g.r.mbColors.gray};
}
${_.M.tdDown} {
background: none;
width: 100%;
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: ${g.r.mbColors.pink};
padding-left: 16px;
}
`,e1=p.Z.p`
font-weight: 600;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.2px;
color: ${g.r.colors.gray800};
`,e2=p.Z.p`
font-weight: 400;
font-size: 12px;
line-height: 18px;
letter-spacing: -0.2px;
color: ${g.r.colors.gray600};
height: 54px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: auto;
${_.M.tdDown} {
display: none;
}
`,e5=p.Z.div`
display: flex;
flex: 1;
z-index: 1;
align-items: flex-end;
justify-content: flex-end;
${_.M.tdUp} {
gap: 8px;
flex-direction: row;
}
${_.M.tdDown} {
align-items: flex-start;
justify-content: flex-start;
gap: 4px;
}
`,e3=p.Z.div`
display: flex;
flex-direction: column;
flex: 1;
z-index: 1;
${_.M.tdUp} {
gap: 8px;
}
${_.M.tdDown} {
gap: 4px;
flex: 1;
padding-left: 16px;
}
`,e4=p.Z.div`
display: flex;
flex-direction: row;
flex: 1;
z-index: 1;
${_.M.tdUp} {
gap: 8px;
justify-content: flex-end;
align-items: flex-end;
}
${_.M.tdDown} {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
`,ItemMarryBaby=({item:e,index:t=0,color:a})=>{let{t:i}=(0,D.u)(),{configs:{statics:o}}=(0,n.useContext)(u.a);if(!e)return null;let l=e.link?e.link.startsWith("http")?e.link:`${o.HOME_PAGE_URL}${e.link}`:void 0,renderIcon=()=>n.createElement(eK,null,n.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})),renderName=()=>n.createElement(e4,null,n.createElement(e3,null,n.createElement(e1,null,e.title),n.createElement(e2,null,e.subtitle)),n.createElement(e0,null,n.createElement("div",{className:"mobile-only"},i("home.seeMore")),n.createElement("img",{src:$.C.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"},loading:"lazy"})));return n.createElement(eX,{href:l,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":l,"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:$.C.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),n.createElement(e5,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,D.u)(),i=["pink","orange","green"],{siteType:o}=(0,n.useContext)(u.a);return n.createElement(Spotlights,{title:a("home.navigator.menu.spotlightTools")},0!==t.length&&n.createElement(eW,null,null==t?void 0:t.slice(0,3).map((e,t)=>"marryBaby"===o?n.createElement(ItemMarryBaby,{key:t,index:t,item:e,color:i[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:$.C.getAssetPath("community.svg")}))},MenuHealthToolsList=({locale:e,onClose:t,isOpen:a,spotlightHealthTools:i=[],healthTools:o=[]})=>{var r;let{t:s}=(0,D.u)(),{configs:{statics:d}}=(0,n.useContext)(u.a),c=`${d.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(r=l.S[e])||void 0===r?void 0:r.HEALTH_TOOLS)||""}`;return n.createElement(PopupWrapper,{onClosePopup:t,isDisplay:a,isNavMenu:!0},n.createElement(Categories,{hrefViewMore:c,UrlFE:d.HOME_PAGE_URL,onClosePopup:t,headingTitle:s("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:s("home.navigator.menuItem.allHealthTools"),menuItems:o.map(e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${d.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon,isMobileAppTool:e.isMobileAppTool}))}),n.createElement(ToolSpotlights,{spotlightHealthTools:i,hrefViewMore:c}))},e6=p.Z.div`
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
${_.M.tdDown} {
gap: 12px;
grid-template-columns: 1fr;
}
`,VideoSpotlights=({spotlightsList:e=[],layout:t="default"})=>{let{t:a}=(0,D.u)(),{configs:{statics:i}}=(0,n.useContext)(u.a);return n.createElement(Spotlights,{title:a("home.navigator.menu.lastestVideos")},0!==e.length?n.createElement(e6,null,null==e?void 0:e.slice(0,4).map((e,a)=>n.createElement(o.V,{key:a,data:Object.assign(Object.assign({},e),{type:M.V.SHORTS}),layout:"default"===t?"overlay":"horizon",dataEventCategory:"Hamburger Navigation",dataEventAction:`Video Click ${a+1}`}))):n.createElement(SpotlightNoData,{title:a("home.navigator.menu.category.noDatas.title"),description:a("home.navigator.menu.category.noDatas.description"),link:`${i.VIDEO_URL_FE}/`,cta:a("home.navigator.menu.category.noDatas.cta"),icon:$.C.getAssetPath("Spotlight.svg")}))},MenuVideoList=({spotlightsList:e=[],onClose:t,isOpen:a})=>{let{t:i}=(0,D.u)(),{locale:o,configs:{statics:l}}=(0,n.useContext)(u.a),r=(0,n.useMemo)(()=>[{name:i("home.navigator.menu.videos"),link:`${l.VIDEO_URL_FE}/video/`,thumbnail:$.C.getAssetPath("nav-icons/video.svg")},{name:i("home.navigator.menu.shorts"),link:`${l.VIDEO_URL_FE}/short/`,thumbnail:$.C.getAssetPath("nav-icons/short.svg")}],[]);return n.createElement(PopupWrapper,{onClosePopup:t,isDisplay:a,isNavMenu:!0},n.createElement(Categories,{hrefViewMore:`${l.HOME_PAGE_URL}${"tl-PH"===o?"/fil":""}/videos/`,UrlFE:l.HOME_PAGE_URL,onClosePopup:t,titleBtnViewMore:i("home.navigator.menuItem.allVideos"),menuItems:r,headingTitle:i("home.navigator.menuItem.videoCategories")}),n.createElement(VideoSpotlights,{spotlightsList:e}))};p.Z.div`
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
${_.M.tdDown} {
gap: 12px;
grid-template-columns: 1fr;
}
`;let e8=(0,p.Z)(P.B)`
border: 1px solid ${g.r.colors.white} !important;
.mantine-Button-leftIcon {
width: 24px;
height: 24px;
}
`,e7=p.Z.div`
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 5px;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.1) 15.1%,
rgba(0, 0, 0, 0.01) 100%
),
linear-gradient(180deg, #65b5ff 0%, #2685f1 100%);
background-blend-mode: soft-light, normal;
`,InitialCart=()=>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:i,configs:{enableAppIntroPage:o}}=(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(e8,{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(e8,{variant:"tertiary",leftIcon:n.createElement(InitialDoctor,null)},s.name)),o&&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(e8,{variant:"tertiary",leftIcon:n.createElement(e7,null,n.createElement(c.Z,{width:16,height:15}))},`${l.L[i||"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:i}){let{isWinCashBackTheme:o}=(0,n.useContext)(u.a);return"helloSites"===e?n.createElement("div",{className:"hamburger-container"},o?n.createElement(HamburgerWhite,{className:a}):n.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:t?$.C.getAssetPath("hamburgerMenuNewWithSearch.svg"):$.C.getAssetPath("hamburgerMenuNew.svg"),style:Object.assign({width:"24px",height:"24px"},i),alt:"home",className:a,loading:"lazy"})):n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:a},n.createElement("path",{d:"M3.35 15a.65.65 0 0 1 .65-.65h10a.65.65 0 1 1 0 1.3H4a.65.65 0 0 1-.65-.65m0-6A.65.65 0 0 1 4 8.35h16a.65.65 0 1 1 0 1.3H4A.65.65 0 0 1 3.35 9",fill:"#3E3F58"}))}let e9=p.Z.div`
position: fixed;
z-index: 201;
top: calc(100% - 1px);
width: 100%;
height: calc(100vh - var(--header-bottom));
overflow-x: hidden;
overflow-y: auto;
background: white;
display: flex;
flex-direction: column;
padding-bottom: 0;
left: 0;
.hhgcomp-navigation-popupwrapper-menuwrapper {
position: unset;
}
`;p.Z.div`
padding: 16px;
padding-bottom: 12px;
.fake-search-input {
pointer-events: none;
input {
line-height: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
}
&[data-theme='marryBaby'] {
input {
background: ${g.r.mbColors.lightGray};
border-radius: 16px;
border: none;
}
}
`;let te=p.Z.div`
display: block;
overflow-y: auto;
flex: 1;
padding-bottom: 16px;
&::-webkit-scrollbar {
width: 0;
display: none;
}
`,tt=p.Z.div`
padding: 0 16px;
`,ta=p.Z.div`
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-bottom: 3.5rem;
${_.M.tdDown} {
grid-template-columns: repeat(1, 1fr);
}
`,ti=p.Z.a`
text-decoration: none;
display: flex;
align-items: center;
`,Item=({item:e,index:t=0})=>e?n.createElement(ti,{href:e.url,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":e.url},n.createElement("img",{loading:"lazy",alt:e.name,src:e.featuredImage||"/images/avatar.jpg",style:{width:"40px",height:"40px"}}),n.createElement(N.T,{size:"p2",weight:"regular",style:{marginLeft:16}},e.name),n.createElement("img",{src:$.C.getAssetPath("chevronRightActive.svg"),style:{width:"20px",height:"20px",marginLeft:"auto"},loading:"lazy"})):null,EcomSpotlights=({helpfulUrls:e=[]})=>{let{t}=(0,D.u)();return e.length?n.createElement(Spotlights,{title:t("home.navigator.menu.spotlightEcom")},0!==e.length?n.createElement(ta,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:i=!1})=>{var o,r;let{siteType:s,ssrMenuContent:{categories:d,healthTools:c,care:p,together:m,ecom:g,videos:h},activeMenuService:v,configs:{statics:f},locale:x,customClasses:b}=(0,n.useContext)(u.a),{t:y}=(0,D.u)();return n.createElement(e9,{className:b.categoriesMenu,id:"categories-menu"},!i&&n.createElement(tt,{className:"search-wrapper"},n.createElement(NavigtionSearch,{siteType:s,projectType:a,isMobile:!1,isRedirectSearchPage:!0})),n.createElement(te,null,n.createElement(Categories,{UrlFE:f.HOME_PAGE_URL,titleBtnViewMore:y("home.navigator.menuItem.allCategories"),menuItems:t,headingTitle:y("home.navigator.menuItem.healthCategories"),onClosePopup:e,activeItem:v}),"categories"===v&&n.createElement(CategorySpotlights,{spotlightsList:(null==d?void 0:d.spotlights)||[],hrefViewMore:`${f.HOME_PAGE_URL}${"tl-PH"===x?"/fil":""}/spotlight/`}),"tools"===v&&n.createElement(ToolSpotlights,{spotlightHealthTools:null==c?void 0:c.spotlights,hrefViewMore:`${f.HOME_PAGE_URL}${"tl-PH"===x?"/fil":""}${(null===(o=l.S[x])||void 0===o?void 0:o.HEALTH_TOOLS)||""}`}),"care"===v&&n.createElement(CareSpotlights,{spotlights:null==p?void 0:p.spotlights,hrefViewMore:`${f.CARE_URL_FE}/${null===(r=I.L[x])||void 0===r?void 0:r.SPECIALTIES}`}),"together"===v&&n.createElement(CommunitySpotlights,{spotlights:null==m?void 0:m.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:i}=(0,n.useContext)(u.a),{containerRef:o,onContainerFocus:l,onContainerBlur:r,onButtonMouseDown:s,onClose:d}=(0,u.u)();return n.createElement(DisplayWrapper,{mediaQueryKey:"mbDown"},n.createElement("header",{className:"y5VJdvw"},n.createElement("div",{className:"oVhOSCy",ref:o,role:"button",tabIndex:0,onBlur:r,onFocus:l},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:i,enableSearch:!1,className:"mobile-hamburger-icon"})),n.createElement(MenuServiceList,{menuItems:e,isHomepage:t,projectType:a,closePopup:d}))))},tn=p.Z.div`
z-index: 201;
width: 100%;
align-items: center;
background-color: ${g.r.colors.white};
transition: height 0.3s, transform 0.3s;
&[data-win-cash-back-theme='true'] {
background-color: ${g.r.colors.blue900};
.search-wrapper {
padding: 8px 16px;
background-color: ${g.r.colors.blue900};
}
.hhgcomp-navigation-itemnav-headeritem {
border-bottom: none;
color: ${g.r.colors.white};
svg {
path {
stroke: ${g.r.colors.white};
}
}
.wrapper-menu-icon {
.origin-icon {
filter: brightness(0) invert(1);
}
.close-icon {
svg {
path {
fill: ${g.r.colors.white};
}
}
}
}
}
.profile-nav-group {
margin-left: 12px;
gap: 24px;
${_.M.pcDown} {
margin-left: 16px;
gap: 16px;
}
${_.M.mbDown} {
margin-left: 0;
gap: 16px;
}
.login-btn {
border-radius: 28px;
border-color: rgba(255, 255, 255, 0.2);
&:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.2);
}
}
}
.hhgcomp-navigation-itemnav-headeritem {
gap: 2px;
${_.M.pcUp} {
padding: 0 12px;
}
${_.M.pcDown} {
padding: 0 6px;
}
}
.mobile-close-icon {
path {
stroke: ${g.r.colors.white};
}
}
.fake-search-input {
.mantine-Input-input {
border-radius: 8px;
}
}
}
&[data-site-type='helloSites'] {
border-bottom: 1px solid ${g.r.colors.neutral100};
}
&[data-site-type='helloSites'][data-win-cash-back-theme='true'] {
border-bottom: none;
}
&[data-sponsored='true'] {
border-bottom: none;
}
&[data-marry-baby-tone='pink'] {
background-color: ${g.r.mbColors.lightPink};
}
${_.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: ${j.Z.headerContainerHome};
}
&[data-is-displayed='false'] {
//display: none;
visibility: hidden;
}
}
.marry-baby {
input {
background: ${g.r.mbColors.lightGray};
border-radius: 16px;
border: none;
}
max-width: 172px;
}
&[data-site-type='marryBaby'] {
.close-btn {
top: 16px;
right: 16px;
}
}
`,to=p.Z.div`
display: flex;
height: 100%;
align-items: center;
justify-content: space-between;
padding: 0 2rem;
height: 56px;
${_.M.pcDown} {
padding: 0 1rem;
}
${_.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%; */
${_.M.mbDown} {
/* padding: 0 16px; */
background: ${g.r.colors.blue900};
height: 56px;
}
}
&[data-site-type='marryBaby'] {
width: 100%;
margin: 0 auto;
padding: 0 16px;
${_.M.tdUp} {
max-width: 1064px;
}
}
`,tl=p.Z.div`
display: flex;
align-items: center;
height: 100%;
gap: 32px;
${_.M.pcDown} {
flex-shrink: 0;
gap: 12px;
&[data-site-type='marryBaby'] {
gap: 24px;
}
}
`,tr=p.Z.div`
display: flex;
align-items: center;
height: 100%;
flex-shrink: 0;
${_.M.tdDown} {
flex-shrink: 0.6;
gap: 8px;
}
.hhgcomp-navigation-itemnav-headeritem {
gap: 2px;
${_.M.pcUp} {
padding: 0 10px;
}
${_.M.pcDown} {
padding: 0 6px;
}
${_.M.mbDown} {
display: none;
}
a {
text-decoration: none;
}
}
`;p.Z.div`
.fake-search-input {
pointer-events: none;
input {
line-height: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
}
`;let ts=p.Z.div`
margin-left: 16px;
display: flex;
gap: 12px;
align-items: center;
flex-shrink: 0;
${_.M.pcDown} {
margin-left: 8px;
gap: 8px;
}
${_.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;
${_.M.mbDown} {
width: 88px;
height: 36px;
}
}
`,td=p.Z.div`
display: flex;
align-items: center;
height: 100%;
&[data-site-type='marryBaby'] {
gap: 26px;
}
.hamburger-container {
display: flex;
justify-content: center;
align-items: center;
}
`,tc=p.Z.div`
padding: 0 16px 6px;
`,tp=(0,p.Z)(P.B)`
border-radius: 28px;
border: 1px solid ${g.r.colors.neutral200};
&.ai-doctor-btn {
pointer-events: none !important;
* {
pointer-events: none !important;
}
}
${_.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:i,subHead:s,projectType:d,customClasses:c})=>{var p,m,g,h,f;let{siteType:b,isMobile:y=!1,locale:E,sitewideBanner:C,sitewideBannerData:M,sitewideSite:N="discover",sponsorComponent:P,isHomepage:_=!1,currentUrl:L,onLoginClick:D,cartNumber:I,configs:{statics:A,enableSearchBar:F,enableNavChatbotAi:H,enableNavClinityDownload:j,enableAppIntroPage:O,enableNavCartCare:Z},userState:{userInfo:R},onLogout:U,isUserLoading:W,slot:V,isWinCashBackTheme:Y}=(0,n.useContext)(u.a),{triggerLogin:J}=(0,S.u)(),{SSO_URL:Q,HOME_PAGE_URL:X}=A,K=!!P,[ee,et]=(0,n.useState)(!1),ea=(0,n.useRef)(47),ei=(0,n.useRef)(null),en=(0,n.useRef)(!1),{getHref:eo}=(0,T.a)(),el=`${(0,r.g)(E)}/${B.C}/${null===(p=z.L[E])||void 0===p?void 0:p.CART}/`,er=eo(),es="helloSites"===b?null===(m=l.L[E])||void 0===m?void 0:m.LOGO_TYPE:b,ed="undefined"!=typeof window,ec=(0,n.useCallback)(k()(()=>{if(ed){if(!ei.current)return;let e=ei.current.getBoundingClientRect();e.top<=0&&window.scrollY>ea.current+30&&window.scrollY>e.height+20&&!en.current&&(en.current=!0,et(!0)),window.scrollY=0&&(ea.current=window.scrollY)}},200),[]);return(0,n.useEffect)(()=>{null==e||e(!ee)},[ee]),(0,n.useEffect)(()=>(window.addEventListener("scroll",ec,{passive:!0}),()=>{window.removeEventListener("scroll",ec)}),[]),(0,n.useEffect)(()=>{y&&ec()},[y]),n.createElement(tn,{"data-site-type":b,"data-sponsored":K,"data-header-type":"home","data-collapsed":ee,"data-is-displayed":!0,"data-win-cash-back-theme":Y,id:"site-header",ref:ei,className:c.wrapper},C||n.createElement(o.S,{site:N,currentUrl:L,banner:M}),n.createElement(to,{className:c.header,"data-main-header":!0,"data-site-type":b,"data-win-cash-back-theme":Y},n.createElement(tl,{className:c.leftGroup,"data-site-type":b},y&&n.createElement(HamburgerMenu,{menuItems:a.filter(e=>!!e.link),isHomepage:_,projectType:d}),i||n.createElement("a",{style:{flexShrink:0},href:X},n.createElement("div",null,n.createElement(w.L,{style:{display:"flex"},type:es,badge:"id-ID"===E&&n.createElement("img",{src:$.C.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:E,key:"undefined"!=typeof window?"client":"server",isLightLogo:Y}))),!y&&n.createElement(n.Fragment,null,"marryBaby"===b?n.createElement(NavigationMenu,{menuItems:a,originalMenuItems:a,className:c.navMenu}):F&&n.createElement(NavigtionSearch,{siteType:b,projectType:d,isMobile:y}))),n.createElement(tr,{className:c.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:c.navMenu}),n.createElement(ts,{className:"profile-nav-group"},t,Z&&Y&&n.createElement(G.C,{href:null!=er?er:el,count:er?1:0}),H&&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===(g=l.L[E])||void 0===g?void 0:g.SITE_NAME," AI")),j&&n.createElement(x.x,{component:"a",href:`${null===(h=l.S[E])||void 0===h?void 0:h.CLINITY_DOWNLOAD_LINK}`,target:"_blank","data-event-category":"Hamburger Navigation","data-event-action":"Download Clinity","data-event-label":`${null===(f=l.S[E])||void 0===f?void 0:f.CLINITY_DOWNLOAD_LINK}`,"data-cart-menu":!0},n.createElement("img",{src:$.C.getAssetPath("clinity-download.png"),alt:"Clinity",className:"clinity-logo",style:{display:"block"}})),V,n.createElement(u.N,{userInfo:R,siteType:b,onLoginClick:D||(()=>{if((0,S.I)(E))return J();let e=window.location.href;window.location.href=Q?(0,r.n)(`${Q}?returnUrl=${e}`):e}),currentUrl:L,onLogout:U,isLoading:W,locale:E,enableAppIntroPage:O,isMobile:y,className:c.profileBtn}),void 0!==I&&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":L,count:I,locale:E}))))),y&&_&&n.createElement(tc,{className:"search-wrapper"},n.createElement(NavigtionSearch,{siteType:b,projectType:d,isMobile:y,isHomepage:_})),P?n.isValidElement(P)?n.cloneElement(P,{isCollapsed:ee,locale:E,isMobile:y}):P:null,s&&s)},NavigtionSearch=({siteType:e,projectType:t,isMobile:a=!1,isHomepage:i=!1,isRedirectSearchPage:o=!1})=>n.createElement(DisplayWrapper,{mediaQueryKey:"mbUp",className:`${"marryBaby"===e?"marry-baby":""} ${i?"block-show":""}`},n.createElement(SearchInput,{id:"desktop",projectType:t,isMobile:a,isHomepage:i,isRedirectSearchPage:o})),NavigationMenu=({menuItems:e,originalMenuItems:t,className:a})=>{let{siteType:i,locale:o,ssrMenuContent:{categories:l,healthTools:r,care:s,together:d,videos:c}}=(0,n.useContext)(u.a);return n.createElement(DisplayWrapper,{className:a,mediaQueryKey:"mbUp",style:{height:"100%"}},n.createElement(td,{"data-site-type":i},null==e?void 0:e.map((e,a)=>n.createElement(ItemMenu,{key:a,item:e,menu:"categories"===e.popupType?n.createElement(MenuCategoriesList,{categories:null==l?void 0:l.items,spotlightsList:null==l?void 0:l.spotlights}):"tools"===e.popupType?n.createElement(MenuHealthToolsList,{locale:o,healthTools:null==r?void 0:r.items,spotlightHealthTools:null==r?void 0:r.spotlights}):"together"===e.popupType?n.createElement(MenuCommunitiesList,{communities:null==d?void 0:d.items,spotlights:null==d?void 0:d.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==c?void 0:c.spotlights}):"other"===e.popupType?n.createElement(MenuViewMore,{menuItems:t}):null}))))},useHeaderHeight=({hasSponsoredBanners:e,isSponsored:t,isShowingSiteWideBanner:a,isMobile:i})=>{let o=(0,n.useRef)(null),[l,r]=(0,n.useState)(0),[s,d]=(0,n.useState)(64),c=(0,n.useCallback)(J()(()=>{var e,t,a,i;let n=(null===(e=o.current)||void 0===e?void 0:e.clientHeight)||(null===(a=null===(t=o.current)||void 0===t?void 0:t.children[0])||void 0===a?void 0:a.clientHeight)||0;window.scrollY<=n+200&&(r(n),d((null===(i=o.current)||void 0===i?void 0:i.getBoundingClientRect().bottom)||l))},200),[]);(0,n.useEffect)(()=>(window.addEventListener("resize",c,{passive:!0}),window.addEventListener("scroll",c,{passive:!0}),c(),()=>{window.removeEventListener("resize",c),window.removeEventListener("scroll",c)}),[]),(0,n.useEffect)(()=>{c()},[i,a,t,e,o.current]);let p=(0,n.useMemo)(()=>{let n=i?56:60;return a&&(n+=64),t&&(n+=40,e&&(n+=57)),n},[i,a,e,t]);return{defaultHeaderHeight:p,headerHeight:l||p,headerBottom:s,headerRef:o}},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,D.u)(),{siteType:t,locale:a,configs:{enableNavDiscover:i,enableNavHealthTools:o,enableNavCare:s,enableNavTogether:d,enableNavEcom:c,enableNavVideo:p,enableAppIntroPage:m,statics:g}}=(0,n.useContext)(u.a),h="marryBaby"===t,v=[m,s,c].filter(Boolean).length>1,f=(0,n.useMemo)(()=>{var m;let u=[];return i&&u.push({name:e("home.navigator.menuItem.discover"),id:"categories",link:`${g.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/categories/`,niceName:"",thumbnail:h?$.C.getAssetPath("categories-mb.svg"):$.C.getAssetPath("nav-icons/discover.svg"),popupType:"categories"}),p&&u.push({name:e("home.navigator.menuItem.video"),id:"video",link:`${g.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/videos/`,niceName:"",thumbnail:$.C.getAssetPath("nav-icons/video.svg"),popupType:"video"}),o&&u.push({name:e("home.navigator.menuItem.healthTools"),id:"tools",link:`${g.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}${(null===(m=l.S[a])||void 0===m?void 0:m.HEALTH_TOOLS)||""}`,thumbnail:h?$.C.getAssetPath("healthtools-mb.svg"):$.C.getAssetPath("nav-icons/health-tools.svg"),popupType:"tools"}),d&&u.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:(0,r.n)(g.TOGETHER_URL_FE+"/"),thumbnail:h?$.C.getAssetPath("community-mb.svg"):$.C.getAssetPath("nav-icons/community.svg"),popupType:"together"}),c&&u.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:(0,r.n)(g.HOME_PAGE_URL+"/shop/"),thumbnail:$.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:$.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 f},tm=p.Z.div`
--header-z-index: ${l.a};
top: 0;
z-index: var(--header-z-index);
${_.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:i,locale:l,onTopBarAppears:r,languageOptions:s,sponsorComponent:d,sitewideBanner:c,sitewideBannerShown:p,className:m,logoComponent:g,subHead:u,projectType:h,customClasses:v={}}=e,f=useNavServices();useInsider();let x=!!(null===(a=null===(t=null==d?void 0:d.props)||void 0===t?void 0:t.sponsoredBy)||void 0===a?void 0:a.length),{headerRef:b,defaultHeaderHeight:y,headerHeight:E,headerBottom:w}=useHeaderHeight({isShowingSiteWideBanner:p&&!!c,isSponsored:!!d,hasSponsoredBanners:x,isMobile:i});return n.createElement(tm,{id:"navigation-v2",style:{"--default-header-height":y+"px","--header-height":`calc(${E}px - var(--amp-site-wide-closed), 64px)`,"--header-bottom":w+"px"},className:m},n.createElement("section",{ref:b},n.createElement(NavigationBar,{menuItems:f,onTopBarAppears:r,logoComponent:g,subHead:u,projectType:h,languageMenu:n.createElement(o.L,{languageOptions:s,locale:l}),customClasses:v})))},NavigationV2=e=>{let t=Object.assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return n.createElement(u.b,Object.assign({},t),n.createElement(_NavigationV2,Object.assign({},t)))},getNavMenuContent=e=>(0,i.a)(void 0,void 0,void 0,function*(){var t,a,i,n,o,d,c,p,m,g,u,h,v,f,x,b,y,E,w,C,k,M,$,N,P;let _={},B="vi-VN_MB"===e;try{let S="tl-PH"===e?"lang=fil":"";try{let[s,v,f,x,b]=yield Promise.all([fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/categories${S?"?"+S:""}`)).then(e=>e.json()),fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/spotlights?per_page=10&order_by=start_date${S?"&"+S:""}`)).then(e=>e.json()),fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/${B?"health-tools":"healthtools"}${S?"?"+S:""}`)).then(e=>e.json()),fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/${B?"health-tools":"healthtools"}/favorites${S?"?"+S:""}`)).then(e=>e.json()),l.V.includes(e)&&fetch((0,r.n)(`${(0,r.c)(e)}/wp-json/api/video/navigation`)).then(e=>e.json())]);_.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,j.f))||[],spotlights:(null===(d=null===(o=null===(n=null===(i=null==v?void 0:v.data)||void 0===i?void 0:i.articles)||void 0===n?void 0:n.map)||void 0===o?void 0:o.call(n,j.c))||void 0===d?void 0:d.filter(j.d))||[]},_.healthTools={items:(null===(p=null===(c=null==f?void 0:f.data)||void 0===c?void 0:c.map)||void 0===p?void 0:p.call(c,j.e))||[],spotlights:(null===(g=null===(m=null==x?void 0:x.data)||void 0===m?void 0:m.map)||void 0===g?void 0:g.call(m,j.e))||[]},_.videos={spotlights:(null!==(h=null===(u=null==b?void 0:b.data)||void 0===u?void 0:u.videos)&&void 0!==h?h:[]).map(j.i)}}catch(e){}if(B||l.c.includes(e))try{let[t,a]=yield Promise.all([fetch((0,r.n)(`${(0,r.b)()}/api/v1/community?website_url=https://${Q.v[e]}`)).then(e=>e.json()),fetch((0,r.n)(`${(0,r.b)()}/api/v1/options?website_url=https://${Q.v[e]}&meta_key=popular_post`)).then(e=>e.json())]);_.together={items:(null===(x=null===(f=null===(v=null==t?void 0:t.data)||void 0===v?void 0:v.communities)||void 0===f?void 0:f.map)||void 0===x?void 0:x.call(f,s.f))||[],spotlights:(null===(E=null===(y=null===(b=null==a?void 0:a.data)||void 0===b?void 0:b.posts)||void 0===y?void 0:y.map)||void 0===E?void 0:E.call(y,s.a))||[]}}catch(e){}if(l.C.includes(e))try{let[t,a]=yield Promise.all([fetch((0,r.n)((0,r.d)()+`/api/options/setting_menu?site=${Q.v[e]}&type=0`)).then(e=>e.json()),fetch((0,r.n)((0,r.d)()+`/api/options/setting_menu?site=${Q.v[e]}&type=1`)).then(e=>e.json())]);_.care={items:(null===(M=null===(k=null===(C=null===(w=null==t?void 0:t._data)||void 0===w?void 0:w.setting_menu)||void 0===C?void 0:C.menu_specialty)||void 0===k?void 0:k.map)||void 0===M?void 0:M.call(k,j.j))||[],spotlights:(null===(P=null===(N=null===($=null==a?void 0:a._data.setting_menu)||void 0===$?void 0:$.menu_hospital)||void 0===N?void 0:N.map)||void 0===P?void 0:P.call(N,j.k))||[]}}catch(e){}}catch(e){console.error(e)}return _}),getNavMenuContentWithCache=e=>(0,i.a)(void 0,void 0,void 0,function*(){return(yield(0,X.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)}))||{}})},OaJP:function(e,t,a){a.d(t,{B:function(){return Button}});var i=a("LufY"),n=a("q1tI"),o=a("G7ij");let Button=e=>{var{size:t,color:a="primary",isDisabled:l,isBlock:r,title:s,onClick:d,icon:c,iconPosition:p="left",children:m,isLoading:g=!1,loadingText:u,dataEventCategory:h,dataEventAction:v,dataEventLabel:f,dataProductChannel:x,dataProductSku:b,dataProductBrand:y,dataProductName:E,dataProductPrice:w,dataProductCategory:C,dataProductPosition:k,type:M}=e,$=(0,i._)(e,["size","color","isDisabled","isBlock","title","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);return n.createElement(o.B,Object.assign({},{"data-event-category":h,"data-event-action":v,"data-event-label":f,"data-product-channel":x,"data-product-sku":b,"data-product-brand":y,"data-product-name":E,"data-product-price":w,"data-product-category":C,"data-product-position":k},{size:t,variant:"transparent"===a?"white":"danger"===a?"error":a,disabled:l,onClick:e=>{g||l||!d||d(e)},title:s,loading:g,type:M||"submit",leftIcon:"left"===p?c:void 0,rightIcon:"right"===p?c:void 0,w:r?"100%":void 0,p:r?"12px auto":void 0,"data-color":a,"data-size":t,"data-block":r,"data-has-icon":!!c||void 0,"data-theme":$.theme,"data-is-loading":g},$),g&&u||m)}},sdrH:function(e,t,a){a.d(t,{D:function(){return Divider}});var i=a("q1tI"),n=a("rBCA"),o=a("iBNF");let l=n.Z.hr`
border-width: 1px;
border-color: ${o.r.colors.neutral200};
border-style: ${e=>e.dividerType};
`,Divider=({type:e="solid",className:t,style:a})=>i.createElement(l,{style:a,className:t,"data-diver-type":e,dividerType:e})},C071:function(e,t,a){a.d(t,{R:function(){return RadioImageGroup}});var i=a("q1tI"),n=a("iBNF"),o=a("rBCA"),l=a("dhtY"),r=a("vaiB");let s=o.Z.div`
display: flex;
width: 100%;
&[data-direction='vertical'] {
flex-direction: column;
}
&[data-direction='horizontal'] {
flex-wrap: wrap;
}
`,d=o.Z.div`
display: flex;
padding: 8px;
border-radius: ${n.r.borderRadius};
cursor: pointer;
& > div {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
&[data-is-mb='false'] {
&[data-selected='true'] {
border: 1px solid #2d87f3;
background: white;
}
&[data-selected='false'] {
border: 1px solid #f2f2f2;
box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);
}
}
&[data-is-mb='true'] {
border-radius: 16px;
background: white;
padding: 16px auto;
&[data-selected='true'] {
border: 1px solid ${n.r.mbColors.mint};
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
}
&[data-selected='false'] {
border: none;
}
}
&[data-disabled='true'] {
cursor: auto;
}
.radio-group-item-heading {
margin-top: 8px;
//height: 48px;
text-align: center;
}
.gender-image {
width: 70px;
height: 70px;
&[data-is-mobile='true'] {
width: 40px;
height: 40px;
}
}
`,RadioImageGroup=({value:e,options:t,className:a,direction:o="horizontal",onChange:c,isDisabled:p,siteType:m})=>{let[g,u]=(0,i.useState)(e),handleOnChange=e=>{!p&&(u(e),c&&c(e))},h="marryBaby"===m;return i.createElement(s,{className:a,"data-direction":o},t.map((t,a)=>i.createElement(d,{"data-selected":(e||g)===t.value,"data-is-mb":h,"data-disabled":p,key:a,onClick:()=>{handleOnChange(t.value)}},i.createElement("div",null,t.content,t.label&&i.createElement(i.Fragment,null,h?i.createElement(l.M,{type:"subtitle-2",color:(e||g)===t.value?n.r.mbColors.dark:n.r.mbColors.midGray},t.label):i.createElement(r.T,{type:"bold",color:(e||g)===t.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},t.label))))))}},J5bt:function(e,t,a){a.d(t,{u:function(){return useTranslations}});var i=a("q1tI"),n=a("Dd25");function format(e,t){let a=[e];return(Object.keys(t).forEach(e=>{a=function(e,t,a){let n=[];return e.forEach(e=>{if("string"==typeof e){let o=RegExp(`\\{${a}\\}`,"gi");if("string"==typeof t||"number"==typeof t)n.push(e.replace(o,`${t}`));else{let a=e.split(o);a.forEach((e,o)=>{e&&(function(e){let t=[],a=!1,n=!1;return e.match(/^\s+/gi)&&(e=e.replace(/^\s+/gi,""),a=!0),e.match(/\s+$/gi)&&(e=e.replace(/\s+$/gi,""),n=!0),a&&t.push(i.createElement(i.Fragment,null,"\xa0")),t.push(e),n&&t.push(i.createElement(i.Fragment,null,"\xa0")),t})(e).forEach(e=>n.push(e)),o+1"string"==typeof e)?a.join(""):i.createElement(i.Fragment,null,a.map((e,t)=>i.createElement(i.Fragment,{key:t},e)))}function useTranslations(){let{values:e,locale:t}=(0,i.useContext)(n.T)||{locale:"en-PH"};return(0,i.useMemo)(()=>({t:(t,a)=>e?e[t]?a?format(e[t]||t,a):e[t]||t:a?format(t,a):t:t,locale:t}),[e,t])}},YfKX:function(e,t,a){a.d(t,{S:function(){return n}});var i=a("2wr/");let n=i.r},STiD:function(e,t,a){a.d(t,{c:function(){return s}});var i=Object.prototype.toString,n=/^[!#$%&'*+\-.^_`|~0-9A-Za-z]+$/,o=/^("?)[\u0021\u0023-\u002B\u002D-\u003A\u003C-\u005B\u005D-\u007E]*\1$/,l=/^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i,r=/^[\u0020-\u003A\u003D-\u007E]*$/;function startIndex(e,t,a){do{var i=e.charCodeAt(t);if(32!==i&&9!==i)return t}while(++ta;){var i=e.charCodeAt(--t);if(32!==i&&9!==i)return t+1}return a}function decode(e){return -1!==e.indexOf("%")?decodeURIComponent(e):e}var s={parse:function(e,t){if("string"!=typeof e)throw TypeError("argument str must be a string");var a={},i=e.length;if(i<2)return a;var n=t&&t.decode||decode,o=0,l=0,r=0;do{if(-1===(l=e.indexOf("=",o)))break;if(-1===(r=e.indexOf(";",o)))r=i;else if(l>r){o=e.lastIndexOf(";",l-1)+1;continue}var s=startIndex(e,o,l),d=endIndex(e,l,s),c=e.slice(s,d);if(!a.hasOwnProperty(c)){var p=startIndex(e,l+1,r),m=endIndex(e,r,p);34===e.charCodeAt(p)&&34===e.charCodeAt(m-1)&&(p++,m--);var g=e.slice(p,m);a[c]=function(e,t){try{return t(e)}catch(t){return e}}(g,n)}o=r+1}while(o{let[r,s]=(0,i.useState)(e);return(0,i.useEffect)(()=>{s(e)},[e]),i.createElement(l,{className:a},t.map((e,t)=>i.createElement(n.B,{dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel,size:"sm",variant:e.value===r?"primary":"tertiary",className:e.value===r?"btn-choice-selected":"",key:t,onClick:()=>{s(e.value),null==o||o(e.value)}},e.label||"")))}},dhtY:function(e,t,a){a.d(t,{M:function(){return MarryBabyText},a:function(){return MarryBabyHeading}});var i=a("LufY"),n=a("q1tI"),o=a("rBCA"),l=a("iBNF");let r=(0,o.Z)(e=>{var{type:t}=e,a=(0,i._)(e,["type"]);return n.createElement(t,a)})`
color: var(--text-color, ${l.r.mbColors.dark});
font-family: Krub;
font-weight: 600;
letter-spacing: -0.2px;
&[data-type='headline-1'] {
font-size: 40px;
line-height: 60px;
}
&[data-type='headline-2'] {
font-size: 32px;
line-height: 48px;
}
&[data-type='headline-3'] {
font-size: 24px;
line-height: 40px;
}
&[data-type='headline-4'] {
font-size: 18px;
line-height: 32px;
}
`,s=o.Z.p`
color: var(--text-color, ${l.r.mbColors.dark});
letter-spacing: -0.2px;
&[data-type='subtitle-1'] {
font-size: 16px;
font-weight: 600;
line-height: 26px;
}
&[data-type='subtitle-2'] {
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
&[data-type='subtitle-3'] {
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
&[data-type='bodytext-1'] {
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
&[data-type='bodytext-2'] {
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
&[data-type='bodytext-3'] {
font-size: 12px;
font-weight: 400;
line-height: 20px;
}
&[data-type='caption-1'] {
font-size: 10px;
font-weight: 500;
letter-spacing: -0.1px;
line-height: 14px;
}
&[data-type='caption-2'] {
font-size: 10px;
font-weight: 400;
letter-spacing: -0.1px;
line-height: 14px;
}
`,MarryBabyHeading=e=>{var{type:t,color:a,style:o}=e,l=(0,i._)(e,["type","color","style"]);return n.createElement(r,Object.assign({type:t,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[t],style:Object.assign(Object.assign({},a&&{"--text-color":a}),o)},l))},MarryBabyText=e=>{var{type:t,color:a,style:o}=e,l=(0,i._)(e,["type","color","style"]);return n.createElement(s,Object.assign({"data-type":t,style:Object.assign(Object.assign({},o),a&&{"--text-color":a})},l))}}}]);