https://volumo.com/_next/static/chunks/pages/profile/charts/new-ba7ecae0b78a5fd7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1670,6044,9452],{2673:e=>{e.exports={scroller:"edgeToEdgeScroller_scroller__a4IK_",train:"edgeToEdgeScroller_train__3Q400"}},10289:e=>{e.exports={root:"AppBreadcrumbs_root__tkjnc"}},12419:e=>{e.exports={root:"PreviewNewChartModalContent_root__XRgz4"}},16516:(e,t,a)=>{"use strict";a.d(t,{d:()=>h});var r=a(80263),s=a(62907),i=a(18251),l=a(91840),o=a(13463),n=a(3638);a(53239);var d=a(98091),c=a.n(d),u=a(97452);let h=e=>{let{allowPageIndexOutOfRange:t,getPageUrl:a,pageIndex:d=0,pageSize:h,totalCount:m=0,siblingCount:_=1}=e,{t:p}=(0,o.c3)(),x=(0,u.W)({allowPageIndexOutOfRange:t,currentPageIndex:d,totalCount:m,siblingCount:_,pageSize:h});if(x.length<2)return null;let y=x[x.length-1];return(0,r.jsxs)("ul",{className:(0,n.A)(c().paginationContainer,c().paginationBar),children:[0!==d&&(0,r.jsx)("li",{onMouseDown:e=>e.preventDefault(),children:(0,r.jsx)(l.K,{className:c().arrowIcon,href:a(d-1),iconComponent:i.Gk,rel:"nofollow",size:"small",title:p("Previous page"),variant:"transparent"})}),x?.map((e,t)=>e===u.l?(0,r.jsx)("li",{className:(0,n.A)(c().paginationItem,c().dots),children:"…"},t):(0,r.jsx)("li",{children:(0,r.jsx)(s.u,{className:(0,n.A)(c().paginationItem,{[c().selected]:e===d}),href:a(e),rel:e<d?"nofollow":void 0,children:e+1})},t)),d<y&&(0,r.jsx)("li",{onMouseDown:e=>e.preventDefault(),children:(0,r.jsx)(l.K,{className:c().arrowIcon,href:a(d+1),iconComponent:i.hIg,size:"small",title:p("Next page"),variant:"transparent"})})]})}},23411:e=>{e.exports={title:"CreateNewChart_title__AiHnV",item:"CreateNewChart_item__WQssk",disabled:"CreateNewChart_disabled__Ix_qn",headingMark:"CreateNewChart_headingMark__3DYCz","headingMark--disabled":"CreateNewChart_headingMark--disabled__Zjj_n",main:"CreateNewChart_main__TfuE3",left:"CreateNewChart_left__ZIc32",form:"CreateNewChart_form__GaLop",scrollerBackground:"CreateNewChart_scrollerBackground__Qa8c6",button:"CreateNewChart_button__kvo4m"}},24818:e=>{e.exports={scroller:"PlaylistSelector_scroller___hFQC",playlist:"PlaylistSelector_playlist__hhqT0",selected:"PlaylistSelector_selected__nV_Oe",disabled:"PlaylistSelector_disabled__WETFw",playlistButton:"PlaylistSelector_playlistButton__E348B",editButton:"PlaylistSelector_editButton__Q3XVH"}},25213:(e,t,a)=>{"use strict";a.d(t,{H:()=>c});var r=a(80263),s=a(27394),i=a(60719),l=a(40377),o=a(53239),n=a(29759),d=a.n(n);let c=o.memo(e=>{let{contextPath:t,style:a,track:l}=e,o=(0,i.bP)(t,l.id);return(0,r.jsx)("div",{"aria-hidden":!0,className:d().root,style:a,...(0,s.BB)(l)&&(0,i.Q3)({instanceId:o,trackId:l.id})})},(e,t)=>{let{style:a,...r}=e,{style:s,...i}=t;return(0,l.bN)(a,s)&&(0,l.bN)(r,i)});c.displayName="TrackPlaceholder"},28967:(e,t,a)=>{"use strict";a.d(t,{B:()=>i});var r=a(80263);a(53239);var s=a(62017);let i=e=>{let{allowExtraBottomSpace:t,children:a,leftSidebar:i,topLine:l}=e;return(0,r.jsx)(s.s,{allowExtraBottomSpace:t,leftSidebar:i,topLine:l,children:a})};i.displayName="UserContentLayout"},28971:e=>{e.exports={singleline:"AuthorTile_singleline__MUXug",multiline:"AuthorTile_multiline__6GNtx",root:"AuthorTile_root__k_kt5",disabled:"AuthorTile_disabled__egFL4",selected:"AuthorTile_selected__4Zgk8",image:"AuthorTile_image__iy9sD",button:"AuthorTile_button__oXeUZ",title:"AuthorTile_title__BAWtw"}},29759:e=>{e.exports={root:"TrackPlaceholder_root__eATRW"}},32636:e=>{e.exports={disabled:"AuthorSelector_disabled__bFwrT",scroller:"AuthorSelector_scroller__2mHUN"}},45585:e=>{e.exports={infoBlock:"PlaylistInfo_infoBlock__y1VZj",authorLabel:"PlaylistInfo_authorLabel__BTnkt",label:"PlaylistInfo_label__aSjQe",tooFewTracks:"PlaylistInfo_tooFewTracks__U5X73"}},50005:(e,t,a)=>{"use strict";a.d(t,{I:()=>k});var r=a(80263),s=a(52996),i=a(3638),l=a(53239),o=a(62907),n=a(553),d=a(50016),c=a(76167),u=a.n(c);let h=e=>{let{component:t,disabled:a,value:s}=e;return(0,r.jsx)("li",{children:(0,r.jsx)(o.u,{className:(0,i.A)(u().item,s.notranslate?n.Yr:void 0),disabled:a,href:s.href,children:(0,r.jsx)(d.V,{component:t,variant:"body2",children:s.text})})})};var m=a(96296),_=a.n(m);let p=e=>{let{className:t,values:a,lastElementH1:l}=e;return(0,r.jsx)("nav",{className:(0,i.A)(_().nav,t),children:(0,r.jsx)("ol",{className:_().list,children:(0,s.po)(a.map((e,t)=>(0,r.jsx)(h,{component:l&&t===a?.length-1?"h1":void 0,disabled:t===a?.length-1,value:e},t)),_().bullet)})})};var x=a(67445),y=a(97930),b=a(13463),g=a(61469),j=a(18067),f=a(10289),v=a.n(f);let k=l.memo(e=>{let{className:t,lastElementH1:a,metaFields:s,pageName:l,values:o}=e,{asPath:n}=(0,g.useRouter)(),{locale:d}=(0,b.c3)(),{h1Title:c}=(0,j.Z)({pageName:l,path:n,locale:d,fields:s}),u=[...o.slice(0,o.length-1),{...o[o.length-1],text:a&&c?c:o[o.length-1].text}];return(0,r.jsxs)(y.xA,{children:[(0,r.jsx)(p,{className:(0,i.A)(t,v

