https://assets.greatist.com/_next/4994df9d-17c6-4513-b6da-30d758a66177/gr8/3157.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[3157,9054],{45427(e,t,n){n.d(t,{A:()=>a});var i=n(96540),o=n(13680);class a extends i.Component{render(){const{children:e,onClick:t}=this.props,n=()=>{const{action:e,label:t,ga4:n}=this.props;(0,o.GY)(n),(0,o.HX)(e,t)};return i.cloneElement(e,{onClick:e=>{t&&t(e),n()}})}}},54991(e,t,n){n.d(t,{A:()=>i});const i=(0,n(27331).Ay)(()=>new(n(6055).A)((e,t)=>{n.e(3361).then((i=>{try{let t=n(81886);e(t)}catch(e){t(e)}}).bind(null,n)).catch(t)}),{name:"error-page",loadBeforeAds:!0})},13337(e,t,n){n.d(t,{A:()=>M});var i=n(77066),o=n(13680),a=n(83),r=n(29705),s=n(93743),l=n(81635),d=n(24714),c=n(43287),u=n(45427),p=n(20949).h;function h(e){let{msiteID:t,type:n,sponsoredBarTxt:o,name:a,landingPage:r,isBrandPage:h,background:g,dataTestId:m}=e;const x="text-black"===g?"#dcdbdb":"#767474";let b=a;return r&&(b=p(l.A,{href:r,title:`${a} program landing page`,disableColorsTillHover:!0},a)),p(u.A,{className:(0,i.AH)({userSelect:"none"}),action:"Title Click",label:t,category:"Sponsored Programs",ga4:`SponsorTitleClick${t}`},p("div",{className:(0,i.AH)((0,s.mq)({width:"fixedwidth"===n?["auto","275px"]:"auto"}))},a&&!h&&"text-black"!==g&&p("div",{className:(0,i.AH)([{display:"inline-block",fontSize:"14px",fontWeight:"bold",fontFamily:"Circular Pro",lineHeight:"16px",textTransform:"uppercase",textDecoration:"underline",color:"#231f20","@media(min-width:768px)":{fontSize:"22px",lineHeight:"25px"}}]),"data-testid":m||""},b),p("div",{className:(0,i.cx)((0,i.AH)((0,s.mq)({color:x,fontSize:["12px","14px"],lineHeight:["14px","20px"],fontFamily:"Circular Pro"})),(0,i.AH)({"& a":(0,i.cx)(d.kY,(0,i.AH)({textDecoration:"underline"}))}))},o&&(0,c.A)({data:o}))))}var g=n(96540),m=n(59180),x=n(20949).h;const b=["90px","118px"];function k(e){let{thumbnail:t,landingPage:n,name:o}=e;const a=x(m.p,{className:(0,i.AH)((0,s.mq)({width:b,height:b,borderRadius:"50%"})),src:t,alt:`${o} thumbnail image`,width:b});return n?x(l.A,{className:(0,i.AH)([{lineHeight:0,flex:"0 0 auto",marginRight:"20px","@media(min-width:768px)":{marginRight:"30px"}}]),href:n,title:`${o} program landing page`,disableColorsTillHover:!0},a):x("span",{className:(0,i.AH)([{marginRight:"20px",lineHeight:0,flex:"0 0 auto","@media(min-width:768px)":{marginRight:"30px"}}])},a)}n(5556);var f=n(41306),v=n(20949).h;const A=e=>{let{href:t,onClick:n,msiteID:o,eventProps:a,img:r}=e;return v(l.A,{...n?{onClick:n}:{},"data-testid":"logo-link",className:(0,i.AH)([{display:"flex",alignItems:"center"}]),href:t,event:a||`Sponsored Programs|Logo click|${o}`,"data-ga4":`SponsorLogoClick${o}`},r)},C=e=>{let{msiteID:t,logo:n,logoLink:o,logoSize:r,height:l,marginRight:d,marginBottom:c,marginLeft:u,eventProps:p,tagularDetails:h}=e;if(!n)return null;const x=v(m.p,{className:(0,i.AH)((0,s.mq)([{height:l||"larger"!==r&&["20px","25px"],marginBottom:c,marginRight:d||"",marginLeft:u||"",maxWidth:"none"},"larger"===r&&{maxHeight:["40px","50px"],maxWidth:["130px","160px"]}])),src:n,alt:"",height:l||"25px"}),b=(0,a.r)("C0004");if(o){const e=v(A,{href:b?o:"",msiteID:t,eventProps:p,img:x});return h?v(f.default,{...h,formatType:"IMAGE",render:t=>{let{tagularTrackedLinkUrl:n,trackTagularClick:i}=t;return(0,g.cloneElement)(e,{href:n,onClick:i})}}):e}return x};var T=n(20949).h;const S=i.Ay.div({display:"flex",alignItems:"center"}),y=i.Ay.img({width:"1px",height:"1px",position:"absolute",left:0,opacity:0}),P=(0,g.memo)(e=>{let t,{msiteID:n,title:o,logo:r,logoSize:s,logoLink:l,logoTracking:d,secondTracking:c,tagularDetails:u,landingPage:p,background:h,thumbnail:g,isCategorySponsor:m,isCategorySponsorArticle:x,linkOverride:b,name:f}=e;g&&p&&"text-black"!==h&&(x||!m)&&(t=T(k,{thumbnail:g,landingPage:m?b:p,name:f}));const v=(0,a.r)("C0004"),A=T(C,{msiteID:n,logo:r,logoLink:v?l:"",logoSize:s,marginBottom:t&&[15,20],marginRight:[15,20],tagularDetails:u}),P=v?[d,c]:[],H=(0,i.AH)({display:"flex",...!t&&{alignItems:"center"},...void 0!==r&&t&&{flexDirection:"column",alignSelf:"flex-end",justifyContent:"space-between"}});return T(S,null,t,T("div",{className:H},A,T("span",null,o),P.length?P.map((e,t)=>e&&T(y,{key:t,src:e})):null))}),H=i.Ay.div(e=>{let{landingPage:t,background:n,isContentSeries:i,subNav:o,isBrandPage:a}=e;return[{padding:"16px 20px",color:"#767474",borderBottom:"1px solid #dcdbdb","@media tablet":{padding:"20px 55px 15px 55px"},"@media desktop":{padding:"20px 172px 16px 172px"}},t&&"#231f20"!==n&&{borderBottom:o?"none":"1px solid #dcdbdb"},"#231f20"===n&&{background:n},(i||a)&&{background:a?`${n}1A`:n}]});var w=n(63048),B=n(56256),N=n(74760),L=n(20949).h;const M=(0,N.ot)("sponsorbar",(0,B.Jo)(e=>{var t;let{msiteID:n,landingPage:s,background:l,isContentSeries:d,isBrandPage:c,isPaidMedia:u,brandPageNavMenu:p,urlAsPath:g,sponsoredBarTxt:m,type:x,name:b,logo:k,logoTracking:f,isCategorySponsor:v,categorySponsorType:A,linkOverride:C,titleOverride:T,appState:S,...y}=e;const B=v&&"category"!==A&&"subcategory"!==A,N={msiteID:n,landingPage:s,background:l,isContentSeries:d,title:L(h,{msiteID:n,sponsoredBarTxt:m,type:x,name:B?T:b,landingPage:B?C:s,isBrandPage:c,background:l,dataTestId:"sponsored-bar-title"}),logo:k,name:b,logoTracking:f,isCategorySponsor:v,isCategorySponsorArticle:B,linkOverride:C,titleOverride:T,...y},M=(0,a.r)("C0004");N.logoLink&&M&&(N.logoLink=(0,o.ID)({url:N.logoLink,locationPathName:S.canonicalPath}),N.tagularDetails&&(N.tagularDetails.linkUrl=N.logoLink));const I=L(P,{...N});let D;return null!=(t=S.sponsoredNavMenu)&&t.length?D=L(w.A,{items:S.sponsoredNavMenu}):null!=p&&p.length&&(D=L(w.A,{items:p,brandColor:l,isBrandPage:c,urlAsPath:g})),L("div",{"data-testid":"sponsored-bar"},L(H,{landingPage:s,background:l,isContentSeries:d,isBrandPage:c,logo:k,subNav:D},L(r.A,{width:"100%",className:(0,i.cx)((0,i.AH)({display:"flex",alignItems:"center"}),c&&(0,i.AH)({justifyContent:"flex-start"}),u&&(0,i.AH)({justifyContent:"center"}))},I)),D)}))},63048(e,t,n){n.d(t,{A:()=>d});var i=n(96540),o=n(77066),a=n(93743),r=n(77055),s=n(20949).h;class l extends i.Component{constructor(){super(...arguments),this.state={isSubMenuOpen:!1},this.handleTabMenuOpen=e=>{this.setState({isSubMenuOpen:e})}}render(){const{isLandingPage:e,items:t,brandColor:n,isBrandPage:i,urlAsPath:l}=this.props,{isSubMenuOpen:d}=this.state;return t?s("nav",{className:(0,o.AH)([{left:0,right:0,width:"100%",background:"white",marginBottom:"10px",borderBottom:"1px solid #dcdbdb","@media(min-width:768px)":{marginBottom:"30px"}}])},s("ul",{"data-testid":"sponsored-sub-nav",className:(0,o.AH)((0,a.mq)({listStyle:"none",margin:"0 auto",padding:0,paddingLeft:"20px",display:"flex",justifyContent:["left","center"],alignItems:"center",height:"40px",overflowX:d?["visible","hidden"]:["scroll","hidden"],WebkitOverflowScrolling:"touch",scrollBehavior:"smooth",overflowY:d?"visible":"hidden"}))},t.map((t,o)=>s(r.A,{key:o,handleTabMenuOpen:this.handleTabMenuOpen,linkColor:"text-black",isBrandPage:i,brandHoverColor:n,urlAsPath:l,subMenuBackgroun

