https://volumo.com/_next/static/chunks/9125-859af6f380a35fb7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9125],{13348:(e,t,a)=>{"use strict";a.d(t,{G:()=>b});var r=a(80263),i=a(90244),s=a(96417),o=a(42900),l=a(10330),n=a(43481),d=a(53239),c=a(93340),u=a(22894),g=a(93682),m=a.n(g);let b=e=>{let{mediaCache:t,settings:a}=e,g=(0,d.useRef)(null),b=(0,d.useMemo)(()=>(0,s.QA)(a?.aspectRatio??"1:1"),[a?.aspectRatio]),k=(0,d.useRef)(void 0),[v,C]=(0,d.useState)();(0,u.n)();let f=(0,d.useCallback)(async()=>{k.current&&k.current.abort(),k.current=n.Ay.newWithSignal(async(e,r,s)=>{let n;try{if(a.trackId&&a.bgColor&&a.fgColor){let e=t.getTrack(a.trackId),r=t.getArtwork(a.trackId,o.Xl.width),s=t.getLogo(a.bgColor),d=t.getPlate(a.trackId,a.bgColor),u=t.getQrCode(a.trackId,a.fgColor,a.bgColor,!1);e&&r&&s&&u&&(n={artwork:await (0,c.uu)(r,o.Xl),bgColor:a.bgColor,fgColor:a.fgColor,logo:await (0,c.uu)(s,o.kC),plate:d?await (0,c.uu)(d,o.fJ):void 0,qrCode:await (0,c.uu)(u,o.Tn),size:b,subtext:(0,i.vl)(e),text:[e?.artists.map(e=>e.name).join(", "),e?.recordlabel?.name].filter(l.vN).join(" • ")})}s.aborted?r("Aborted"):e(n??{size:b})}catch(e){r(e)}});try{let e=await k.current;C(e)}catch(e){if(!(e instanceof n.lc))throw e}},[a]);return(0,d.useEffect)(()=>(f(),t.subscribe(f),()=>t.unsubscribe(f)),[f,t]),(0,d.useEffect)(()=>{let e=g.current?.getContext("2d");e&&v&&o.aC({ctx:e,...v})},[v]),(0,r.jsx)("canvas",{className:m().canvas,height:b.height,ref:g,width:b.width},a.trackId)}},20865:(e,t,a)=>{"use strict";a.d(t,{Ze:()=>g,b0:()=>u,c0:()=>c,v8:()=>d,yq:()=>n});var r=a(98720),i=a(3305),s=a(89654),o=a(51143),l=a(35951);let n={album:(e,t,a)=>({userEmail:e,scope:l.B.Album,albumIdOrIcpn:t,trackId:a}),albumRelatedAlbums:(e,t,a)=>({...n.album(e,t),subscope:l.B.RelatedAlbums,sort:a?.sort,listenedBefore:a?.listenedBefore}),albumRelatedContributors:(e,t,a,r,i)=>({...n.album(e,t),subscope:l.B.RelatedContributors,type:a,limit:r,sort:i?.sort,followedBefore:i?.followedBefore}),albumPlaylists:(e,t)=>({userEmail:e,scope:l.B.AlbumPlaylists,albumIdOrIcpn:t})},d=(e,t,a)=>{let{api:l}=(0,s.gf)(),{user:d}=(0,o.IE)();return(0,r.I)({queryKey:[n.album(d?.email,e,t)],queryFn:"number"==typeof e?()=>l.getAlbumById(e):"string"==typeof e?()=>l.getAlbumByIcpn(e):void 0!==t?()=>l.getAlbumByTrackId(t):i.hT,...a})},c=(e,t)=>{let{api:a}=(0,s.gf)(),{user:i}=(0,o.IE)();return(0,r.I)({queryKey:[n.albumPlaylists(i?.email,e)],queryFn:()=>a.getAlbumPlaylists(e),enabled:t})},u=(e,t)=>{let{api:a}=(0,s.gf)(),{user:l}=(0,o.IE)();return(0,r.I)({queryKey:[n.albumRelatedAlbums(l?.email,e,t)],queryFn:e?()=>a.getAlbumRelatedAlbums(e,{sort:t?.sort,listened_before:t?.listenedBefore}):i.hT})},g=(e,t,a,l)=>{let{api:d}=(0,s.gf)(),{user:c}=(0,o.IE)();return(0,r.I)({queryKey:[n.albumRelatedContributors(c?.email,e,t,a,l)],queryFn:e?()=>d.getAlbumRelatedContributors(e,{type:t,limit:a,sort:l?.sort,followed_before:l?.followedBefore}):i.hT})}},36334:(e,t,a)=>{"use strict";a.d(t,{X:()=>b});var r=a(80263),i=a(42900),s=a(78852),o=a(50016),l=a(13463),n=a(3638);a(53239);var d=a(98219),c=a(75756),u=a(85316),g=a.n(u);let m={albumId:0},b=e=>{let{disabled:t,mediaCache:a,settings:u,onSettingsChange:b}=e,{t:k}=(0,l.c3)(),v=u??m,{palette:C}=(0,c.T)({sceneType:"trackImage",settings:v,onSettingsChange:t?void 0:b,mediaCache:a},[]),f=[...C??[],i.wN.fgColor,i.wN.bgColor];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.V,{className:(0,n.A)(g().title,t&&g().disabled),variant:"vividH2",children:k("Appearance")}),(0,r.jsx)(s.K,{mt:3}),(0,r.jsx)("div",{className:t?g().disabledContent:void 0,children:(0,r.jsx)(d.J,{bgColor:v.bgColor??i.wN.bgColor,disabled:t,fgColor:v.fgColor??i.wN.fgColor,paletteColors:f,onBgColorChange:e=>{u&&b({...u,bgColor:e})},onFgColorChange:e=>{u&&b({...u,fgColor:e})}})})]})}},85316:e=>{e.exports={title:"TrackImageSettings_title__pba3i",disabled:"TrackImageSettings_disabled__8HF9I",disabledContent:"TrackImageSettings_disabledContent__W7Clu"}},89125:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>ei});var r=a(80263),i=a(24318),s=a(1985),o=a(78852),l=a(61469),n=a(53239),d=a(20865),c=a(84725),u=a(75922),g=a(60719),m=a(70719),b=a(67445),k=a(57975),v=a(43959),C=a(904),f=a(13463),h=a(6750),y=a(24426),I=a(33946),p=a(8639),x=a(34187),j=a(24422),w=a(33281),A=a(33364),T=a(13380),_=a(54923),S=a(61167),R=a(30454),P=a(46947),B=a(42900),E=a(9826),F=a(89654),V=a(33064),M=a(93340),N=a(13348),U=a(36334),q=a(97930),K=a(34131),L=a(6461),Q=a(65813);let Z=e=>{let{mediaCache:t,settings:a,onReset:i}=e,s=(0,u._B)(),{playbackServer:l}=(0,g.cs)(),{rerender:d}=(0,K.v)(),c=(0,n.useCallback)(e=>{void 0!==e&&s.setTime(e,"renderer")},[s]),m=(0,n.useCallback)(e=>{l.implicitlyMuted=!1,s.setIsPlaying(e,"renderer"),d()},[]),b=(0,n.useCallback)(e=>{l.implicitlyMuted=e,d()},[]);return(0,n.useEffect)(()=>{let e=e=>{let{source:t}=e;"renderer"!==t&&(0,n.startTransition)(()=>{d()})};return s.subscribe(e),()=>{s.unsubscribe(e)}},[]),(0,r.jsxs)(q.xA,{children:[(0,r.jsx)(Q.r,{mediaCache:t,settings:a}),(0,r.jsx)(o.K,{mt:3}),(0,r.jsx)(L.n,{duration:a.duration,isMute:l.implicitlyMuted,isPlaying:s.getIsPlaying(),time:s.getTime(),onMute:b,onPlaybackToggle:m,onReset:i,onTimeChange:c})]})};var D=a(12556),z=a(25051),O=a(85056),G=a(50016),J=a(3638),X=a(98219),H=a(7265),W=a(75756),Y=a(96504),$=a.n(Y);let ee=e=>{let{album:t,disabled:a,mediaCache:i,settings:s,onSettingsChange:l}=e,{t:d}=(0,f.c3)(),{isAboveSm:c,isBelowMd:m}=(0,D.yU)(),{playbackServer:k}=(0,g.cs)(),v=(0,u._B)(),{rerender:h}=(0,K.v)(),y=(0,n.useMemo)(()=>({albumId:t.id,trackId:t.tracks[0]?.id}),[t.id]),I=s??y,p=(0,z.h)(void 0!==I.start&&void 0!==I.duration?{from:I.start,to:I.start+I.duration}:void 0),x=(0,n.useCallback)(e=>{v.setTime(e,"settings")},[]),j=(0,n.useCallback)(e=>{s&&l({...s,start:e.from,duration:e.to-e.from})},[s,l]),w=(0,n.useCallback)(e=>{k.implicitlyMuted=!1,v.setIsPlaying(e,"settings"),h()},[]);(0,n.useEffect)(()=>{let e=e=>{let{source:t}=e;"settings"!==t&&h()};return v.subscribe(e),()=>{v.unsubscribe(e)}},[]);let{palette:A}=(0,W.T)({sceneType:"trackVideo",settings:I,onSettingsChange:a?void 0:l,mediaCache:i},[]),T=[...A??[],E.Ee.fgColor,E.Ee.bgColor];return(0,r.jsxs)(q.xA,{children:[(0,r.jsx)(G.V,{className:(0,J.A)($().title,a&&$().disabled),variant:"vividH2",children:d("Appearance")}),(0,r.jsx)(o.K,{mt:m?2:3}),(0,r.jsx)("div",{className:a?$().disabledContent:void 0,children:(0,r.jsx)(X.J,{bgColor:I.bgColor??E.Ee.bgColor,disabled:a,fgColor:I.fgColor??E.Ee.fgColor,paletteColors:T,thirdColumn:(0,r.jsx)(C.v,{reserveLabelSpace:c,children:(0,r.jsxs)(q.xA,{alignItems:"center",className:$().switch,columns:"1fr auto",children:[(0,r.jsx)(G.V,{variant:"body1",children:d("Show track t