1().root),lastElementH1:a,values:u}),(0,r.jsx)(x.c,{variant:"zero"})]})});k.displayName="AppBreadcrumbs"},53509:e=>{e.exports={root:"TrackEmptyPlaceholder_root__T0rI0",title:"TrackEmptyPlaceholder_title__Dyxhy",description:"TrackEmptyPlaceholder_description__hVNwh",add:"TrackEmptyPlaceholder_add__1U3Tc",button:"TrackEmptyPlaceholder_button__0lGjh"}},54923:(e,t,a)=>{"use strict";a.d(t,{J3:()=>g,OQ:()=>p,UV:()=>m,WL:()=>y,df:()=>j,fm:()=>b,p6:()=>f,pp:()=>k,sA:()=>v,xH:()=>_,zs:()=>x});var r=a(46947),s=a(70719),i=a(90244),l=a(553),o=a(12806),n=a(69285),d=a(546),c=a(72072),u=a(8259);let h=e=>({Root:{href:s.KW.Root,text:"Volumo"},Releases:{href:s.KW.Releases,text:e("Releases")},Preorders:{href:s.KW.Preorders,text:e("Preorders")},Labels:{href:s.KW.Labels,text:e("Labels")},Artists:{href:s.KW.Artists,text:e("Artists")},MyLabels:{href:s.KW.MyLabels,text:e("Labels")},MyArtists:{href:s.KW.MyArtists,text:e("Artists")},MyPlaylists:{href:s.KW.MyPlaylists,text:e("My Playlists")},MyCharts:{href:s.KW.MyCharts,text:e("My Charts")},UserProfile:{href:s.KW.UserProfile,text:e("User profile")},ContentProvider:{href:s.KW.ContentProvider,text:e("Artist & Label panel")},DistributorDashboard:{href:s.KW.DistributorDashboard,text:e("Distributor dashboard")},PublicPlaylists:{href:s.KW.PublicPlaylists,text:e("Playlists")},ChartsMainPage:{href:s.KW.ChartsMainPage,text:e("Charts")},HowTo:{href:s.KW.HowTo,text:e("How To?")},MyFeed:{href:s.KW.MyFeed,text:e("My Feed")},Loading:{text:e("Loading…")}}),m=l.Bd?(0,n.Bj)(h):h,_=(e,t,a)=>{if(!e||void 0===t)return;let r=m(a);return"chart"===e?t?r.ChartsMainPage:r.MyCharts:t?r.PublicPlaylists:r.MyPlaylists}

1,p=e=>e?{href:(0,s.C$)(e),notranslate:!0,text:e.name}:void 0,x=e=>e?{href:(0,s.FD)(e),image:r.C.getImageUrl(e?.artwork_uuid,{format:"jpg",width:1400}),notranslate:!0,text:e.title}:void 0,y=(e,t,a)=>{if(e?.recordlabel)return{href:(0,s.vd)(e.recordlabel),notranslate:!0,type:"Organization",text:e.recordlabel.name};if(e?.volumo_direct){let e=(0,s.ng)(t);return{text:a("Volumo Direct"),href:e}}},b=e=>e?{text:(0,i.Ph)(e),notranslate:!0,href:(0,s.$O)(e)}:void 0,g=(e,t,a)=>{if(e?.length)return e.length>2?`(${a("Multiple genres")})`:e.map(e=>t?.find(t=>t.id===e)?.name).join(", ")},j=(e,t)=>{if(e?.length)return e.length>1?{text:`(${t("Multiple filters")})`}:{text:(0,d.rE)(e[0],t)}},f=e=>({href:(0,s.vd)(e),notranslate:!0,text:e.name,type:"MusicGroup",description:e.description??void 0,image:{"@type":"ImageObject",contentUrl:e.artwork_uuid?r.C.getImageUrl(e.artwork_uuid):(0,u.MX)("/static/images/artist-icon.jpg")}}),v=(e,t,a)=>{let r=(0,c.g)(t,e,a);return{href:r.href,text:(0,o.xi)(r.title)}},k=(e,t)=>({href:(0,s.z4)(e.id,e.contributor_type),notranslate:!0,text:(0,i.Ef)(t,e?.name)})},70992:e=>{e.exports={mark:"HeadingMark_mark__RjE_z","mark--small":"HeadingMark_mark--small__X9tRP"}},71594:(e,t,a)=>{"use strict";a.d(t,{s:()=>x});var r=a(80263),s=a(70719),i=a(12556),l=a(94386),o=a(78852),n=a(50016),d=a(13463),c=a(53239),u=a(75241);let h=a.n(u)()(async()=>(await Promise.all([a.e(2780),a.e(3491),a.e(5965)]).then(a.bind(a,15965))).Lottie,{loadableGenerated:{webpack:()=>[15965]},loading:()=>(0,r.jsx)(r.Fragment,{children:"Loading"}),ssr:!1});var m=a(53509),_=a.n(m);let p=async()=>(await a.e(7087).then(a.t.bind(a,27087,19))).default,x=e=>{let{isOwned:t}=e,{t:a}=(0,d.c3)(),{isAboveMd:u}=(0,i.yU)(),m=(0,c.useMemo)(()=>({height:"150px",width:"300px"}),[150]);return(0,r.jsxs)("div",{className:_().root,children:[(0,r.jsx)(n.V,{className:_().title,variant:"h3",children:a("Playlist is empty")}),(0,r.jsx)(o.K,{mb:1}),t?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(n.V,{className:_().description,color:"secondary",variant:"body2",children:[a("Use the {add} button on tracks and albums throughout Volumo to add them to your playlists.",void 0,{add:(0,r.jsx)("span",{className:_().add,children:a("Add")})}),(0,r.jsx)("br",{}),u&&a("You can also drag & drop tracks like so:")]}),(0,r.jsx)(o.K,{mb:u?5:2.5}),u&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(h,{animationData:p,style:m}),(0,r.jsx)(o.K,{mb:5})]}),(0,r.jsx)(l.$,{className:_().button,href:s.KW.Root,size:"small",children:a("Go to Releases")}),(0,r.jsx)(o.K,{mb:u?5:2.5}),(0,r.jsx)(n.V,{className:_().description,color:"secondary",variant:"body2",children:a("Playlist is your shopping cart. Add all the tracks you want to one playlist, and then buy them all at once.")})]}):(0,r.jsx)(n.V,{className:_().description,color:"secondary",variant:"body2",children:a("The author hasn't added tracks to this playlist yet. Please check back later.")})]})}},72072:(e,t,a)=>{"use strict";a.d(t,{g:()=>i,x:()=>l});var r=a(70719),s=a(18251);let i=(e,t,a)=>{switch(e){case"overview":return{href:(0,r.vd)(t),icon:s.Hoe,id:"overview",title:a("Overview")};case"albums":return{href:(0,r.vd)(t,"albums"),icon:s._YD,id:"albums",title:a("Releases")};case"tracks":return{href:(0,r.vd)(t,"tracks"),icon:s._l2,id:"tracks",title:a("Tracks")};case"charts":return{href:(0,r.vd)(t,"charts"),icon:s.THQ,id:"charts",title:a("Charts")};case"playlists":return{href:t&&(0,r.vd)(t,"playlists"),icon:s.JR6,id:"playlists",title:a("Playlists")};case"videos":return{href:(0,r.vd)(t,"videos"),icon:s.BnN,id:"videos",title:a("Videos")};case"about":return{href:(0,r.vd)(t,"about"),icon:s.XVX,id:"about",title:a("About")};case"related":return{href:(0,r.vd)(t,"related"),icon:s.lrS,id:"related",title:a("Related")};default:throw Error("tab ID not recognized")}},l=(e,t,a)=>{switch(e){case"albums":return a("Albums");case"tracks":return a("Tracks");case"charts":return a("Charts");case"playlists":return a("Playlists");case"videos":return a("Videos");case"about":return a("About");case"related":return a("artist"===t?"Related artists":"Related labels");default:return}}},75245:(e,t,a)=>{"use strict";a.d(t,{e:()=>f});

1var r=a(80263),s=a(79721),i=a(90244),l=a(70719),o=a(12556),n=a(62907),d=a(97930),c=a(18251),u=a(91840),h=a(50016),m=a(13463),_=a(553),p=a(12806),x=a(65963),y=a(3638),b=a(53239),g=a(28971),j=a.n(g);let f=e=>{let{className:t,contributorId:a,customImage:g,disabled:f,imageUuid:v,isSelected:k,name:C,type:w,onClick:N}=e,{t:P}=(0,m.c3)(),{isAboveSm:A}=(0,o.yU)(),M=(0,b.useCallback)(()=>{N?.(a,v)},[a,v,N]);return(0,r.jsxs)(d.xA,{autoColumns:"auto",autoFlow:"column",className:(0,y.A)(j().root,k&&j().selected,f&&j().disabled,t),columns:"1fr",children:[(0,r.jsx)(n.u,{disabled:f,onClick:M,children:(0,r.jsxs)(d.xA,{alignItems:"center",columns:"auto 1fr",horizontalSpacing:1,children:[g??(0,r.jsx)(s.b,{className:(0,y.A)(j().image,f&&j().disabled),imageUuid:v,size:32,title:P("Artwork for {title}",void 0,{title:(0,i.nD)(P,(0,p.xi)(C))}),type:w??"user"}),(0,r.jsxs)(d.xA,{alignItems:"center",justifyContent:"flex-start",justifyItems:"flex-start",children:[(0,r.jsx)(h.V,{className:(0,y.A)(j().title,f&&j().disabled,_.Yr),component:"h3",variant:"body1",children:C}),w?(0,r.jsx)(h.V,{component:"span",variant:"body3",children:(0,x.ZH)("user"===w?P("your DJ profile"):(0,i.$f)(P,w))}):null]})]})}),w?(0,r.jsx)(u.K,{className:j().button,href:"user"==w?l.KW.UserProfile:a?(0,l.RB)(a,w):void 0,iconComponent:c.GI1,muted:!0,size:"small",variant:"transparent",children:A?P("Edit profile"):null}):null]})}},76167:e=>{e.exports={item:"Breadcrumb_item__Sh78U"}},86662:e=>{e.exports={iframe:"ChartFormFields_iframe__pnsGX",titleBlock:"ChartFormFields_titleBlock__ezs3O",title:"ChartFormFields_title__hQ6z3",subTitle:"ChartFormFields_subTitle__sOUji",playlist:"ChartFormFields_playlist__vOJs9",selected:"ChartFormFields_selected__V0PQD",button:"ChartFormFields_button__8_A6I",playlistButton:"ChartFormFields_playlistButton__YJ4Uo",footnote:"ChartFormFields_footnote__JM398",deletePlaylistCheckbox:"ChartFormFields_deletePlaylistCheckbox__OZ_fa"}},86897:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile/charts/new",function(){return a(88421)}])},88157:(e,t,a)=>{"use strict";a.d(t,{s:()=>o});var r=a(80263),s=a(3638);a(53239);var i=a(70992),l=a.n(i);let o=e=>{let{children:t,className:a,size:i}=e;return(0,r.jsx)("span",{className:(0,s.A)(l().mark,"small"===i&&l()["mark--small"],a),children:t})}},88421:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>eH});var r=a(80263),s=a(70719),i=a(12556),l=a(62907),o=a(67445),n=a(97930),d=a(88157),c=a(39233),u=a(18251),h=a(91840),m=a(61528),_=a(70559),p=a(53648),x=a(78852),y=a(13571),b=a(50016),g=a(2673),j=a.n(g),f=a(13463),v=a(55132),k=a(3638),C=a(61469),w=a.n(C),N=a(53239),P=a(50005),A=a(43103),M=a(90244),I=a(64011),K=a(33894),S=a(1985),F=a(96180),T=a(6750),B=a(84001),E=a(82762),R=a(89654),U=a(7570),L=a(88847),V=a(79721),z=a(888),W=a(81076),D=a(59571),O=a(96776),G=a(43959),H=a(14676),Y=a(904),Q=a(78738),$=a(22269),q=a(24318),X=a(136),Z=a(37247),J=a(10330),ee=a(81938),et=a(3317),ea=a(11182),er=a(13162),es=a(13950),ei=a(51143),el=a(33371),eo=a(32636),en=a.n(eo),ed=a(75245);let ec=e=>{let{disabled:t,value:a,onChange:i}=e,{t:l}=(0,f.c3)(),o=(0,er.Qn)(),d=(0,N.useMemo)(()=>o.data?.filter(e=>"rejected"!==e.status)?.map(e=>({contributorId:e.id,imageUuid:e.artwork_uuid??void 0,name:e.name,type:e.contributor_type}))??[],[o.data]);return(0,N.useEffect)(()=>{1===d.length&&i?.(d[0].contributorId)},[d]),(0,r.jsx)(S.p,{data:!0,isLoading:o.isFetching,children:(0,r.jsx)(el.n,{allowScrollPropagation:!0,className:en().scroller,disabled:!o.data||o.data.length<=4,showGradient:!0,children:(0,r.jsxs)(n.xA,{verticalSpacing:1,children:[d.map((e,s)=>(0,r.jsx)(ed.e,{contributorId:e.contributorId,disabled:t,imageUuid:e.imageUuid,isSelected:a===e.contributorId,name:e.name,type:e.type,onClick:i},s)),(0,r.jsx)(ed.e,{customImage:(0,r.jsx)(x.K,{pb:1,pl:1,pr:1,pt:1,children:(0,r.jsx)(u.uID,{className:(0,k.A)(t&&en().disabled)})}),disabled:t,name:(0,r.jsx)(x.K,{pb:1.175,pt:1.625,children:l("Add new artist or label")}),onClick:()=>window.open(s.KW.ContentProvider)},"add")]})})})};var eu=a(86662),eh=a.n(eu),em=a(51868),e_=a(56813),ep=a.n(e_),ex=a(553),ey=a(93107),eb=a(52996),eg=a(88196),ej=a(45585),ef=a.n(ej);let ev=e=>{let{playlist:t,hasTooFewTracks:a}=e,{locale:s,t:l}=(0,f.c3)(),{isAboveSm:o}=(0,i.yU)();return(0,r.jsx)("div",{className:ep().singleline,children:(0,eb.po)([(0,r.jsx)("div",{className:ef().infoBlock,children:(0,r.jsx)("span",{className:ef().authorLabel,children:l("By {author}","By author",{author:t?.owner.type==="artist"||t?.owner.type==="recordlabel"?(0,r.jsx)(eg.U,{contributor:{id:Number(t?.owner.id),name:t.owner.name,type:t.owner.type,followed:t.owner.followed}},"author"):(0,r.jsx)("span",{className:ex.Yr,children:t?.owner.name},"author")})})},"author"),o?(0,T.ro)(t?.created_at,t?.content_updated_at||void 0)?(0,r.jsxs)("div",{className:ef().infoBlock,children:[(0,r.jsxs)("span",{className:ef().label,children:[l("Edited"),":"]}),(0,ey.ZP)(t?.content_updated_at||void 0,{locale:s})]},"edited"):(0,r.jsxs)("div",{className:ef().infoBlock,children:[(0,r.jsxs)("span",{className:ef().label,children:[l("Created"),":"]}),(0,ey.ZP)(t.created_at,{locale:s})]},"Created"):void 0,(0,r.jsx)("span",{className:(0,k.A)(a&&ef().tooFewTracks),children:(0,M.B4)(l,"track",t?.total_tracks_count,(0,r.jsx)("span",{className:(0,k.A)(ef().infoBlock,a&&ef().tooFewTracks),children:t?.total_tracks_count},"tracks"))},"tracks")],ef().bullet)})};var ek=a(24818),eC=a.n(ek);let ew=e=>{let{value:t,onChange:a}=e,{t:l}=(0,f.c3)(),{isBelowSm:o}=(0,i.yU)(),{data:n,isFetching:d,fetchNextPage:c}=(0,L.zL)({}),m=(0,N.useCallback)(()=>64,[]);return(0,r.jsx)(S.p,{data:!0,isLoading:d,children:(0,r.jsx)(el.n,{allowScrollPropagation:!0,className:eC().scroller,disabled:n&&n.items.length<=5,showGradient:!0,children:(0,r.jsx)(em.$L,{batchSize:10,emptyPlaceholder:null,hideFooter:!1,inDomGap:50,items:n?.items,loading:d,loadingDetectionGap:(0,v.GY)(16),renderComponent:(e,i)=>{let{key:n,style:d}=i;return(0,r.jsx)("div",{style:d,children:(0,r.jsx)(z.e,{buttonClassName:eC().playlistButton,className:(0,k.A)(eC().playlist,t===e.id&&eC().selected,e.total_tracks_count<5&&eC().disabled),disabled:e.total_tracks_count<5,footnote:(0,r.jsx)(ev,{hasTooFewTracks:e.total_tracks_count<5,playlist:e}),playlist:e,selected:t===e.id,suffix:(0,r.jsx)(h.K,{className:eC().editButton,href:`${s.KW.Playlist}/${e.id}`,iconComponent:u.GI1,muted:!0,size:"small",variant:"transparent",children:o?null:l("Edit playlist")}),onClick:a})},n)},requestMoreItems:()=>c(),totalCount:n?.total??0,onComputeItemHeight:m})})})};var eN=a(43391),eP=a(94386),eA=a(1404),eM=a(546),eI=a(12419),eK=a.n(eI);let eS=e=>{let{playlist:t,onCloseAttempt:a}=e,{t:s}=(0,f.c3)(),{isBelowSm:l}=(0,i.yU)(),o=(0,es.YQ)(t?.id,void 0,{pageSize:eM.N4.Tracks}),d=(0,eA.RU)(t,o,eM.N4.Tracks);return(0,r.jsxs)(eN.$m,{className:eK().root,children:[(0,r.jsx)(eN.wt,{children:s("Chart preview")}),(0,r.jsx)(x.K,{mt:2}),(0,r.jsx)(eA.aQ,{...d,canStickPlayer:!1,contextPath:"chart-preview",eagerLoading:!0,imageVariant:l?"medium":"large",preview:!0}),(0,r.jsx)(x.K,{mt:2}),(0,r.jsx)(eN.jl,{children:(0,r.jsxs)(n.NP,{columns:"1fr auto",verticalSpacing:1,children:[(0,r.jsx)(n.Vp,{}),(0,r.jsx)(eP.$,{onClick:a,children:s("Close")})]})})]})},eF=e=>{let{open:t,playlist:a,onCloseAttempt:s}=e;return(0,r.jsx)(eN.aF,{open:t,onCloseAttempt:s,children:(0,r.jsx)(eS,{playlist:a,onCloseAttempt:s})})},eT=/beatport|traxsource|junodownload|bandcamp/i,eB=e=>{let{errors:t,handleChange:a,handleBlur:l,setFieldValue:d,setValues:c,status:m,touched:_,values:p,setFieldTouched:y,setTouched:g,validateForm:j,firstStepRef:v,secondStepRef:C,thirdStepRef:w,preferredMyContributorId:P,openedFromPlaylistId:M,openedFromPlaylist:I,playlist:S,playlistId:F,deletePlaylistAfterPublish:T,setDeletePlaylistAfterPublish:E,onCompleteStep:U}=e,{api:el}=(0,R.gf)(),{t:eo}=(0,f.c3)(),{isBelowSm:en}=(0,i.yU)(),{user:ed,isLoggedIn:eu}=(0,ei.IE)(),{data:em}=(0,er.Qn)(eu),{traceUiEvent:e_}=(0,ea.vs)(),ep=(0,L.gL)(F),ex=(0,L.R2)(),ey=(0,L.T)(),{isOpen:eb,open:eg,close:ej}=(0,G.F)(),{close:ef,isOpen:ev,open:ek}=(0,G.F)(),[eC,eN]=(0,N.useState)(),{data:eP}=(0,L.gL)(p.original_playlist_id??void 0),{data:eA}=(0,es.KA)(p.original_playlist_id??void 0),{data:eM}=(0,er.$Y)(p.user_contributor_id??void 0),eI=(0,N.useMemo)(()=>[p?.artwork_uuid,ed?.avatar_uuid,...(em??[]).map(e=>(0,Z.EK)(e.status,["created","verified"])?e.artwork_uuid:void 0).filter(e=>e!==p?.artwork_uuid),eP?.artwork_uuid].filter(J.TL),[ed,em,eP,p?.artwork_uuid]),eK=(0,N.useMemo)(()=>(eA?.items??[]).map(e=>e.album.artwork_uuid).filter(J.TL),[eA,ed,em]),eS=(0,N.useCallback)(async(e,t)=>{ep.data&&(t?await ey?.mutateAsync({file:t,playlistId:ep.data.id},{async onSuccess(e,t){let{playlistId:a}

