"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8674],{"XB/f":function(e,t,n){n.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 a=n("otAR"),i=n("q1tI"),o=n("nmRb"),r=n("EGjC"),l=n("QAkY"),s=n("2Qp+"),c=n("V50O"),d=n("Frmf"),p=n("38FU"),u=n("iBNF"),m=n("rBCA"),g=n("q+5q"),h=n("gEnE"),v=n("xXM3"),f=n.n(v),b=n("WsKU"),y=n("ejmp"),E=n("iRra"),x=n("xrdX"),w=n("QHxc"),C=n("hPj0");let BlueWhiteLogin=e=>i.createElement("svg",Object.assign({width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.createElement("rect",{y:"0.5",width:"31",height:"31",rx:"15.5",fill:"white"}),i.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"}),i.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=>i.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),i.createElement("path",{d:"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"}),i.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:n,enableBookingBtn:a})=>{let o=(0,i.useMemo)(()=>{let i="discover"===t||"together"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===n,o="marryBaby"!==n&&"marryBaby"!==t&&b.C.includes(e),r=a&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==n&&b.d.includes(e),l="marryBaby"===t||b.a.includes(e),s="marryBaby"!==n&&b.E.includes(e),c="marryBaby"!==n&&b.E.includes(e),d=b.V.includes(e),p=b.H.includes(e),u=b.e.includes(e),m=(0,E.g)(e,"marryBaby"===n),g=m;"undefined"!=typeof window&&(g.includes("//id.")&&(g=g.replace("id.","")),g.includes("//staging-id.")&&(g=g.replace("staging-id.","discover.")));let h=(0,E.a)(e,"marryBaby"===n),v={HOME_PAGE_URL:g,CARE_URL_FE:`${g}/care`,TOGETHER_URL_FE:`${g}/community`,VIDEO_URL_FE:`${g}/videos`,SSO_URL:h,TOGETHER_API:(0,E.b)(),DISCOVER_API:(0,E.c)(e)};return{enableSearchBar:i,enableNavCare:o,enableNavCareBooking:r,enableNavTogether:l,enableNavEcom:s,enableProfileEcom:c,enableNavVideo:d,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:v,enableNavClinityDownload:p,enableNavCartCare:u}},[]);return o},k=i.createContext({}),NavigationProvider=e=>{var{children:t}=e,n=(0,a.a)(e,["children"]);let[o,r]=i.useState(()=>n.currentUrl||`https://${"marryBaby"===n.siteType?y.d[n.locale||"en-PH"]:x.v[n.locale||"en-PH"]}${"together"===n.projectType?"/community":"ecom"===n.projectType?"/ecom":"care"===n.projectType?"/care":""}/`);(0,i.useEffect)(()=>{let update=()=>{r(window.location.href)};return window.addEventListener("popstate",update),update(),()=>{window.removeEventListener("popstate",update)}},[]);let l=useNavConfig({locale:n.locale,projectType:n.projectType,siteType:n.siteType,enableBookingBtn:n.enableBookingBtn});return i.createElement(k.Provider,{value:Object.assign(Object.assign({},n),{customClasses:n.customClasses||{},configs:Object.assign(Object.assign({},l),n.configs),currentUrl:n.currentUrl||o})},t)},useCSSFocusPopupHelper=e=>{let{allowBgScroll:t}=e||{},n=(0,i.useRef)();return{containerRef:n,onContainerFocus:()=>{t||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{t||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{n.current&&(document.activeElement===n.current||n.current.contains(document.activeElement))&&(n.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{n.current&&(document.activeElement===n.current||n.current.contains(document.activeElement))&&(n.current.blur(),document.activeElement.blur())}}},S=(0,h.Z)(m.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; */ ${g.M.mbUp} { width: 320px; } ${g.M.mbDown} { position: fixed; left: 0; width: 100%; padding-bottom: 70px; } `,"hhgcomp-navprofilebutton-popup"),T=(0,h.Z)(m.Z.div` position: fixed; z-index: 150; top: var(--header-bottom, 56px); left: 0; width: 100%; height: 100%; align-items: center; ${g.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); } } ${g.M.mbDown} { background: rgba(38, 38, 38, 0.3); } &[data-type='welcome'] { top: 0; } &[data-open='false'] { display: none; } `,"hhgcomp-navprofilebutton-popupwrapper"),B=m.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: ${u.r.colors.secondaryBase}; border-radius: 50%; color: white; font-size: 20px; font-weight: bold; } `,P=m.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; } ${S.classSelector} { z-index: 200; top: 120%; opacity: 1; visibility: visible; display: initial; ${g.M.mbDown} { top: 100%; } } ${T.classSelector} { display: initial; } } `,N=m.Z.a` display: inline-flex; .login-btn[data-color='tertiary'][data-size='md'] { padding-left: 12px; padding-right: 12px; } .mobile-only { ${g.M.mbUp} { display: none; } } .login-btn { display: none; ${g.M.mbUp} { display: block; border: 1px solid ${u.r.colors.neutral100}; } } &[data-win-cash-back-theme='true'] { .login-btn { ${g.M.mbUp} { color: ${u.r.colors.white}; } } } `,ProfilePopup=({isOpen:e,userInfo:t,closePopup:n,siteType:a="helloSites",dispatchLogout:o})=>{let{customClasses:r={},configs:{enableProfileFindMyBooking:l}}=(0,i.useContext)(k);return i.createElement(S,{className:r.profilePopup,"data-open":e},i.createElement("div",{className:f()("popup-content",r.profilePopupContent)},i.createElement(w.l,{siteType:a,onLogout:()=>{o&&(o(),n())},userInfo:t,configs:{enableProfileFindMyBooking:l}})))},NavigationProfileButton=({userInfo:e,siteType:t,onLoginClick:n,currentUrl:m,isMinifyLogin:g,onLogout:h,style:v,isLoading:f,isMobile:b,className:y})=>{let{isWinCashBackTheme:E}=(0,i.useContext)(k),{t:x}=(0,d.u)(),[w,S]=(0,i.useState)(!1),T=(null==e?void 0:e.name)||(null==e?void 0:e.username),{containerRef:O,onContainerFocus:I,onContainerBlur:L,onButtonMouseDown:M,onClose:A}=useCSSFocusPopupHelper(),_=(0,i.useMemo)(()=>Object.assign(Object.assign({},v),{pointerEvents:"auto"}),[v]),$=(0,i.useMemo)(()=>b&&"helloSites"===t,[b,t]);return f?$?i.createElement(r.S,null):i.createElement(s.B,{size:"sm",color:"transparent",loading:!0}):(null==e?void 0:e.id)?i.createElement(i.Fragment,null,i.createElement(P,{ref:O,style:_,tabIndex:0,onBlur:L,onFocus:()=>{var e;I();let t=null===(e=O.current)||void 0===e?void 0:e.querySelector("#navigation-v2 .hhgcomp-navprofilebutton-popup");if(t){let e=t.getBoundingClientRect(),n=e.top,a=`calc(100vh - ${n}px)`;t.setAttribute("style",`max-height: ${a};`)}},className:y},i.createElement("div",{onMouseDown:M},i.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},i.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),i.createElement(l.A,{size:32,className:"user-avatar",src:null==e?void 0:e.avatar,color:"marryBaby"===t?u.r.mbColors.pink:u.r.colors.secondaryBase,placeholderText:T&&T.length?T[0].toUpperCase():"A"})),i.createElement(ProfilePopup,{dispatchLogout:()=>{A(),S(!0)},isOpen:!1,closePopup:A,siteType:t,userInfo:e})),i.createElement(C.F,{openLogoutPopup:w,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),S(!1)},siteType:t,onLogoutHandler:()=>(0,a._)(void 0,void 0,void 0,function*(){S(!1),document.body.classList.toggle("noscroll",!1),yield h()})})):i.createElement(N,{style:Object.assign({textDecoration:"none"},_),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":m,"data-win-cash-back-theme":E,"data-site-type":t,onClick:n},g?i.createElement(B,null,i.createElement("img",{src:p.C.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):i.createElement(i.Fragment,null,"helloSites"===t&&($?E?i.createElement(BlueWhiteLogin,{className:"mobile-only",style:{cursor:"pointer",width:32,height:32,flexShrink:0}}):i.createElement("img",{className:"mobile-only",src:p.C.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24}}):i.createElement(s.B,{className:"mobile-only",size:"sm",leftIcon:i.createElement(o.Z,{color:"currentColor",isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"},styles:{leftIcon:{marginRight:4}}},x("navigation.loginJoin"))),"marryBaby"===t&&i.createElement("div",{className:"mobile-only",style:{paddingLeft:16}},i.createElement(c.T,{size:"p3",color:u.r.mbColors.pink},x("navigation.loginJoin"))),"marryBaby"===t?i.createElement(s.B,{className:"login-btn",size:"md",leftIcon:i.createElement(o.Z,{color:"currentColor",isSolid:!0,size:22})},x("navigation.loginJoin")):i.createElement(s.B,{className:"login-btn",size:"md",leftIcon:E?i.createElement(UserPlain,{style:{flexShrink:0,width:20,height:20}}):i.createElement(o.Z,{color:"#595959",isSolid:!0,size:22}),variant:"ghost",color:"#262626",sx:{fontWeight:500,fontSize:14,lineHeight:22}},x("navigation.loginJoin"))))}},c1cU:function(e,t,n){n.d(t,{I:function(){return ImageWrap},u:function(){return useScreenSize}});var a=n("q1tI"),i=n("q+5q"),o=n("otAR"),r=n("rBCA");let getIsMobile=()=>"undefined"!=typeof window&&window.innerWidth"undefined"!=typeof window&&window.innerWidth>=i.B.BREAK_POINT_MOBILE&&window.innerWidth{let[e,t]=(0,a.useState)(getIsMobile()),[n,i]=(0,a.useState)(getIsLargeMobile());return(0,a.useEffect)(()=>{let handleResize=()=>{t(getIsMobile()),i(getIsLargeMobile())};return window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[]),{isMobile:e,isLargeMobile:n}},ImageWrap=e=>{var{alt:t,backupSrc:n,src:i,placeholderSrc:r,style:s,ref:c}=e,d=(0,o.a)(e,["alt","backupSrc","src","placeholderSrc","style","ref"]);let[p,u]=(0,a.useState)(!1);return a.createElement(l,Object.assign({loading:"lazy",alt:t,onError:()=>!p&&u(!0),src:p?n||i:i||n,style:Object.assign(Object.assign({},r?{backgroundImage:`url(${r})`}:{}),s),"data-has-placeholder":!!r,ref:c},d))},l=r.Z.img` &[data-has-placeholder='true'] { background-position: center; background-repeat: no-repeat; background-size: cover; } `},h9Rf:function(e,t,n){n.d(t,{B:function(){return BabyPoopForm}});var a=n("otAR"),i=n("q1tI"),o=n("/npG"),r=n("mYVa"),l=n("Eso5"),s=n("iuhU"),c=n("V50O"),d=n("2Qp+"),p=n("Frmf"),u=n("DbhK"),m=n("UHeE"),g=(0,o.k)((e,{hasOnClickFn:t})=>({root:{position:"relative",display:"flex",flexDirection:"column",gap:(0,r.h)(16)},sponsorBox:{display:"flex",gap:(0,r.h)(12),alignItems:"center",backgroundColor:e.colors.neutral[0],border:`1px solid ${e.colors.neutral[1]}`,borderRadius:(0,r.h)(4),padding:"4px 12px",alignSelf:"flex-start"},sponsorLogo:{maxHeight:(0,r.h)(32)},btn:{minWidth:(0,r.h)(180),[e.fn.largerThan("sm")]:{alignSelf:"flex-end"},visibility:t?"visible":"hidden"}}));let BabyPoopForm=e=>{var{babyPoopPage:t,onClickFindOut:n,currentUrl:o,sponsorLogo:r,btnProps:h,styles:v,classNames:f}=e,b=(0,a.a)(e,["babyPoopPage","onClickFindOut","currentUrl","sponsorLogo","btnProps","styles","classNames"]);let{t:y}=(0,p.u)(),{classes:E}=g({hasOnClickFn:!!n},{name:"BabyPoopForm",styles:v,classNames:f}),{classes:x={}}=(0,i.useContext)(u.C);return i.createElement(m.H.FormRow,null,i.createElement(l.x,Object.assign({className:E.root},b),r&&i.createElement(l.x,{className:E.sponsorBox},i.createElement(c.T,{size:"p4"},y("common.sponsoredBy")),i.createElement("img",{loading:"lazy",src:r,alt:"sponsor",className:E.sponsorLogo})),i.createElement(c.T,{size:"p3",as:"div",className:"description",dangerouslySetInnerHTML:{__html:t.description}}),i.createElement(d.B,Object.assign({className:(0,s.default)(E.btn,x.submitBtn),onClick:n,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:o},h),y("babyPoop.findOut"))))}},KWqw:function(e,t,n){n.d(t,{M:function(){return Modal}});var a=n("otAR"),i=n("q1tI"),o=n("h8tX"),r=n("5SBZ");let Modal=e=>{var{styles:t,classNames:n,transitionProps:l}=e,s=(0,a.a)(e,["styles","classNames","transitionProps"]);let{classes:c}=(0,r.u)(void 0,{name:"Modal",styles:t,classNames:n});return i.createElement(o.u,Object.assign({centered:!0,classNames:c,transitionProps:Object.assign({transition:"fade"},l),trapFocus:!1},s))}},"D9+h":function(e,t,n){n.d(t,{H:function(){return Heading}});var a=n("otAR"),i=n("q1tI"),o=n("8vDj"),r=n("V50O");let Heading=e=>{var{as:t,tag:n,color:l,fontWeight:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:p}=e,u=(0,a.a)(e,["as","tag","color","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);let m=(0,o.rZ)();return i.createElement(r.T,Object.assign({as:t||n,color:l||m.colors.gray[8],"data-event-category":c,"data-event-action":d,"data-event-label":p,weight:"semibold"===s?"semiBold":"bold",size:n,"data-size":n,"data-font-weight":s||void 0},u))}},"92jh":function(e,t,n){n.d(t,{D:function(){return Drawer}});var a=n("q1tI"),i=n("t/pd"),o=n("q+5q"),r=n("AeFk"),l=n("rBCA"),s=n("iBNF"),c=n("JSoj"),d=n("V50O");let p="600ms",generateStyleBasedOnPlacement=(e,t)=>{switch(e){case"top":return r.iv` top: 0; width: 100%; border-radius: 0px 0px 6px 6px; ${t?r.iv` animation: ${c.a} ${p} ease-in-out forwards; `:null} &.slideOut { animation: ${c.d} ${p} ease-in-out forwards; } `;case"right":return r.iv` right: 0; height: 100%; min-width: 300px; border-radius: 6px 0px 0px 6px; ${t?r.iv` animation: ${c.c} ${p} ease-in-out forwards; `:null} &.slideOut { animation: ${c.g} ${p} ease-in-out forwards; } `;case"bottom":return r.iv` bottom: 0; width: 100%; border-radius: 6px 6px 0px 0px; ${t?r.iv` animation: ${c.s} ${p} ease-in-out forwards; `:null} &.slideOut { animation: ${c.e} ${p} ease-in-out forwards; } `;case"left":return r.iv` left: 0; height: 100%; min-width: 300px; border-radius: 0px 6px 6px 0px; ${t?r.iv` animation: ${c.b} ${p} ease-in-out forwards; `:null} &.slideOut { animation: ${c.f} ${p} ease-in-out forwards; } `;default:return r.iv` left: 0; height: 100%; min-width: 300px; border-radius: 0px 6px 6px 0px; ${t?r.iv` animation: ${c.s} ${p} ease-in-out forwards; `:null} &.slideOut { animation: ${c.e} ${p} ease-in-out forwards; } `}},u=l.Z.div` position: fixed; inset: 0; z-index: ${s.r.zIndexes.drawer}; pointer-events: ${e=>e.open?"auto":"none"}; `,m=l.Z.div` position: fixed; z-index: 300; background: #ffffff; visibility: ${e=>e.open?"visible":"hidden"}; max-height: calc(100vh - 100px); display: flex; flex-direction: column; .title { display: flex; align-items: center; justify-content: space-between; padding: 16px; ${e=>e.hasTitle?r.iv` border-bottom: 1px solid ${s.r.colors.neutral100}; `:null} } .close-button { margin-left: auto; } ${e=>generateStyleBasedOnPlacement(e.placement,e.open)} `,g=l.Z.div` min-height: 200px; padding: 16px; overflow-y: auto; `,h=l.Z.div` position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; background-color: rgba(38, 38, 38, 0.3); z-index: 1; &[data-open='false'] { visibility: hidden; pointer-events: none; } &[data-open='true'] { visibility: visible; pointer-events: auto; } `,Backdrop=({open:e=!1,onClickOutside:t})=>a.createElement(h,{"data-open":e,onClick:t}),Drawer=({children:e,title:t,onClose:n,open:r=!1,placement:l="left",destroyOnClose:s=!1,isPropagationEvent:c=!0,className:p})=>{let h=(0,a.useRef)();(0,a.useEffect)(()=>((0,o.t)(r),()=>(0,o.t)(!1)),[r]);let onCloseDrawer=()=>{h.current.classList.add("slideOut"),setTimeout(()=>{n()},800)};return!r&&s?null:a.createElement(i.h,null,a.createElement(u,{className:p,open:r},a.createElement(Backdrop,{open:r,onClickOutside:onCloseDrawer}),a.createElement(m,{open:r,placement:l,ref:h,hasTitle:!!t},a.createElement("div",{className:"title"},t&&a.createElement(d.T,{size:"s2",weight:"semiBold"},t),a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"close-button",onClick:onCloseDrawer},a.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),a.createElement(g,{onClick:e=>{c&&e.stopPropagation()}},e&&(a.isValidElement(e)?e:"function"==typeof e?e({internalClose:onCloseDrawer}):null)))))}},"+yXa":function(e,t,n){n.d(t,{M:function(){return Modal}});var a=n("q1tI"),i=n("nski"),o=n("i8i4"),r=n("rBCA"),l=n("q+5q"),s=n("gEnE"),c=n("iBNF");let d=(0,s.Z)(r.Z.div` position: relative; z-index: 200; background-color: ${c.r.colors.white}; border-radius: ${c.r.borderRadius}; box-shadow: 0px 8px 40px 0px #0000001a; &[data-site-type='marryBaby'] { border-radius: 16px; .hhg-modal__content { position: relative; z-index: 111; height: 100%; padding: 24px; } } .hhg-modal__content { position: relative; z-index: 111; height: 100%; padding: 16px; } .hhg-modal__video { position: relative; z-index: 111; height: 100%; background-color: none; box-shadow: none; } `,"hhgcomp-modal-modal"),p=r.Z.div` position: fixed; top: 0; left: 0; z-index: 201; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.6); transition: opacity 0.3s ease-in-out; .hhg-modal__close { position: absolute; top: 16px; right: 16px; cursor: pointer; img { width: 100%; height: 100%; border-radius: 50%; } } &[data-type='video'] { z-index: 1001; } &[data-open='true'] { opacity: 1; visibility: visible; } ${d.classSelector} { transition: transform 0.3s ease-in-out; } &.slideTop { ${d.classSelector} { transform: translate(0, -100vh); } &[data-open='true'] { ${d.classSelector} { transform: translate(0); } } } &.scaleUp { ${d.classSelector} { transform: scale(0.9); } &[data-open='true'] { ${d.classSelector} { transform: scale(1); } } } &[data-type='tail'] { justify-content: flex-end; ${d.classSelector} { width: 420px; height: 100%; border-radius: 0; overflow: hidden auto; } } &[data-type='form'] { ${d.classSelector} { width: 496px; height: 548px; max-height: 100%; overflow-y: auto; ${l.M.mbDown} { width: 340px; } } } &[data-type='video'] { ${d.classSelector} { height: 100%; max-height: 539px; ${l.M.mbDown} { height: 192px; width: 100%; height: 100%; border-radius: ${c.r.borderRadius}; max-height: 192px; } } } &[data-type='confirm'] { ${d.classSelector} { width: 100%; max-width: 407px; ${l.M.mbDown} { width: calc(100% - 32px); max-width: calc(100% - 32px); } } } `,u=r.Z.div` position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; align-items: center; &[data-open='false'] { display: none; } &[data-type='video'] { background-color: ${c.r.colors.secondaryDark}; } `,m="hhg-modals",getModalsRoot=()=>{let e=document.getElementById(m);return e||((e=document.createElement("div")).setAttribute("id",m),document.body.append(e)),e},cleanUpModalShow=()=>{let e=document.querySelectorAll('.hhg-modal[data-open="true"]');e.length<1&&document.body.classList.remove("hhc-modal-show")},cleanUpDisabledScroll=()=>{let e=document.querySelectorAll('.hhg-modal[data-open="true"]');e.length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},Modal=({type:e="lead",closeIcon:t,isOpen:n=!0,onClose:r,children:l,className:s="",animationType:c="scaleUp",isStaticBackdrop:m=!1,siteType:g})=>{let[h,v]=(0,a.useState)(!1),f=(0,a.useRef)(null),{width:b}=(0,i.u)();if(!f.current&&h&&(f.current=document.createElement("div")),(0,a.useEffect)(()=>(v(!0),()=>{v(!1),cleanUpModalShow(),cleanUpDisabledScroll()}),[]),(0,a.useEffect)(()=>{if(h){let e=getModalsRoot();return e.appendChild(f.current),()=>{e.removeChild(f.current)}}},[h]),(0,a.useEffect)(()=>{n?document.body.classList.add("hhc-modal-show"):cleanUpModalShow()},[n]),(0,a.useEffect)(()=>{n?(document.body.style.overflow="hidden",document.body.style.paddingRight=b+"px",document.body.classList.add("hhc-disabled-scroll")):cleanUpDisabledScroll()},[n,b]),!h)return null;let y=["hhg-modal__wrapper",s,c].filter(e=>e).join(" ");return(0,o.createPortal)(a.createElement(p,{className:y,"data-open":n,"data-type":e},!m&&a.createElement(u,{"data-open":n,onClick:r,"data-type":e}),!m&&"video"===e&&!!t&&a.createElement("div",{className:"hhg-modal__close",onClick:r},t),a.createElement(d,{className:"hhg-modal","data-open":n,"data-site-type":g},a.createElement("div",{className:"video"===e?"hhg-modal__video":"hhg-modal__content"},!!t&&"video"!==e&&a.createElement("div",{className:"hhg-modal__close",onClick:r},t),l))),f.current)}},izwV:function(e,t,n){n.d(t,{F:function(){return Footer}});var a=n("q1tI"),i=n("yxro"),o=n("Wgwc"),r=n.n(o),l=n("SPK5"),s=n("OAL+"),c=n("Eso5"),d=n("V50O"),p=n("q+5q"),u=n("c1cU"),m=n("rBCA"),g=n("iBNF"),h=n("xrdX"),v=n("ldqD"),f=n("V5tp");let b=m.Z.footer` background-color: #1b3250; .inner { padding: 64px 24px 98px 24px; margin: 0 auto; } .newsletter { padding: 24px 0; } .footer-logo { max-width: 132px; max-height: 32px; &[data-is-sehat='true'] { max-width: 250px; } img { object-fit: contain; } } .social { margin-top: 24px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; > .icons { display: flex; gap: 16px; } } hr { height: 1px; border: none; margin: 16px 0 16px 0; background: ${g.r.colors.neutral500}; opacity: 0.1; outline: none; } .footer-menu-column { min-width: 168px; } .footer-menu-title { margin-bottom: 16px; } .footer-menu-link { display: block; } .footer-menu-link-wrapper { display: flex; flex-direction: column; gap: 12px; } .copyright { display: flex; flex-direction: column; gap: 16px; padding-top: 8px; .copyright-content { color: ${g.r.colors.neutral500}; font-size: 12px; } .copyright-image-wrapper { flex-shrink: 0; flex-wrap: wrap; display: flex; gap: 16px; justify-content: flex-end; .copyright-image { align-self: flex-start; img { height: 32px; } } } } .otherSites { display: flex; gap: 16px; align-items: center; padding: 19px 0; border-top: 1px solid ${g.r.colors.neutral100}1a; border-bottom: 1px solid ${g.r.colors.neutral100}1a; .flags { display: flex; gap: 12px; } } .signupButton { display: none; border: none; margin-top: 16px; outline: none; text-transform: uppercase; } ${p.M.mbDown} { .inner { padding: 64px 0; } .social { flex-direction: column; gap: 10px; align-items: start; } hr { margin-top: 0px; } .copyright { align-items: center; text-align: center; } .copyright-image-wrapper { justify-content: center; max-width: unset; } .otherSites { flex-direction: column; padding: 24px 0; .linkTitle { text-align: center; } .flags { flex-wrap: wrap; justify-content: center; } } .footer-menu-title { margin-bottom: 12px; } .footer-menu { display: grid; grid-template-columns: repeat(2, 1fr); > .footer-menu-column { padding: 24px 0; } > .footer-menu-column:first-child { grid-column-start: 1; grid-column-end: 3; border-top: 1px solid ${g.r.colors.neutral100}1a; border-bottom: 1px solid ${g.r.colors.neutral100}1a; > .footer-menu-link-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } } } .otherSites { margin-bottom: 24px; } } ${p.M.mbUp} { .newsletter > p { max-width: 360px; } .hrMobile { display: none; } .copyright { gap: 24px; flex-direction: row-reverse; align-items: center; justify-content: space-between; } .otherSites { margin-bottom: 40px; } .columns { display: flex; flex-direction: row; width: 100%; gap: 16px; margin-bottom: 40px; > div:nth-child(1) { display: flex; flex-direction: column; flex: 1; } > div:nth-child(2) { display: flex; flex-direction: row; gap: 24px; } } } `,y=m.Z.img` width: 32px; height: 32px; ${p.M.mbDown} { width: 24px; height: 24px; } .country-flag { width: 100%; height: 100%; } `,Flag=({url:e,dataEventCategory:t,dataEventAction:n,dataEventLabel:i})=>a.createElement(y,{loading:"lazy",className:"country-flag",src:e,alt:"Country Flag","data-event-category":t,"data-event-action":n,"data-content-label":i}),FooterMenuColumn=({title:e,items:t,locale:n,index:i})=>{let{isMobile:o}=(0,u.u)();return a.createElement("div",{className:"footer-menu-column"},e?a.createElement(d.T,{size:o?"s4":"s3",className:"footer-menu-title",weight:o?"regular":"semiBold",color:"neutral.6"},e):null,a.createElement("div",{className:"footer-menu-link-wrapper"},null==t?void 0:t.map((e,t)=>a.createElement(d.T,{size:o?"p3":"p4",as:"a","data-event-category":"Footer","data-event-action":e.title,"data-event-label":`https://${h.v[n]}${e.url}`,className:"footer-menu-link",href:e.url,key:t,color:"#fff",weight:o&&0===i?"semiBold":"regular"},e.title))))},DiscoverFooter=({className:e,footerInfo:t,locale:n})=>{var o,l,s,c,p,m,g,h,v,f,y;let{isMobile:E}=(0,u.u)(),x=null==t?void 0:t.menu,w=(null===(l=null===(o=null==t?void 0:t.general)||void 0===o?void 0:o.verified)||void 0===l?void 0:l.filter(Boolean))||[];return a.createElement(b,{className:e},a.createElement(i.C,null,a.createElement("div",{className:"inner"},a.createElement("a",{href:"/"},a.createElement("img",{loading:"lazy",className:"footer-logo",src:null===(s=null==t?void 0:t.general)||void 0===s?void 0:s.logo,alt:"Logo","data-is-sehat":"id-ID"===n})),a.createElement("div",{className:"columns"},a.createElement("div",{className:"newsletter"},a.createElement(d.T,{size:E?"s3":"s4",weight:"semiBold",color:"neutral.0"},null===(c=null==t?void 0:t.general)||void 0===c?void 0:c.content),a.createElement("div",{className:"social"},a.createElement(d.T,{size:"p4",color:"neutral.6"},null===(p=null==t?void 0:t.social)||void 0===p?void 0:p.title),a.createElement("div",{className:"icons"},null===(g=null===(m=null==t?void 0:t.social)||void 0===m?void 0:m.socials)||void 0===g?void 0:g.map((e,t)=>a.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":`Follow us - ${e.name}`,"data-content-label":e.url,href:e.url},a.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":`Follow us - ${e.name}`,"data-content-label":e.url,src:e.icon,alt:"Logo Social",className:"social-icon",width:"24",height:"24"})))))),a.createElement("div",{className:"footer-menu"},x&&a.createElement(a.Fragment,null,null==x?void 0:x.map((e,t)=>a.createElement(FooterMenuColumn,{title:e.menu_title,items:e.items,locale:n,key:t,index:t}))))),a.createElement("div",{className:"otherSites"},a.createElement(d.T,{size:"p4",className:"linkTitle",color:"neutral.6",weight:"regular"},null===(h=null==t?void 0:t.branch)||void 0===h?void 0:h.title),a.createElement("div",{className:"flags"},null===(f=null===(v=null==t?void 0:t.branch)||void 0===v?void 0:v.branch)||void 0===f?void 0:f.map((e,t)=>a.createElement("a",{href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},a.createElement(Flag,{url:e.flag,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url}))))),a.createElement("div",{className:"copyright"},a.createElement("div",{className:"copyright-image-wrapper"},w.length?w.map((e,t)=>a.createElement("a",{href:e.url,key:t,className:"copyright-image"},a.createElement("img",{loading:"lazy",src:e.image,alt:"DMCA Icon"}))):null),a.createElement(d.T,{size:"n1",className:"copyright-content",as:"div",color:"neutral.6",weight:"regular"},a.createElement("div",{dangerouslySetInnerHTML:{__html:null===(y=null==t?void 0:t.general)||void 0===y?void 0:y.copyright.replace(/{currentYear}/gi,r()().get("year").toString())}}))))))},E=m.Z.footer` position: relative; overflow: hidden; .icons { margin-top: 12px; margin-bottom: 20px; > a:not(:last-child) { margin-right: 16px; } } a { text-decoration: none; } `,x=m.Z.div` position: relative; padding: 80px 0 40px; margin: auto 68px; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid ${g.r.colors.neutral200}; ${p.M.tdDown} { margin: auto 16px; flex-wrap: wrap; row-gap: 32px; column-gap: 16px; } ${p.M.mbDown} { margin: auto 0; } `,w=m.Z.div` display: flex; justify-content: space-between; gap: 12px; flex-direction: column; ${p.M.mbDown} { flex: 1 1 160px; } .title { padding-bottom: 4px; } `,C=m.Z.div` display: flex; justify-content: space-between; gap: 12px; flex-direction: column; `,k=m.Z.div` background-color: #{map-get($mbColors, 'dark')}; padding: 16px 0; position: relative; img { width: 89px; height: 32px; } .content { display: flex; align-items: center; justify-content: space-between; gap: 174px; margin: auto 68px; ${p.M.tdDown} { margin: auto 16px; } ${p.M.mbDown} { flex-direction: column-reverse; gap: 16px; align-items: flex-start; margin: auto 0; } } .verify { display: flex; align-items: flex-start; gap: 8px; } `,S=m.Z.div` padding: 40px 0; ${p.M.mbUp} { margin: auto 68px; } `,T=m.Z.div` display: flex; gap: 16px; .social-logo { width: 28px; } `,MarryBabyFooter=({logoType:e="marryBaby",footerMenu:t,background:n})=>{var o;if(!t)return null;let{general:p,menu:u,socials:m}=t;return a.createElement(E,{style:{backgroundColor:n||"none"}},a.createElement(i.C,null,a.createElement(x,null,null==u?void 0:u.map(({menu_title:e,items:t},n)=>a.createElement(w,{key:`mbf${n}`},a.createElement(f.M,{className:"title",type:"subtitle-1",color:g.r.mbColors.pink},e),null==t?void 0:t.map(({title:e,url:t},n)=>a.createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":`${t}`,className:"link",href:t,key:`footer-links-${n}`},a.createElement(C,{key:`mbitem${n}`},a.createElement(f.M,{type:"bodytext-2",color:g.r.mbColors.gray},e)))))))),a.createElement(i.C,null,a.createElement(S,null,a.createElement(l.k,{gap:"24px",sx:e=>({[e.fn.largerThan("sm")]:{".info-item":{flexGrow:1,width:"50%"}},[e.fn.smallerThan("sm")]:{flexDirection:"column"}})},a.createElement(s.K,{spacing:"24px",className:"info-item"},a.createElement(v.L,{className:"logo",type:e}),a.createElement(d.T,{size:"p4",as:"div"},a.createElement("div",{dangerouslySetInnerHTML:{__html:null==p?void 0:p.content}})),a.createElement(T,null,null==m?void 0:m.map(({icon:e,name:t,url:n},i)=>a.createElement("a",{key:`social${i}`,target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":`Follow us - ${t}`,"data-content-label":t,href:n},a.createElement("img",{className:"social-logo",loading:"lazy",src:e,alt:t}))))),a.createElement(c.x,{className:"info-item",sx:{paddingTop:"7px"}},a.createElement(d.T,{size:"p4",as:"div"},a.createElement("div",{dangerouslySetInnerHTML:{__html:null==p?void 0:p.information}})))))),a.createElement(k,null,a.createElement(i.C,null,a.createElement("div",{className:"content"},a.createElement(d.T,{size:"p5",color:"#fff",as:"div"},a.createElement("div",{dangerouslySetInnerHTML:{__html:null==p?void 0:p.copyright.replace(/{currentYear}/gi,r()().get("year").toString())}})),a.createElement("div",{className:"verify"},null===(o=null==p?void 0:p.verified)||void 0===o?void 0:o.map(({image:e,url:t},n)=>a.createElement("img",{loading:"lazy",key:`imgMbFt${n}`,src:e,alt:t})))))))},Footer=({locale:e,footerInfo:t,siteType:n,background:i})=>"helloSites"===n?a.createElement(DiscoverFooter,{locale:e,footerInfo:t||{}}):a.createElement(MarryBabyFooter,{footerMenu:t,background:i})},Tfok:function(e,t,n){n.d(t,{i:function(){return isVideo}});let isVideo=e=>e.endsWith(".mp4")},Wlfu:function(e,t,n){n.d(t,{M:function(){return ei},S:function(){return SurveyOrPremiumBanner},a:function(){return eo},b:function(){return SideBannerModal}});var a,i,o,r,l,s,c,d=n("q1tI"),p=n("mYVa"),u=n("7Ci/"),m=n("/npG"),g=n("Eso5"),h=n("OAL+"),v=n("SPK5"),f=n("RZSM"),b=n("vaps"),y=n("9n+W"),E=n("DA0W"),x=n("RGvF"),w=n("JZkZ"),C=n("MkcP"),k=n("38FU"),S=n("ejmp"),T=n("WsKU"),B=n("4pCS"),P=n("UIg8"),N=n("otAR"),O=n("zq7a"),I=n("c1cU"),L=n("iRra"),M=n("Frmf"),A=n("cChf"),_=n("ZFu2"),$=n("QAkY"),j=n("HvYN"),R=n("V50O"),z=n("2Qp+"),F=n("jD9D"),H=n("IQVP"),D=n("D9+h"),U=n("ikdH"),W=n("WYQf"),Z=n("xrdX"),V=n("GOBr"),q=n("OWiL"),G=n("vWP/"),K=n("Tfok"),Y=n("KWqw"),J=n("JIJ2"),Q=n("TYy9"),X=n.n(Q),ee=n("qPyV"),et=n.n(ee),en=n("CtT0");let ea=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:k.C.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:k.C.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:k.C.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];(a=r||(r={})).Pregnant="pregnant",a.Parenting="parenting",(l||(l={})).Option="option",(i=s||(s={})).Button="button",i.Checkbox="checkbox",(o=c||(c={})).ShowTool="showTool",o.ShowPremiumModal="showPremiumModal",o.ShowOptionBanner="showOptionBanner",o.Hide="hide";let ei={pregnancy:r.Pregnant,parenting:r.Parenting},eo={[r.Pregnant]:"pregnant",[r.Parenting]:"parent"},FLOW=(e,t)=>({[r.Pregnant]:{action:c.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:s.Button,thumbnail:{desktop:k.C.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:k.C.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:(0,p.h)(80),[e.fn.largerThan("sm")]:{minWidth:(0,p.h)(120)}})},items:[{label:e("switchBtn.yes"),value:"yes",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - Yes Click",dataEventLabel:t}},{label:e("switchBtn.no"),value:"no",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - No Click",dataEventLabel:t}}]},submitHandler:{yes:{action:c.ShowTool,props:{value:B.H.DUE_DATE}},no:{action:c.ShowPremiumModal}}},[r.Parenting]:{action:c.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:k.C.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:k.C.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:s.Checkbox,items:[{label:e("pnBanner.toddlers"),value:"todders"},{label:e("pnBanner.teenager"),value:"teenager"}],submitBtnTracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the age range of your kids Click",dataEventLabel:t}},submitHandler:{todders:{action:c.ShowTool,props:{value:B.H.BABY_VACCINE}},teenager:{action:c.ShowOptionBanner,props:{styleType:s.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:k.C.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:k.C.getAssetPath("newsletter/banner-option-parenting-mobile.png")},buttonProps:{variant:"white"},items:[{label:e("childCard.boy"),value:"teenager.boy",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Boy Click",dataEventLabel:t}},{label:e("childCard.girl"),value:"teenager.girl",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Girl Click",dataEventLabel:t}}]}},"teenager.boy":{action:c.ShowPremiumModal},"teenager.girl":{action:c.ShowTool,activeTool:P.t.HPV,props:{value:P.t.HPV}},"todders|teenager":{action:c.ShowOptionBanner,props:{styleType:s.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:k.C.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:k.C.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:B.H.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}},{label:e("pnBanner.pn.btnLabel"),value:"todders|teenager.showPN",isPNBtn:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Premium Newsletter Click",dataEventLabel:t}}]}},"todders|teenager.showPN":{action:c.ShowOptionBanner,props:{styleType:s.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:k.C.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:k.C.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:B.H.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}),TOOL_BANNERS_PROPS=e=>({[B.H.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:B.H.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[B.H.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:B.H.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[B.H.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:B.H.BABY_GROWTH},[P.t.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:k.C.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:k.C.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:P.t.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),er=(0,d.createContext)({}),PnBannerEle=e=>{var t=(0,N.a)(e,[]);let{locale:n}=(0,M.u)(),{type:a,isMobile:i,currentUrl:o,isMarketing:r,isLoggedIn:l,setShouldAcquisitionModalOpen:s}=(0,d.useContext)(er),{triggerLogin:c}=(0,O.u)();return d.createElement(u.W,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>(0,N._)(void 0,void 0,void 0,function*(){let e=r?(0,L.g)(n)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;l?null==s||s():(0,O.I)(n)?c({returnUrl:r?e:void 0,source:r?void 0:"acquisition"}):window.location.href=`${(0,L.a)(n)}/?returnUrl=${encodeURIComponent(e)}`}),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":o,className:"pointer-event-child-none"},t),d.createElement(I.I,{src:r?k.C.getAssetPath(`newsletter/${i?"Mobile":"Desktop"}_Marketing.png`):k.C.getAssetPath(`newsletter/${i?"Mobile":"Desktop"}_${a}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},el={GET_NEWSLETTER_CATEGORIES:"api/v1/categories?site={website_url}",POST_SUBSCRIPTION:"api/v1/subscription?site={website_url}",GET_SUBSCRIPTION_CATEGORIES:"api/v1/categories?site={website_url}"};var es=(0,m.k)(e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:(0,p.h)(32),padding:`${(0,p.h)(6)} ${(0,p.h)(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}}));let BannerLayout=({heading:e,description:t,thumbnail:n={desktop:"",mobile:""},hideDescOnMobile:a,children:i})=>{let{isMobile:o,minHeight:r}=(0,d.useContext)(er);return d.createElement(g.x,{sx:()=>({borderRadius:(0,p.h)(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},d.createElement(g.x,{sx:e=>({minHeight:(0,p.h)(r),borderRadius:"inherit",background:`url(${o?n.mobile:n.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${(0,p.h)(24)} ${(0,p.h)(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${(0,p.h)(22)} ${(0,p.h)(32)}`}})},d.createElement(h.K,{spacing:(0,p.h)(16)},d.createElement(h.K,{spacing:(0,p.h)(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},e&&d.createElement(D.H,{tag:"h4"},e),!(a&&o)&&t&&d.createElement(R.T,{size:"p4"},t)),d.createElement(g.x,null,i))))},BannerWithOptions=e=>{let{styleType:t=s.Button,items:n=[],buttonProps:a,styles:i,submitBtnTracking:o}=e,{classes:r}=es(void 0,{name:"PremiumBannerWithOptions",styles:i}),{t:l,locale:c}=(0,M.u)(),{surveyType:u,articleId:m,handleClickOption:h,hasPremiumBanner:f,source:b,isMobile:y,setShowPNModal:E}=(0,d.useContext)(er),x=(0,d.useMemo)(()=>f?n:n.filter(e=>!e.isPNBtn).filter(Boolean),[n]),{getHealthToolLink:w}=(0,U.u)(c),C=(0,A.c)({initialValues:{bannerOptions:[]}}),saveStep=e=>(0,N._)(void 0,void 0,void 0,function*(){return yield(0,S.e)((0,S.f)(H.yy.HEALTH_TOOL.CREATE,{_locale:c,type:eo[u]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:m,source:b}})}),k=(0,d.useCallback)(()=>d.createElement(v.k,{gap:(0,p.h)(8),className:r.wrapper},x.map((e,t)=>d.createElement(g.x,{key:String(t),component:e.isLink?"a":"div",href:e.isRiskScreener?`https://${Z.v[c]}/bot/${P.n[c][e.activeTool]}/`:e.isLink?w(e.activeTool):void 0},d.createElement(z.B,Object.assign({className:r.button,classNames:{label:r.buttonLabel},size:"sm"},e.tracking,a,{onClick:()=>{e.isLink||(e.isPNBtn&&E(!0),saveStep(e.value),h(e.value))}}),e.label)))),[x,C]),T=(0,d.useCallback)(()=>d.createElement(v.k,null,d.createElement(v.k,{align:"center",gap:(0,p.h)(24),sx:e=>({background:"white",borderRadius:(0,p.h)(8),padding:(0,p.h)(4),[e.fn.largerThan("sm")]:{paddingLeft:(0,p.h)(16)}})},d.createElement($.d.Group,Object.assign({},C.getInputProps("bannerOptions",{type:"checkbox"})),d.createElement(v.k,{gap:(0,p.h)(16)},x.map((e,t)=>d.createElement($.d,{key:String(t),value:e.value,label:e.label,styles:{label:{cursor:"pointer"}}})))),d.createElement(z.B,Object.assign({size:"sm"},o,a,{disabled:0===C.getInputProps("bannerOptions").value.length,leftIcon:y?d.createElement(W.I.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{let e=C.getInputProps("bannerOptions").value;saveStep(e.join("|")),h(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:(0,p.h)(38),minWidth:"auto",padding:0}}})}),!y&&l("pnBanner.submit")))),[x,C]);return d.createElement(BannerLayout,Object.assign({},e),t===s.Button?k():t===s.Checkbox?T():null)},ToolBanner=e=>{var t,n;let{t:a}=(0,M.u)(),{heading:i,description:o,thumbnail:r,btnLabel:l,value:s,isRiskScreener:c,hideDescOnMobile:u,dataEventAction:m}=e,{locale:g}=(0,M.u)(),{isMobile:f}=(0,d.useContext)(er),{getHealthToolLink:b,allTools:y}=(0,U.u)(g),E=(0,d.useMemo)(()=>{let e=c?`https://${V.y?"":"discover."}${Z.v[g]}/bot/${P.n[g][s]}`:b(s);return d.createElement("a",{href:e},d.createElement(z.B,{size:"sm","data-event-category":"Focused Audience","data-event-action":m,"data-event-label":e},l||a("pnBanner.caclNow")))},[y]);return"mainBanner"==(c?"mainBanner":"toolBanner")?d.createElement(BannerLayout,Object.assign({},Object.assign(Object.assign({},e),{thumbnail:e.thumbnail})),E):d.createElement(v.k,{gap:(0,p.h)(7),align:"center",justify:"space-between",sx:e=>({borderRadius:(0,p.h)(8),background:e.colors.blue[0],minHeight:(0,p.h)(180),padding:`${(0,p.h)(24)} ${(0,p.h)(16)}`,[e.fn.largerThan("sm")]:{padding:`${(0,p.h)(34)} ${(0,p.h)(32)}`}})},d.createElement(h.K,{spacing:(0,p.h)(12)},d.createElement(h.K,{spacing:(0,p.h)(4)},i&&d.createElement(D.H,{tag:"h4"},i),!(f&&u)&&o&&d.createElement(R.T,{size:"p4"},o)),d.createElement(v.k,{gap:(0,p.h)(8),sx:{button:{minWidth:(0,p.h)(120)}}},E)),d.createElement(v.k,{align:"center",justify:"center",sx:e=>({width:(0,p.h)(96),height:(0,p.h)(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:(0,p.h)(112),height:(0,p.h)(112)},img:{maxWidth:(0,p.h)(64),[e.fn.largerThan("sm")]:{maxWidth:(0,p.h)(73)}}})},d.createElement("img",{alt:"health-tool-icon",src:r||(null===(n=null===(t=y.filter(e=>e.template===s))||void 0===t?void 0:t[0])||void 0===n?void 0:n.icon)||B.a[s]||"",loading:"lazy"})))},HandlerBanner=()=>{var e,t,n;let{t:a}=(0,M.u)(),{state:i,Outside:o}=(0,d.useContext)(er);return(null==i?void 0:i.action)===c.ShowTool?d.createElement(o,null,TOOL_BANNERS_PROPS(a)[null===(e=null==i?void 0:i.props)||void 0===e?void 0:e.value]?d.createElement(ToolBanner,Object.assign({},TOOL_BANNERS_PROPS(a)[null===(t=null==i?void 0:i.props)||void 0===t?void 0:t.value],{value:null===(n=null==i?void 0:i.props)||void 0===n?void 0:n.value})):null):(null==i?void 0:i.action)===c.ShowOptionBanner?d.createElement(o,null,d.createElement(BannerWithOptions,Object.assign({},null==i?void 0:i.props))):null},SideBannerModal=e=>{var{isMobile:t,children:n,desktopBanner:a=k.C.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:i=k.C.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:o={width:937,height:536},mobileBannerRatio:r={width:750,height:480},desktopBannerRatio:l={width:420,height:536},closeProps:s}=e,c=(0,N.a)(e,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);let{width:u,height:m}=(0,F.n)(),h=u*r.height/r.width,[v,b]=(0,d.useState)(!1);return d.createElement(Y.M,Object.assign({styles:e=>({header:{display:"none"},content:{flex:"auto",background:"transparent",[e.fn.smallerThan("sm")]:{maxHeight:"100%",height:"100%",position:"relative",borderRadius:0},[e.fn.largerThan("sm")]:{maxWidth:(0,p.h)(o.width),width:"100%",height:"100%",maxHeight:(0,p.h)(o.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},c),t?d.createElement(g.x,{sx:{position:"relative",width:"100%",height:"100%"},onTouchStart:()=>b(!0)},d.createElement(g.x,{className:"mobile-template",sx:{position:"absolute",height:`${(v?1:((m<=667?190:265)+h+74)/m)*100}%`,left:0,bottom:0,right:0,transition:"height 0.4s ease"}},d.createElement(g.x,{className:"mobile-template-wrapper",sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:v?0:(0,p.h)(12),borderTopRightRadius:v?0:(0,p.h)(12)}},d.createElement(g.x,{sx:{height:"100%",background:`url(${i})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},(0,K.i)(i)&&d.createElement("video",{loop:!0,muted:!0,autoPlay:!0,style:{width:"100%",position:"absolute",top:0,left:0}},d.createElement("source",{src:i})),d.createElement(z.B,Object.assign({variant:"white",leftIcon:d.createElement(q.Z,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:(0,p.h)(10)}},s,{onClick:()=>null==c?void 0:c.onClose()})),d.createElement(f.o,{ratio:(null==r?void 0:r.width)/(null==r?void 0:r.height),w:"100%"}),d.createElement(g.x,{className:"inner",sx:{padding:`${(0,p.h)(28)} ${(0,p.h)(16)} ${(0,p.h)(16)}`,background:"white",position:"relative"}},n))))):d.createElement(f.o,{className:"desktop-template",ratio:o.width/o.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},d.createElement(g.x,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:(0,p.h)(8),background:"white",boxShadow:"0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem"}},(0,K.i)(a)?d.createElement("video",{loop:!0,muted:!0,autoPlay:!0,style:{borderTopLeftRadius:(0,p.h)(8),borderBottomLeftRadius:(0,p.h)(8),height:"100%",display:"block"}},d.createElement("source",{src:a})):d.createElement("img",{alt:"",src:a,loading:"lazy",style:{borderTopLeftRadius:(0,p.h)(8),borderBottomLeftRadius:(0,p.h)(8),height:"100%",display:"block"}}),d.createElement(g.x,{sx:{position:"relative",height:"100%",width:`${(o.width-l.width)/o.width*100}%`}},d.createElement(z.B,Object.assign({variant:"white",leftIcon:d.createElement(q.Z,null)},s,{onClick:()=>null==c?void 0:c.onClose(),sx:{position:"absolute",right:0,top:0,backgroundColor:"transparent"}})),d.createElement(g.x,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${(0,p.h)(40)} ${(0,p.h)(24)} 0`}},n)))))},ec={UPDATE_SUBSCRIPTION:"user/subscription"},ed=(0,d.createContext)({}),_NormalTopic=e=>{var{value:t,name:n}=e,a=(0,N.a)(e,["value","name"]);return d.createElement($.g,Object.assign({value:t,withIcon:!0},a,{buttonProps:{styles:()=>({leftIcon:{marginRight:(0,p.h)(6)},root:{paddingLeft:(0,p.h)(10),paddingRight:(0,p.h)(10)}})}}),n)},TopicSection=({topicsGroup:e,onTopicChange:t,isBlock:n=!1,selectedTopics:a=[],inputProps:i,labelProps:o,maxSelect:r=5,hasScroll:l,readonly:s})=>{let{action:{pushNotifications:c}}=(0,d.useContext)(S.T),p=X()(e.map(e=>e.topics||[])),{t:u}=(0,M.u)(),[m,f]=(0,d.useState)([]);(0,d.useEffect)(()=>{f(a)},[a.length]),(0,d.useEffect)(()=>{null==t||t(m)},[m]);let onValueChange=e=>{if(e.length>5){c({type:"danger",title:u("pnTopicSection.maxSelectError.title",{maxSelect:r}),message:u("pnTopicSection.maxSelectError.desc")});return}s||f(()=>p.filter(t=>e.some(e=>t.catId===e)))};return d.createElement(h.K,{spacing:12},e.map((e,t)=>d.createElement(h.K,{key:String(t),spacing:12},e.label&&d.createElement(R.T,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},o),e.label),l?d.createElement(b.x,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},d.createElement(g.x,{w:800},d.createElement(y.A.Group,Object.assign({value:m.map(e=>e.catId),multiple:!0},i,{onChange:onValueChange}),d.createElement(v.k,{gap:8,wrap:"wrap"},e.topics.map(t=>d.createElement(_NormalTopic,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking))))))):d.createElement(y.A.Group,Object.assign({value:m.map(e=>e.catId),multiple:!0},i,{onChange:onValueChange}),d.createElement(v.k,{gap:8,wrap:"wrap"},e.topics.map(t=>t.catId?d.createElement(_NormalTopic,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking)):d.isValidElement(t.component)?t.component:null))))))},Layout=e=>{var{heading:t,children:n,stickyActions:a}=e,i=(0,N.a)(e,["heading","children","stickyActions"]);let{isMobile:o}=(0,d.useContext)(ed),r=d.createElement(h.K,{spacing:(0,p.h)(24),sx:{height:"100%"}},d.createElement(D.H,{tag:"h4",style:{textAlign:"center"}},t),d.createElement(g.x,null,n));return d.createElement(g.x,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},o?r:d.createElement(b.x,Object.assign({className:"layout-body",h:a?"calc(100% - 90px)":"100%"},i),r),a&&d.createElement(v.k,{gap:(0,p.h)(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:(0,p.h)(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${(0,p.h)(24)} 0`}})},a))},MainForm=()=>{let{t:e,locale:t}=(0,M.u)(),{data:{userInfo:n},action:{pushNotifications:a}}=(0,d.useContext)(S.T),i=null==n?void 0:n.id,{currentUrl:o,isMobile:r,pnSuggestCategory:l=[],nextStep:s,formValues:c,setFormValues:u,onSubmit:m,submitLoading:g,selectCategory:v,setCategoryLibs:f,setSelectCategory:b,maxSelectCategory:y}=(0,d.useContext)(ed),E=l.map(e=>e.catId),x=(0,A.c)({validate:{name:(0,_.U)(e("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},c),{fitnessTopics:E})}),[w,C]=(0,d.useState)([]),[k,T]=(0,d.useState)([]);(0,d.useEffect)(()=>{(0,N._)(void 0,void 0,void 0,function*(){var e;try{let n=yield(0,S.e)((0,S.h)(el.GET_SUBSCRIPTION_CATEGORIES,{_locale:t}),"get"),a=((null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.subscription)||[]).filter(e=>!E.includes(e.catId));C(l),T(a),f([...l,...a])}catch(e){console.log(e)}})},[]),(0,d.useEffect)(()=>{i&&x.setFieldValue("name",(null==n?void 0:n.name)||"")},[i]);let onMore=()=>{""!==x.getInputProps("name").value?(u(x.getTransformedValues()),s()):x.validateField("name")},B=(0,d.useMemo)(()=>d.createElement(z.B,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:o,leftIcon:d.createElement(G.Z,{size:16,color:"currentColor"}),onClick:onMore,styles:e=>({root:{borderRadius:(0,p.h)(6),padding:"2px 15px",height:(0,p.h)(40)},label:{fontSize:(0,p.h)(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:(0,p.h)(12),lineHeight:(0,p.h)(16),height:(0,p.h)(40)}},leftIcon:{marginRight:"5px"}})},d.createElement(R.T,{size:r?"p3":"p4"},e("home.seeMore"))),[x]);return(0,d.useEffect)(()=>{x.setFieldValue("fitnessTopics",v.map(e=>e.catId))},[v]),d.createElement("form",{style:{height:"100%"},onSubmit:x.onSubmit(t=>{if(0===v.length)return a({type:"danger",title:e("newsletter.error.minTitle"),message:e("newsletter.error.minCotennt")}),!1;u(t),null==m||m(t.name)})},d.createElement(Layout,{heading:e("healthToolPNModal.heading"),stickyActions:d.createElement(d.Fragment,null,d.createElement(z.B,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:o,loading:g,sx:{maxWidth:(0,p.h)(240)}},e("healthToolPNModal.register")))},d.createElement(h.K,{spacing:(0,p.h)(16)},d.createElement($.I,Object.assign({label:e("newsletter.welcome.description")},x.getInputProps("name"))),d.createElement(TopicSection,{topicsGroup:[...0===l.length&&0===k.length?[{topics:[{component:B}]}]:[],...l.length>0?[{label:e("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...l,...0===k.length?[{component:B}]:[]]}]:[],...k.length>0?[{label:e("healthToolPNModal.findMore.chooseFav"),topics:[...k,...k.length>0?[{component:B}]:[]]}]:[]],selectedTopics:[...w],labelProps:{size:r?"p3":"p4",color:"gray.6"},onTopicChange:b,maxSelect:y}))))},ep=(0,d.forwardRef)(function(e,t){var{label:n}=e,a=(0,N.a)(e,["label"]);return d.createElement("div",Object.assign({ref:t},a),d.createElement(E.Z,{noWrap:!0},d.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),d.createElement(R.T,{size:"p3"},n)))}),eu=(0,d.forwardRef)(function(e,t){var{label:n}=e,a=(0,N.a)(e,["label"]);return d.createElement("div",Object.assign({ref:t},a),d.createElement(R.T,{size:"p3"},n))}),HistorySection=({history:e,onDelete:t})=>d.createElement(v.k,{wrap:"wrap",gap:8},et()(e,"catId").map(e=>d.createElement(x.C,{key:e.catId,rightSection:d.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",onClick:()=>null==t?void 0:t(e)},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 9C1.5 4.8525 4.8525 1.5 9 1.5C13.1475 1.5 16.5 4.8525 16.5 9C16.5 13.1475 13.1475 16.5 9 16.5C4.8525 16.5 1.5 13.1475 1.5 9ZM11.1677 12.2248C11.4602 12.5173 11.9327 12.5173 12.2252 12.2248C12.5101 11.9323 12.5101 11.4523 12.2252 11.1673L10.0577 8.99979L12.2252 6.83229C12.5177 6.53979 12.5177 6.0673 12.2252 5.7748C11.9327 5.4823 11.4602 5.4823 11.1677 5.7748L9.00015 7.9423L6.83265 5.7748C6.54015 5.4823 6.06765 5.4823 5.77515 5.7748C5.63471 5.91492 5.55579 6.10516 5.55579 6.30354C5.55579 6.50193 5.63471 6.69217 5.77515 6.83229L7.94265 8.99979L5.77515 11.1673C5.63471 11.3074 5.55579 11.4977 5.55579 11.696C5.55579 11.8944 5.63471 12.0847 5.77515 12.2248C6.06765 12.5173 6.54015 12.5173 6.83265 12.2248L9.00015 10.0573L11.1677 12.2248Z",fill:"#8C8C8C"})),styles:{root:{height:32,background:"#ffffff",padding:"5px 12px",border:`1px solid ${j.t.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},d.createElement(R.T,{size:"p4"},e.localName)))),RecentlyViewedSection=({topics:e,onTopicChange:t,isBlock:n=!1,selectedTopics:a,labelProps:i,maxSelect:o=5})=>{let{action:{pushNotifications:r}}=(0,d.useContext)(S.T),[l,s]=(0,d.useState)([]),{t:c}=(0,M.u)();return((0,d.useEffect)(()=>{s(a)},[a.length]),(0,d.useEffect)(()=>{t(l)},[l]),e&&0!==e.length)?d.createElement(h.K,{spacing:12,px:16,mx:-16},d.createElement(R.T,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},i),c("pnTopicSection.recentView")),d.createElement(y.A.Group,{value:l.map(e=>e.catId),onChange:t=>{if(n&&l.lengthe.filter(e=>t.some(t=>e.catId===t)))},multiple:!0},d.createElement(v.k,{gap:8,wrap:"wrap"},e.map((e,t)=>d.createElement(_NormalTopic,{key:t,value:e.catId,name:e.localName,isBlock:n}))))):null},_TopicSlide=e=>{var{topic:t,active:n,onClick:a}=e,i=(0,N.a)(e,["topic","active","onClick"]);return d.createElement(g.x,Object.assign({sx:e=>({position:"relative",cursor:"pointer",padding:2,borderRadius:8,boxShadow:"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)",minHeight:(0,p.h)(130),[e.fn.largerThan("sm")]:{minHeight:(0,p.h)(138)}}),onClick:()=>a(t,n)},i),n&&d.createElement(g.x,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},d.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z",fill:"#2D87F3"}),d.createElement("path",{d:"M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z",fill:"white"}))),d.createElement(g.x,{sx:{borderRadius:"8px"}},d.createElement($.c,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},d.createElement(g.x,null,d.createElement("img",{src:t.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),d.createElement(R.T,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},t.localName||""))},TrendingCarousel=({topics:e,selectedTopics:t=[],onTopicChange:n,isBlock:a=!1,labelProps:i,pushNotifications:o,maxSelect:r=5})=>{let{t:l}=(0,M.u)(),[s,c]=(0,d.useState)([]),onSelect=(e,t)=>{if(t)c(t=>t.filter(t=>t.catId!==e.catId));else{if(a){o({type:"danger",title:l("pnTopicSection.maxSelectError.title",{maxSelect:r}),message:l("pnTopicSection.maxSelectError.desc")});return}c(t=>[...t,e])}};(0,d.useEffect)(()=>{c(t)},[t.length]),(0,d.useEffect)(()=>{n(s)},[s]);let[p,u]=(0,d.useState)(!1),[m,f]=(0,d.useState)(0),[y,E]=(0,d.useState)(0),x=(0,d.useRef)(null),handleMouseUp=()=>{u(!1)};return d.createElement(h.K,{spacing:10},d.createElement(v.k,{justify:"space-between",align:"center",w:"100%"},d.createElement(R.T,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},i),l("pnTopicSection.trending"))),d.createElement(g.x,null,d.createElement(b.x,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:x,viewportProps:{onMouseDown:e=>{e.preventDefault(),x.current&&(u(!0),f(e.pageX-x.current.offsetLeft),E(x.current.scrollLeft))},onMouseUp:handleMouseUp,onMouseLeave:handleMouseUp,onMouseMove:e=>{if(e.preventDefault(),!p||!x.current)return;let t=e.pageX-x.current.offsetLeft;x.current.scrollLeft=y-(t-m)*2}},styles:{viewport:{paddingBottom:16}}},d.createElement(g.x,{w:{base:112*e.length+8*(e.length-1)+10}},d.createElement(v.k,{gap:8},e.map((e,t)=>d.createElement(_TopicSlide,{key:t,topic:e,onClick:onSelect,active:s.some(t=>t.catId===e.catId),w:{base:112}})))))))},PremiumTopicSelect=e=>{var{isLoggedIn:t,maxSelect:n=5,values:a=[],labelProps:i,onChange:o}=e,r=(0,N.a)(e,["isLoggedIn","maxSelect","values","labelProps","onChange"]);let{action:{pushNotifications:l}}=(0,d.useContext)(S.T),[s,c]=(0,d.useState)(""),{t:u,locale:m}=(0,M.u)(),v=(0,d.useRef)(null),[f,b]=(0,d.useState)([]),[y,E]=(0,d.useState)([]),[x,C]=(0,d.useState)([]),[k,T]=(0,d.useState)([]),[B,P]=(0,d.useState)(null),[O,I]=(0,d.useState)([]);(0,d.useEffect)(()=>{(0,N._)(void 0,void 0,void 0,function*(){var e,t;let n=yield(0,S.e)((0,S.h)(el.GET_NEWSLETTER_CATEGORIES,{_locale:m}),"get"),i=(null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.interested)||[],o=(null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.trending)||[],r=et()([...i,...o],"catId"),l=r.map(e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""}));if(I(l||[]),P((null==n?void 0:n.data)||null),a.length>0){let e=i.filter(e=>a.includes(e.catId)).map(e=>Object.assign(Object.assign({},e),{template:"interested"})),t=o.filter(e=>a.includes(e.catId)).map(e=>Object.assign(Object.assign({},e),{template:"trending"}));T(e),E(t)}})},[t]);let L=(0,d.useMemo)(()=>et()([...f,...y,...k,...x],"catId"),[f,y,k,x]),[A,_]=(0,d.useState)(!1);(0,d.useEffect)(()=>{L.length>=n?_(!0):_(!1),null==o||o(L)},[L]);let onValueChange=e=>(0,N._)(void 0,void 0,void 0,function*(){var t;let a="default";if(A)l({type:"danger",title:u("pnTopicSection.maxSelectError.title",{maxSelect:n}),message:u("pnTopicSection.maxSelectError.desc")});else{let n=[{key:"trending",array:null==B?void 0:B.trending},{key:"recently",array:null==B?void 0:B.recently},{key:"interested",array:null==B?void 0:B.interested}],i=n.find(t=>{var n;return null===(n=t.array)||void 0===n?void 0:n.some(t=>t.catId===e[0])});({trending:E,recently:C,interested:T,default:b})[a=(null==i?void 0:i.key)||"default"](t=>[...t,...O.filter(t=>e.some(e=>t.catId===e))].map(e=>Object.assign(Object.assign({},e),{template:a}))),null===(t=v.current)||void 0===t||t.blur()}return null});return d.createElement(h.K,Object.assign({spacing:(0,p.h)(16)},r),d.createElement(h.K,{spacing:(0,p.h)(8)},d.createElement(R.T,{size:"p3"},u("pnTopicSection.maxSelectError.detail",{max:n,maxTopic:L.length})),d.createElement(w.NU,{ref:v,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:j.t.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:d.createElement(R.T,{size:"s4",color:"gray.6"},u("pnTopicSection.notFound")),itemComponent:""===s?ep:eu,size:"lg",placeholder:u("pnTopicSection.plsEnterFavTopics"),data:O,onSearchChange:c,searchValue:s,icon:d.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#595959"})),rightSection:d.createElement(d.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>onValueChange(e),value:[]}),L&&L.length>0&&d.createElement(HistorySection,{history:L,onDelete:e=>{let t={trending:E,recently:C,interested:T,default:b},n=t[e.template]||t.default;n(t=>{let n=[...t],a=n.findIndex(t=>t.catId===e.catId);return n.splice(a,1),n})}})),d.createElement(g.x,{sx:e=>({position:"relative",height:(0,p.h)(175),[e.fn.largerThan("sm")]:{height:(0,p.h)(190)}})},d.createElement(g.x,{sx:{position:"absolute",top:0,right:0,left:0}},d.createElement(TrendingCarousel,{topics:((null==B?void 0:B.trending)||[]).map(e=>Object.assign(Object.assign({},e),{template:"trending"})),selectedTopics:y,onTopicChange:E,isBlock:A,labelProps:i}))),d.createElement(RecentlyViewedSection,{topics:((null==B?void 0:B.recently)||[]).map(e=>Object.assign(Object.assign({},e),{template:"recently"})),selectedTopics:x,onTopicChange:C,isBlock:A,labelProps:i}),d.createElement(TopicSection,{labelProps:i,topicsGroup:[{label:u("pnTopicSection.ppAlsoInterested"),topics:((null==B?void 0:B.interested)||[]).map(e=>Object.assign(Object.assign({},e),{template:"interested"}))}],selectedTopics:k,onTopicChange:T,isBlock:A}))},MoreTopics=()=>{let{t:e}=(0,M.u)(),{action:{pushNotifications:t}}=(0,d.useContext)(S.T),{prevStep:n,formValues:a,submitLoading:i,onSubmit:o,selectCategory:r,maxSelectCategory:l,setSelectCategory:s,currentUrl:c,isLoggedIn:u}=(0,d.useContext)(ed);return d.createElement(Layout,{heading:e("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:(0,p.h)(25)}},stickyActions:d.createElement(d.Fragment,null,d.createElement(z.B,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back Click",dataEventLabel:c,onClick:n},e("healthToolPNModal.back")),d.createElement(z.B,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next Click",dataEventLabel:c,onClick:()=>{if(0===r.length)return t({type:"danger",title:e("newsletter.error.minTitle"),message:e("newsletter.error.minCotennt")}),!1;null==o||o(a.name)},loading:i},e("healthToolPNModal.next")))},d.createElement(PremiumTopicSelect,{isLoggedIn:u,maxSelect:l,values:a.fitnessTopics,onChange:s,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},Result=()=>{let{t:e}=(0,M.u)(),{close:t,selectCategory:n,onRegisterSuccess:a,currentUrl:i,finishLabelOnResult:o,disclaimerText:r}=(0,d.useContext)(ed);return(0,d.useEffect)(()=>()=>{setTimeout(()=>{null==a||a()},400)},[]),d.createElement(Layout,{heading:e("healthToolPNModal.heading"),stickyActions:d.createElement(z.B,{fullWidth:!0,sx:{maxWidth:(0,p.h)(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:i,onClick:()=>{t()}},o||e("healthToolPNModal.finish"))},d.createElement(h.K,null,d.createElement(v.k,{gap:(0,p.h)(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:(0,p.h)(8),padding:(0,p.h)(8)})},d.createElement(g.x,null,d.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},d.createElement("path",{d:"M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z",fill:"#00B16A"}),d.createElement("path",{d:"M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z",fill:"white"}))),d.createElement(R.T,{size:"p3"},r||e("pnModal.disclaimer"))),d.createElement(D.H,{tag:"h5"},e("healthToolPNModal.yourPre")),n.length>0&&d.createElement(TopicSection,{topicsGroup:[{label:"",topics:n}],selectedTopics:n,readonly:!0})))},PremiumNewsletterModal=({isMobile:e,isLoggedIn:t,pnSuggestCategory:n=[],acquisitionInfo:a,currentUrl:i,opened:o,close:r,finishLabelOnResult:l,onRegisterSuccess:s,disclaimerText:c})=>{let{t:p,locale:u}=(0,M.u)(),{action:{pushNotifications:m}}=(0,d.useContext)(S.T),g=k.C.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),h=k.C.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[v,f]=(0,d.useState)([]),[b,y]=(0,d.useState)([]),[E,x]=(0,d.useState)(0),[w,B]=(0,d.useState)({name:"",fitnessTopics:[]}),[P,O]=(0,d.useState)(!1),lastStep=()=>x(2),I=(0,d.useCallback)(e=>(0,N._)(void 0,void 0,void 0,function*(){try{O(!0),yield(0,S.e)((0,S.h)(el.POST_SUBSCRIPTION,{website_url:(0,S.i)(u)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:J.Z.get(T.G),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},a.userInfo),{name:e||w.name,type_subscription:1}),domain:Z.v[u||en.L.Vietnam],category:b,perferred:a.preferredTopics.map(({id:e})=>({id:e}))}}),O(!1),yield(0,S.e)((0,S.j)(ec.UPDATE_SUBSCRIPTION),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),lastStep()}catch(e){console.log({err:e}),O(!1),m({title:p("notification.comment.somethingWrong"),message:"",type:"danger"})}}),[w,b]);return(0,d.useEffect)(()=>{[g,h].forEach(e=>{let t=new Image;t.src=e})},[]),d.createElement(ed.Provider,{value:{currentUrl:i,isMobile:e,isLoggedIn:t,opened:o,close:r,pnSuggestCategory:n,nextStep:()=>x(e=>e<3?e+1:e),prevStep:()=>x(e=>e>0?e-1:e),lastStep,categoryLibs:v,setCategoryLibs:f,selectCategory:b,setSelectCategory:y,formValues:w,setFormValues:B,maxSelectCategory:5,submitLoading:P,onSubmit:I,onRegisterSuccess:s,finishLabelOnResult:l,disclaimerText:c}},d.createElement(SideBannerModal,{isMobile:e,desktopBanner:k.C.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:k.C.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:o,onClose:r,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:i}},d.createElement(C.v,{active:E,onStepClick:x,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},d.createElement(C.v.Step,null,d.createElement(MainForm,null)),d.createElement(C.v.Step,null,d.createElement(MoreTopics,null)),d.createElement(C.v.Step,null,d.createElement(Result,null)))))},SurveyBanner=()=>{let{locale:e}=(0,M.u)(),{isMobile:t,isLoggedIn:n,currentUrl:a,acquisitionInfo:i,categoryIds:o,state:r,setState:l,settings:s,submitHandler:p,subcribeHealthStatus:u,showPNModal:m,setShowPNModal:g,setIsBack:h}=(0,d.useContext)(er),[v,f]=(0,d.useState)([]),[b,y]=(0,d.useState)(m);(0,d.useEffect)(()=>{(0,N._)(void 0,void 0,void 0,function*(){var t,n;let a=yield(0,S.e)((0,S.h)(el.GET_NEWSLETTER_CATEGORIES,{_locale:e}),"get"),i=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.interested)||[],r=(null===(n=null==a?void 0:a.data)||void 0===n?void 0:n.trending)||[],l=[...i,...r];f(l.filter(e=>o.includes(Number(e.catId))))})},[]);let E=(0,d.useRef)([]);return(0,d.useEffect)(()=>{let e=(null==u?void 0:u.value)||"",t=e.split("|").filter(Boolean),n=e;E.current.push(u),t.length>1&&(null!==E.current[0]&&h(!0),Object.keys(p).map(e=>{let a=e.split("|");if(t.length===a.length){let i=0;t.map(e=>{a.includes(String(e))&&(i+=1)}),i===t.length&&(n=e)}}));let a=t.length>0?p[n]:s;l(a)},[u]),(0,d.useEffect)(()=>{y(m)},[m]),(null==r?void 0:r.action)!==c.Hide?d.createElement(d.Fragment,null,d.createElement(HandlerBanner,Object.assign({},s.props)),d.createElement(PremiumNewsletterModal,{acquisitionInfo:i,isMobile:t,isLoggedIn:n,currentUrl:a,pnSuggestCategory:v,opened:b,close:()=>{var e;y(!1),g(!1),setTimeout(()=>{var e;(null===(e=r.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&l({action:c.Hide})},400),(null===(e=r.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&l({action:c.Hide})},onRegisterSuccess:()=>y(!1)})):null},SurveyOrPremiumBanner=({type:e,articleId:t=0,categoryIds:n=[],isMarketing:a,isSurveyType:i,hasPremiumBanner:o,currentUrl:r,isMobile:l,subcribeHealthStatus:s,setShouldAcquisitionModalOpen:p,onValueChange:u,source:m="discover",Wrapper:h})=>{let{t:v}=(0,M.u)(),{data:{userInfo:f}}=(0,d.useContext)(S.T),b=!!(null==f?void 0:f.id),[y,E]=(0,d.useState)(null),[x,w]=(0,d.useState)(),[C,k]=(0,d.useState)(""),[T,B]=(0,d.useState)(!1),[P,N]=(0,d.useState)(!1),O=(0,d.useMemo)(()=>ei[e],[]),I=FLOW(v,r)[O],L=null==I?void 0:I.submitHandler,getMappingMultiValue=e=>{let t="",n=e.split("|");return 1===n.length?e:(Object.keys(L).map(e=>{let a=e.split("|");if(n.length===a.length){let i=0;n.map(e=>{a.includes(String(e))&&(i+=1)}),i===n.length&&(t=e)}}),t)},A=h||g.x,handleShowPNBannerFlowWhenLogin=()=>o&&(null==f?void 0:f.subscription)!==1?d.createElement(PnBannerEle,null):null;return(0,d.useEffect)(()=>{b&&E({userInfo:f,preferredTopics:ea,healthTopics:[]})},[b]),d.createElement(er.Provider,{value:{settings:I,submitHandler:L,type:e,surveyType:O,value:C,setValue:k,isMobile:l,isLoggedIn:b,isMarketing:a,hasPremiumBanner:o,currentUrl:r,acquisitionInfo:y,categoryIds:n,subcribeHealthStatus:s,articleId:t,onValueChange:u,state:x,setState:w,handleClickOption:e=>{let t=getMappingMultiValue(e);if(t){let n=L[t];n.action===c.ShowPremiumModal?o?(B(!0),w(Object.assign(Object.assign({},x),{actionParams:{hideBannerWhenClose:n.action===c.ShowPremiumModal}}))):(w({action:c.Hide}),null==u||u(e)):(w(n),null==u||u(e))}},showPNModal:T,setShowPNModal:B,source:m,Outside:A,isBack:P,setIsBack:N,minHeight:180,setShouldAcquisitionModalOpen:p}},void 0!==s?b?i&&I?(()=>{let e=L[(null==s?void 0:s.value)||""];return(null==e?void 0:e.action)===c.ShowPremiumModal?handleShowPNBannerFlowWhenLogin():d.createElement(SurveyBanner,null)})():handleShowPNBannerFlowWhenLogin():o?d.createElement(PnBannerEle,null):null:null)}},Imhd:function(e,t,n){n.d(t,{T:function(){return b},a:function(){return g},b:function(){return getUserIdFromCookie},c:function(){return checkUntilFinished},d:function(){return getSubotCookieId},e:function(){return getUserInfoFromCookie},f:function(){return getWindowId},g:function(){return getHelloSitesUrl},h:function(){return checkMobile},i:function(){return clickAndOpenInNewTab},j:function(){return formatUrlWithEncrypedGa},k:function(){return isFakeEmail},l:function(){return getHhgIdFromCookie},o:function(){return overrideParamsByQuery},s:function(){return ssoIntents}});var a=n("WsKU"),i=n("79/z"),o=n("JIJ2"),r=n("hHL7"),l=n("GOBr"),s=n("xrdX"),c=Object.prototype.toString,d=/^[!#$%&'*+\-.^_`|~0-9A-Za-z]+$/,p=/^("?)[\u0021\u0023-\u002B\u002D-\u003A\u003C-\u005B\u005D-\u007E]*\1$/,u=/^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i,m=/^[\u0020-\u003A\u003D-\u007E]*$/;function startIndex(e,t,n){do{var a=e.charCodeAt(t);if(32!==a&&9!==a)return t}while(++tn;){var a=e.charCodeAt(--t);if(32!==a&&9!==a)return t+1}return n}function decode(e){return -1!==e.indexOf("%")?decodeURIComponent(e):e}var g={parse:function(e,t){if("string"!=typeof e)throw TypeError("argument str must be a string");var n={},a=e.length;if(a<2)return n;var i=t&&t.decode||decode,o=0,r=0,l=0;do{if(-1===(r=e.indexOf("=",o)))break;if(-1===(l=e.indexOf(";",o)))l=a;else if(r>l){o=e.lastIndexOf(";",r-1)+1;continue}var s=startIndex(e,o,r),c=endIndex(e,r,s),d=e.slice(s,c);if(!n.hasOwnProperty(d)){var p=startIndex(e,r+1,l),u=endIndex(e,l,p);34===e.charCodeAt(p)&&34===e.charCodeAt(u-1)&&(p++,u--);var m=e.slice(p,u);n[d]=function(e,t){try{return t(e)}catch(t){return e}}(m,i)}o=l+1}while(o{let n=Object.keys(t);return n.map(n=>{let a=t[n];if("source"===n){e.is_new="first_login"===a;return}if(v.includes(n)){if(h.includes(n)){try{e[n]=JSON.parse(a)}catch(e){}return}if("account_id"===n||"current_score"===n||"bot_id"===n){e[n]=parseInt(a);return}e[n]=a}}),e},ssoIntents=e=>[{id:(0,r.Z)(),label:JSON.stringify({title:"",description:""}),type:i.N.SSO_INTENT,url:""},{id:(0,r.Z)(),label:JSON.stringify({title:e({id:"subot.myHealth.title",defaultMessage:"My Health"}),description:e({id:"subot.myHealth.description",defaultMessage:"Personal identifiers (like your name) will always be removed to protect your privacy. "})}),type:i.N.SSO_INTENT,url:"/images/subot/my-health.svg"},{id:(0,r.Z)(),label:JSON.stringify({title:e({id:"subot.saveData.title",defaultMessage:"Save Data"}),description:e({id:"subot.saveData.description",defaultMessage:"Hellobacsi would like to learn from your data to provide better healthcare for you"})}),type:i.N.SSO_INTENT,url:"/images/subot/file-storage.svg"},{id:(0,r.Z)(),label:JSON.stringify({title:e({id:"subot.productYourIdentifiers.title",defaultMessage:"Protect your identifiers"}),description:e({id:"subot.productYourIdentifiers.description",defaultMessage:"Personal identifiers (like your name) will always be removed to protect your privacy. "})}),type:i.N.SSO_INTENT,url:"/images/subot/shield.svg"}];function checkUntilFinished(e){let t=e.condition,n=e.finished,a=e.timeout||3e3,i=new Date().getTime(),o=setInterval(()=>{let e=new Date().getTime();(e-i>a||t())&&(clearInterval(o),n())},300)}let getHhgIdFromCookie=e=>{let t=g.parse(e||""),n=t["hhg-id"];return n||o.Z.get("hhg-id")||""},getSubotCookieId=e=>{if(e)return o.Z.set("hhg-id",e),e;let t=getHhgIdFromCookie();if(t)return t;let n=(0,r.Z)();return o.Z.set("hhg-id",n),n},getUserIdFromCookie=e=>{let t=g.parse(e||""),n=t[a.B],i=n||o.Z.get(a.B)||"";try{let e=i.split(".")[1],t=e.replace(/-/g,"+").replace(/_/g,"/"),n=decodeURIComponent(atob(t).split("").map(function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)}).join(""));return JSON.parse(n).sub}catch(e){return""}},getUserInfoFromCookie=e=>{let t=g.parse(e||""),n=t[a.B],i=n||o.Z.get(a.B)||"";try{let e=i.split(".")[1],t=e.replace(/-/g,"+").replace(/_/g,"/"),n=decodeURIComponent(atob(t).split("").map(function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)}).join("")),a=JSON.parse(n);return{email:a.email,id:a.sub}}catch(e){return{email:"",id:0}}},f=(0,r.Z)(),getWindowId=()=>f,getHelloSitesUrl=(e,t)=>{let n=!t&&"undefined"!=typeof window&&("localhost"===window.location.hostname||"127.0.0.1"===window.location.hostname);return n?"http://localhost":`https://${l.y?"":"discover."}${s.v[e]}`},checkMobile=e=>{let t=e||("undefined"==typeof navigator?"":navigator.userAgent);return!!(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substring(0,4)))},clickAndOpenInNewTab=e=>{let t=document.createElement("a");t.href=e,t.target="_blank",t.click()},b=30,isFakeEmail=e=>(null==e?void 0:e.endsWith("@hhg.com"))||(null==e?void 0:e.endsWith("@facebook.com"));function formatUrlWithEncrypedGa(e="",t=""){if(!e.startsWith("https://")||!t)return"";let n=new URL(e),a=n.searchParams;return a.get("hhgclid")?(a.delete("hhgclid"),a.set("hhgclid",t),`${n.origin}${n.pathname}?${a.toString()}`):e}}}]);