1itle")}),(0,r.jsx)(O.d,{value:!!s?.showTitle,onChange:e=>{s&&l({...s,showTitle:e})}})]})}),onBgColorChange:e=>{s&&l({...s,bgColor:e})},onFgColorChange:e=>{s&&l({...s,fgColor:e})}})}),(0,r.jsx)(o.K,{mt:3}),(0,r.jsx)(b.c,{variant:"zero"}),(0,r.jsx)(o.K,{mt:3}),(0,r.jsx)(G.V,{className:(0,J.A)($().title,a&&$().disabled),variant:"vividH2",children:d("Music")}),(0,r.jsx)(o.K,{mt:m?2:3}),(0,r.jsx)("div",{className:a?$().disabledContent:void 0,children:(0,r.jsx)(H.F,{canChangeDuration:!0,defaultDuration:I.duration,isPlaying:!a&&v.getIsPlaying(),range:a?{from:5e3,to:2e4}:p,time:a?void 0:v.getTime(),track:t.tracks.find(e=>e.id===I.trackId)??t.tracks[0],onPlaybackToggle:a?void 0:w,onRangeChange:a?void 0:j,onTimeChange:a?void 0:x},I.trackId)})]})},et=e=>{let{album:t,contextPath:a,preferredTrackId:i}=e,{t:s}=(0,f.c3)(),{cookieData:l}=(0,T.iT)(),{playbackServer:d}=(0,g.cs)(),{getIsPlaying:c,setIsPlaying:q,getTime:K,setTime:L,subscribe:Q,unsubscribe:D}=(0,u._B)(),{sceneType:z,aspectRatio:O,template:G,validationTriggered:J,imageSettings:X,videoSettings:H,mediaCache:W,setImageSettings:Y,setVideoSettings:$,handleSceneTypeChange:et,handleAspectRatioChange:ea,handleTemplateChange:er,handleMissingSettings:ei,handleVideoReset:es}=(e=>{let{album:t}=e,{setTime:a}=(0,u._B)(),[r,i]=(0,n.useState)(),[s,o]=(0,n.useState)(),[l,d]=(0,n.useState)(),[c,g]=(0,n.useState)(!1),[m,b]=(0,n.useState)(),[k,v]=(0,n.use