1=t,r=await el.getPlaylist(a);eN(r.artwork_uuid),d("artwork_uuid",r.artwork_uuid)},onError(e){K.vF.error(e)}}):e&&ex.mutate({playlistId:ep.data.id,artwork_uuid:e},{onSuccess(){eN(e),d("artwork_uuid",e)},onError(e){K.vF.error(e)}}))},[ep.data]);(0,O.I)(()=>{eP&&(c({...p,name:eP.name,description:eP.description}),p.artwork_uuid||(async()=>{let e=await el.getMyContributors();e?.length===1&&e[0]?.artwork_uuid&&d("artwork_uuid",e[0]?.artwork_uuid)})())},[eP]),(0,O.I)(()=>{p.name&&y("name")},[p.name]),(0,N.useEffect)(()=>{(async()=>{if(M){let e=await el.getMyContributors();e?.length===1&&e[0]?.artwork_uuid&&d("artwork_uuid",e[0]?.artwork_uuid)}})()},[]),(0,N.useEffect)(()=>{(async()=>{if(!M){let e=(await el.getMyPlaylists({})).items.filter(e=>e.total_tracks_count>4);if(1===e.length&&d("original_playlist_id",e[0].id),!P){let e=await el.getMyContributors();1===e.length&&(d("user_contributor_id",e[0].id),e[0].artwork_uuid&&d("artwork_uuid",e[0].artwork_uuid))}}})()},[]),(0,N.useEffect)(()=>{(async()=>{if(P){d("user_contributor_id",P);let e=await el.getMyContributors(),t=e.find(e=>e.id===P)?.artwork_uuid;t&&d("artwork_uuid",t)}})()},[]);let eB=(0,N.useCallback)((e,t)=>{d("user_contributor_id",e),eC||d("artwork_uuid",t)},[eC]),[eE,eR]=(0,N.useState)(p.embed_youtube_id?(0,W.s5)(p.embed_youtube_id):""),eU=!!p.original_playlist_id,eL=eU&&void 0!==p.user_contributor_id,eV=eL&&!!p.artwork_uuid&&!!p.name&&p.name.length>=5,ez=(0,N.useCallback)(async()=>{let e=await j();Object.keys(e).length>0?g(Object.fromEntries(Object.keys(e).map(e=>[e,!0]))):ek()},[j,g,ek]);(0,N.useEffect)(()=>{U(eV?3:eL?2:+!!eU)},[eU,eL,eV]);let eW=(0,N.useMemo)(()=>eP?{...eP,...p,owner:p.user_contributor_id&&eM?{id:`${eM.contributor_id}`,type:eM.contributor_type,name:eM.name,followed:!1}:eP.owner}:S,[eP,p,eM,S]),eD=(0,N.useMemo)(()=>eT.test(p.description??""),[p.description]);return(0,N.useEffect)(()=>{eD&&e_("has_competitors_in_chart_description_warning_message_shown")},[eD]),(0,r.jsxs)(B.lV,{children:[(0,r.jsx)(x.K,{mt:2}),(0,r.jsxs)(Y.v,{error:_.original_playlist_id&&(t.original_playlist_id||m?.original_playlist_id),children:[(0,r.jsxs)("div",{className:eh().titleBlock,ref:v,children:[(0,r.jsx)(b.V,{className:eh().title,component:"h2",variant:"h3",children:eo(M?"Source playlist":"Choose playlist")}),(0,r.jsx)(x.K,{mt:1}),!M&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(b.V,{className:eh().subTitle,variant:"body3",children:eo("Choose the source playlist with 5 or more tracks")}),(0,r.jsx)(x.K,{mt:2})]})]}),(0,r.jsx)(x.K,{mb:1}),M?I?(0,r.jsx)(z.e,{buttonClassName:eh().playlistButton,className:(0,k.A)(eh().playlist,eh().selected),footnote:(0,r.jsx)(et.z,{playlist:(0,A.Rk)(I)}),playlist:(0,A.Rk)(I),selected:!0,suffix:(0,r.jsx)(h.K,{href:`${s.KW.Playlist}/${I.id}`,iconComponent:u.GI1,muted:!0,size:"small",variant:"transparent",children:en?null:eo("Edit playlist")})}):(0,r.jsx)(q.a,{}):(0,r.jsx)(ew,{value:p.original_playlist_id,onChange:e=>{d("original_playlist_id",e.id),g({..._,name:!1,artwork_uuid:!1,user_contributor_id:!1})}})]}),(0,r.jsx)(x.K,{mt:4}),p.original_playlist_id&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(Y.v,{error:_.user_contributor_id&&(t.user_contributor_id||m?.user_contributor_id),children:[(0,r.jsxs)("div",{className:eh().titleBlock,ref:C,children:[(0,r.jsx)(b.V,{className:eh().title,component:"h2",variant:"h3",children:eo("Choose profile")}),(0,r.jsx)(x.K,{mt:1}),(0,r.jsx)(b.V,{className:eh().subTitle,variant:"body3",children:eo("Select the artist name or label title to be displayed in the chart author field")}),(0,r.jsx)(x.K,{mt:2})]}),(0,r.jsx)(ec,{disabled:!eU,value:p.user_contributor_id,onChange:eB})]}),(0,r.jsx)(x.K,{mt:4}),(0,r.jsxs)("div",{className:eh().titleBlock,ref:w,children:[(0,r.jsx)(b.V,{className:eh().title,component:"h2",variant:"h3",children:eo("Add chart details")}),(0,r.jsx)(x.K,{mt:1}),(0,r.jsx)(b.V,{className:eh().subTitle,variant:"body3",children:eo("Add chart details and cover image to help users better distinguish your chart among others")}),(0,r.jsx)(o.c,{variant:"medium"})]}),(0,r.jsx)(x.K,{mt:4}),(0,r.jsxs)(n.NP,{alignItems:"flex-start",columns:"auto 1fr",horizontalSpacing:4,verticalSpacing:2,children:[(0,r.jsx)(Y.v,{error:_.artwork_uuid&&(t.artwork_uuid||m?.artwork_uuid),children:(0,r.jsxs)(n.xA,{justifyItems:"center",verticalSpacing:2,children:[(0,r.jsx)(D.r,{actions:eU?(0,r.jsx)(h.K,{disabled:!eL,iconComponent:u.Jxo,size:"small",variant:"ordinary",onClick:eg}):void 0,children:(0,r.jsx)(V.b,{imageUuid:p.artwork_uuid??void 0,size:240,type:"chart"})}),(0,r.jsx)(h.K,{disabled:!eU,fullWidth:!0,iconComponent:u.GI1,muted:!0,size:"small",variant:"transparent",onClick:eg,children:eo("Edit cover image")})]})}),(0,r.jsxs)(n.xA,{verticalSpacing:2,children:[(0,r.jsx)($.k,{disabled:!eU,error:_.name&&(t.name||m?.name),label:eo("Chart title"),name:"name",placeholder:eo("Enter chart title"),required:!0,value:p.name??"",onBlur:l,onChange:a}),(0,r.jsx)(Q.T,{disabled:!eU,error:_.description&&(t.description||m?.description),footnote:(0,r.jsx)("span",{className:eh().footnote,children:eo("Helps more people to find your chart")}),label:eo("Chart description"),labelOption:eo("Optional"),name:"description",placeholder:eo("Enter chart description"),rows:3,value:p.description??"",onBlur:l,onChange:e=>{d("description",e.target.value)}}),eD&&(0,r.jsx)(X.p,{type:"warning",children:eo("Please note that links or references to other music download stores are not allowed and may cause your chart or its description to be deleted")}),(0,r.jsx)($.k,{disabled:!eU,error:_.embed_youtube_id&&(t.embed_youtube_id||m?.embed_youtube_id)||eE&&!p.embed_youtube_id&&eo("Not a valid YouTube video URL"),footnote:(0,r.jsx)("span",{className:eh().footnote,children:eo("Here you can attach a DJ mix to the chart")}),label:eo("YouTube video URL"),labelOption:eo("Optional"),name:"embed_youtube_id",placeholder:eo("Enter youtube video URL"),value:eE,onBlur:l,onChange:e=>{d("embed_youtube_id",(0,W.NG)(e.target.value)||""),eR(e.target.value)}})]})]}),(0,r.jsx)(x.K,{mt:4}),(0,r.jsx)(o.c,{variant:"medium"}),(0,r.jsx)(x.K,{mt:2}),en&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x.K,{mt:3.5}),(0,r.jsx)(H.S,{checked:T,className:eh().deletePlaylistCheckbox,label:eo("Delete original playlist","after creating a chart from it"),onChange:e=>E(e.target.checked)}),(0,r.jsx)(x.K,{mt:4.5})]}),(0,r.jsxs)(n.xA,{alignItems:"center",columns:en?"1fr 1fr":"1fr auto auto",horizontalSpacing:2,justifyContent:en?void 0:"flex-end",children:[!en&&(0,r.jsx)(H.S,{checked:T,className:eh().deletePlaylistCheckbox,label:eo("Delete original playlist","after creating a chart from it"),onChange:e=>E(e.target.checked)}),(0,r.jsx)(h.K,{className:eh().button,fullWidth:!0,iconComponent:u.THQ,muted:!0,onClick:ez,children:eo("Preview")}),(0,r.jsx)(h.K,{className:eh().button,iconComponent:u.iWP,type:"submit",children:eo("Publish")})]})]}),(0,r.jsx)(eF,{open:ev,playlist:eW,onCloseAttempt:ef}),(0,r.jsx)(ee.n,{albumImageUuids:eK,open:eb,recommendedImageUuids:eI,onCloseAttempt:ej,onSubmit:eS})]})};eB.displayName="ChartFormFields";let eE=e=>{let{firstStepRef:t,preferredMyContributorId:a,secondStepRef:i,thirdStepRef:l,openedFromPlaylistId:o,onCompleteStep:n}=e,{api:d}=(0,R.gf)(),{t:c}=(0,f.c3)(),{createPlaylist:u}=(0,L.KP)(),[h,m]=(0,N.useState)(),[_,p]=(0,N.useState)(!1),x=(0,L.Nd)(),y=(0,L.zv)(),b=(0,L.gL)(h),[g,j]=(0,N.useState)(),v=(0,L.R2)();(0,N.useEffect)(()=>{(async()=>

1{if(o){let e=await d.getMyPlaylist(o);j(e),u.mutate({name:e.name,original_playlist_id:o,type:"chart"},{onSuccess(e){m(e.id)}})}else u.mutate({name:"",type:"chart"},{onSuccess(e){m(e.id)}})})()},[]);let k=(0,N.useCallback)(e=>{h&&e.user_contributor_id&&v.mutate({...e,playlistId:h,state:"published"},{onSuccess:async t=>{if(_&&e.original_playlist_id){let t=await d.getMyPlaylist(e.original_playlist_id);await x.mutateAsync({playlist:t}),K.vF.success(c("The playlist {name} has been deleted",void 0,{name:(0,M.Ef)(c,t.name)??""}),{countdownDuration:10*T._L,renderCustomSuffix:e=>(0,r.jsx)(F.k,{onClick:()=>{y.mutate({playlistId:t.id}),K.RP.dismissRecordByKey(e)},children:c("Undo")})})}w().push({pathname:(0,s.C$)(t),query:{[U.cZ]:"1"}})}})},[h,b.data,_]),C=(0,N.useMemo)(()=>b.data?{...(0,A.Ik)(b.data),user_contributor_id:void 0}:{},[b.data]);return(0,r.jsx)(S.p,{data:b.data,isLoading:b.isFetching,children:e=>(0,r.jsx)(B.l1,{initialStatus:(0,I.iE)(v.error),initialValues:C,validationSchema:E.Ik().shape({original_playlist_id:E.Yj().required(c("Choose the source playlist")),artwork_uuid:E.Yj().when("original_playlist_id",{is:e=>void 0!==e,then:e=>e.required(c("Choose cover"))}),name:E.Yj().when("original_playlist_id",{is:e=>void 0!==e,then:e=>e.required(c("Enter chart title")).min(5,c("Must be at least 5 characters long"))}),embed_youtube_id:E.Yj().nullable(),user_contributor_id:E.ai().when("original_playlist_id",{is:e=>void 0!==e,then:e=>e.required(c("Choose chart author"))})}),onSubmit:k,children:s=>(0,r.jsx)(eB,{...s,deletePlaylistAfterPublish:_,firstStepRef:t,openedFromPlaylist:g,openedFromPlaylistId:o,playlist:e,playlistId:h,preferredMyContributorId:a,secondStepRef:i,setDeletePlaylistAfterPublish:p,thirdStepRef:l,onCompleteStep:n})})})};var eR=a(51623),eU=a(42173),eL=a(54923),eV=a(84725),ez=a(4151),eW=a(28967),eD=a(23411),eO=a.n(eD);let eG=()=>{let{t:e}=(0,f.c3)(),t="sticky-create-chart-navigation",{deregisterOffset:a,getTotalOffset:g,registerOffset:w}=(0,N.useContext)(_.X),A=(0,eR.W)(),M=A[A.length-2],I=(0,eL.UV)(e),K=e("Create new chart"),S=(0,N.useMemo)(()=>({title:K}),[K]),F=(0,N.useMemo)(()=>[I.Root,I.MyCharts,{text:K}],[I,K]),{isBelowMd:T}=(0,i.yU)(),B=(0,N.useRef)(null),E=(0,N.useRef)(null),R=(0,N.useRef)(null),[U,L]=(0,N.useState)(0),V=(0,C.useRouter)(),z=(0,eV.Y)(V.query.playlist_id),W=(0,eV.Fg)(V.query.my_contributor_id),D=(0,N.useCallback)(e=>{e?.edge?w({name:t,offset:e.height,position:e.edge,rank:100}):a(t)},[]),O=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x.K,{mt:2}),(0,r.jsxs)(n.xA,{autoColumns:"auto",autoFlow:T?"column":"row",className:eO().items,horizontalSpacing:3,verticalSpacing:4,children:[(0,r.jsx)("div",{className:eO().item,children:(0,r.jsxs)(l.u,{onClick:()=>(0,v.PA)(B.current,"start"),children:[(0,r.jsx)(d.s,{className:(0,k.A)(eO().headingMark),size:"small",children:"01"}),(0,r.jsx)(x.K,{mr:2}),(0,r.jsx)(b.V,{className:eO().title,component:"h2",variant:"h3",children:e(z?"Source playlist":"Choose playlist")})]})}),(0,r.jsx)("div",{className:eO().item,children:(0,r.jsxs)(l.u,{disabled:U<1,onClick:()=>(0,v.PA)(E.current,"start"),children:[(0,r.jsx)(d.s,{className:(0,k.A)(eO().headingMark,U<1&&eO()["headingMark--disabled"]),size:"small",children:"02"}),(0,r.jsx)(x.K,{mr:2}),(0,r.jsx)(b.V,{className:(0,k.A)(eO().title,U<1&&eO().disabled),component:"h2",variant:"h3",children:e("Choose profile")})]})}),(0,r.jsx)("div",{className:eO().item,children:(0,r.jsxs)(l.u,{disabled:U<2,onClick:()=>(0,v.PA)(R.current,"start"),children:[(0,r.jsx)(d.s,{className:(0,k.A)(eO().headingMark,U<2&&eO()["headingMark--disabled"]),size:"small",children:"03"}),(0,r.jsx)(x.K,{mr:2}),(0,r.jsx)(b.V,{className:(0,k.A)(eO().title,U<2&&eO().disabled),component:"h2",variant:"h3",children:e("Add chart details")})]})})]}),(0,r.jsx)(x.K,{mt:2})]});return(0,r.jsxs)(eW.B,{allowExtraBottomSpace:!1,topLine:(0,r.jsx)(P.I,{pageName:"affiliateDashboard",values:F}),children:[(0,r.jsx)(eU.t,{fields:S,microdata:(0,m.Oq)(F),pageName:"createNewChart"}),(0,r.jsxs)(n.xA,{className:eO().main,horizontalSpacing:2,children:[T?(0,r.jsxs)(y._,{topOffset:g("top",100),onStuckChange:D,children:[(0,r.jsx)(c.x,{scrollerClassName:(0,k.A)(j().scroller,eO().scrollerBackgroun

1d),scrollTrainClassName:j().train,children:(0,r.jsx)("div",{children:O})}),(0,r.jsx)(o.c,{variant:"zero"})]}):(0,r.jsxs)("div",{className:eO().left,children:[(0,r.jsx)(p.B,{"aria-label":e("Left sidebar"),children:O}),(0,r.jsx)(h.K,{className:eO().button,href:M??s.KW.MyCharts,iconComponent:u.GFc,muted:!0,children:e("Go back")})]}),(0,r.jsx)("div",{className:eO().form,children:(0,r.jsx)(eE,{firstStepRef:B,openedFromPlaylistId:z,preferredMyContributorId:W,secondStepRef:E,thirdStepRef:R,onCompleteStep:L})})]})]})};eG.getConfig=()=>({isAuthenticationRequired:!0}),eG.renderInLayout=ez.P;let eH=eG},96296:e=>{e.exports={nav:"Breadcrumbs_nav__Po7u8",list:"Breadcrumbs_list__FtuJu",bullet:"Breadcrumbs_bullet__ICHw0"}},97452:(e,t,a)=>{"use strict";a.d(t,{W:()=>l,l:()=>s});var r=a(53239);let s=-1,i=(e,t)=>Array.from({length:t},(t,a)=>a+e),l=e=>{let{allowPageIndexOutOfRange:t,currentPageIndex:a,pageSize:l,siblingCount:o=1,totalCount:n}=e;return(0,r.useMemo)(()=>{let e=Math.max(Math.ceil(n/l),1,t?a+1:0),r=3+2*o;if(o+5>=e)return i(0,e);let d=Math.max(a-o,0)>1,c=Math.min(a+o,e-1)<e-3,u=e-1;return!d&&c?[...i(0,r),s,u]:d&&!c?[0,s,...i(e-r,r)]:d&&c?[0,s,...i(a-1,r-2),s,u]:[0]},[n,l,o,a])}},98091:e=>{e.exports={paginationBar:"Pagination_paginationBar__xvHiD",paginationContainer:"Pagination_paginationContainer__JuZIF",paginationItem:"Pagination_paginationItem___Idld",dots:"Pagination_dots__aBfT6",selected:"Pagination_selected__m5MAv",arrowIcon:"Pagination_arrowIcon__5CdVU"}}},e=>{e.O(0,[4001,7236,2762,6752,8288,904,5046,4802,1001,1048,9711,3163,5711,4207,3129,1090,6936,636,6593,8792],()=>e(e.s=86897)),_N_E=e.O()}]);