"use strict";(this.__LOADABLE_LOADED_CHUNKS__=this.__LOADABLE_LOADED_CHUNKS__||[]).push([[892],{40039:(e,t,r)=>{r.d(t,{Z:()=>n});var a=r(66480),i=r(65580),o=r(61993),g=r(96832);const n=function(e,{trackOnDidUpdate:t=!1,trackOnDidMount:r=!0}={}){const n=(0,g.useRef)(!1),d=(0,g.useCallback)((e=>!!("function"==typeof e?e():e)),[]),m=(0,g.useCallback)((()=>{null==a.Z.trackPageView||a.Z.trackPageView(e),i.Z.track(a.z.PageView,e)}),[e]);return(0,o.Z)((()=>{d(r)&&m(),n.current=!0})),(0,g.useEffect)((()=>{n.current&&d(t)&&m()}),[m]),m}},34124:(e,t,r)=>{r.r(t),r.d(t,{default:()=>B});var a=r(23587),i=r(46255),o=r(95928),g=r(32420);const n=(0,i.Z)("div",{target:"e1d28bdg0"})((({theme:e})=>({background:`no-repeat url("${g.$P}") rgba(5, 5, 5, 0.94)`,backgroundSize:"cover",color:e.colors.white.primary,height:"100%",overflowX:"auto",paddingTop:"7rem",position:"fixed",textAlign:"center",top:0,width:"100%",[(0,o.Z)(e.mediaQueries.max.width[640])]:{color:e.colors.white.primary,height:"100%",overflowX:"auto",paddingTop:"7rem",textAlign:"center",width:"100%"}})),""),d=(0,i.Z)("div",{target:"e14gzh2i0"})((({theme:e})=>({margin:"auto",padding:"1rem",width:"28rem",[(0,o.Z)(e.mediaQueries.max.width[768])]:{width:"19rem"}})),"");var m=r(61711);const b=(0,i.Z)("button",{target:"e1gyamqs0"})((({theme:e})=>({background:e.colors.transparent.dark,border:"none",borderRadius:"0.5rem",cursor:"pointer",height:"100%",overflow:"hidden",outline:"none",padding:0,position:"relative",width:"100%"})),""),s=(0,i.Z)("div",{target:"ei6wt3v0"})((({active:e,theme:t})=>({bottom:".8rem",display:e?"inherit":"none",padding:".6rem",position:"absolute",right:".8rem",[(0,o.Z)(t.mediaQueries.max.width[1160])]:{bottom:".5rem",padding:".45rem",right:".5rem"},"& svg":{height:"2.6rem",width:"2.6rem",[(0,o.Z)(t.mediaQueries.max.width[768])]:{height:"2rem",width:"2rem"}}})),"");var l=r(34853);const h=({active:e,ariaLabel:t})=>(0,l.tZ)(s,{active:e,"aria-label":t,children:(0,l.tZ)("svg",{fill:"none",height:"26",preserveAspectRatio:"none",viewBox:"0 0 28 28",width:"26",xmlns:"http://www.w3.org/2000/svg",children:(0,l.tZ)("path",{d:"M14.0001 0.666504C6.64008 0.666504 0.666748 6.63984 0.666748 13.9998C0.666748 21.3598 6.64008 27.3332 14.0001 27.3332C21.3601 27.3332 27.3334 21.3598 27.3334 13.9998C27.3334 6.63984 21.3601 0.666504 14.0001 0.666504ZM10.3867 19.7198L5.60008 14.9332C5.08008 14.4132 5.08008 13.5732 5.60008 13.0532C6.12008 12.5332 6.96008 12.5332 7.48008 13.0532L11.3334 16.8932L20.5067 7.71984C21.0267 7.19984 21.8668 7.19984 22.3867 7.71984C22.9067 8.23984 22.9067 9.07984 22.3867 9.59984L12.2667 19.7198C11.7601 20.2398 10.9067 20.2398 10.3867 19.7198Z",fill:"white"})})}),c=(0,i.Z)("div",{target:"e1h74ifr0"})((({active:e})=>({backgroundPosition:"center",backgroundSize:"cover",height:"100%",opacity:e?.7:1,transition:"opacity",width:"100%"})),""),u=e=>3*e/5+"px",p=(0,i.Z)("li",{target:"e1fd3b9l0"})((({theme:e})=>({display:"inline-block",height:u(285),paddingBottom:e.dimensions.gutter,paddingLeft:e.dimensions.gutter,width:"285px",[(0,o.Z)(e.mediaQueries.max.width[1160])]:{height:u(242),width:"242px"},[(0,o.Z)(e.mediaQueries.max.width[768])]:{height:u(175),width:"175px"},[(0,o.Z)(e.mediaQueries.max.width[320])]:{height:u(155),paddingBottom:"1rem",paddingLeft:"1rem",width:"155px"},"&:hover":{[c.toString()]:{opacity:.9}}})),""),w=e=>{const{active:t,onGenreClick:r,id:a,logo:i,translate:o}=e,g={backgroundImage:`url("${i.replace(/http:/g,"")}")`};return(0,l.tZ)(p,{"data-test":"genre-game-item",children:(0,l.BX)(b,{"data-id":a,"data-test":"genre-game-button",onClick:()=>r(a),type:"button",children:[(0,l.tZ)(c,{active:t,style:g}),(0,l.tZ)(h,{active:t,ariaLabel:o("Pick Genre")})]})})},k=(0,i.Z)("div",{target:"e65dq3k0"})((({listenHistory:e=!1,theme:t})=>({bottom:e?"8rem":"0",left:0,position:"fixed",width:"100%",zIndex:210,[(0,o.Z)(t.mediaQueries.max.width[768])]:{bottom:e?"5rem":"0"},".copyright":{marginBottom:0,padding:"0 1.5rem",[(0,o.Z)(t.mediaQueries.max.width[768])]:{position:"absolute",width:"100%"},".copyrightYear":{p:{margin:"3rem 0 0",[(0,o.Z)(t.mediaQueries.max.width[768])]:{margin:"1rem 0 0"}}},".copyrightLinks":{ul:{margin:"3rem auto 0",[(0,o.Z)(t.mediaQueries.max.width[768])]:{margin:"0 auto"}}}}})),""),Z=(0,i.Z)("header",{target:"e1439iso0"})((({theme:e})=>({paddingBottom:"2.5rem",h1:{fontSize:e.fonts.size.large,fontWeight:"bold",lineHeight:"4.86rem"},h2:{fontSize:"2.2rem",fontWeight:700,margin:0},[(0,o.Z)(e.mediaQueries.max.width[1160])]:{h1:{fontSize:e.fonts.size.medium,lineHeight:"1.1em"},h2:{fontSize:e.fonts.size.small,lineHeight:"2.6rem",paddingTop:".5rem"}},[(0,o.Z)(e.mediaQueries.max.width[768])]:{h2:{fontSize:e.fonts.size.small,lineHeight:"2.4rem",paddingTop:0}},[(0,o.Z)(e.mediaQueries.max.width[370])]:{h1:{fontSize:e.fonts.size.medium},h2:{fontSize:e.fonts.size.small,lineHeight:"2.4rem",paddingTop:0}},[(0,o.Z)(e.mediaQueries.max.width[320])]:{h1:{fontSize:"1.9rem"},h2:{fontSize:e.fonts.size.small,lineHeight:"2.0rem",paddingTop:".5rem"}}})),""),f=(0,i.Z)("ul",{target:"e1aej5690"})((({theme:e})=>({backgroundColor:e.colors.transparent.primary,listStyle:"none",margin:`0 0 0 -${e.dimensions.gutter}`,padding:"0 0 1.2rem 0"})),""),v=(0,i.Z)("div",{target:"e56uhwe0"})((({listenHistory:e=!1,theme:t})=>({backgroundColor:t.colors.transparent.primary,bottom:e?"21rem":"13rem",display:"block",left:"50%",margin:"0 auto 0 -59.8rem",overflowY:"auto",padding:"2rem 0 0",position:"fixed",top:"15rem",width:"119.6rem",MozMaskImage:"-moz-linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",OMaskImage:"-o-linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",msMaskImage:"-ms-linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",WebkitMaskImage:"-webkit-linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",maskImage:"linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",[(0,o.Z)(t.mediaQueries.max.width[1160])]:{marginLeft:"-38.4rem",top:"12.2rem",width:"76.8rem",MozMaskImage:"-moz-linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",OMaskImage:"-o-linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",msMaskImage:"-ms-linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",WebkitMaskImage:"-webkit-linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",maskImage:"linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)"},[(0,o.Z)(t.mediaQueries.max.width[768])]:{bottom:e?"19.5rem":"14.5rem",marginLeft:"-18.5rem",paddingTop:"2rem",width:"37rem",MozMaskImage:"-moz-linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",OMaskImage:"-o-linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",msMaskImage:"-ms-linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",WebkitMaskImage:"-webkit-linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)",maskImage:"linear-gradient(bottom,  rgba(0,0,0,0), rgba(0,0,0,0) 2%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 100%)"},"::-webkit-scrollbar":{width:".8rem"},"::-webkit-scrollbar-track":{background:"rgba(255, 255, 255, 0.17)",borderRadius:".6rem",marginBottom:"7%",marginTop:"7%",WebkitBorderRadius:".6rem"},"::-webkit-scrollbar-thumb":{WebkitBorderRadius:".6rem",background:"rgba(255, 255, 255, 0.23)",borderRadius:".6rem"},"::-webkit-scrollbar-thumb:window-inactive":{background:"rgba(255, 0, 0, 0)"}})),"");var y=r(40039),x=r(90758),z=r(18489),S=r(20328),C=r(11129),L=r(77938),M=r(73634),I=r(71130),O=r(96832);function Q(){return Q=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},Q.apply(this,arguments)}const B=function(){const[e,t]=(0,O.useState)({}),r=(0,I.useDispatch)(),i=(0,I.useSelector)(S.JZ,a.Z),o=(0,I.useSelector)(C.Ld),g=(0,I.useSelector)(L.w8,a.Z),b=(0,I.useSelector)(S.TN,a.Z),s=(0,x.Z)();function h(r){const a=Q({},e);a[r]=!a[r],t(a)}return(0,y.Z)({pageName:"genre_game"}),(0,O.useEffect)((()=>{b?t(b):r((0,z.jf)())}),[r,b]),(0,l.BX)(n,{children:[(0,l.BX)(Z,{children:[(0,l.tZ)("h1",{children:s("Tell us all the genres you like.")}),(0,l.tZ)("h2",{children:s("We'll suggest stations just For You.")})]}),(0,l.tZ)(v,{"data-test":"genre-game-table",listenHistory:g.length>0,children:(0,l.tZ)(f,{children:Object.values(i).sort(((e,t)=>e.sortOrder>=t.sortOrder?1:-1)).map((t=>{const{logo:r,name:a}=t;return(0,l.tZ)(w,{active:!!e[t.id],id:t.id,logo:r,name:a,onGenreClick:h,translate:s},`${t.id}genre`)}))})}),(0,l.tZ)(k,{listenHistory:g.length>0,children:(0,l.tZ)(d,{children:(0,l.tZ)(m.Z,{"aria-label":s("Get Stations"),"data-test":"get-stations-button",disabled:!Object.keys(e).length,isBlock:!0,onClick:async function(){await r((0,z.bd)(e,"onboarding")),r(o?(0,M.c4)({path:"/for-you/"}):(0,M.c4)({path:"/"}))},styleType:"cta",children:s("Get Stations")})})})]})}}}]);
//# sourceMappingURL=GenreGame.www.js.map