https://volumo.com/_next/static/chunks/pages/profile/charts/[[...slugs]]-1f776b2bec48876f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9426],{10748:e=>{e.exports={item:"PlaylistsList_item__iHZ7U",inactive:"PlaylistsList_inactive__r7Ht1",paginatedItem:"PlaylistsList_paginatedItem__AjzfV"}},29968:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>O});var s=a(80263),l=a(94426),i=a(17403),n=a(70719),r=a(53239),o=a(88847),d=a(60867),c=a(546),h=a(24017),u=a(8259),p=a(4151),g=a(99481),y=a(90244),m=a(67445),x=a(61528),C=a(78852),P=a(13463),j=a(65963),_=a(40377),f=a(10330),v=a(61469),k=a(50005),b=a(23618),I=a(26074),N=a(20121),S=a(34155),R=a(20854),M=a(42173),w=a(90737),D=a(54923),T=a(40581),A=a(28967),F=a(88117),V=a(32020),E=a.n(V);let L=e=>{let{fetchParamDefaults:t,pathname:a}=e,{t:l}=(0,P.c3)(),i="1"===(0,v.useRouter)().query.show_wizard,n=(0,h.s$)(t),d=(0,h.y4)(t,a),u=(0,h.VN)(t,a),p=(0,o.fe)(n,{refetchOnMount:"always"}),{data:V}=(0,w.IJ)(),L=p?.data?.total,G=(0,r.useCallback)(e=>{p.fetchNextPage&&!p.isFetching&&L&&e<L&&p.fetchNextPage()},[L,p.isFetching]),O=n.genres?.length===1?V?.find(e=>e.id===n.genres?.[0]):void 0,B=(0,r.useMemo)(()=>({title:(0,j.ZH)((0,y.$f)(l,"chart",!0)),genres:e=>V&&(0,y.ap)(V,n.genres,e),genreTitle:O?.name,paginationText:(0,T.UF)(L??0,c.N4.PlaylistShorts,n.pageIndex)}),[L,n,O]),X=!(0,_.bD)(t,n),{sortBy:q,...H}=n,{sortBy:U,...$}=t,z=!(0,_.bD)($,H),W="myChartList",K=(0,D.UV)(l),Z=(0,r.useMemo)(()=>[K.Root,K.MyCharts,n.genres?.length&&{href:u({genres:n.genres}),notranslate:!0,text:(0,D.J3)(n.genres,V,l)}].filter(f.vN),[n,V,K]),[J,Q]=(0,r.useState)(),[Y,ee]=(0,r.useState)(),et=(0,r.useCallback)(()=>!J||(ee(J),setTimeout(()=>ee(void 0),1e3),!1),[J]);return(0,s.jsx)(I.K,{applyFetchParams:d,fetchParamDefaults:t,fetchParams:n,formatFetchParams:u,pathname:a,type:"myChart",children:(0,s.jsxs)(A.B,{allowExtraBottomSpace:!1,topLine:(0,s.jsx)(k.I,{lastElementH1:!O,metaFields:B,pageName:W,values:Z}),children:[(0,s.jsx)(M.t,{baseCanonicalUrl:u(n),fields:B,microdata:(0,x.Oq)(Z),pageName:W,robots:p.data?.items.length===0?"none":void 0}),z&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(C.K,{mt:1.5}),(0,s.jsx)(N.l,{applyFilters:d,currentValues:n,filterGroups:F.u,itemType:"chart",unrestrictedValues:t}),(0,s.jsx)(C.K,{mt:1.5}),(0,s.jsx)(m.c,{variant:"zero"})]}),(0,s.jsx)(b.xv,{my:!0,playlistsTotal:L,playlistType:"chart",onClickGreateChartValidate:et}),(0,s.jsx)(C.K,{mt:3}),i?(0,s.jsx)(R.O,{showingNotCompletedStepAnimation:Y,onCreatingChartCompletedStateChange:Q}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(F.g,{contextPath:"my-charts",headingLevel:2,listClassName:E().playlists,loading:p.isFetching,placeholder:X?(0,s.jsx)(g.b,{headingComponent:"h2"}):(0,s.jsx)(R.O,{showingNotCompletedStepAnimation:Y,onCreatingChartCompletedStateChange:Q}),playlists:p.data?.items,playlistsTotal:L,readOnly:!0,requestMoreItems:G}),!!p.data?.items.length&&(0,s.jsx)(S.d,{applyFetchParams:d})]})]})})},G=()=>{let e=(0,r.useState)(()=>(0,h.Nt)())[0];return(0,s.jsx)(L,{fetchParamDefaults:e,pathname:u.Kt.MyCharts})};G.displayName="MyChartsPage",G.getConfig=()=>({isAuthenticationRequired:!0}),G.renderInLayout=p.P,G.getInitialProps=async e=>{let{api:t,query:a,cookieData:s,promises:r,queryClient:u}=e,p=(0,c.fn)(await r.genres),g=(0,h.qB)(a,p,(0,h.Nt)());if(s.authId){let[e,a]=await Promise.all([(0,l.f)(()=>t.getPageSettings(n.bG.MyCharts,!0)),t.getMyCharts((0,h.d0)(g))]),{user:s}=await r.userData;u.setQueryData([d._W.pageSettings(n.bG.MyCharts)],e),(0,i.N4)(u,[o.a4.myChartsShort(s?.email,g)],a)}};let O=G},32020:e=>{e.exports={playlists:"MyChartsPageComponent_playlists__P_Zse"}},34155:(e,t,a)=>{"use strict";a.d(t,{d:()=>_});var s=a(80263),l=a(13463),i=a(53239),n=a(26074),r=a(68586),o=a(44324),d=a(24282),c=a(40377),h=a(6750),u=a(56331),p=a(16844),g=a(89349),y=a(27509),m=a(31565),x=a(669),C=a(88847),P=a(41596);let j=e=>{let{autoApply:t}=e,{t:a}=(0,l.c3)(),{currentValues:r,setCurrentValues:j}=(0,i.useContext)(o.t),{fetchParamDefaults:_,fetchParams:f,formatFetchParams:v}=(0,i.useContext)(n.M),{data:k}=(0,C.t1)(f,!0),[b,I]=(0,i.useState)(!1),{data:N,isFetching:S}=(0,C.X8)(f,b),{handleGetGenreHref:R}=(0,u.g)(f,_,v),M=(0,i.useMemo)(()=>(0,c.$7)(r,_),[r,_]),w=(0,i.useCallback)(e=>{let t={};