1d:"white",subMenuBorder:"1px solid gray",isLandingPage:e,...t})))):null}}const d=l},77055(e,t,n){n.d(t,{A:()=>m});var i=n(96540),o=n(77066),a=n(93743),r=n(69064),s=n(20949).h;function l(e){let{direction:t}=e;return s("button",{type:"button",className:(0,o.cx)("icon-hl-chevron-right",(0,o.AH)(r.UH),(0,o.AH)((0,a.mq)({cursor:"pointer",color:"inherit",outline:"none",fontSize:["10px","14px"],width:["10px","14px"],height:["10px","14px"],transform:`rotate(${"down"===t?"90deg":"-90deg"})`})))})}var d=n(81635),c=n(20949).h;class u extends i.Component{constructor(e){super(e),this.handleClickListener=e=>{this.ref.current&&!this.ref.current.contains(e.target)&&(e.preventDefault(),this.props.handleClick())},this.ref=i.createRef()}componentDidMount(){document.addEventListener("mousedown",this.handleClickListener),document.addEventListener("touchend",this.handleClickListener)}componentWillUnmount(){document.removeEventListener("mousedown",this.handleClickListener),document.addEventListener("touchend",this.handleClickListener)}render(){const{links:e,subMenuBackground:t,subMenuBorder:n}=this.props;return c("ul",{className:(0,o.AH)((0,a.mq)({margin:0,marginTop:"3px",background:t||void 0,listStyle:"none",padding:"28px 20px",position:"absolute",zIndex:300,fontSize:["17px","18px"],lineHeight:"26px",border:n||"none"})),ref:this.ref},e.map(e=>{let{title:t,url:n}=e;return c("li",{key:n,className:(0,o.AH)({margin:0,paddingBottom:"28px","&:last-of-type":{paddingBottom:0}})},c(d.A,{className:(0,o.AH)({color:"#231f20"}),href:n},t))}))}}var p=n(99912),h=n(16370),g=n(20949).h;class m extends i.Component{constructor(){super(...arguments),this.state={isActiveTab:!1},this.showTimeout=void 0,this.hideTimeout=void 0,this.showSubMenu=()=>{const{handleTabMenuOpen:e}=this.props,{isActiveTab:t}=this.state;this.setState({isActiveTab:!t}),e(!t)},this.handleItemClick=()=>{const{links:e,url:t,isLandingPage:n,title:i}=this.props;e&&this.showSubMenu(),t&&(n&&(0,h.FU)({location:"SUB_NAVIGATION",name:"Hub Page",position:"Top Sources",elementType:"LINK",text:i,actionOutcome:"INTERNALLINK"}),window.location=t)},this.handleMouseLeave=()=>{const{isActiveTab:e}=this.state;clearTimeout(this.showTimeout),e&&(0,p.rP)()>2&&(this.hideTimeout=setTimeout(this.mouseLeaveTimeout,500))},this.mouseLeaveTimeout=()=>{this.state.isActiveTab&&(0,p.rP)()>2&&this.showSubMenu()}}render(){const{title:e,url:t,links:n,linkColor:i,isBrandPage:r,brandHoverColor:s,urlAsPath:c,subMenuBackground:h,subMenuBorder:m}=this.props,{isActiveTab:x}=this.state,b=s||"#DE2B5C",k=r&&t.endsWith(c),f=x||k?b:i||"white";return g("li",{className:(0,o.AH)((0,a.mq)({margin:0,paddingRight:["20px","30px"]})),onMouseEnter:()=>{clearTimeout(this.hideTimeout),this.showTimeout=setTimeout(()=>{!x&&n&&(0,p.rP)()>2&&this.showSubMenu()},300)},onMouseLeave:this.handleMouseLeave},g("div",{onTouchEnd:e=>{n&&(e.preventDefault(),this.showSubMenu())},onClick:this.handleItemClick,className:(0,o.AH)((0,a.mq)({display:"flex",alignItems:"center",height:"50px",textTransform:"uppercase",lineHeight:"18px",fontSize:["13px","14px"],whiteSpace:"nowrap",cursor:"pointer",color:f,"&:hover":{color:b}}))},g(d.A,{className:(0,o.AH)((0,a.mq)({...a.Ay.font.headerFontBold,color:`${i} !important`,textDecoration:"none",marginRight:n?"6px":0,"&:hover":{color:b}})),href:n?void 0:t,event:`Navigation|category sub nav link click|${e}`},e),n&&g(l,{direction:x?"up":"down"})),n&&x&&g(u,{links:n,handleClick:this.showSubMenu,subMenuBackground:h,subMenuBorder:m}))}}},5357(e,t,n){n.r(t),n.d(t,{default:()=>d});var i,o,a=n(96540),r=n(95453),s=n(54991),l=n(20949).h;class d extends a.Component{constructor(){super(...arguments),this.state={}}componentDidCatch(e,t){this.setState({fatal:e,info:t})}render(){const{error:e}=this.props,{fatal:t,info:n}=this.state;return t?l("pre",null,t.stack,"\nStack\n",n.componentStack):l(r.A,{error:!0},l(s.A,{error:e}))}}d.getInitialProps=e=>{let{err:t}=e;return Promise.resolve({error:t})},o=n(5357),i=o&&o.__esModule?o.default:o,n(28323).N("/_error",function(){return{page:i}})}}]);
2//# sourceMappingURL=3157.js.map