1State)(),[C]=(0,n.useState)(()=>new R.d),f=(0,n.useCallback)(e=>{e&&m&&k&&("trackImage"===e?b({...m,trackId:k.trackId}):v({...k,trackId:m.trackId})),e||(o(void 0),d(void 0),v(void 0),b(void 0),g(!1)),i(e)},[m,k]),y=(0,n.useCallback)(e=>{e&&!Array.isArray(e)&&k&&v({...k,aspectRatio:e}),e&&!Array.isArray(e)&&m&&b({...m,aspectRatio:e}),e||(d(void 0),v(void 0),b(void 0),g(!1)),o(e)},[k,m]),I=(0,n.useCallback)(e=>{e&&!Array.isArray(e)&&k&&v({...k,animationType:e}),e||(v(void 0),b(void 0),g(!1)),d(e)},[k]),p=(0,n.useCallback)(()=>{g(!0)},[]),x=(0,n.useCallback)(()=>{if(k){let e=t.tracks.find(e=>e.id===k.trackId)??t.tracks[0],r=(0,S.OY)({duration:e.duration,access:(0,h.GJ)(e.release_start_at)?"limited":"standard"}),i=r.defaultRange.from,s=Math.min(r.defaultRange.to,r.blockedAfter);v({...k,start:i,duration:s-i}),a(0,"settings")}},[k,t,a]);return{sceneType:r,aspectRatio:s,template:l,validationTriggered:c,imageSettings:m,videoSettings:k,mediaCache:C,setImageSettings:b,setVideoSettings:v,handleSceneTypeChange:f,handleAspectRatioChange:y,handleTemplateChange:I,handleMissingSettings:p,handleVideoReset:x}})({album:t});(e=>{let{album:t,preferredTrackId:a,sceneType:r,aspectRatio:i,template:s,imageSettings:o,videoSettings:l,setImageSettings:d,setVideoSettings:c,mediaCache:u}=e,{api:g}=(0,F.gf)(),m=(0,n.useRef)(Promise.resolve());(0,n.useEffect)(()=>{if("trackImage"===r){let e=i??"9:16",r=async()=>{try{let r=t.tracks.find(e=>e.id===(o?.trackId??a))??t.tracks[0];await B.V1({...B.wN,cache:u,imageApi:P.C,storeApi:g,shareUrlBase:V.Z4.volumoShareUrl||V.Z4.volumoStoreUrl,albumId:t.id,trackId:r.id,...o,aspectRatio:e}),o||d({...await (0,M.XW)(u,r.id,t.id),aspectRatio:e})}finally{u.emitOnChange()}};m.current=m.current.then(r)}},[o,r,i]),(0,n.useEffect)(()=>{let e=t.tracks.find(e=>e.id===a)??t.tracks[0],r=async()=>{try{await E.x({...E.Ee,cache:u,imageApi:P.C,roundedQr:!0,storeApi:g,shareUrlBase:V.Z4.volumoShareUrl||V.Z4.volumoStoreUrl,albumId:t.id,trackId:e.id})}finally{u.emitOnChange()}};m.current=m.current.then(r)},[]),(0,n.useEffect)(()=>{if("trackVideo"===r&&i&&s){let e=async()=>{try{let e=t.tracks.find(e=>e.id===(l?.trackId??a))??t.tracks[0];if(await E.x({...E.Ee,cache:u,imageApi:P.C,roundedQr:!0,storeApi:g,shareUrlBase:V.Z4.volumoShareUrl||V.Z4.volumoStoreUrl,albumId:t.id,trackId:e.id,...l,aspectRatio:i,animationType:s}),!l){let a=await (0,M.F4)(u,t.id,e.id,i,s);c(a)}}finally{u.emitOnChange()}};m.current=m.current.then(e)}},[r,l,i,s])})({album:t,preferredTrackId:i,sceneType:z,aspectRatio:O,template:G,imageSettings:X,videoSettings:H,setImageSettings:Y,setVideoSettings:$,mediaCache:W});let{isOpen:eo,open:el,close:en}=(0,v.F)(),ed=(0,n.useRef)(),ec=(0,n.useRef)(),eu=(0,n.useCallback)(()=>{l.hasDebugSet&&el()},[l.hasDebugSet,el]);(0,n.useEffect)(()=>(d.implicitlyMuted=!0,q(!0,"renderer"),()=>{d.implicitlyMuted=!1,d.triggerPlayback(void 0)}),[]),(0,n.useEffect)(()=>{"trackVideo"===z&&O&&G||d.triggerPlayback(void 0)},[z,O,G]);let eg=(0,_.UV)(s),em=s("Clips"),eb=(0,n.useMemo)(()=>({title:em}),[em]),ek=(0,n.useMemo)(()=>[eg.Root,(0,_.WL)(t,l.viewMode,s)??eg.Loading,(0,_.zs)(t)??eg.Loading,{text:em}],[eg,em]);(0,k.T)(H,(e,t)=>{let r;if(!t){ed.current=void 0;return}let i=(e,i)=>{if(t&&"playback"!==i.source){let s=ed.current;if((e.isPlaying!==i.isPlaying||e.time!==i.time||!s||s.start!==t.start||s.duration!==t.duration||s.trackId!==t.trackId)&&void 0!==t.trackId&&void 0!==t.start&&void 0!==t.duration){let r=W.getTrack(t.trackId);if(r){let o=s?.trackId!==t.trackId,l=s?.trackId===t.trackId&&s.start!==t.start;(o||"renderer"===i.source?d.triggerPlayback:d.triggerPlaybackDebounced)({trackId:t.trackId,duration:r.duration,access:(0,h.GJ)(r.release_start_at)?"limited":"standard",contextPath:a,range:{from:t.start,to:t.start+t.duration},position:l?t.start:t.start+i.time,instanceId:(0,g.bP)(a,t.trackId)},!!i.isPlaying&&"force"),ed.current=t,e.time!==i.time&&(ec.current=i.time)}}let o=()=>{let e=d.getActiveInstance(),a=d.position,i=d.getActiveRange(),s=i?.from,l=i?.to;if(e&&void 0!==a&&void 0!==s&&void 0!==l&&void 0!==t.duration)if(a>=l)ec.current=void 0,L(0,"renderer");else{let e=a-s;void 0!==ec.current&&Math.abs(e-ec.current)>500||(ec.current=void 0,L(e,"playback"))}r=requestAnimationFrame(o)};e.isPlaying&&r||!i.isPlaying?i.isPlaying||void 0===r||cancelAnimationFrame(r):r=requestAnimationFrame(o)}};Q(i);let s={isPlaying:c(),source:"settings",time:K()};return i(s,s),()=>{D(i),void 0!==r&&cancelAnimationFrame(r)}});let ev="trackVideo"===z&&H?(0,r.jsx)(Z,{mediaCache:W,settings:H,onReset:es}):"trackImage"===z&&G&&X?(0,r.jsx)(N.G,{mediaCache:W,settings:X}):void 0,eC="trackImage"===z?O&&G?X:void 0:H;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(A.U,{aspectRatio:O,backButton:(0,r.jsx)(w.o,{artworkType:"album",artworkUuid:t.artwork_uuid??void 0,href:(0,m.FD)(t),label:s("Back to release")}),breadcrumbValues:ek,downloadButton:(0,r.jsx)(j.O,{coverImageUuid:t.artwork_uuid??void 0,sceneType:z??"trackVideo",settings:eC,onDownloadStart:"trackVideo"===z?eu:void 0,onMissingSettings:ei}),hidePlayer:"trackImage"===z,metaFields:eb,preview:ev,children:[(0,r.jsx)(C.v,{error:J&&!z?s("Please select media type"):void 0,children:(0,r.jsx)(I.i,{contentType:"track",sceneType:z,onChange:et})}),(0,r.jsx)(b.c,{variant:"zero"}),(0,r.jsx)(C.v,{error:J&&!O?s("Please select aspect ratio"):void 0,children:(0,r.jsx)(y.h,{aspectRatio:O,disabled:!z,onChange:ea})}),(0,r.jsx)(b.c,{variant:"zero"}),(0,r.jsx)(C.v,{error:J&&!G?s("Please select template"):void 0,children:(0,r.jsx)(p.U,{aspectRatio:O,disabled:!O||!z,imagePreview:X?(0,r.jsx)(N.G,{mediaCache:W,settings:X}):void 0,item:t,sceneType:z,template:G,onChange:er})}),(0,r.jsx)(b.c,{variant:"zero"}),(0,r.jsx)(o.K,{mt:3}),"trackVideo"===z&&(0,r.jsx)(ee,{album:t,disabled:!z||!O||!G,mediaCache:W,settings:H,onSettingsChange:$}),"trackImage"===z&&(0,r.jsx)(U.X,{disabled:!O||!G,mediaCache:W,settings:X,onSettingsChange:Y})]}),H&&(0,r.jsx)(x.F,{imageSettings:{albumId:H.albumId,trackId:H.trackId,aspectRatio:H.aspectRatio,bgColor:H.bgColor,fgColor:H.fgColor},item:t,open:eo,onCloseAttempt:en})]})};var ea=a(7060);let er=()=>{let e=(0,l.useRouter)(),t=(0,c.Fg)(e.query.trackId);if(void 0===t)throw Error("No trackId available");let a=(0,d.v8)(void 0,t);return(0,r.jsx)(u.oQ,{children:(0,r.jsx)(s.p,{data:a.data,isLoading:a.isFetching,loader:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.a,{size:80}),(0,r.jsx)(o.K,{style:{height:"100vh"}})]}),children:e=>(0,r.jsx)(et,{album:e,contextPath:"track-promo",preferredTrackId:t})})})};er.renderInLayout=(e,t)=>(0,r.jsx)(ea.Y,{activeTrackId:t?.activeTrackId,noQuickSettings:t.pageConfig?.noQuickSettings,children:e});let ei=er},93682:e=>{e.exports={canvas:"TrackImageRenderer_canvas__dfp6Q"}},96504:e=>{e.exports={title:"TrackVideoSettings_title__3j5y8",disabled:"TrackVideoSettings_disabled__xwETS",disabledContent:"TrackVideoSettings_disabledContent__uhBtg",switch:"TrackVideoSettings_switch__vtLZV"}}}]);