1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7708],{49184:e=>{e.exports={playlists:"MyPlaylistsPageComponent_playlists__D_AXx"}},65145:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile/playlists/[[...slugs]]",function(){return a(73448)}])},73448:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>X});var s=a(80263),l=a(94426),i=a(17403),n=a(70719),r=a(53239),o=a(88847),p=a(60867),y=a(546),g=a(24017),m=a(8259),h=a(4151),u=a(99481),d=a(90244),c=a(67445),x=a(61528),P=a(78852),f=a(13463),j=a(65963),_=a(40377),C=a(10330),N=a(61469),w=a(50005),b=a(23618),F=a(26074),M=a(20121),S=a(38057),T=a(20854),v=a(42173),D=a(26009),E=a(90737),k=a(54923),I=a(40581),L=a(28967),q=a(87514),G=a(88117),K=a(49184),O=a.n(K);let B=e=>{let{fetchParamDefaults:t,pathname:a}=e,{t:l}=(0,f.c3)(),i="1"===(0,N.useRouter)().query.show_wizard,n=(0,g.se)(t),p=(0,g.GD)(t,a),m=(0,g.$E)(t,a),h=(0,o.zL)(n,{refetchOnMount:"always"}),{data:K}=(0,E.IJ)(),B=h?.data?.total,V=(0,r.useCallback)(e=>{h.fetchNextPage&&!h.isFetching&&B&&e<B&&h.fetchNextPage()},[B,h.isFetching]),X=n.genres?.length===1?K?.find(e=>e.id===n.genres?.[0]):void 0,$=(0,r.useMemo)(()=>({title:(0,j.ZH)((0,d.$f)(l,"playlist",!0)),genres:e=>K&&(0,d.ap)(K,n.genres,e),genreTitle:X?.name,paginationText:(0,I.UF)(B??0,y.N4.PlaylistShorts,n.pageIndex)}),[B,n,X]),z=!(0,_.bD)(t,n),{sortBy:A,...R}=n,{sortBy:U,...H}=t,J=!(0,_.bD)(H,R),Q="myPlaylistList",W=(0,k.UV)(l),Z=(0,r.useMemo)(()=>[W.Root,W.MyPlaylists,n.genres?.length&&{href:m({genres:n.genres}),notranslate:!0,text:(0,k.J3)(n.genres,K,l)}].filter(C.vN),[n,K,W]),[Y,ee]=(0,r.useState)(),[et,ea]=(0,r.useState)(),es=(0,r.useCallback)(()=>!Y||(ea(Y),setTimeout(()=>ea(void 0),1e3),!1),[Y]);return(0,s.jsx)(F.K,{applyFetchParams:p,fetchParamDefaults:t,fetchParams:n,formatFetchParams:m,pathname:a,type:"myPlaylist",children:(0,s.jsxs)(L.B,{allowExtraBottomSpace:!1,topLine:(0,s.jsx)(w.I,{lastElementH1:!X,metaFields:$,pageName:Q,values:Z}),children:[(0,s.jsx)(v.t,{baseCanonicalUrl:m(n),fields:$,microdata:(0,x.Oq)(Z),pageName:Q,robots:h.data?.items.length===0?"none":void 0}),J&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(P.K,{mt:1.5}),(0,s.jsx)(M.l,{applyFilters:p,currentValues:n,filterGroups:G.u,itemType:"playlist",unrestrictedValues:t}),(0,s.jsx)(P.K,{mt:1.5}),(0,s.jsx)(c.c,{variant:"zero"})]}),(0,s.jsx)(b.xv,{my:!0,playlistsTotal:B,playlistType:"playlist",onClickGreateChartValidate:es}),(0,s.jsx)(P.K,{mt:3}),i?(0,s.jsx)(T.O,{showingNotCompletedStepAnimation:et,onCreatingChartCompletedStateChange:ee}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(G.g,{contextPath:"my-playlists",headingLevel:2,listClassName:O().playlists,loading:h.isFetching,placeholder:z?(0,s.jsx)(u.b,{headingComponent:"h2"}):(0,s.jsx)(q.L,{info:(0,D.X3)(l)}),playlists:h.data?.items,playlistsTotal:B,requestMoreItems:V}),!!h.data?.items.length&&(0,s.jsx)(S.T,{applyFetchParams:p})]})]})})},V=()=>{let e=(0,r.useState)(()=>(0,g.$o)())[0];return(0,s.jsx)(B,{fetchParamDefaults:e,pathname:m.Kt.MyPlaylists})};V.displayName="PlaylistsPage",V.getConfig=()=>({isAuthenticationRequired:!0}),V.renderInLayout=h.P,V.getInitialProps=async e=>{let{api:t,query:a,cookieData:s,promises:r,queryClient:m}=e,h=(0,y.fn)(await r.genres),u=(0,g.qB)(a,h,(0,g.$o)());if(s.authId){let[e,a]=await Promise.all([(0,l.f)(()=>t.getPageSettings(n.bG.MyPlaylists,!0)),t.getMyPlaylists((0,y.pp)(u))]),{user:s}=await r.userData;m.setQueryData([p._W.pageSettings(n.bG.MyPlaylists)],e),(0,i.N4)(m,[o.a4.myPlaylistsShort(s?.email,u)],a)}};let X=V}},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,7709,8794,636,6593,8792],()=>e(e.s=65145)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.