1e.forEach(e=>{t[e]=_[e]}),j(e=>({...e,...t}))},[_]),{timeRange:D,genres:T}=(0,d._M)(a);return(0,s.jsxs)(x.C,{children:[D&&(0,s.jsx)(y.k,{isDisabledResetButton:!(0,d.kR)(D.fields,M),title:D.title,onReset:()=>w(D.fields),children:(0,s.jsx)(p.F,{loadingDotColors:S,name:"publishedDateRange",presets:(0,P.Tl)((0,h.sD)(),a),onDotColorRequest:e=>N?.[(0,h.Xx)(e)]?"var(--base-accent-ordinary__color)":void 0,onPopupVisibilityChanged:I})}),T&&(0,s.jsx)(y.k,{isDisabledResetButton:!(0,d.kR)(T.fields,M),title:T.title,onReset:()=>w(T.fields),children:(0,s.jsx)(g.D,{loadingDotColors:!k,name:"genres",onDotColorRequest:e=>k?.includes(e)?"var(--base-accent-ordinary__color)":void 0,onGetItemHref:t?R:void 0})}),!(0,c.Im)(M)&&(0,s.jsx)(m.v,{defaultValues:_,itemType:"playlist",values:M,onDeleteClick:j})]})},_=e=>{let{autoApply:t,applyFetchParams:a}=e,{t:c}=(0,l.c3)(),{applyFetchParams:h,fetchParamDefaults:u,fetchParams:p}=(0,i.useContext)(n.M),g=(0,i.useRef)(void 0),y=(0,i.useCallback)(()=>g.current?.apply(),[]),m=(0,i.useCallback)(()=>(a??h)(u),[a,h,u]),x=(0,i.useCallback)(()=>(0,d._M)(c),[c]),C=(0,i.useCallback)(()=>(0,s.jsx)(j,{autoApply:t}),[t]);return(0,s.jsx)(o.B,{autoApply:t,defaultValues:u,filtersRef:g,initialValues:p,onApply:a??h,children:(0,s.jsx)(r.X3,{fetchParamDefaults:u,fetchParams:p,getPanelGroups:x,renderPopupContents:C,onApplyClick:y,onResetClick:m})})}},64966:e=>{e.exports={root:"PlaylistEmptyPlaceholder_root__ssWYv",icon:"PlaylistEmptyPlaceholder_icon__yebMW",title:"PlaylistEmptyPlaceholder_title__0yiXs",text:"PlaylistEmptyPlaceholder_text__5Igqa",button:"PlaylistEmptyPlaceholder_button__wdrX8"}},81383:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile/charts/[[...slugs]]",function(){return a(29968)}])},87514:(e,t,a)=>{"use strict";a.d(t,{L:()=>o});var s=a(80263),l=a(50016),i=a(3638);a(53239);var n=a(64966),r=a.n(n);let o=e=>{let{info:t,className:a}=e;return(0,s.jsxs)("div",{className:(0,i.A)(r().root,a),children:[t.icon?(0,s.jsx)("div",{className:r().icon,children:(0,s.jsx)(t.icon,{})}):null,(0,s.jsx)(l.V,{className:r().title,variant:"h3",children:t.title}),(0,s.jsx)(l.V,{className:r().text,variant:"body2",children:t.text})]})}},88117:(e,t,a)=>{"use strict";a.d(t,{g:()=>L,u:()=>V});var s=a(80263),l=a(27394),i=a(51868),n=a(60719),r=a(99481),o=a(12556),d=a(96776),c=a(1985),h=a(13463),u=a(3638),p=a(53239),g=a(4175),y=a(26074),m=a(6135),x=a(1956),C=a(25366),P=a(16516),j=a(95925),_=a(26009),f=a(51143),v=a(546),k=a(63874),b=a(801),I=a(25806),N=a(87514),S=a(95041),R=a(65425),M=a(1090),w=a(55241);let D=(e,t)=>`${e}/playlist-${t.id}`,T=e=>{let{active:t,contextPath:a,headerClassName:l,headingLevel:i,highlightedText:r,index:d,playerRef:c,playing:h,playlistShort:u,priorityGenreIds:p,readOnly:g,style:y,onClose:m,onCoverClick:x,onPlayNext:P}=e,{isBelowSm:j}=(0,o.yU)(),{activePlaylist:_}=(0,C.At)(t?u.id:void 0),f=D(a,u),v=(0,n.kz)(f);return(0,w.$)(f,u.id,x),(0,s.jsxs)("div",{style:y,...v,"data-test-id":"list-playlist",children:[(0,s.jsx)(M.e,{...v,canEditImage:!1,className:l,eagerLoading:d<2,headingLevel:i,highlightedText:r,imageVariant:j?"medium":"small",playing:h,playlist:u,priorityGenreIds:p,readOnly:g,showGoToPlaylistButton:!0,onCoverClick:x}),(0,s.jsx)(S.m,{duration:200,expanded:!!t&&!!_&&!!x,retainContentWhileCollapsing:!0,children:t&&_&&x?(0,s.jsx)(R.I,{canStickPlayer:!1,contextPath:D(a,_),highlightedText:r,innerRef:c,playlist:_,onClose:m,onPlayNext:P},_.id):null})]})};var A=a(10748),F=a.n(A);let V={"Artist or Label":["contributor"],User:["account"],"Published date range":["publishedDateRange"],"Created date range":["createdDateRange"],Genres:["genres"],Include:["include"],"Search query":["search"],Curation:["curation"]},E=(e,t)=>`${e}/playlist-${t.id}`,L=e=>{let{contextPath:t,headingLevel:a,loading:S,playlistsTotal:R,playlists:M,placeholder:w,readOnly:D,requestMoreItems:A,listClassName:L,openFirstPlaylist:G,canShowPlayer:O=!0}=e,{t:B}=(0,h.c3)(),{applyFetchParams:X,fetchParamDefaults:q,fetchParams:H,formatFetchParams:U}=(0,p.useContext)(y.M),{isBelowSm:$,isAboveMd:z}=(0,o.yU)(),{isLoggedIn:W}=(0,f.IE)(),K=(0,I.e)(),Z=(0,k.O)(t),{playbackServer:J}=(0,p.useContext)(n.TG),[Q,Y]=(0,p.useState)(void 0),ee=J.getActiveInstance(),et=(0,p.useRef)(null),ea=(0,b.H)();(0,p.useEffect)(()=>{M?.[0]&&G&&M[0].total_tracks_count&&Y(M[0].id)},[M]),(0,d.I)(()=>{ee?.instanceId&&Y(M?.find(e=>ee?.instanceId?.startsWith(E(t,e)))?.id)},[ee?.instanceId]);let es=(0,p.useMemo)(()=>M?.find(e=>ee?.instanceId?.startsWith(E(t,e))),[M,ee?.instanceId]),el=es?.id??Q,{activePlaylist:ei}=(0,C.At)(el),en=ei?.tracks.length,er=(0,p.useCallback)(e=>{let a=$?i.ps.playlistHeader.belowSm+((0,l.jX)(e.item)&&"rejected"===e.item.state?16:0):z?i.ps.playlistHeader.aboveMd+((0,l.jX)(e.item)&&"rejected"===e.item.state?24:0):i.ps.playlistHeader.aboveSmBelowMd+((0,l.jX)(e.item)&&"rejected"===e.item.state?24:0);return O&&(es?e.item.id===es?.id:e.item.id===Q)&&(a+=ea({contextPath:E(t,e.item),tracksCount:en??e.item.total_tracks_count})+16*!!$),a},[$,z,O,Q,es,t,en,ea]),eo=(0,p.useCallback)(async(e,a)=>{let s=M?.find(t=>

