"use strict";(this.__LOADABLE_LOADED_CHUNKS__=this.__LOADABLE_LOADED_CHUNKS__||[]).push([[9968],{13258:(e,t,r)=>{r.d(t,{Z:()=>k});var i=r(96596),n=r(17),a=r(11692),o=r(78743),l=r(30465),s=r(83807),d=r(32787),c=r.n(d),h=r(83533),p=r(38656),u=r(78213),m=r(45661),g=r(20755),y=r(9271),f=r(42254),b=r(23653);const Z=l.Z.getInstance(),v=(0,h.ZP)();async function w(e){const{seedId:t,seedType:r}=e;if(!t||!r)return;const a=p.parse(window.location.href),l=c().parse(a.query||{});let d=null,h=null;if(l.autoplay){const p=c().stringify((0,i.Z)(l,"autoplay")),f=a.resolveObject({search:p?`?${p}`:""}).href;if(window.history.pushState({},"",f),l.playedFrom)d=parseInt(l.playedFrom,10)||o.Z.PLAYER_PLAY;else switch(e.seedType){case b.bV.LIVE:d=o.Z.PROF_LIVE_AUTOPLAY;break;case b.bV.ALBUM:d=o.Z.PROF_ALBUM_AUTOPLAY;break;case b.bV.ARTIST:d=o.Z.PROF_ARTIST_AUTOPLAY;break;case b.bV.FAVORITES:d=o.Z.PROF_FAVORITES_AUTOPLAY;break;case b.bV.TRACK:d=o.Z.PROF_SONG_AUTOPLAY;break;case b.bV.PODCAST:d=o.Z.PROF_EPISODE_AUTOPLAY,h=(0,g.PQ)(v.getState())||(0,n.Z)(await(0,u.Z)(v,y.Xe,(e=>e.length>0)),"[0].id","");break;case b.bV.COLLECTION:d=e.playlistType===s.Z.New4U?o.Z.PROF_NEW4U_AUTOPLAY:o.Z.PROF_PLAYLIST_AUTOPLAY;break;case b.bV.PLAYLIST_RADIO:d=e.playlistType===s.Z.New4U?o.Z.PROF_NEW4U_RADIO_AUTOPLAY:o.Z.PROF_PLAYLIST_RADIO_AUTOPLAY;break;case b.bV.MY_MUSIC:d=o.Z.PROF_MY_SONGS_SONGS;break;default:d=void 0}(0,m.J9)({mediaId:h,playedFrom:d,stationId:t,stationType:r})}}function k(e){(0,f.W7)(v.getState())||(e.seedType!==b.bV.ARTIST||e.customRadioEnabled)&&(Z.set("streamInitTime",Date.now()),Z.get("inInit")?a.Z.once(a.E.AD_WARMUP_COMPLETE,(()=>{w(e)})):w(e))}},30095:(e,t,r)=>{r.d(t,{Z:()=>o});var i=r(22097),n=r(90758),a=r(34853);const o=function({floatRight:e,full:t}){const r=(0,n.Z)();return(0,a.tZ)(i.Z,{floatRight:e,full:t,title:r("Explicit"),children:r(t?"Explicit":"E")})}},22097:(e,t,r)=>{r.d(t,{Z:()=>i});const i=(0,r(46255).Z)("span",{target:"e1kk37m0"})((({floatRight:e=!1,full:t=!1,theme:r})=>({background:t?r.colors.gray[300]:r.colors.gray[400],borderRadius:"2px",color:t?r.colors.gray.dark:r.colors.white.primary,cursor:"default",display:"inline-block",float:e?"right":"none",fontSize:t?"1rem":"1.1rem",height:"1.4rem",letterSpacing:t?"1px":void 0,lineHeight:"1.4rem",margin:0,marginLeft:e?"1.5rem":void 0,padding:"0 .4rem",textTransform:"uppercase"})),"")},26222:(e,t,r)=>{r.d(t,{Z:()=>a});var i=r(29854),n=r(34853);const a=function(){return(0,n.tZ)(i.ck,{children:(0,n.BX)(i.aN,{children:[(0,n.tZ)("span",{}),(0,n.tZ)("span",{}),(0,n.tZ)("span",{})]})})}},24599:(e,t,r)=>{r.d(t,{Z:()=>c});var i=r(26222),n=r(96832),a=r(34586),o=r(29854),l=r(15696),s=r(19728),d=r(34853);const c=function({batchSize:e=10,children:t,hasMore:r,isFetching:c,loadMore:h,loader:p=(0,d.tZ)(i.Z,{}),offsetBottom:u=0,overscanRowCount:m=0,rowHeight:g,threshold:y=10}){const f=n.Children.toArray(t),b=r?f.length+1:f.length,Z=c?()=>Promise.resolve():h,v=e=>!r||ev(Number(e)),loadMoreRows:Z,minimumBatchSize:e,overscanRowCount:m,rowCount:b,threshold:y,children:({onRowsRendered:e,registerChild:t})=>(0,d.tZ)(s._K,{children:({height:r,isScrolling:i,scrollTop:n})=>(0,d.tZ)(l.aV,{autoHeight:!0,height:r>0?r:b*g,isScrolling:i,onRowsRendered:e,ref:t,rowCount:b,rowHeight:g,rowRenderer:({index:e,key:t,style:r})=>(0,d.tZ)(o.ck,{style:r,children:v(e)?f[e]:p},t),scrollTop:n,width:1})})})})})}},29854:(e,t,r)=>{r.d(t,{ck:()=>n,ob:()=>a,aN:()=>s,im:()=>d});var i=r(46255);const n=(0,i.Z)("div",{target:"e7v6hmz0"})({name:"1d3w5wq",styles:"width:100%"}),a=(0,i.Z)("div",{target:"e12y46pe0"})({name:"noc7g8",styles:"height:100%;position:relative;width:100%;& > *{width:unset !important;}.ReactVirtualized__Grid__innerScrollContainer{max-width:unset !important;}"}),o=(0,r(38241).F4)({"0%, 80%, 100%":{transform:"scale(0)"},"40%":{transform:"scale(1)"}});function l(e){return{animation:o,animationDelay:`-${String(e)}ms`,animationDuration:"1400ms",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"ease-in-out"}}const s=(0,i.Z)("div",{target:"eevav1v0"})((({theme:e})=>({borderRadius:"100%",span:{"&:nth-of-type(1)":l(3200),"&:nth-of-type(2)":l(1600),"&:nth-of-type(3)":l(0),backgroundColor:e.colors.red[600],borderRadius:"100%",display:"inline-block",height:"1rem",margin:"0 0.5rem",width:"1rem"},textAlign:"center",width:"100%"})),""),d=(0,i.Z)("div",{target:"egqa9pp0"})((({offsetBottom:e=0})=>({".ReactVirtualized__List":{paddingBottom:e/10+"rem"},height:"100%",width:"100%"})),"")},10881:(e,t,r)=>{r.d(t,{Z:()=>h});var i=r(43012),n=r(12024),a=r(34853);const o=["width","blurSigma","src","mediaServerUrl","siteUrl"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[r]=e[r]);return n}(e,o);const p=(0,n.p9)({mediaServerUrl:d,siteUrl:c},{blurSigma:r,width:t},s),u=(0,n.WP)({mediaServerUrl:d,siteUrl:c},{blurSigma:r,width:t});return(0,a.tZ)(i.Z,l({defaultSrc:u,src:p},h))}))},9821:(e,t,r)=>{r.d(t,{Z:()=>P});var i=r(35887),n=r(48199),a=r(78761),o=r(34853);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t(0,u.iG)(t)?(0,u.jX)(n,a)||r:i,k=(e,{playlistUserId:t,playlistId:r,stationType:i})=>(0,u.iG)(i)?(0,y.n1)(e,{playlistId:r,playlistUserId:t}):i,S=(0,p.zB)({allAccessPreview:m.im,canPlayAlbum:c.eU,canPlayMyMusic:c.nA,canPlayPlaylist:c.jw,canPlayPlaylistRadio:c.NO,canStartArtistRadio:c.MC,canStartSongRadio:c.Km,curated:y.o7,currentAlbumId:g.iU,currentAlbumTitle:g.dT,entitlements:c.HF,isMuted:f.rs,isTrialEligible:c.jc,profileId:b.v4,stationId:w,stationType:k,station:(e,t)=>{var r;const i=k(e,t),n=w(0,t);return null!=(r=(0,Z.gs)(e,{id:n,type:i}))?r:{}},subscriptionType:c.fE}),P=(0,i.Z)((e=>t=>{const r=l({adsPlayer:(0,a.Z)()},t);return(0,o.tZ)(e,l({},r))}),(e=>t=>{const r=d({adsPlayerState:(0,s.Z)()},t);return(0,o.tZ)(e,d({},r))}),(0,h.connect)(S,{toggleMute:v.$t}))(n.Z)},39748:(e,t,r)=>{r.d(t,{Z:()=>a});var i=r(74763),n=r(34853);const a=function(e){const{onClick:t,className:r,link:a,dataTest:o}=e,{text:l,href:s}=null!=a?a:{};return(0,n.tZ)(i.Z,{className:r,dataTest:o,onClick:t,to:s,children:l})}},74135:(e,t,r)=>{r.d(t,{v:()=>i.Z});var i=r(99883);r(38096)},46699:(e,t,r)=>{r.d(t,{Z:()=>s});var i=r(38241),n=r(90758),a=r(96832),o=r(34853);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{current:e}=Z,{current:t}=b;e&&t&&c&&g(e.offsetHeight({animation:`${e.keyframes.fadeIn} 300ms ease forwards`,backgroundColor:e.colors.transparent.primary,border:0,color:"dark"===h?e.colors.black.dark:e.colors.white.primary,cursor:"pointer",fontSize:e.fonts.size[14],fontWeight:e.fonts.weight.bold,margin:0,opacity:0,padding:0}),"data-test":"truncate-button",onClick:function(){f((e=>!e)),null==d||d()},type:"button",children:v(y?"Show Less":"Show More")})]})}},1851:(e,t,r)=>{r.d(t,{Z:()=>a});var i=r(8126),n=r(96832);const a=()=>(0,n.useContext)(i.Z)},82987:(e,t,r)=>{r.d(t,{p:()=>a,$:()=>c});const i=(e,t,r)=>[{key:"application/json+oembed",href:`${e}/oembed?url=${encodeURIComponent(t)}&format=json`,rel:"alternate",title:r,type:"application/json+oembed"},{key:"text/xml+oembed",href:`${e}/oembed?url=${encodeURIComponent(t)}&format=xml`,rel:"alternate",title:r,type:"text/xml+oembed"}];var n=r(67120);const a=({pagePath:e,siteUrl:t,title:r})=>[...i(t,(0,n.zt)(t,e),r)];var o=r(32787),l=r.n(o);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const t={};return e&&(t.embed=!0),Object.keys(t).length?`?${r=t,l().stringify((i=r,Object.keys(i).sort().reduce(((e,t)=>s({},e,{[t]:i[t]})),{})))}`:"";var r,i},c=({height:e,addEmbedToLink:t=!1,pagePath:r,siteUrl:i,width:a})=>{const o=(0,n.zt)(i,r),l=o+d({embed:t}),s=o+d({embed:!0}),c=o+d({embed:t});return[{content:"audio",key:"twitter:card",property:"twitter:card"},{content:c,key:"twitter:url",name:"twitter:url"},{content:c,key:"twitter:player",name:"twitter:player"},{content:`${a}`,key:"twitter:player:width",name:"twitter:player:width"},{content:`${e}`,key:"twitter:player:height",name:"twitter:player:height"},{content:"text/html",key:"og:video:type",property:"og:video:type"},{content:"audio/vnd.facebook.bridge",key:"og:audio:type",property:"og:audio:type"},{content:l,key:"og:url",property:"og:url"},{content:l,key:"og:audio",property:"og:audio"},{content:s,key:"og:video:url",property:"og:video:url"},{content:s,key:"og:video:secure_url",property:"og:video:secure_url"},{content:`${a}`,key:"og:video:width",property:"og:video:width"},{content:`${e}`,key:"og:video:height",property:"og:video:height"}]}},87805:(e,t,r)=>{r.d(t,{Z:()=>s});var i=r(46255),n=r(51588),a=r(15001),o=r(34737),l=r(28744);const s=(0,i.Z)(l.Z,{target:"e688iol0"})((({center:e=!1,customStyles:t={},floatRight:r=!1,marginLeft:i="0",marginRight:l="0",marginTop:s="0",isBlock:d=!1,styleType:c="dark",theme:h})=>{const p={dark:{backgroundColorDisabled:h.colors.gray[200],borderColor:h.colors.gray[500],hoverColor:h.colors.black.dark,hoverOpacity:.15,textColor:h.colors.gray[500],textColorDisabled:h.colors.gray[500]},light:{backgroundColorDisabled:h.colors.gray[300],borderColor:h.colors.white.primary,hoverColor:h.colors.white.primary,hoverOpacity:.3,textColor:h.colors.white.primary,textColorDisabled:h.colors.gray[500]}},u=(0,n.Z)({},p[c],t),m=(0,o.Z)(u.hoverColor,u.hoverOpacity);return{backgroundColor:h.colors.transparent.primary,border:`1px solid ${u.borderColor}`,float:r?"right":"none",margin:e?"auto":0,marginLeft:i,marginRight:l,marginTop:s,color:u.textColor,width:d?"100%":"auto","i, svg":{marginRight:"0.5rem"},"&:not(:disabled):hover":{[a.Z.toString()]:{backgroundImage:`radial-gradient(circle, ${h.colors.transparent.primary} 1%, ${m} 1%)`,backgroundColor:m,backgroundPosition:"center",backgroundSize:"15000%"}},"&:not(:disabled):active":{[a.Z.toString()]:{backgroundColor:"transparent",backgroundSize:"100%",transition:"background 0s"}},"&:disabled":{backgroundColor:u.backgroundColorDisabled,border:"none",color:u.textColorDisabled}}}),"")},70140:(e,t,r)=>{r.d(t,{Z:()=>a});var i=r(46255),n=r(95928);const a=(0,i.Z)("div",{target:"ehms0pv0"})((({newHero:e=!1,theme:t})=>({margin:"auto 0",[(0,n.Z)(t.mediaQueries.max.width[768])]:{paddingTop:e?0:"0.5rem"}})),"")},55745:(e,t,r)=>{r.d(t,{Z:()=>i});const i=(0,r(46255).Z)("div",{target:"elnhvn30"})((({textAlign:e="left",styleType:t="dark",theme:r})=>({color:{dark:{color:r.colors.gray[600]},light:{color:r.colors.white.primary}}[t].color,fontSize:r.fonts.size[16],fontWeight:r.fonts.weight.regular,letterSpacing:0,lineHeight:r.fonts.lineHeight[26],textAlign:e})),"")},78171:(e,t,r)=>{r.d(t,{Z:()=>i});const i=(0,r(46255).Z)("div",{target:"egx951j0"})((({textAlign:e="left",styleType:t="dark",theme:r})=>({color:{dark:{color:r.colors.gray[600]},light:{color:r.colors.white.primary}}[t].color,fontSize:r.fonts.size[12],fontWeight:r.fonts.weight.regular,letterSpacing:0,lineHeight:r.fonts.lineHeight[16],textAlign:e})),"")},4145:(e,t,r)=>{r.d(t,{Z:()=>i});const i=(0,r(46255).Z)("h3",{target:"e1v1osqu0"})((({styleType:e="dark",textAlign:t="left",theme:r,weight:i="regular"})=>({color:{dark:{color:r.colors.gray[600]},light:{color:r.colors.white.primary}}[e].color,fontSize:r.fonts.size[24],fontWeight:r.fonts.weight[i],letterSpacing:0,lineHeight:r.fonts.lineHeight[30],margin:"0.6rem 0",textAlign:t,transition:"all 300ms ease-in-out"})),"")},7598:(e,t,r)=>{r.d(t,{Z:()=>a});var i=r(46255),n=r(74763);const a=(0,i.Z)(n.Z,{target:"egxovk10"})((({floatRight:e=!1,underline:t=!0,theme:r})=>({color:r.colors.gray[600],cursor:"pointer",float:e?"right":"none",fontSize:r.fonts.size[14],fontWeight:r.fonts.weight.regular,lineHeight:r.fonts.lineHeight[16],textDecoration:t?"underline":"none",transition:"all 300ms ease-in-out","&:hover":{textDecoration:"underline"}})),"")},75116:(e,t,r)=>{r.d(t,{Z:()=>l});var i=r(80942),n=r(34853);const a=["data-test","fill"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[r]=e[r]);return n}(e,a);return(0,n.tZ)("svg",o({"data-test":t,fill:r,height:"19",viewBox:"0 0 19 19",width:"19",xmlns:"http://www.w3.org/2000/svg"},l,{children:(0,n.tZ)("path",{d:"M0 15.4601V18.5001C0 18.7801 0.22 19.0001 0.5 19.0001H3.54C3.67 19.0001 3.8 18.9501 3.89 18.8501L14.81 7.94006L11.06 4.19006L0.15 15.1001C0.0500001 15.2001 0 15.3201 0 15.4601ZM17.71 5.04006C18.1 4.65006 18.1 4.02006 17.71 3.63006L15.37 1.29006C14.98 0.900059 14.35 0.900059 13.96 1.29006L12.13 3.12006L15.88 6.87006L17.71 5.04006Z"})}))}},30063:(e,t,r)=>{function i(e,t){return{1:t("January"),2:t("February"),3:t("March"),4:t("April"),5:t("May"),6:t("June"),7:t("July"),8:t("August"),9:t("September"),10:t("October"),11:t("November"),12:t("December")}[e]}function n(e,t){const r=new Date(e);return`${i(r.getMonth()+1,t)} ${r.getDate()}, ${r.getFullYear()}`}function a(e,t){return{1:t("Jan"),2:t("Feb"),3:t("Mar"),4:t("Apr"),5:t("May"),6:t("Jun"),7:t("Jul"),8:t("Aug"),9:t("Sep"),10:t("Oct"),11:t("Nov"),12:t("Dec")}[e]}function o(e){const t=Math.floor(e/60),r=e%60;return`${t>0?`${t} min${t>1?"s":""}, `:""} ${r>0?`${r} sec${r>1?"s":""}`:""}`}function l(e){const t=Math.floor(e/60);return t>0?`${t} min${t>1?"s":""}`:`${e} secs`}r.d(t,{Bw:()=>a,UM:()=>o,hD:()=>l,jw:()=>i,p6:()=>n})},1924:(e,t,r)=>{r.r(t),r.d(t,{default:()=>Ti});var i=r(38241),n=r(13258),a=r(93202),o=r(37851),l=r(90758),s=r(12024),d=r(67120),c=r(54067);function h({description:e,translate:t}){const r=(0,d.Vm)(e);return t([null!=r&&r.length?"{dynamicSocialDescription} ":"","Listen now with iHeart."].join(""),{dynamicSocialDescription:r})}function p(e,t,r={}){return(0,s.WP)({mediaServerUrl:e,siteUrl:t},r)}function u({mediaServerUrl:e,siteUrl:t,tracksLength:r,imgUrl:i,meta:n=!1}){const a=p(e,t),o=i||a;return r>0?n?(0,s.mx)({mediaServerUrl:e,siteUrl:t},o):(0,s.p9)({mediaServerUrl:e,siteUrl:t},{width:c.ul},o):a}var m=r(42254),g=r(12771),y=r(82987),f=r(71130),b=r(33567),Z=r(34853);var v=r(32034),w=r(67088),k=r(75628),S=r(20755);const P=(0,f.connect)((0,v.zB)({pagePath:w.LT,currentTrackCount:w.$t,description:w.uW,image:w.R1,mediaServerUrl:k.C3,name:w.nH,playlistId:w.eB,playlistUserId:w.bG,search:S.on,siteUrl:k.$2,tracks:w.Ks}))((function({pagePath:e,currentTrackCount:t,description:r,mediaServerUrl:i,siteUrl:n,search:a,tracks:s,playlistUserId:c,playlistId:h,name:p,image:v}){var w;const k=(0,l.Z)(),S=`${!(0,f.useSelector)(m.W7)&&a.includes("autoplay")?"play":"goto"}/playlist/${c}/${h}`,P=r||s.slice(0,3).map((e=>{var t;return null!=(t=null==e?void 0:e.title)?t:""})).join(", "),I=(0,d.YY)(k,"Listen, On Demand, Paid Music, Paid Songs, Songs, Play Songs, iHeartRadio, Playlist, stream, download"),C=k("Listen to the Best Online Music Playlists"),T=u({imgUrl:v,mediaServerUrl:i,meta:!0,siteUrl:n,tracksLength:t}),{height:O,fixedWidth:x}=null!=(w=b.I.PLAYLIST)?w:{};return(0,Z.BX)(Z.HY,{children:[(0,Z.tZ)(o.Z,{deeplink:S,description:P,image:T,legacyDeeplink:`play/playlist/${c}/${h}`,metaDescription:P,ogType:"music.playlist",title:null!=p?p:""}),(0,Z.tZ)(g.q,{link:(0,y.p)({pagePath:e,siteUrl:n,title:C}),meta:[{content:C,itemProp:"name"},{content:`${C}, ${I}`,name:"keywords"},...(0,y.$)({height:O,pagePath:e,siteUrl:n,width:x})]})]})}));var I=r(66480),C=r(32758),T=r(61711),O=r(10897),x=r(70140),A=r(87805),R=r(61993),U=r(1851),L=r(2898),E=r(96092),M=r(24586);var B=r(10003),D=r(11129),_=r(2061),j=r(31401);const F=(0,v.zB)({ampUrl:k.h_,curated:w.o7,countryCode:k.so,followable:w.jT,isFollowed:w.Gk,isLoggedOut:D._o,isInternationalPlaylistRadioEnabled:B.II,name:w.oY,profileId:D.v4,queryParams:S.vl,seedId:w.HY,stationSoftgate:k.r$,stationType:w.sr,type:w.SC,search:_.on}),z=(0,f.connect)(F,{updateFollowPlaylists:j.TE})((e=>{const{countryCode:t,isFollowed:r,isInternationalPlaylistRadioEnabled:i,followable:n,queryParams:{follow:a}}=e,o=(0,f.useDispatch)(),s=(0,l.Z)(),d=(0,U.Z)(),c=()=>{const{isLoggedOut:t,name:i,playlistId:n,playlistUserId:a,stationSoftgate:l,updateFollowPlaylists:s}=e,c=!(null==l||!l.playlistradio);var h;d.track(r?I.z.UnfollowPlaylist:I.z.FollowPlaylist,{playlistId:n,playlist:i}),c&&t?o((0,M.it)({context:"reg-gate"})):(s({followed:!r,playlistId:n,playlistUserId:a}),(t=>{const{curated:r,name:i,stationType:n,type:a,playlistId:o,playlistUserId:l,profileId:s,search:{queryId:c}}=e;I.Z.track(I.z.FollowUnfollow,(0,L.Q5)({followed:t,name:i,playlist:{curated:r,id:o,type:a,userId:l},profileId:s,stationType:n,queryId:c})),t&&d.track(I.z.Subscribe,{id:o,name:i,type:"playlist"})})(!r),h=!r,o((0,M.zp)({type:E.m.PlaylistFollowed,data:{isFollowed:h}})))};return(0,R.Z)((()=>{a&&"false"!==a&&!r&&n&&c()})),n&&(i||t===C.Z.US)?(0,Z.tZ)(x.Z,{children:r?(0,Z.tZ)(T.Z,{"data-test":"playlist-hero-follow-button",onClick:c,size:"small",styleType:"light",children:s("Following")}):(0,Z.BX)(A.Z,{"data-test":"playlist-hero-follow-button",onClick:c,size:"small",styleType:"light",children:[(0,Z.tZ)(O.Z,{}),s("Follow")]})}):null}));var N=r(69201),H=r(96135),Y=r(89322),$=r(98396),X=r(6709),W=r(39438),q=r(32931),G=r(50854),V=r(9821),Q=r(78743),K=r(87779),J=r(83807),ee=r(80942);const te=function({fill:e=ee.ZP.colors.gray[100]}){return(0,Z.BX)("svg",{fill:"none",height:"30",viewBox:"0 0 30 30",width:"30",xmlns:"http://www.w3.org/2000/svg",children:[(0,Z.tZ)("g",{filter:"url(#filter0_d)",children:(0,Z.tZ)("circle",{cx:"12",cy:"12",fill:e,r:"12",xmlns:"http://www.w3.org/2000/svg"})}),(0,Z.tZ)("defs",{children:(0,Z.BX)("filter",{colorInterpolationFilters:"sRGB",filterUnits:"userSpaceOnUse",height:"30",id:"filter0_d",width:"30",x:"0",y:"0",children:[(0,Z.tZ)("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),(0,Z.tZ)("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"}),(0,Z.tZ)("feOffset",{dy:"1"}),(0,Z.tZ)("feGaussianBlur",{stdDeviation:"1.5"}),(0,Z.tZ)("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"}),(0,Z.tZ)("feBlend",{in2:"BackgroundImageFix",mode:"normal",result:"effect1_dropShadow"}),(0,Z.tZ)("feBlend",{in:"SourceGraphic",in2:"effect1_dropShadow",mode:"normal",result:"shape"})]})})]})};var re=r(76683),ie=r(98329),ne=r(46255);const ae=function(e=a.Z.white.primary){return{path:{fill:e},use:{fill:e}}};var oe=r(95928);function le(){return le=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const r=e?"599":"768";return{left:"0.4rem",position:"absolute",top:"0.4rem",svg:le({},ae(t.colors.blue.primary)),[(0,oe.Z)(t.mediaQueries.max.width[r])]:{top:0,svg:{fontSize:"1.25rem"}}}}),""),de=(0,ne.Z)("div",{target:"e1blzuj10"})((({newHero:e=!1,theme:t})=>{const r=e?"599":"768";return{cursor:"pointer",position:"absolute",margin:"6.5rem 0 0 4.5rem",[(0,oe.Z)(t.mediaQueries.max.width[r])]:{bottom:e?"-3.5rem":"-3rem",right:"0.7rem",zIndex:100,"> svg":{height:"2.4rem",width:"2.4rem"}}}}),"");var ce=r(67464),he=r(96832);const pe=({playlistType:e,userType:t})=>e===J.Z.Default&&t!==ce.I$.PREMIUM,ue=()=>{const{isInternationalPlaylistRadio:e,isFreeUserMyPlaylist:t,isFreeUserPlaylistCreation:r,isPlaylistRadio:i}=(()=>{const e=(0,f.useSelector)(w.Xo),t=(0,f.useSelector)(ie.Ng),r=(0,f.useSelector)(B.Mb),i=(0,f.useSelector)(B.II),n=(0,f.useSelector)(w.qW),a=(0,f.useSelector)(w._3);return(0,he.useMemo)((()=>({isFreeUserMyPlaylist:pe({playlistType:e,userType:t}),isFreeUserPlaylistCreation:e===J.Z.User&&!a&&t!==ce.I$.PREMIUM&&r,isInternationalPlaylistRadio:i,isPlaylistRadio:n})),[r,i,e,t,a,n])})(),n=(0,f.useSelector)(ie.Ng);return(t||r||e||i)&&n!==ce.I$.PREMIUM?(0,Z.BX)(de,{children:[(0,Z.tZ)(te,{}),(0,Z.tZ)(se,{children:(0,Z.tZ)(re.Z,{className:"shuffle",name:"shuffle"})})]}):null};var me=r(23653);const ge=(0,K.Z)(V.Z),ye=({seedId:e,stationType:t,trackCount:r})=>{const i=(0,f.useSelector)(w.L4),n=(0,f.useSelector)(w.Xo),a=(0,f.useSelector)(w.NF);let o,l;return n===J.Z.New4U&&t===me.bV.PLAYLIST_RADIO?o=Q.Z.PROF_NEW4U_RADIO_PLAY:n===J.Z.Default?(o=Q.Z.PROF_PLAYLIST_MYPLAYLIST_HERO,l="my_playlist"):o=t===me.bV.PLAYLIST_RADIO?Q.Z.PROF_PLAYLIST_RADIO_PLAY:n===J.Z.New4U?Q.Z.PROF_NEW4U_PLAY:Q.Z.PROF_PLAYLIST_PLAY,e&&r>0&&(i||a)?(0,Z.BX)(Z.HY,{children:[(0,Z.tZ)(ge,{ButtonComponent:G.Z,playedFrom:o,reportingStationType:l,seedId:e,stationId:e,stationType:t}),(0,Z.tZ)(ue,{})]}):null};var fe=r(10881),be=r(35887),Ze=r(38288),ve=r.n(Ze);const we=function(){return(0,Z.tZ)("span",{children:" • "})};function ke({children:e}){const t=Array.isArray(e)?e:[e];return e&&t.length?(0,Z.tZ)("div",{children:t.filter((e=>e)).reduce(((e,t,r,i)=>{const n=[...e,t];return r!==i.length-1&&n.push((0,Z.tZ)(we,{},`dot-${String(t)}`)),n}),[])}):null}const Se=(0,ne.Z)("div",{target:"e1wlz0bk0"})((({theme:e})=>({marginBottom:"1rem",paddingRight:"5rem",[(0,oe.Z)(e.mediaQueries.max.width[768])]:{paddingRight:"3rem",fontSize:"1.2rem"}})),"");var Pe=r(46699);class Ie extends he.PureComponent{getDurationString(){const{canPlayCurrentOD:e,canPlayCurrentRadio:t,curated:r,duration:i,subInfoLoaded:n,totalTracks:a,userType:o}=this.props;if("PREMIUM"!==o)return"";if(!a||!i||r&&!e&&t||!n)return"";let l="",s=Math.floor(i/60);return s>=60&&(l+=`${Math.floor(s/60)} hr `,s%=60),s>=1&&(l+=`${s} min`),(0,Z.tZ)("span",{children:l},"duration")}getTrackString(){const{translate:e,totalTracks:t}=this.props;return t?(0,Z.BX)("span",{children:[" ",e(["1 Song","{n} Songs","n"],{n:Number(t)})]},"track"):null}getAuthorString(){const{author:e,subInfoLoaded:t,translate:r}=this.props;if(!e||!t)return null;const i=`${r("By")} ${e}`;return(0,Z.tZ)("span",{children:i},"author")}getLastUpdatedString(){const{lastUpdated:e,totalTracks:t}=this.props;return t?(0,Z.tZ)("span",{children:ve()(new Date(e),"MMM YYYY")},"lastUpdated"):null}renderFirstLine(){const{description:e}=this.props;return e?(0,Z.tZ)(Pe.Z,{lines:2,shouldExpandColor:"light",children:(0,Z.BX)("span",{children:[e||null," "]},"description")}):(0,Z.BX)(ke,{children:[this.getAuthorString(),this.getLastUpdatedString()]})}renderSecondLine(){const{curated:e}=this.props;return e?(0,Z.BX)(ke,{children:[this.getAuthorString(),this.getDurationString()]}):(0,Z.BX)(ke,{children:[this.getTrackString(),this.getDurationString()]})}render(){return(0,Z.BX)(Se,{children:[this.renderFirstLine(),this.renderSecondLine()]})}}var Ce=r(3849),Te=r(89781);const Oe=(0,v.zB)({author:w.aD,canPlayCurrentOD:w.Lr,canPlayCurrentRadio:w.qW,curated:w._3,description:w.uW,duration:w.pO,lastUpdated:w.Lq,subInfoLoaded:Te.JI,userType:ie.Ng}),xe=(0,be.Z)((0,Ce.NC)("translate"),(0,f.connect)(Oe))(Ie);var Ae=r(53485),Re=r(28477),Ue=r(26152),Le=r(77554),Ee=r(48683),Me={name:"w23q8z",styles:"width:40% !important"},Be={name:"14ajree",styles:"width:60% !important"};class De extends he.PureComponent{constructor(...e){super(...e),this.showHero=!1}componentWillUnmount(){this.props.resetHero(),this.props.setHasHero(!1)}getBackgroundSrc(){const{trackCount:e,mediaServerUrl:t,siteUrl:r,imgUrl:i}=this.props,n=p(t,r,{blurSigma:20}),a=p(t,r),o=i||a;let l;return l=e<=0?n:(0,s.p9)({mediaServerUrl:t,siteUrl:r},{blurSigma:20,width:400},o),l}getBackgroundGradient(){const{trackCount:e}=this.props;if(e<=0)return ee.ZP.colors.gradients.emptyPlaylist}render(){const{canPlayPremiumPlaylist:e,imgUrl:t,isPremiumPlaylist:r,mediaServerUrl:i,name:n,playlistId:a,playlistUserId:o,requestState:l,seedId:s,siteUrl:d,stationType:c,trackCount:h}=this.props,p=(0,Z.tZ)(fe.Z,{background:!0,ops:[(0,Ue.QX)("center"),(0,Ue.yv)(40)],src:this.getBackgroundSrc()}),m=u({imgUrl:t,mediaServerUrl:i,siteUrl:d,tracksLength:h});l!==Le.Mo.FETCHED&&l!==Le.Mo.PARTIAL||this.showHero||(this.showHero=!0);const g=r&&e||!r;return(0,Z.BX)(W.Z,{"data-test":"hero-container",children:[(0,Z.tZ)(N.Z,{backgroundGradient:this.getBackgroundGradient(),noMask:!0,primaryBackground:p}),(0,Z.tZ)($.Z,{children:this.showHero?(0,Z.BX)(Y.Z,{children:[(0,Z.tZ)(Ae.Z,{css:Me,children:(0,Z.tZ)(Ee.pl,{alt:n,aspectRatio:1,mediaServerUrl:i,seedId:s,seedType:c,siteUrl:d,src:m})}),(0,Z.BX)(H.Z,{css:Be,children:[(0,Z.tZ)(q.Z,{"data-test":"hero-image",children:(0,Z.tZ)(Re.Z,{clamp:!0,clampLines:1,text:n})}),(0,Z.tZ)(xe,{totalTracks:h}),(0,Z.BX)(X.Z,{children:[g&&(0,Z.tZ)(ye,{seedId:s,stationType:c,trackCount:h}),(0,Z.tZ)(z,{playlistId:a,playlistUserId:o})]})]})]}):null})]})}}var _e=r(42622);const je={resetHero:_e.aW,setHasHero:_e.j},Fe=(0,f.connect)((0,v.zB)({canPlayPremiumPlaylist:w.VY,imgUrl:w.R1,isPremiumPlaylist:w.UV,mediaServerUrl:k.C3,name:w.nH,playlistId:w.eB,playlistUserId:w.bG,requestState:w.aZ,seedId:w.HY,siteUrl:k.$2,stationType:w.sr,trackCount:w.$t}),je)(De);var ze=r(59277),Ne=r(15803),He=r(55745);const Ye=(0,ne.Z)(He.Z,{target:"e7lbkfb0"})((({theme:e})=>({fontSize:e.fonts.size[16],lineHeight:e.fonts.lineHeight[21],fontWeight:e.fonts.weight.regular})),""),$e=(0,ne.Z)("button",{target:"eq3gkds0"})((({theme:e})=>({backgroundColor:e.colors.transparent.primary,border:`solid 1px ${e.colors.white.primary}`,borderRadius:"2.5rem",cursor:"pointer",color:e.colors.white.primary,marginTop:"1.6rem",padding:"0.5rem 1rem",lineHeight:e.fonts.lineHeight[16]})),""),Xe=(0,ne.Z)("button",{target:"e8sx33j0"})({name:"8zgrj",styles:"background-color:transparent;border:none;cursor:pointer"});var We=r(39309);const qe=(0,ne.Z)("button",{target:"e1dlo5b20"})((({theme:e})=>({backgroundColor:e.colors.white.primary,border:`solid 1px ${e.colors.white.primary}`,borderRadius:"2.5rem",cursor:"pointer",color:e.colors.blueNew[600],marginTop:"1.6rem",padding:"0.5rem 1rem",lineHeight:e.fonts.lineHeight[16]})),""),Ge=(0,ne.Z)("div",{target:"e12yg9f10"})((({theme:e})=>({background:e.colors.gradients.myPlaylistWelcomeBanner,borderRadius:"0.6rem",color:e.colors.white.primary,marginBottom:"2.4rem",padding:"1.6rem"})),"");var Ve=r(4145);const Qe=(0,ne.Z)(Ve.Z,{target:"ebahhf70"})((({theme:e})=>({fontSize:e.fonts.size[18],lineHeight:e.fonts.lineHeight[24],margin:"0 0 8px 0"})),""),Ke=(0,ne.Z)("div",{target:"ewb397p0"})({name:"16t89lr",styles:"align-items:center;display:flex;justify-content:space-between"});var Je=r(52534);const et=({onClose:e,message:t,title:r,showClose:i,button:n,newWindow:a=!0})=>{const o=(0,Je.Z)(),l=null!=n&&n.filled?qe:$e;return(0,Z.BX)(Ge,{children:[(0,Z.BX)(Ke,{children:[(0,Z.tZ)(Qe,{styleType:"light",weight:"bold",children:r}),i?(0,Z.tZ)(Xe,{onClick:e,children:(0,Z.tZ)(We.Z,{fill:o.colors.white.primary,height:"20",width:"20"})}):null]}),(0,Z.tZ)(Ye,{styleType:"light",children:t}),n?(0,Z.tZ)("a",{href:n.link,rel:"noreferrer",target:a?"_blank":"_self",children:(0,Z.tZ)(l,{children:n.text})}):null]})};var tt=r(20015),rt=r(78171);const it=(0,ne.Z)("div",{target:"et188h40"})({name:"24mo34",styles:"padding:1rem 0 1.5rem"});var nt=r(70515);const at=()=>{const e=(0,l.Z)();return(0,Z.BX)(it,{children:[(0,Z.tZ)(nt.Z,{children:e("Added By iHeart")}),(0,Z.tZ)(rt.Z,{children:e("Suggestions based on the songs you added.")})]})};var ot=r(61310);function lt(){return lt=Object.assign?Object.assign.bind():function(e){for(var t=1;tlt({display:"inline-block"},e?{width:0}:{})),"");var dt=r(55348);function ct(){return ct=Object.assign?Object.assign.bind():function(e){for(var t=1;t(0,Z.tZ)(st,{initialRender:e,ref:e=>{e&&r(e)},style:ct({display:"inline-block"},e?{display:"inline-block",width:"0px"}:{}),children:t})},t.key)}}class pt extends he.Component{constructor(e){super(e),this.getOrderedChildWidths=()=>Object.keys(this.state).filter((e=>["wrapper","overflow"].indexOf(e)<0)).map(Number).sort(((e,t)=>e-t)).map((e=>this.state[e])),this.getVisibleChildCount=()=>{const e=this.state.wrapper,t=e-this.state.overflow,r=this.getOrderedChildWidths();let i=0,n=0;for(let a=0;at)return a===r.length-1&&i<=e?n+1:n;n+=1}return n},this.getMainChildren=(e=1/0)=>{const{childPairs:t}=this.props;return t.slice(0,e).map((({main:e})=>e))},this.getOverflowChildren=(e=0)=>{const{childPairs:t}=this.props;return t.slice(e).map((({overflow:e})=>e))},this.updateComponentWidth=(e,t)=>{this.setState({[e]:t})},this.renderChildMeasurer=()=>(0,Z.tZ)("div",{style:{position:"fixed",top:-1e4,width:"100%"},children:this.getMainChildren().map(((e,t)=>(0,Z.tZ)(ht,{onResize:e=>this.onElementResize(t,e),children:e},e.props.text)))}),this.state={overflow:0,wrapper:1/0},this.onWrapperResize=e=>this.updateComponentWidth("wrapper",e.entry.width),this.onOverflowResize=e=>this.updateComponentWidth("overflow",e.entry.width),this.onElementResize=(e,t)=>this.updateComponentWidth(e,t.bounds.width)}render(){const{makeMain:e,makeOverflow:t,className:r}=this.props,i=this.getVisibleChildCount(),n=this.getMainChildren(i),a=this.getOverflowChildren(i),o=[].concat(n);return a.length>0&&o.push((0,Z.tZ)(dt.ZP,{bounds:!0,onResize:this.onOverflowResize,children:({measureRef:e})=>t(a,e)},"overflow")),(0,Z.BX)("div",{className:r,children:[this.renderChildMeasurer(),(0,Z.tZ)(dt.ZP,{bounds:!0,onResize:this.onWrapperResize,children:({measureRef:t})=>e(o,t)})]})}}const ut=pt;var mt=r(7598);const gt=(0,ne.Z)("span",{target:"e1xe9udb0"})({[mt.Z.toString()]:{fontSize:"1.3rem",margin:"0 0.3rem 0.5rem 1.3rem"},display:"inline-block"},"");function yt(){return yt=Object.assign?Object.assign.bind():function(e){for(var t=1;t({display:"inline-block",height:"2rem",padding:"1rem 0rem 2rem",width:"2rem",svg:yt({},ae(e?t.colors.blue.primary:t.colors.gray.medium),{display:"inline-block",fontSize:"2rem",marginBottom:"-0.1rem",verticalAlign:"middle",width:"2rem"})})),""),bt=(0,ne.Z)("span",{target:"etg6mza0"})({name:"x4n4zi",styles:"margin-left:1.5rem"}),Zt=function({active:e,dataTest:t,href:r,iconName:i,onClick:n,text:a}){return(0,Z.tZ)(gt,{children:(0,Z.BX)(mt.Z,{dataTest:t,href:r,onClick:n,underline:!1,children:[(0,Z.tZ)(ft,{active:e,children:(0,Z.tZ)(re.Z,{className:"icon",name:i})}),(0,Z.tZ)(bt,{"data-test":a,children:a})]})})};var vt=r(74763),wt=r(65580),kt=r(6086),St=r(82535),Pt=r(29929);const It=(0,ne.Z)("span",{target:"e1cuy7sp0"})({name:"11wp2x7",styles:"display:inline-block;width:3.6rem"}),Ct=(0,ne.Z)("div",{target:"e4guqeg0"})({name:"1ljbwuu",styles:"margin-top:-0.3rem;text-align:right;width:100%"}),Tt=(0,ne.Z)("div",{target:"e1qntd7y0"})({name:"z6ryjv",styles:"display:flex;height:auto;line-height:2.6rem;margin-bottom:15px"});var Ot=r(95009),xt=r(74135),At=r(1805),Rt=r(96832);const Ut=["key","dataTest"];function Lt(){return Lt=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const{canShuffle:t,deletable:r,empty:i,isRenaming:n,onShare:a,onShuffle:o,renameable:s,shareable:d,shuffleActive:c,subscriptionType:h,updateRenameMode:p,updateReorderMode:u,writeable:m,ownerId:g,countryCode:y}=e,b=(0,l.Z)(),v=(0,f.useSelector)(D.Ld),k=(0,f.useSelector)(w.zi),S=(0,f.useSelector)(w.Xo),P=(0,f.useSelector)(D.v4),T=(0,f.useSelector)(ie.Ng),O=(0,f.useSelector)(w.NF),x=(0,f.useDispatch)(),A=(0,he.useCallback)((()=>{p(!0)}),[p]),R=(0,he.useCallback)((()=>{u(!0)}),[u]),U=(0,he.useCallback)((()=>{x((0,M.jB)({playlist:k,userId:Number(g)}))}),[x,g,k]),E=(0,he.useCallback)((e=>{if(t)o(e);else{const e=S===J.Z.New4U,t=T!==ce.I$.PREMIUM||c;x((0,M.pX)({upsellFrom:e?kt.Z.NEW4U_RADIO_SHUFFLE:kt.Z.PLAYLIST_RADIO_SHUFFLE,headerCopy:b((t?"Want to play this playlist in order?":"Want to shuffle this playlist?")+" Try iHeart All Access."),analyticsUpsellFrom:e?ot.vL:ot._G})),wt.Z.track(I.z.UpsellOpen,{subscriptionType:h,type:"SHUFFLE"})}}),[t,x,o,S,c,h,b,T]),B=(0,he.useCallback)((()=>{const{name:e,tracks:t}=k,r=t.map((({trackId:e})=>e));var i;v?x((0,M.Mo)({context:"add_to_playlist"})):(I.Z.track(I.z.FollowUnfollow,(0,L.Q5)({followed:!0,name:e,playlist:k,profileId:P})),x((i={component:At.tn.ListSongsOverflow,trackIds:r,type:me.bV.COLLECTION},(0,M.h7)({id:Pt.eO.AddToPlaylist,context:i}))))}),[x,k,P,v]),_=(0,he.useCallback)((e=>{let{key:t}=e,r=function(e,t){if(null==e)return{};var r,i,n={},a=Object.keys(e);for(i=0;i=0||(n[r]=e[r]);return n}(e,Ut);return{main:(0,Z.tZ)(Zt,Lt({dataTest:t},r),t),overflow:(0,Z.tZ)(vt.Z,{dataTest:`playlist-buttons-${t}`,onClick:()=>r.onClick(),title:r.text,children:r.text},t)}}),[]),j=e=>(e=>{const n=s&&e?{dataTest:"rename",iconName:"pencil",key:"rename",onClick:A,text:b("Rename")}:null,o=r?{dataTest:"delete-playlist",iconName:"deleted",key:"remove",onClick:U,text:b("Delete Playlist")}:null,l=m?{dataTest:"edit-playlist",iconName:"playlist-saved",key:"edit",onClick:R,text:b("Edit")}:null,h=!i&&O?{dataTest:"add-to-anotherplaylist",iconName:"song-saved",key:"add-to-playlist",onClick:B,text:b("Add to Another Playlist")}:null,p=d&&!i?{dataTest:"share",iconName:"share",key:"share",onClick:a,text:b("Share")}:null;return[O&&(C.Z.US===y||t)?{active:T!==ce.I$.PREMIUM||c,dataTest:"shuffle",iconName:"shuffle",key:"shuffle",onClick:E,text:b("Shuffle")}:null,l,h,o,p,n].filter((e=>null!==e))})(e).map(_),F=(0,he.useCallback)(((e,t)=>(0,Z.tZ)(Ct,{"data-test":"playlist-song-header",ref:t,children:e})),[]),z=(0,he.useCallback)((e=>(0,Z.tZ)(xt.v.Item,{children:e},e.key)),[]),N=(e,t)=>(0,Z.tZ)(It,{"data-test":"overflow-dropdown-wrapper",ref:t,children:(0,Z.tZ)(xt.v,{children:(0,Z.tZ)(xt.v.List,{children:Rt.Children.map(e,z)})})});return n?null:(0,Z.tZ)("div",{css:Et,children:(0,Z.tZ)(Ot.p,{mediaQueryMappings:[{props:{buttons:j(!0)},width:St.j.LARGE}],noMatchProps:{buttons:j(!1)},children:({buttons:e})=>(0,Z.tZ)(ut,{childPairs:e,css:Mt,makeMain:F,makeOverflow:N})})})};var Dt=r(21122);const _t=(0,ne.Z)("div",{target:"e1d2ta5s0"})({name:"119x31j",styles:"& > button{margin:1rem;}display:flex"});function jt(){return jt=Object.assign?Object.assign.bind():function(e){for(var t=1;tjt({width:"50%",[(0,oe.Z)(t.mediaQueries.max.width[768])]:{width:"100%"}},e?{height:"auto",marginTop:"-2rem",width:"100%",[(0,oe.Z)(t.mediaQueries.max.width[640])]:{marginTop:"-1.2rem"}}:{})),""),zt=(0,ne.Z)("form",{target:"ecdqitl0"})((({theme:e})=>({alignItems:"center",display:"flex",justifyContent:"space-between",[(0,oe.Z)(e.mediaQueries.max.width[768])]:{flexDirection:"column"}})),""),Nt=(0,ne.Z)("input",{target:"e1vdv2vc0"})((({theme:e})=>({border:"none",borderRadius:0,display:"inline-block",fontSize:"2.2rem",fontWeight:"bold",height:"3rem",lineHeight:"normal",outline:"none",overflow:"hidden",padding:0,position:"relative",verticalAlign:"bottom",whiteSpace:"nowrap",width:"100%","&:hover":{border:"none",margin:0,outline:"none",padding:0},[(0,oe.Z)(e.mediaQueries.max.width[640])]:{fontSize:"2rem",height:"2.2rem"}})),""),Ht=(0,ne.Z)("span",{target:"e1deo6mb0"})((({theme:e})=>({backgroundColor:e.colors.white.primary,border:`0.1rem solid ${e.colors.gray.light}`,borderRadius:"0.5rem",display:"inline-block",fontSize:"2.2rem",fontWeight:"bold",height:"4.5rem",outline:"none",overflow:"hidden",padding:"0.7rem 1rem",position:"relative",verticalAlign:"bottom",whiteSpace:"nowrap",width:"calc(50% - 1.5rem)","input:focus":{border:"none"},[(0,oe.Z)(e.mediaQueries.max.width[768])]:{height:"4rem",marginRight:0,paddingBottom:0,paddingTop:"0.4rem",width:"100%"}})),"");var Yt=r(75116);const $t=(0,ne.Z)(nt.Z,{target:"e19ixyn40"})((({theme:e})=>({[(0,oe.Z)(e.mediaQueries.max.width[640])]:{fontSize:"2rem"}})),""),Xt=(0,ne.Z)(vt.Z,{target:"e13shj390"})((({theme:e})=>({"&:hover":{color:e.colors.gray.dark,textDecoration:"none"},[(0,oe.Z)(e.mediaQueries.max.width[768])]:{display:"none"}})),"");var Wt=r(97216),qt={name:"qk57q1",styles:"margin-left:4rem"};class Gt extends he.Component{constructor(...e){super(...e),this.state={name:this.props.name},this.handleChange=e=>this.setState({name:e.currentTarget.value.slice(0,140)}),this.onClickSave=()=>{const{showNotifyGrowl:e,updateRenameMode:t,updatePlaylistName:r}=this.props;t(!1),r(this.state.name),e({icon:E.G.CheckCircle,title:"Updated playlist name"})},this.onClickCancel=()=>{const{name:e,updateRenameMode:t}=this.props;this.setState({name:e}),t(!1)},this.onClickEdit=()=>this.props.updateRenameMode(!0)}UNSAFE_componentWillReceiveProps(e){const{name:t}=this.state,{name:r}=e;t!==r&&this.setState({name:r})}render(){const{canEdit:e,renameModeActive:t,subscriptionType:r,trackCount:i,translate:n,type:a}=this.props,{name:o}=this.state;let l=null;return a===J.Z.Default&&r===ce.I$.FREE&&(l=n("Added By You")),(0,Z.BX)(Ft,{"data-test":"editname-container",isEditing:t&&e,children:[i>0&&l&&(0,Z.tZ)($t,{children:l}),(0,Z.tZ)(Wt.Z,{shouldShow:t&&e,children:(0,Z.BX)(zt,{method:"GET",onSubmit:Dt.Z,children:[(0,Z.tZ)(Ht,{children:(0,Z.tZ)(Nt,{"data-test":"playlistedit-textbox",defaultValue:o,onChange:this.handleChange})}),(0,Z.BX)(_t,{children:[(0,Z.tZ)(T.Z,{"data-test":"playlistedit-savebtn",onClick:this.onClickSave,style:{minWidth:"17rem"},styleType:"cta",tabIndex:2,children:n("Save")}),(0,Z.tZ)(A.Z,{marginRight:"2rem",onClick:this.onClickCancel,tabIndex:1,children:n("Cancel")})]})]})}),(0,Z.tZ)(Wt.Z,{shouldShow:!t&&e,children:(0,Z.BX)(Z.HY,{children:[(0,Z.tZ)(vt.Z,{classes:["rename-input"],onClick:this.onClickEdit,children:(0,Z.tZ)($t,{"data-test":"editname-name",children:o})}),(0,Z.tZ)(Xt,{onClick:this.onClickEdit,children:(0,Z.tZ)("span",{"data-test":"edit-pencil-icon",children:(0,Z.tZ)(Yt.Z,{css:qt})})})]})})]})}}const Vt=Gt,Qt=(0,be.Z)((0,Ce.NC)("translate"),(0,f.connect)((0,v.zB)({name:w.nH,subscriptionType:Te.fE,trackCount:w.$t}),{showNotifyGrowl:M.j_,updatePlaylistName:j.Xk}))(Vt);var Kt=r(8705),Jt=r(88413);const er=(0,v.zB)({profileId:D.v4,isUserPremium:Te.Kh}),tr=(0,f.connect)(er)((function({canShuffle:e,countryCode:t,deletable:r,empty:i,isCurated:n,isMine:a,isShuffled:o,name:l,onShare:s,onShuffle:d,ownerId:c,playlistId:h,profileId:p,renameable:u,seedId:m,shareable:g,type:y,writeable:f}){return(0,Z.tZ)(Tt,{children:(0,Z.tZ)(Kt.Z.Consumer,{children:({active:b,update:v})=>(0,Z.BX)(Z.HY,{children:[(0,Z.tZ)(Qt,{canEdit:u,renameModeActive:b,type:y,updateRenameMode:v}),b?null:(0,Z.tZ)(Jt.Z.Consumer,{children:({update:b})=>(0,Z.tZ)(Bt,{canShuffle:e,countryCode:t,deletable:r,empty:i,isMine:a,name:l,onShare:s,onShuffle:()=>{d({curated:n,id:h,name:l,profileId:Number(p),seedId:m,shuffled:o,type:y,userId:Number(c)})},ownerId:c,renameable:u,shareable:g,shouldSaveToPlaylist:!1,shuffleActive:o,updateRenameMode:v,updateReorderMode:b,writeable:f})})]})})})}));var rr=r(93481);function ir(){return ir=Object.assign?Object.assign.bind():function(e){for(var t=1;tir({},t.mixins.ellipsis,{display:"block",fontSize:t.fonts.size[13],marginTop:e?"-0.5rem":"0.12rem",maxWidth:"calc(100% - 1rem)",lineHeight:t.fonts.lineHeight[16],a:{color:t.colors.gray[400]},[(0,oe.Z)(t.mediaQueries.max.width[768])]:{display:"none"}})),""),ar=(0,ne.Z)("div",{target:"e1pbdf8l0"})({name:"bwyrel",styles:"display:inline-block;height:auto;margin:0.75rem 1.5rem 0 0;padding:0;position:relative;text-align:center;vertical-align:middle;width:6rem;a{display:block;height:6rem;position:relative;width:6rem;img{width:6rem;}}"});function or(){return or=Object.assign?Object.assign.bind():function(e){for(var t=1;tor({},t.mixins.ellipsis,{color:t.colors.gray.medium,display:"inline-block",fontSize:"1.3rem",lineHeight:"1.8rem",padding:"0.1rem 1.5rem",verticalAlign:"middle",width:"calc(50% - 15rem)",a:{color:t.colors.gray.medium},[(0,oe.Z)(t.mediaQueries.max.width[768])]:{display:"none"}})),"");function sr(){return sr=Object.assign?Object.assign.bind():function(e){for(var t=1;tsr({},t.mixins.ellipsis,{alignItems:"center",display:"none",fontSize:t.fonts.size[13],marginTop:e?"-0.5rem":"0.12rem",padding:"0.5rem 0 0.3rem",a:{color:t.colors.gray[400]},[(0,oe.Z)(t.mediaQueries.max.width[768])]:{display:"flex",padding:0}})),""),cr=(0,ne.Z)("span",{target:"e1q67d3h0"})((({theme:e})=>({color:e.colors.gray[400],fontSize:"2.2rem",fontWeight:"bold",lineHeight:"1.9rem",padding:"0 0.4rem",verticalAlign:"middle"})),"");var hr=r(9969);const pr={cursor:"default",opacity:"0.2 !important",userSelect:"none"},ur=(0,ne.Z)("div",{target:"e1bdlma80"})((({disabled:e})=>e?pr:{}),"");function mr(){return mr=Object.assign?Object.assign.bind():function(e){for(var t=1;t({bottom:0,display:"block",left:0,opacity:e?1:0,position:"absolute",right:0,top:0,transition:"opacity","&:hover":{opacity:1},button:{fontSize:"1rem",height:"50%",marginTop:"50%",padding:0,transform:"translateY(-50%)",width:"50%",zIndex:1,path:{fill:t.colors.white.primary}}})),""),wr=(0,ne.Z)("div",{target:"e4b92360"})((({theme:e})=>({background:e.colors.transparent.dark,bottom:0,left:0,position:"absolute",right:0,top:0})),"");var kr=r(39748);const Sr=(0,ne.Z)("div",{target:"e138d6cn0"})((({isBackfill:e=!1,isDragging:t,theme:r})=>({background:t?r.colors.white.primary:"auto",border:t?"none":"auto",borderCollapse:"collapse",borderTop:`solid 0.1rem ${r.colors.gray[300]}`,boxShadow:t?`0 0 1.4rem -0.1rem ${r.colors.transparent.dark}`:"none",cursor:t?"move":"auto",height:e?"6rem":"8rem",lineHeight:"3rem",position:"relative",width:"100%",zIndex:t?119:1})),""),Pr=(0,ne.Z)("button",{target:"ek4rjpc0"})((({theme:e})=>({backgroundColor:e.colors.gray[400],border:"none",borderRadius:"50%",color:e.colors.white.primary,cursor:"pointer",fontSize:"1.3rem",height:"2.8rem",marginRight:"1.5rem",padding:0,textAlign:"center",width:"2.8rem",".icon-close":{lineHeight:"2.8rem"}})),""),Ir=(0,ne.Z)("div",{target:"eqp8kuz0"})({name:"6pqpht",styles:"align-items:center;display:flex;padding-bottom:0.3rem;padding-top:0.5rem;a{transform:translateY(-0.6rem);}"}),Cr=(0,ne.Z)("span",{target:"e14td1wj0"})((({isPlaying:e=!1,theme:t})=>({color:e?t.colors.red[600]:t.colors.black.secondary,fontWeight:e?"bold":"normal",a:{color:e?t.colors.red[600]:t.colors.black.secondary}})),"");function Tr(){return Tr=Object.assign?Object.assign.bind():function(e){for(var t=1;t{let a;return a=t?"50%":r?"calc(50% - 10.5rem)":"calc(50% - 7.5rem)",{color:i?n.colors.red.primary:"auto",cursor:e?"default":"pointer",display:"inline-block",fontWeight:i?"bold":"normal",lineHeight:"2.16rem",marginTop:t?"0.75rem":"inherit",opacity:e?"0.2 !important":1,padding:"0.1rem 1.5rem",paddingLeft:"0",userSelect:e?"none":"auto",verticalAlign:"middle",width:a,a:Tr({},n.mixins.ellipsis,{display:"inline-block",maxWidth:"calc(100% - 1rem)"}),[(0,oe.Z)(n.mediaQueries.max.width[768])]:{width:r?"calc(100% - 16.9rem)":"calc(100% - 10.9rem)"}}}),""),xr=(0,ne.Z)("div",{target:"e1reb0i60"})({name:"148uqjy",styles:"display:inline-block;padding:0.1rem 0;text-align:right;vertical-align:middle;width:3.4rem"}),Ar=(0,ne.Z)("div",{target:"e12k2sui0"})((({disabled:e,theme:t})=>({color:t.colors.gray.medium,display:"inline-block",fontSize:t.fonts.size[13],opacity:e?"0.2 !important":1,overflow:"hidden",padding:"0.1rem 0",userSelect:e?"none":"auto",verticalAlign:"middle",width:"10rem",[(0,oe.Z)(t.mediaQueries.max.width[768])]:{display:"none"}})),"");var Rr=r(30063),Ur=r(68062),Lr=r(45225),Er=r(44812);const Mr=ur.withComponent("span",{target:"e1j7kmrd0"}),Br=ur.withComponent(hr.Z,{target:"e1j7kmrd1"});var Dr={name:"umcpfp",styles:"margin-top:.4rem"},_r={name:"4zleql",styles:"display:block"};class jr extends he.Component{constructor(...e){super(...e),this.state={isDragging:!1},this.onSaveSong=()=>{const{saveSongs:e,showNotifyGrowl:t,translate:r}=this.props;e(this.getHandlerOpts().trackIds),t({icon:E.G.CheckCircle,title:r("Song saved to Your Library")})},this.onAddToPlaylist=()=>{const{isAnonymous:e,openAddToPlaylist:t,openSignup:r,trackId:i,id:n}=this.props;e?r("add_to_playlist"):t({component:At.tn.ListSongsOverflow,trackIds:[i||n],type:me.bV.TRACK})},this.onRemoveFromPlaylist=()=>{const{editMode:e,onDelete:t,removeTracksFromPlaylist:r,showNotifyGrowl:i,translate:n,uuid:a}=this.props;e?t(this.getHandlerOpts()):r([a]),i({icon:E.G.Deleted,title:n("Song removed from playlist")})}}getHandlerOpts(){const{id:e,playlist:t,uuid:r}=this.props;return{id:e,playlist:t,trackIds:[e],uuid:r}}render(){const{albumId:e,albumName:t,allAccessPreview:r,artistName:i,artistId:n,canEdit:a,canPlay:o,canPlayPremiumPlaylist:l,currentlyPlaying:s,disabled:d,editMode:h,explicitLyrics:p,handleOnClick:u,id:m,id:g,internationalPlaylistRadioEnabled:y,isBackfill:f,isOD:b,isFreeUserMyPlaylistEnabled:v,isPremiumPlaylist:w,isTrialEligible:k,overflowEntitlements:S,ownerId:P,playedFrom:I,playlistId:C,playlistName:T,playingState:O,showUpsell:x,title:A,translate:R,uuid:U,showPlaylistButtons:L}=this.props,{isDragging:E}=this.state,M=(0,Ur.Yy)(n,i),B=(0,Ur.Mq)(n,i,e,t),D=(0,Ur.H7)(n,i,g,A),_=(null==s?void 0:s.uniqueId)&&s.uniqueId===U;let j;t&&(j=t?(0,Er.$G)(t,350):"");const F=o||f?(0,Z.tZ)(vt.Z,{to:B,children:j}):(0,Z.tZ)("span",{children:j}),z=p?(0,Z.tZ)(Zr,{children:(0,Z.tZ)(br.Z,{})},"explicit"):null,N=(0,Lr.W6)((()=>(0,Z.tZ)(fr,{"data-test":"song-row-drag-handle",onMouseDown:()=>this.setState({isDragging:!0}),onMouseUp:()=>this.setState({isDragging:!1}),children:(0,Z.tZ)(yr,{})}))),H=v||y,Y=w&&l||!w;return(0,Z.BX)(Sr,{"data-test":"item","data-test-state":E?"draggable":"",isBackfill:f,isDraggable:h,isDragging:E,playing:_,children:[h&&(0,Z.tZ)(Pr,{onClick:this.onRemoveFromPlaylist,type:"button",children:(0,Z.tZ)(We.Z,{css:Dr,fill:ee.ZP.colors.white.primary,height:"20",width:"16"})}),(0,Z.tZ)(Wt.Z,{shouldShow:o,children:(0,Z.tZ)(ar,{"data-test":"track-art",children:(0,Z.BX)(vt.Z,{classes:["relative","ui-on-dark"],title:A,to:y?D:null,children:[(0,Z.tZ)(Br,{alt:A,aspectRatio:1,css:f?{cursor:"auto"}:{},disabled:!o&&d,id:g,title:A,type:"track",width:c.M3}),(0,Z.tZ)(Wt.Z,{shouldShow:!y,children:L&&Y?(0,Z.BX)(vr,{isPlaying:_,children:[(0,Z.tZ)(wr,{}),(0,Z.tZ)(V.Z,{allAccessPreview:r,artistId:n,artistName:i,classes:["play"],currentlyPlaying:s,handleOnClick:u,isTrialEligible:k,link:{href:D,text:A},playedFrom:I,playedFromTrigger:Le.Zy,playingState:O,playlistId:C,playlistName:T,playlistUserId:P,stationType:me.bV.COLLECTION,trackId:m,trackName:A,trackUuid:U})]}):null})]})})}),(0,Z.BX)(Or,{"data-test":"track-title",disabled:!o&&d,isBackfill:f,isDraggable:h,isPlaying:_,children:[(0,Z.tZ)(Cr,{isPlaying:_,children:o&&L||f?(0,Z.tZ)(Ir,{children:(x||y)&&"PLAYING"===O||f?(0,Z.BX)(Z.HY,{children:[(0,Z.tZ)(vt.Z,{to:D,children:A}),z]}):(0,Z.BX)(Z.HY,{children:[(0,Z.tZ)(V.Z,{allAccessPreview:r,artistId:n,artistName:i,ButtonComponent:kr.Z,classes:["play"],currentlyPlaying:s,isTrialEligible:k,link:{href:D,text:A},playedFrom:I,playedFromTrigger:Le.Zy,playingState:O,playlistId:C,playlistName:T,playlistUserId:P,stationType:me.bV.COLLECTION,trackId:m,trackName:A,trackUuid:U},"text-play-button"),z]})}):(0,Z.tZ)("span",{css:_r,children:A},"disabled-track-name")}),(0,Z.BX)(dr,{adjustSpacing:o||f,children:[o||f?(0,Z.tZ)(vt.Z,{to:M,children:i}):(0,Z.tZ)("span",{children:i}),(0,Z.tZ)(cr,{children:"•"}),F]},"artist-and-album"),(0,Z.tZ)(nr,{adjustSpacing:o||f,children:F},"truncated-album")]}),(0,Z.tZ)(lr,{"data-test":"track-artist",isDraggable:h,children:!o&&!f||d?(0,Z.tZ)(Mr,{disabled:!0,children:i}):(0,Z.tZ)(vt.Z,{to:M,children:i})}),(0,Z.tZ)(Ar,{"data-test":"track-duration",disabled:!o&&!f,children:(0,Rr.UM)(this.props.duration)}),(0,Z.tZ)(xr,{"data-test":"track-actions",children:h?(0,Z.tZ)(N,{}):(0,Z.tZ)(xt.v,{children:(0,Z.BX)(xt.v.List,{children:[S.showAdd&&b&&H&&(0,Z.tZ)(xt.v.Item,{children:(0,Z.tZ)(vt.Z,{onClick:this.onAddToPlaylist,title:R("Add to Playlist"),children:R("Add to Playlist")})}),(0,Z.tZ)(xt.v.Item,{children:(0,Z.tZ)(vt.Z,{title:R("Go to Artist"),to:M,children:R("Go to Artist")})}),b&&(0,Z.tZ)(xt.v.Item,{children:(0,Z.tZ)(vt.Z,{title:R("Go to Album"),to:B,children:R("Go to Album")})}),a&&(0,Z.tZ)(xt.v.Item,{children:(0,Z.tZ)(vt.Z,{onClick:this.onRemoveFromPlaylist,title:R("Remove from Playlist"),children:R("Remove from Playlist")})})]})})})]})}}const Fr=jr;var zr=r(73634);const Nr=(0,be.Z)(Lr.W8,(0,Ce.NC)("translate"),(0,f.connect)((0,v.zB)({allAccessPreview:Te.Xp,canPlayPremiumPlaylist:w.VY,internationalPlaylistRadioEnabled:B.II,isAnonymous:D.Ld,isFreeUserMyPlaylistEnabled:B.CI,isPremiumPlaylist:w.UV,isTrialEligible:Te.jc,showPlaylistButtons:w.NF}),{navigate:zr.c4,removeTracksFromPlaylist:j.ih,saveSongs:rr.Z.action,openAddToPlaylist:e=>(0,M.h7)({id:Pt.eO.AddToPlaylist,context:e}),openSignup:e=>(0,M.it)({context:e}),showNotifyGrowl:M.j_}),K.Z)(Fr);var Hr=r(46440),Yr=r(62914);const $r=(0,ne.Z)("div",{target:"e1bz5oag0"})((({theme:e})=>({margin:"1.5rem 0",padding:"4.5rem 0",textAlign:"center",".icon":{display:"block",color:e.colors.gray.medium,fontSize:e.fonts.size.xlarge,margin:"1.5rem auto"},".btn.browse":{maxWidth:"24rem"}})),""),Xr=(0,ne.Z)("div",{target:"e1l5o4qn0"})((({theme:e})=>({fontSize:e.fonts.size.medium,lineHeight:"2.25rem",margin:"3rem auto","div:nth-of-type(2)":{color:e.colors.gray.medium,fontSize:e.fonts.size.small,marginTop:"0.7rem"}})),""),Wr=["height","gradientStop1","gradientStop2","width"],qr=function(e){let{height:t=73,gradientStop1:r=ee.ZP.colors.gray[300],gradientStop2:i=ee.ZP.colors.gray[400],width:n=49}=e,a=function(e,t){if(null==e)return{};var r,i,n={},a=Object.keys(e);for(i=0;i=0||(n[r]=e[r]);return n}(e,Wr);const{"data-test":o,className:l}=a;return(0,Z.BX)("svg",{className:l,"data-test":o,fill:"none",height:t,viewBox:`0 0 ${n} ${t}`,width:n,xmlns:"http://www.w3.org/2000/svg",children:[(0,Z.tZ)("path",{d:"M24.4999 8V42.2C20.7399 40.04 16.0999 39.2 11.1799 40.92C5.81988 42.84 1.69988 47.6 0.739879 53.2C-1.10012 64.16 8.17988 73.52 19.0999 71.8C26.9399 70.56 32.4999 63.36 32.4999 55.4V16H40.4999C44.8999 16 48.4999 12.4 48.4999 8C48.4999 3.6 44.8999 0 40.4999 0H32.4999C28.0999 0 24.4999 3.6 24.4999 8Z",fill:"url(#paint0_linear)"}),(0,Z.tZ)("defs",{children:(0,Z.BX)("linearGradient",{gradientUnits:"userSpaceOnUse",id:"paint0_linear",x1:"0",x2:n,y1:"0",y2:t,children:[(0,Z.tZ)("stop",{stopColor:r}),(0,Z.tZ)("stop",{offset:"1",stopColor:i})]})})]})};var Gr=r(21513),Vr={name:"1jy1mlo",styles:"margin:0 1rem"};const Qr=function({isDefaultPlaylist:e}){const t=(0,f.useDispatch)(),r=(0,l.Z)();return(0,Z.BX)($r,{children:[(0,Z.tZ)(qr,{}),(0,Z.tZ)(Xr,{children:e?(0,Z.BX)(Z.HY,{children:[(0,Z.tZ)("div",{children:r("No added songs yet")}),(0,Z.BX)("div",{children:[r("Tap ")," ",(0,Z.tZ)(Gr.Z,{styles:{position:"relative",top:"12px"}}),(0,Z.tZ)("span",{style:{float:"left",marginLeft:"-999px",visibility:"hidden"},children:r("Save")}),r(" on the player to add a song to My Playlist")]})]}):(0,Z.BX)(Z.HY,{children:[(0,Z.BX)("div",{children:[r("Click on the"),(0,Z.tZ)(Yr.Z,{css:Vr,fill:ee.ZP.colors.black.primary}),r("button next to a song")]}),(0,Z.tZ)("div",{children:r("and select Add to Playlist.")})]})}),(0,Z.tZ)(T.Z,{onClick:()=>{e&&I.Z.trackClick("my_free_playlist|body|add_song"),t((0,M.h7)({id:Pt.eO.Search,context:null}))},styleType:"dark",children:r("Find Music")})]})};var Kr=r(24599),Jr=r(26222);function ei(){return ei=Object.assign?Object.assign.bind():function(e){for(var t=1;t(0,Z.tZ)("div",{children:e}))),ri=e=>(0,Z.tZ)(ti,ei({},e,{pressDelay:20,useDragHandle:!0})),ii=(0,ne.Z)("div",{target:"efshqyy0"})((({theme:e})=>({color:e.colors.gray.medium,display:"inline-block",fontSize:e.fonts.size[13],letterSpacing:"0.2rem",width:"calc(50% - 16.6rem)"})),""),ni=(0,ne.Z)("div",{target:"e16z6rbf0"})((({theme:e})=>({color:e.colors.gray.medium,display:"inline-block",fontSize:e.fonts.size[13],letterSpacing:"0.2rem",width:"11rem"})),""),ai=(0,ne.Z)("div",{target:"e5nppmc0"})((({isEditing:e=!1,theme:t})=>({backgroundColor:t.colors.white.primary,bottom:0,boxShadow:"0px 0px 14px -1px rgba(0, 0, 0, 0.5)",height:"8rem",left:0,maxHeight:e?"8rem":"0",overflowY:"hidden",position:"fixed",right:0,transition:"max-height 0.8s ease",width:"100%",zIndex:120})),""),oi=(0,ne.Z)("form",{target:"e1vf031l0"})((({theme:e})=>({margin:"0 auto",textAlign:"center",width:"44rem",[(0,oe.Z)(e.mediaQueries.max.width[768])]:{maxWidth:"none",width:"50%"},[(0,oe.Z)(e.mediaQueries.max.width[640])]:{maxWidth:"none",width:"80%"}})),""),li=(0,ne.Z)("div",{target:"euyvije0"})((({theme:e})=>({borderBottom:"none",borderTop:"none",paddingBottom:"0.6rem",width:"100%",[(0,oe.Z)(e.mediaQueries.max.width[768])]:{display:"none"}})),""),si=(0,ne.Z)("div",{target:"e1hwob5q0"})({name:"pw7jst",styles:"position:relative;width:100%"}),di=(0,ne.Z)("div",{target:"ers1r4i0"})((({theme:e})=>({background:e.colors.gray[100],position:"relative",width:"100%",zIndex:2})),""),ci=(0,ne.Z)("div",{target:"e1f3jtya0"})((({theme:e})=>({color:e.colors.gray.medium,display:"inline-block",fontSize:e.fonts.size[13],letterSpacing:"0.2rem",marginRight:"10rem",width:"calc(50% - 8.5rem)"})),"");var hi=r(14186);function pi(){return pi=Object.assign?Object.assign.bind():function(e){for(var t=1;t{var g;const y=(0,f.useSelector)(w.Ds),b=(0,f.useDispatch)(),v=(0,f.useSelector)(Te.bx),k=(0,f.useSelector)(m.W7),S=(0,f.useSelector)(w.bG),P=(0,f.useSelector)(w.eB),I=(0,f.useSelector)(w.aZ),C=(0,f.useSelector)(w.sr),O=(0,f.useSelector)(w._O),x=(0,f.useSelector)(w.SC),U=(0,l.Z)(),[L,E]=(0,he.useState)(!1),[M,B]=(0,he.useState)(null!=(g=null==u?void 0:u.length)?g:0);(0,R.Z)((()=>e));const D=(0,he.useCallback)((async()=>{if(M>=O.length)return;const e=M+10,t=O.slice(M,e).map((e=>e.trackId));t.length&&(E(!0),await b((0,hi.Jf)(t))),E(!1),B(e)}),[b,M,O]),_=C===me.bV.PLAYLIST_RADIO,j=x===J.Z.Default,F=x!==J.Z.Default&&x!==J.Z.User||I!==Le.Mo.FETCHED?(0,Z.tZ)(Jr.Z,{}):(0,Z.tZ)(Qr,{isDefaultPlaylist:j});return(0,Z.BX)(Z.HY,{children:[u.length?(0,Z.BX)(Z.HY,{children:[(0,Z.BX)(li,{children:[(0,Z.BX)(ci,{children:[U("SONG")," / ",U("ALBUM TITLE")]}),(0,Z.tZ)(ii,{children:U("ARTIST")}),(0,Z.tZ)(ni,{children:U("DURATION")})]}),(0,i.az)(di,pi({},p&&!k?{onMouseDown:ui,onMouseMove:ui,onTouchMove:ui,onTouchStart:ui}:{},{key:"contents"}),(0,Z.tZ)(si,{children:(0,Z.tZ)(ri,{hideSortableGhost:!0,lockAxis:"y",lockToContainerEdges:!0,onSortEnd:s,transitionDuration:200,useWindowAsScrollContainer:!0,children:(0,Z.tZ)(Kr.Z,{hasMore:M{var l;const{artistId:s,artistName:m,isOnDemandTrack:g,explicitLyrics:f,uuid:b}=e,Z=g&&(_||y&&y>n||!v);return null!=e&&null!=(l=e.title)&&l.length?(0,i.az)(Nr,pi({},e,{artistId:s,artistName:m,canEdit:t,canPlay:Z||r,disabled:!p||!t,editMode:p,explicitLyrics:f,index:n,isMine:a,isOD:g,key:b,onDelete:o,overflowEntitlements:d,ownerId:S,playedFrom:c,playlistId:P,playlistName:h,seedType:me.bV.TRACK,showUpsell:v,stationType:C,subKey:`PlaylistRowSortable-${e.id}-${e.trackId}`,tracksLength:u.length})):null}))})})}))]}):F,t&&(0,Z.tZ)(ai,{isEditing:p,children:(0,Z.BX)(oi,{method:"GET",onSubmit:()=>!1,children:[(0,Z.tZ)(A.Z,{marginRight:"2rem",marginTop:"2rem",onClick:e,tabIndex:1,children:U("Cancel")}),(0,Z.tZ)(T.Z,{"data-test":"confirm-button",marginTop:"2rem",onClick:n,styleType:"cta",tabIndex:2,children:U("Done")})]})})]})};class gi extends he.Component{constructor(e){super(e),this.onMove=({oldIndex:e,newIndex:t})=>{const{tempTracks:r}=this.state;this.setState({tempTracks:this.moveTrack(r,e,t)})},this.onDelete=({uuid:e})=>{const{deletedTrackIds:t,tempTracks:r}=this.state;this.setState({deletedTrackIds:[...t,e],tempTracks:this.deleteById(r,e)})},this.moveTrack=(e,t,r)=>{if(r===t||r<0||t<0)return e;const i=e[t],n=(0,Hr.Z)(e);return n.splice(t,1),n.splice(r,0,i),n},this.deleteById=(e,t)=>e.filter((({uuid:e})=>e!==t)),this.doneEditing=e=>{e.preventDefault();const{deletedTrackIds:t,tempTracks:r}=this.state,{removeTracksFromPlaylist:i,tracks:n,reorderTracks:a,updateReorderMode:o}=this.props,l=r.some((({id:e},t)=>n[t].id!==e));t.length&&i(t),l&&a(r),o(!1)},this.cancelEditing=e=>{e&&e.preventDefault(),this.props.updateReorderMode(!1)},this.state={deletedTrackIds:[],tempTracks:e.reorderActive?e.tracks:[]}}UNSAFE_componentWillReceiveProps(e){const{reorderActive:t,tracks:r}=this.props,i=r!==e.tracks;e.reorderActive||!t&&!i?!e.reorderActive||t&&!i||this.setState({deletedTrackIds:[],tempTracks:e.tracks}):this.setState({deletedTrackIds:[],tempTracks:[]})}render(){const{canEdit:e,canPlay:t,isMine:r,overflowEntitlements:i,playedFrom:n,playlistName:a,tracks:o,reorderActive:l}=this.props,{tempTracks:s}=this.state;return(0,Z.tZ)(mi,{cancelEditing:this.cancelEditing,canEdit:e,canPlay:t,doneEditing:this.doneEditing,isMine:r,onDelete:this.onDelete,onMove:this.onMove,overflowEntitlements:i,playedFrom:n,playlistName:a,reorderActive:l,tracks:l?s:o})}}const yi=gi;var fi=r(83900);const bi=["reorderActive"];function Zi(){return Zi=Object.assign?Object.assign.bind():function(e){for(var t=1;tvoid 0!==e))}const wi={removeTracksFromPlaylist:j.ih,reorderTracks:j.lA},ki=(0,be.Z)((0,f.connect)((0,v.zB)({playlistName:w.nH,profileId:D.v4,stationType:w.sr,type:w.Xo}),wi),(0,fi.Z)((e=>{let{reorderActive:t}=e,r=function(e,t){if(null==e)return{};var r,i,n={},a=Object.keys(e);for(i=0;i=0||(n[r]=e[r]);return n}(e,bi);return(0,L.dM)(Zi({},r,{edit:t}))}),{trackOnDidUpdate:(e,t)=>vi(t)&&!vi(e)||t.reorderActive!==e.reorderActive,trackOnWillMount:e=>vi(e)}))(yi);function Si(){return Si=Object.assign?Object.assign.bind():function(e){for(var t=1;t(O===ce.I$.FREE||O===ce.I$.NONE)&&(c&&d&&w||s)&&!!A&&!h&&e.length),[O,s,h,d,c,w,A,e]),j=(0,he.useMemo)((()=>{if(!x.length||!_)return[];const t=x.reduce(((e,t)=>(e.push(t.id),e)),[]);return e.filter((e=>!t.includes(e.id))).slice(0,8).map(((t,r)=>{const{artistId:a,artistName:o,id:l,isOnDemandTrack:s,explicitLyrics:d,uuid:c}=t;return(0,i.az)(Nr,Si({},t,{artistId:a,artistName:o,canEdit:!1,canPlay:!1,disabled:!0,editMode:!1,explicitLyrics:d,index:r,isBackfill:!0,isMine:L,isOD:s,key:c,onDelete:()=>{},overflowEntitlements:{showAdd:x.every((e=>e.id!==l)),showSave:n},ownerId:v,playedFrom:T===me.bV.PLAYLIST_RADIO?String(Q.Z.PROF_PLAYLIST_RADIO_SONGS):String(Q.Z.PROF_PLAYLIST_SONGS),playlistId:k,playlistName:y,seedType:me.bV.PLAYLIST_RADIO,showUpsell:!1,stationType:T,subKey:`PlaylistRowSortable-${t.id}-${t.trackId}`,tracksLength:e.length}))}))}),[e,n,L,y,v,k,T,x,_]),F=()=>{U((0,M.h7)({id:Pt.eO.Share,context:b()}))};return(0,Z.tZ)(Jt.Z.Consumer,{children:({active:e,update:t})=>(0,Z.BX)(Z.HY,{children:[e?null:(0,Z.tZ)(tr,{canShuffle:D,countryCode:l,deletable:p,empty:0===x.length,isCurated:h,isMine:L,isShuffled:m,name:y,onShare:F,onShuffle:C,ownerId:v,playlistId:k,renameable:u,seedId:P,shareable:I,type:R,writeable:B}),(0,Z.tZ)(ki,{canEdit:B,canPlay:r||c&&d,curated:h,isMine:L,name:y,overflowEntitlements:{showAdd:!E||c&&d,showSave:n},playedFrom:R===J.Z.Default?Q.Z.PROF_PLAYLIST_MYPLAYLIST_USERTRACKS:T===me.bV.PLAYLIST_RADIO?Q.Z.PROF_PLAYLIST_RADIO_SONGS:Q.Z.PROF_PLAYLIST_SONGS,playlistId:k,reorderActive:e,tracks:x,updateReorderMode:t,userId:v}),_&&!e?(0,Z.BX)(Z.HY,{children:[(0,Z.tZ)(at,{}),j]}):null]})})}));var Ci=r(93927);class Ti extends he.Component{constructor(...e){super(...e),this.state={hasDismissedBanner:!0},this.getShareConfig=()=>{const{slugIdAndOwner:e,translate:t,currentPath:r,name:i,description:n,mediaServerUrl:a,siteUrl:o,stationType:l,tracks:d,imgUrl:c}=this.props,{id:p,owner:m}=e;return wt.Z.track(I.z.Share,{seedType:l,seedId:p,stationName:i}),{seedType:me.bV.COLLECTION,seedId:(0,s.jX)(m,p),url:r,model:{description:h({description:n,translate:t}),imgUrl:u({imgUrl:c,mediaServerUrl:a,siteUrl:o,tracksLength:d.length}),name:i,playlist:{id:p,userId:m}},stationName:i,dimensions:b.I.PLAYLIST}}}componentDidMount(){const{seedId:e,stationLoaded:t,stationType:r,profileId:i,requestUserPlaylists:a,requestState:o,requestPlaylist:l,ownerId:s,playlistId:d,navigate:c,canPlay:h}=this.props;o!==Le.Mo.NEEDS_AUTH&&o!==Le.Mo.NOT_REQUESTED||l({playlistId:d,playlistUserId:s}),o===Le.Mo.FAILED&&c({path:"/404"}),i&&a(),t&&h&&e&&(0,n.Z)({seedId:e,seedType:r}),this.setState({hasDismissedBanner:Boolean(ze.Z.getItem(Ne.Z.DismissedMyPlaylistBanner,!1))})}UNSAFE_componentWillReceiveProps(e){const{canPlay:t,profileId:r,seedId:i,stationLoaded:a,requestUserPlaylists:o,stationType:l,requestState:s,navigate:d,requestPlaylist:c,playlistId:h,ownerId:p}=e;s!==Le.Mo.NEEDS_AUTH&&s!==Le.Mo.NOT_REQUESTED||c({playlistId:h,playlistUserId:p}),s===Le.Mo.FAILED&&d({path:"/404"}),t&&a&&i&&(t!==this.props.canPlay||a!==this.props.stationLoaded||i!==this.props.seedId)&&(0,n.Z)({seedId:i,seedType:l}),r&&r!==this.props.profileId&&(c({playlistId:h,playlistUserId:p}),o())}render(){const{adsFree:e,backfillTracks:t,canEditPlayableAsRadio:r,canPlayPremiumPlaylist:n,isAllAccessFreePreview:o,isFreeMyPlaylistEnabled:l,isFreeUserPlaylistCreationEnabled:s,isPremiumPlaylist:d,name:c,ownerId:h,playlistAdsEnabled:p,profileId:u,requestState:m,slugIdAndOwner:g,subscriptionType:y,tracks:f,type:b,upgradeLink:v,userCountry:w}=this.props,{id:k}=g,S=e||!p,{translate:I}=this.props,C=l||s,T=C&&r,O=w===Ci.o.AU||w===Ci.o.NZ,x=h===String(u),A=!this.state.hasDismissedBanner,R=A&&x&&y===ce.I$.FREE&&"new4u"!==b&&T||O&&A&&x,U=I("Your songs shuffled with songs we think you’ll like. The more songs you add, the better our picks get."),L=I("Introducing a new playlist experience"),E=R?(0,Z.tZ)(et,{message:U,onClose:()=>{this.setState({hasDismissedBanner:!0}),ze.Z.setItem(Ne.Z.DismissedMyPlaylistBanner,"true")},showClose:!0,title:L}):null,M=d&&!n&&w===Ci.o.US&&!o,B=I("Upgrade for this playlist"),D={link:v,text:I("Learn More"),filled:!0},_=M?(0,Z.tZ)(et,{button:D,message:B,newWindow:!1}):null,j=y!==ce.I$.PREMIUM?(0,Z.tZ)("span",{css:(0,i.iv)({display:"flex",color:a.Z.gray[500],justifyContent:"center"},"",""),children:"and more..."}):null;return Le.Mo.FAILED===m?(0,Z.tZ)(P,{}):(0,Z.BX)(Z.HY,{children:[(0,Z.tZ)(P,{}),(0,Z.tZ)(Fe,{}),(0,Z.BX)(tt.ZP,{banner:E,dataTest:tt.n3.PlaylistProfile,hasHero:!0,noAds:S,premiumBanner:_,children:[(0,Z.tZ)(Ii,{backfillTracks:t,getShareConfig:this.getShareConfig,isFreePlaylistEnabled:C,isFreePlaylistUser:T,name:c,ownerId:h,playlistId:k,subscriptionType:y,tracks:f}),j]})]})}}Ti.defaultProps={tracks:[]}}}]); //# sourceMappingURL=PlaylistProfile.www.js.map