https://volumo.com/_next/static/chunks/7709-3c98ff4e726d3d04.js

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

1t.id===e);l&&(l.id===el?.id&&J.isPlaying?(J.triggerPlayback(void 0),Q(void 0)):Y({contextPath:M(t,l),trackBucket:l,trackBucketRef:et,playFrom:a}))},[t,S,Y]),ed=(0,h.useCallback)(()=>{Z(),Q(void 0)},[Z]),ec=(0,h.useCallback)(e=>{let t=S?.[e+1];t&&eo(t.id)},[S,eo]),eu=e=>el?e===el.id:!!H&&e===K,ep=e=>!!J.isPlaying&&J.getActiveInstance()?.contextPath?.startsWith(M(t,e));return(0,n.l)({contextPath:t,shouldUpdateOnSameInstance:!0}),(0,l.jsx)(c.p,{className:X,data:S,isBlocking:!1,isLoading:N,loader:[...Array(6).keys()].map(e=>(0,l.jsx)(y.Cj,{},e)),spacing:"none",children:e=>z&&!$?.pageIndex?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.$L,{batchSize:k.N4.PlaylistShorts,emptyPlaceholder:D??(0,l.jsx)(R.L,{info:(0,P.X3)(w)}),inDomGap:50,items:e,loading:N,renderComponent:(i,s)=>{let{index:n,key:r,style:o}=s;return(0,l.jsx)(L,{active:eu(i.id),contextPath:t,headerClassName:(0,p.A)(G().item,!eu(i.id)&&G().inactive),headingLevel:a,highlightedText:$.search,index:n,playerRef:et,playing:ep(i),playlistShort:i,priorityGenreIds:$?.genres,readOnly:E,style:{...o,transition:"0.2s"},onClose:ed,onCoverClick:H&&i.total_tracks_count?eo:void 0,onPlayNext:n<e.length-1?()=>ec(n):void 0},r)},requestMoreItems:V,totalCount:A,onComputeItemHeight:er}),!N&&void 0!==A&&e.length===A&&(0,l.jsx)(m.N,{applyFilters:F,currentValues:$,filterGroups:T,itemType:"playlist",unrestrictedValues:O})]}):(0,l.jsxs)(l.Fragment,{children:[e.length?e.map((i,s)=>(0,l.jsx)(L,{active:eu(i.id),contextPath:t,headerClassName:(0,p.A)(G().item,G().paginatedItem,!eu(i.id)&&G().inactive),headingLevel:a,highlightedText:$.search,index:s,playerRef:et,playing:ep(i),playlistShort:i,priorityGenreIds:$?.genres,readOnly:E,onClose:ed,onCoverClick:H&&i.total_tracks_count?eo:void 0,onPlayNext:s<e.length-1?()=>ec(s):void 0},i.id)):(0,l.jsx)(r.b,{headingComponent:"h2",children:!N&&(0,l.jsx)(_.R,{query:$.search,type:$.type,onApply:e=>F({...$,search:e})})}),!N&&F&&$&&O&&(0,l.jsx)(x.X,{applyFilters:F,currentValues:$,filterGroups:T,itemType:"playlist",pageSize:k.N4.PlaylistShorts,totalCount:A,unrestrictedValues:O}),$&&q&&(0,l.jsx)(v.d,{allowPageIndexOutOfRange:!!e.length,getPageUrl:e=>q({...$,pageIndex:e}),pageIndex:$.pageIndex,pageSize:k.N4.PlaylistShorts,totalCount:A})]})})}}}]);