https://volumo.com/_next/static/chunks/pages/album/%5BalbumIdOrIcpn%5D-8d87c61d4ad2287b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6683],{9855:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/album/[albumIdOrIcpn]",function(){return a(74312)}])},19366:e=>{e.exports={content:"ActivateGiftcardModalContent_content__wUQFB"}},24138:e=>{e.exports={image:"ActivateAlbumGiftcardSuccess_image__qBx2k",albumTitle:"ActivateAlbumGiftcardSuccess_albumTitle__itPQc"}},30820:e=>{e.exports={title:"AlbumPageComponent_title__hAUKD",relatedAlbum:"AlbumPageComponent_relatedAlbum__ddTCr",tabs:"AlbumPageComponent_tabs__9R1HT"}},35521:e=>{e.exports={title:"AlbumListedIn_title__XWAMF",root:"AlbumListedIn_root__0OD6c",activePlaylist:"AlbumListedIn_activePlaylist__mv8JL"}},74312:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>ex});var l=a(80263),i=a(94426),n=a(70719),r=a(64011),s=a(3154),o=a(22392),c=a(61469),d=a(53239),u=a(20865),m=a(83411),h=a(84725),x=a(46947),g=a(60719),v=a(90244),p=a(77148),j=a(92839),f=a(61528),b=a(78852),y=a(65714),_=a(13463),C=a(93107),w=a(10330),A=a(80916),I=a(59329),P=a(12556),k=a(97930),F=a(39233),N=a(50016),T=a(2673),E=a.n(T),K=a(55132),L=a(3638),R=a(67613),$=a(25366),S=a(34732),O=a(25900),M=a(65425),H=a(63874),B=a(801),D=a(25806),G=a(35521),W=a.n(G);let V=(e,t)=>`${e}/playlist-${t.id}`,q=e=>{let{albumIdOrIcpn:t,className:a,contextPath:i,ignoreTrackNavigation:n,trackId:r}=e,{t:s}=(0,_.c3)(),{isBelowSm:o}=(0,P.yU)(),c=o?$.PF.playlistTileHeight.belowSm:$.PF.playlistTileHeight.aboveSm,m=(0,B.H)(),h=(0,u.c0)(t,void 0!==t||void 0!==r),x=(0,d.useMemo)(()=>[...h.data?.charts??[],...h.data?.playlist??[],...h.data?.my??[]].filter(w.vN),[h]),{playbackServer:v}=(0,g.cs)(),p=v.getActiveInstance(),j=(0,d.useMemo)(()=>x?.find(e=>p?.instanceId?.startsWith(V(i,e))),[x,p?.instanceId]),f=j?x[x.indexOf(j)+1]:void 0,{activePlaylist:y}=(0,$.At)(j?.id),C=(0,d.useRef)(null),A=(0,D.e)(),I=(0,H.O)(i);(0,g.l)({contextPath:i});let T=(0,d.useCallback)(async(e,t)=>{let a=x.find(t=>t.id===e);a&&A({contextPath:V(i,a),trackBucket:a,trackBucketRef:C,playFrom:t})},[i,x,A]),G=(0,d.useCallback)(e=>{T(e.id),setTimeout(()=>{(0,K.PA)((0,g.Fl)(V(i,e)))},400)},[i,T]),q=(0,d.useCallback)(e=>m({contextPath:i,tracksCount:e.tracks.length}),[m,i]);return x.length?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:(0,L.A)(W().root,a),style:{height:(y?q(y)+40:0)+c+40},children:[(0,l.jsx)(F.x,{className:a,scrollerClassName:E().scroller,scrollTrainClassName:E().train,children:(0,l.jsxs)(k.xA,{columns:"auto auto auto",horizontalSpacing:2,children:[!!h.data?.charts?.length&&(0,l.jsx)(O.a,{activePlaylistId:j?.id,contextPath:i,ignoreTrackNavigation:n,items:h.data.charts,title:s("Charted in"),onCoverClick:T}),!!h.data?.playlist.length&&(0,l.jsx)(O.a,{activePlaylistId:j?.id,contextPath:i,ignoreTrackNavigation:n,items:h.data.playlist,title:s("In public playlists"),onCoverClick:T}),!!h.data?.my?.length&&(0,l.jsx)(O.a,{activePlaylistId:j?.id,contextPath:i,ignoreTrackNavigation:n,items:h.data.my,title:s("In my playlists"),onCoverClick:T})]})}),y?(0,l.jsx)(M.I,{canStickPlayer:!1,className:W().activePlaylist,contextPath:V(i,y),innerRef:C,playlist:y,style:{top:`${c+66}px`},onClose:I,onPlayNext:f?()=>G(f):void 0},y.id):null]}),(0,l.jsx)(b.K,{mt:5})]}):(0,l.jsx)("div",{className:a,children:h.isLoading?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(N.V,{variant:"h2",children:s("Charted in")}),(0,l.jsx)(b.K,{mt:2}),(0,l.jsx)(k.xA,{autoColumns:"auto",autoFlow:"column",horizontalSpacing:2,justifyContent:"start",children:Array.from({length:3}).map((e,t)=>(0,l.jsx)(R.T,{type:"playlist"},t))})]}):(0,l.jsx)(S.t,{})})};q.displayName="AlbumListedIn";var z=a(4175),U=a(40673),Q=a(7672),X=a(85),Y=a(64172);let J=e=>{let{albumId:t,contextPath:a}=e,{t:i}=(0,_.c3)(),[n,r]=(0,d.useState)("relevance"),{before:s,isEnabled:o,setEnabled:c}=(0,Y.I)(),m=(0,u.b0)(t,{sort:n,listenedBefore:s});return(0,l.jsxs)(Q.u,{block:"related_releases",children:[(0,l.jsx)(U.k,{count:m.data?.length,filterLabel:i("Hide listened"),isFilterChecked:o,itemType:"album",sortOptions:(0,X.v6)(i),sortValue:n,onFilterChange:c,onSortChange:r}),(0,l.jsx)(b.K,{mt:3}),(0,l.jsx)(k.xA,{verticalSpacing:3,children:m.isLoading?[...[,,,].keys()].map(e=>(0,l.jsx)(z.NH,{variant:"largeInList"},e)):m.data?.length?m.data?.map((e,t)=>(0,l.jsx)(I.R,{album:e,contextPath:`${a}/album-${e.id}`,eagerLoading:t<1,headingLevel:3,variant:"largeInList"},e.id)):(0,l.jsx)(N.V,{variant:"body1",children:i(o?"No unlistened related albums":"Could not fetch related albums")})})]})};J.displayName="AlbumRelatedAlbums";var Z=a(51400),ee=a(50005),et=a(13380),ea=a(42173),el=a(7570),ei=a(90737),en=a(54923),er=a(69609),es=a(8259),eo=a(28967),ec=a(30820),ed=a.n(ec);let eu=e=>{let{albumIdOrIcpn:t,preferredTabId:a,trackId:i}=e,r=(0,c.useRouter)(),{t:s}=(0,_.c3)(),{cookieData:o}=(0,et.iT)(),[m,h]=(0,d.useState)(!0),{playbackServer:P}=(0,g.cs)(),k=`album-${t}`,[F,N]=(0,d.useState)(a??"related-releases"),{data:T}=(0,ei.IJ)(),E=(0,u.v8)(t,i),K=E.data,L=(0,en.UV)(s),R=(0,d.useMemo)(()=>[L.Root,(0,en.WL)(K,o.viewMode,s)??L.Loading,(0,en.zs)(K)??L.Loading].filter(w.TL),[K,o.viewMode]),$=(0,d.useMemo)(()=>[(0,f.Oq)(R),(0,er.tH)(K,{allGenres:T})].filter(w.vN),[K,T,R]),S=(0,d.useMemo)(()=>({title:s("Album {title}",void 0,{title:(0,v.Ef)(s,K?.title)}),description:K?.description,artists:e=>