1t.id===e);s&&(s.id===es?.id&&J.isPlaying?(J.triggerPlayback(void 0),Y(void 0)):K({contextPath:E(t,s),trackBucket:s,trackBucketRef:et,playFrom:a}))},[t,M,K]),ed=(0,p.useCallback)(()=>{Z(),Y(void 0)},[Z]),ec=(0,p.useCallback)(e=>{let t=M?.[e+1];t&&eo(t.id)},[M,eo]),eh=e=>es?e===es.id:!!O&&e===Q,eu=e=>!!J.isPlaying&&J.getActiveInstance()?.contextPath?.startsWith(E(t,e));return(0,n.l)({contextPath:t,shouldUpdateOnSameInstance:!0}),(0,s.jsx)(c.p,{className:L,data:M,isBlocking:!1,isLoading:S,loader:[...Array(6).keys()].map(e=>(0,s.jsx)(g.Cj,{},e)),spacing:"none",children:e=>W&&!H?.pageIndex?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.$L,{batchSize:v.N4.PlaylistShorts,emptyPlaceholder:w??(0,s.jsx)(N.L,{info:(0,_.X3)(B)}),inDomGap:50,items:e,loading:S,renderComponent:(l,i)=>{let{index:n,key:r,style:o}=i;return(0,s.jsx)(T,{active:eh(l.id),contextPath:t,headerClassName:(0,u.A)(F().item,!eh(l.id)&&F().inactive),headingLevel:a,highlightedText:H.search,index:n,playerRef:et,playing:eu(l),playlistShort:l,priorityGenreIds:H?.genres,readOnly:D,style:{...o,transition:"0.2s"},onClose:ed,onCoverClick:O&&l.total_tracks_count?eo:void 0,onPlayNext:n<e.length-1?()=>ec(n):void 0},r)},requestMoreItems:A,totalCount:R,onComputeItemHeight:er}),!S&&void 0!==R&&e.length===R&&(0,s.jsx)(m.N,{applyFilters:X,currentValues:H,filterGroups:V,itemType:"playlist",unrestrictedValues:q})]}):(0,s.jsxs)(s.Fragment,{children:[e.length?e.map((l,i)=>(0,s.jsx)(T,{active:eh(l.id),contextPath:t,headerClassName:(0,u.A)(F().item,F().paginatedItem,!eh(l.id)&&F().inactive),headingLevel:a,highlightedText:H.search,index:i,playerRef:et,playing:eu(l),playlistShort:l,priorityGenreIds:H?.genres,readOnly:D,onClose:ed,onCoverClick:O&&l.total_tracks_count?eo:void 0,onPlayNext:i<e.length-1?()=>ec(i):void 0},l.id)):(0,s.jsx)(r.b,{headingComponent:"h2",children:!S&&(0,s.jsx)(j.R,{query:H.search,type:H.type,onApply:e=>X({...H,search:e})})}),!S&&X&&H&&q&&(0,s.jsx)(x.X,{applyFilters:X,currentValues:H,filterGroups:V,itemType:"playlist",pageSize:v.N4.PlaylistShorts,totalCount:R,unrestrictedValues:q}),H&&U&&(0,s.jsx)(P.d,{allowPageIndexOutOfRange:!!e.length,getPageUrl:e=>U({...H,pageIndex:e}),pageIndex:H.pageIndex,pageSize:v.N4.PlaylistShorts,totalCount:R})]})})}}},e=>{e.O(0,[4001,7236,2762,8288,904,5046,4802,1001,1048,9711,3163,5711,4207,3129,4995,8790,3492,1090,6844,8893,9809,8794,636,6593,8792],()=>e(e.s=81383)),_N_E=e.O()}]);