1(0,v.cE)(K?.artists??[],e),albumTitle:K?.title??"Unknown",recordlabelTitle:K?.recordlabel?.name,genres:e=>T&&(0,v.ap)(T,K?.genres_ids??[],e),releaseDate:()=>(0,C.ik)(K?.release_start_at),catalogNumber:K?.catalog_number??void 0,price:e=>(0,p.vv)(K?.price,{emptyText:e?.[0]??"Free",zeroText:e?.[0]??"Free"}),ogImage:x.C.getImageUrl(K?.artwork_uuid,{format:"jpg",width:1400}),ogType:"music.album",ogUrl:K&&(0,es.MX)((0,n.FD)(K)),ogTitle:K?.title,ogDescription:K?.description}),[K,T]),O=(0,d.useCallback)(()=>{let{query:e}=r,t=new URLSearchParams(e);t.delete(el.cZ),r.replace({query:t.toString()},void 0,{shallow:!0})},[]),M=(0,d.useCallback)(()=>{P.getActiveInstance()?.contextPath?.includes("listed-in")&&h(!1)},[]);return(0,g.l)({contextPath:k,onChange:M}),(0,l.jsxs)(eo.B,{topLine:(0,l.jsx)(ee.I,{pageName:"album",values:R}),children:[(0,l.jsx)(ea.t,{baseCanonicalUrl:K?(0,n.FD)(K):void 0,fields:S,microdata:$,pageName:"album"}),(0,l.jsx)(b.K,{mt:2}),E.isLoading&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(z.QQ,{}),(0,l.jsx)(b.K,{style:{height:"100vh"}})]}),K&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(I.R,{album:K,canClaimPlayback:!0,contextPath:`${k}/main`,eagerLoading:!0,headingLevel:1,isLoading:E.isFetching}),(0,l.jsx)(b.K,{mt:3}),(0,l.jsx)(q,{albumIdOrIcpn:t,contextPath:`${k}/listed-in`,ignoreTrackNavigation:m,trackId:i}),(0,l.jsx)(y.u,{className:ed().tabs,items:[{icon:j.IGJ,id:"related-releases",title:s("Related releases")},{icon:j.w$l,id:"related-artists",title:s("Related artists")},{icon:j.jYX,id:"related-labels",title:s("Related labels")}],justifyContent:"flex-start",nowrap:!0,selectedComponent:"h2",selectedId:F,onClick:N}),(0,l.jsx)(b.K,{mt:3}),"related-releases"===F?(0,l.jsx)(J,{albumId:K.id,contextPath:`${k}/${F}`}):"related-artists"===F?(0,l.jsx)(Z.P,{albumId:K?.id,contextPath:`${k}/${F}`,contributorType:"artist"}):"related-labels"===F?(0,l.jsx)(Z.P,{albumId:K?.id,contextPath:`${k}/${F}`,contributorType:"recordlabel"}):null,(0,l.jsx)(b.K,{mt:2}),(0,l.jsx)(A.b,{album:K,open:!!r.query.popup,onCloseAttempt:O})]})]})};var em=a(7060);let eh=()=>{let e=(0,c.useRouter)(),t=(0,h.Bi)(e.query.albumIdOrIcpn);return(0,l.jsx)(eu,{albumIdOrIcpn:t})};eh.renderInLayout=em.P,eh.getInitialProps=async e=>{let{api:t,cookieData:a,promises:l,query:c,queryClient:d,req:x,res:g}=e,v=(0,h.Bi)(c.albumIdOrIcpn),p=(0,h.Fg)(c.trackId);if(void 0!==v){let e=e=>{if((0,r.qp)(e)&&e.response?.status===s.Hv.BadRequest)throw new o.j$("Album not found",{statusCode:s.Hv.NotFound,url:x?.url});throw e},[c,h]=await Promise.all(["number"==typeof v?t.getAlbumById(v,!a.authId).catch(e):t.getAlbumByIcpn(v,!a.authId).catch(e),(0,i._)(()=>t.getAlbumPlaylists(v))]);if(x&&g){let e="number"==typeof p?c.tracks.find(e=>e.id===p):void 0;if((0,m.sR)(x,g,e?(0,n.$O)(e):(0,n.FD)(c)))return}let{user:j}=await l.userData;return d.setQueryData([u.yq.album(j?.email,v)],c),h&&d.setQueryData([u.yq.albumPlaylists(j?.email,v)],h),{activeTrackId:p}}throw new o.j$("Album not found",{statusCode:s.Hv.NotFound,url:x?.url})},eh.displayName="AlbumPage";let ex=eh},78233:e=>{e.exports={image:"ActivateBalanceGiftcardSuccess_image__L_xJM"}},80916:(e,t,a)=>{"use strict";a.d(t,{b:()=>S});var l,i,n,r,s=a(80263),o=a(43391),c=a(53239),d=a(70719),u=a(94386),m=a(97930),h=a(136),x=a(93349),g=a(78852),v=a(50016),p=a(13463);function j(){return(j=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(null,arguments)}let f=e=>c.createElement("svg",j({xmlns:"http://www.w3.org/2000/svg",width:120,height:120,fill:"none",viewBox:"0 0 120 120"},e),l||(l=c.createElement("g",{clipPath:"url(#activate-giftcard-success_svg__a)"},c.createElement("path",{fill:"#00886C",fillRule:"evenodd",d:"M60 0v120c33.137 0 60-26.863 60-60S93.137 0 60 0",clipRule:"evenodd"}),c.createElement("circle",{cx:60,cy:60,r:38,fill:"#00CD7F"}),c.createElement("circle",{cx:60,cy:60,r:16,fill:"#fff"}),c.createElement("path",{stroke:"#00CD7F",strokeLinecap:"round",strokeWidth:2,d:"m54 60 4 4 8-8"}))),i||(i=c.createElement("defs",null,c.createElement("clipPath",{id:"activate-giftcard-success_svg__a"},c.createElement("path",{fill:"#fff",d:"M0 0h120v120H0z"})))));var b=a(59329),y=a(24138),_=a.n(y);let C=e=>{let{album:t,validation:a,onCloseAttempt:l}=e,{t:i}=(0,p.c3)();return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:_().image,children:(0,s.jsx)(f,{})}),(0,s.jsx)(g.K,{mt:4}),(0,s.jsx)(v.V,{align:"center",component:"h1",variant:"h2",children:(0,s.jsx)("div",{children:i(a?"G

1ift card is valid!":"Congratulations!")})}),(0,s.jsx)(g.K,{mt:2}),(0,s.jsx)(v.V,{align:"center",component:"h2",variant:"body1",children:a?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{children:i("After activating your\xa0gift\xa0card, this album will be added to the list of purchased items and will be available for download at any time")}),(0,s.jsx)(g.K,{mt:2}),(0,s.jsx)(b.R,{album:t,contextPath:"in-modal",eagerLoading:!0,preview:!0})]}):(0,s.jsx)("div",{children:i("The gift card has been activated and the album {albumTitle} has been received successfully. It is now available for you to download at any time. You can find it in {downloadsLink}",void 0,{albumTitle:(0,s.jsx)("span",{className:_().albumTitle,children:t.title},"albumTitle"),downloadsLink:(0,s.jsx)(x.W,{href:d.KW.Downloads,children:i("My downloads")},"downloadsLink")})})}),a&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(g.K,{mt:2}),(0,s.jsxs)(h.p,{fullWidth:!0,type:"info",children:[i("You must be logged in before you could activate a\xa0gift\xa0card code."),(0,s.jsx)("br",{})]})]}),(0,s.jsx)(g.K,{mt:2}),(0,s.jsxs)(m.xA,{columns:"1fr 1fr",horizontalSpacing:2,children:[(0,s.jsx)(u.$,{href:d.KW.ActivateGiftcard,muted:!0,children:i(a?"Close":"Activate another card")}),(0,s.jsx)(u.$,{href:a?d.KW.Root:void 0,onClick:l,children:i(a?"Go to Home page":"Close")})]}),(0,s.jsx)(g.K,{mt:4})]})};var w=a(77148),A=a(78233),I=a.n(A);let P=e=>{let{amount:t,validation:a,onCloseAttempt:l}=e,{t:i}=(0,p.c3)();return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:I().image,children:(0,s.jsx)(f,{})}),(0,s.jsx)(g.K,{mt:4}),(0,s.jsx)(v.V,{align:"center",component:"h1",variant:"h2",children:(0,s.jsx)("div",{children:i(a?"Your gift card is valid!":"Congratulations!")})}),(0,s.jsx)(g.K,{mt:2}),(0,s.jsx)(v.V,{align:"center",component:"h2",variant:"body1",children:a?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{children:i("After activating your\xa0gift\xa0card, the balance of your account on Volumo will increase by {amount}",void 0,{amount:(0,w.vv)(t)})}),(0,s.jsx)("div",{children:i("Go explore your music library or activate another gift\xa0card")})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{children:i("After activating your\xa0gift\xa0card, the balance of your account on Volumo was topped up by {amount}",void 0,{amount:(0,w.vv)(t)})}),(0,s.jsx)("div",{children:i("Go explore your music library or activate another gift\xa0card")})]})}),a&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(g.K,{mt:2}),(0,s.jsxs)(h.p,{fullWidth:!0,type:"info",children:[i("You must be logged in before you could activate a gift\xa0card code."),(0,s.jsx)("br",{})]})]}),(0,s.jsx)(g.K,{mt:2}),(0,s.jsxs)(m.xA,{columns:"1fr 1fr",horizontalSpacing:2,children:[(0,s.jsx)(u.$,{muted:!0,onClick:l,children:i(a?"Close":"Activate another card")}),(0,s.jsx)(u.$,{href:d.KW.Root,children:i("Go to Home page")})]}),(0,s.jsx)(g.K,{mt:4})]})};function k(){return(k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(null,arguments)}let F=e=>c.createElement("svg",k({xmlns:"http://www.w3.org/2000/svg",width:120,height:120,fill:"none",viewBox:"0 0 120 120"},e),n||(n=c.createElement("g",{clipPath:"url(#activate-giftcard-error_svg__a)"},c.createElement("path",{fill:"#FFDE1A",fillRule:"evenodd",d:"M60 0v120c33.137 0 60-26.863 60-60S93.137 0 60 0",clipRule:"evenodd"}),c.createElement("circle",{cx:60,cy:60,r:38,fill:"#EB1C2B"}),c.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M60 76c8.837 0 16-7.163 16-16s-7.163-16-16-16-16 7.163-16 16 7.163 16 16 16m-4-18a2 2 0 1 0-4 0 2 2 0 0 0 4 0m10-2a2 2 0 1 1 0 4 2 2 0 0 1 0-4M54.706 68.364a7 7 0 0 1 9.9 0 1 1 0 0 0 1.414-1.414 9 9 0 0 0-12.728 0 1 1 0 0 0 1.414 1.414",clipRule:"evenodd"}))),r||(r=c.createElement("defs",null,c.createElement("clipPath",{id:"activate-giftcard-error_svg__a"},c.createElement("path",{fill:"#fff",d:"M0 0h120v120H0z"})))));var N=a(51143),T=a(91556),E=a.n(T);let K=e=>{let{error:t}=e,{t:a}=(0,p.c3)(),{isLoggedIn:l}=(0,N.IE)();return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:E().image,children:(0,s.jsx)(F,{})}),(0,s.jsx)(g.K,{mt:4}),(0,s.jsx)(v.V,{align:"center",component:"h1",variant:"h2",children:(0,s.jsx)("div",{children:a("Something went wrong!")})}),(0,s.jsx)(g.K,{mt:2}),(0,s.jsxs)(v.V,{align:"center",component:"h2",variant:"body1",children:[(0,s.jsx)("div",{children:t}),(0,s.jsx)("div",{children:a("Enter another code or try to enter this one again")})]}),!l&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(g.K,{mt:2}),(0,s.jsxs)(h.p,{fullWidth:!0,type:"info",children:[a("You must be logged in before you could activate a\xa0gift\xa0card code."),(0,s.jsx)("br",{})]})]}),(0,s.jsx)(g.K,{mt:2}),(0,s.jsxs)(m.xA,{columns:"1fr 1fr",horizontalSpacing:2,children:[(0,s.jsx)(u.$,{href:d.KW.ActivateGiftcard,children:a("Try again")}),(0,s.jsx)(u.$,{href:d.KW.Root,muted:!0,children:a("Go to Home page")})]}),(0,s.jsx)(g.K,{mt:4})]})};var L=a(19366),R=a.n(L);let $=e=>{let{album:t,amount:a,error:l,validation:i,onCloseAttempt:n}=e;return(0,s.jsx)(o.$m,{children:(0,s.jsx)("div",{className:R().content,children:l?(0,s.jsx)(K,{error:l}):t?(0,s.jsx)(C,{album:t,validation:i,onCloseAttempt:n}):(0,s.jsx)(P,{amount:a,validation:i,onCloseAttempt:n})})})},S=e=>{let{open:t,album:a,amount:l,error:i,validation:n,onCloseAttempt:r}=e;return(0,s.jsx)(o.aF,{open:t,openStateHash:"activate-giftcard",onCloseAttempt:r,children:(0,s.jsx)($,{album:a,amount:l,error:i,validation:n,onCloseAttempt:r})})}},91556:e=>{e.exports={image:"ActivateGiftcardError_image__H6Xhs"}}},e=>{e.O(0,[4001,7236,2762,8288,5720,7874,4802,5599,7095,9711,9960,5711,4207,3129,1439,8790,1090,9329,9883,1887,636,6593,8792],()=>e(e.s=9855)),_N_E=e.O()}]);