https://volumo.com/_next/static/chunks/pages/profile/feed/setup/artists-a58212f8de48a043.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7033],{6861:e=>{e.exports={singleline:"ContributorListItem_singleline__x_T6l",multiline:"ContributorListItem_multiline__0RnVp",root:"ContributorListItem_root__flkGI",allowHoverPopup:"ContributorListItem_allowHoverPopup__ni5xk",name:"ContributorListItem_name__Q6VgT",genre:"ContributorListItem_genre__aiGaU",followed:"ContributorListItem_followed__VeB6X",followedContainer:"ContributorListItem_followedContainer__bkxPE",footer:"ContributorListItem_footer__Xsd7q"}},15358:e=>{e.exports={singleline:"Footer_singleline__74rMD",multiline:"Footer_multiline__C1_lh",buttonWrapper:"Footer_buttonWrapper__qVgyJ",button:"Footer_button__L4ZAI"}},21426:(e,t,o)=>{"use strict";o.d(t,{p:()=>N});var i=o(80263),r=o(79721),s=o(76539),a=o(12556),n=o(62907),l=o(97930),d=o(32116),c=o(49685),u=o(50016),h=o(3638),p=o(53239),_=o(88196),m=o(86755),g=o(90737),x=o(6861),v=o.n(x),y=o(70719),b=o(94386),f=o(13463),w=o(92546),j=o(15358),C=o.n(j);let k=e=>{let{action:t,className:o,contributor:r}=e,{t:s}=(0,f.c3)();return(0,i.jsx)(l.xA,{className:(0,h.A)(C().footer,o),justifyItems:"center",verticalSpacing:2.75,children:(0,i.jsx)("div",{className:C().buttonWrapper,children:"follow"===t?(0,i.jsx)(w.W,{className:C().button,contributor:r}):(0,i.jsx)(b.$,{className:C().button,href:(0,y.vd)(r),muted:"inPopup",target:"_blank",children:s("artist"===r.type?"Artist page":"Label page")})})})},N=e=>{let{className:t,contributor:o,eagerLoading:x,genreName:y,highlightedText:b,primaryAction:f="navigate",trace:w}=e,{isBelowSm:j}=(0,a.yU)(),[C,N]=(0,d.M)(),I=o.name??"",S=(0,m.f)(),{data:L}=(0,g.IJ)(),A=(0,p.useMemo)(()=>{let e=o.genres_ids.at(0);return void 0!==e?L?.find(t=>t.id===e)?.name:void 0},[L,o.genres_ids]),F=y??A,P=(0,i.jsxs)(l.xA,{justifyItems:"center",verticalSpacing:1.5,children:[(0,i.jsx)(s.c,{isFollowed:o.followed,size:112,type:o.type??"artist",children:(0,i.jsx)(r.b,{countryCode:o.country_code??void 0,eagerLoading:x,imageUuid:o.artwork_uuid??void 0,size:112,title:o.name,type:o.type??"artist"})}),(0,i.jsxs)(l.xA,{justifyItems:"center",verticalSpacing:.5,children:[(0,i.jsx)(u.V,{align:"center",className:(0,h.A)(v().name,"follow"!==f&&o.followed&&v().followed),variant:"body1",children:(0,i.jsx)(c.z,{highlightedText:b,text:I})}),F?(0,i.jsx)(u.V,{align:"center",className:v().genre,title:F,variant:"body3",children:F}):null]})]});return(0,i.jsxs)("div",{className:(0,h.A)(v().root,"navigate"===f&&v().allowHoverPopup,"follow"===f&&o.followed&&v().followedContainer,t),ref:C,children:["navigate"===f?(0,i.jsx)(_.U,{canOpenPopup:j,contributor:o,customButtonContent:P,highlightedText:b}):(0,i.jsx)(n.u,{onClick:()=>S.mutate({items:[{id:o.id,type:o.type}],value:!o.followed,trace:w}),children:P}),N&&!j&&"navigate"===f&&(0,i.jsx)(k,{action:"follow",className:v().footer,contributor:o})]})}},32505:(e,t,o)=>{"use strict";o.d(t,{q:()=>C});var i=o(80263),r=o(51868),s=o(12556),a=o(97930),n=o(1985),l=o(62546),d=o(50016),c=o(13463),u=o(3638),h=o(53239),p=o(67613),_=o(21426),m=o(29364),g=o(90737),x=o(51143),v=o(546),y=o(32599),b=o(53983),f=o(79947),w=o.n(f),j=o(19893);let C=e=>{let{contributorType:t,customForwardButtonContent:o,pageIndexText:f,step:C,onBackClick:k,onForwardClick:N}=e,{t:I}=(0,c.c3)(),{clientDeviceType:S,isBelowMd:L,isBelowSm:A}=(0,s.yU)(),F=(0,y.f)(300),{traceStepCompleted:P}=(0,j.w)(C),{user:M}=(0,x.IE)(),{data:T}=(0,g.IJ)(),V=M?.preferred_genres_ids??[],B=(0,h.useMemo)(()=>new Map((T??[]).map(e=>[e.id,e.name])),[T]),q=("artist"===t?M?.followed_artists_count:M?.followed_labels_count)??0,[E,D]=(0,h.useState)(""),U=E.trim(),W=""!==U,z={genres:M?.preferred_genres_ids??void 0,isPublic:!0,sortBy:"onboarding"},H={search:U,isPublic:!0,sortBy:"relevance"},X=(0,m.ok)(t,z),K=(0,m.ok)(t,H,{enabled:W}),J=W?K:X,{data:O}=(0,m.Uc)(t,z,!1),{data:R}=(0,m.Uc)(t,H,!1,W),$=W?R?.total:O?.total,G=(0,h.useCallback)(e=>{$&&!J.isFetching&&e<$&&J.fetchNextPage()},[$,J.isFetching,J.fetchNextPage]);return(0,i.jsxs)(a.xA,{verticalSpacing:L?4:6,children:[(0,i.jsxs)(a.NP,{alignItems:"flex-start",columns:"1fr auto",children:[(0,i.jsxs)(a.xA,{verticalSpacing:1,children:[(0,i.jsx)(d.V,{variant:"vividH2",children:"artist"===t?I("Follow your favorite artists"):I("Follow your favorite labels")}),(0,i.jsxs)(d.V,{variant:"body3",children:["artist"===t?I("Select the artists you love to personalize your experience."):I("Select the labels you love to personalize your experience."),(0,i.jsx)("br",{}),I("Choose as many as you like to get recommendations tailored just for you!")]})]}),A?void 0:(0,i.jsx)(d.V,{className:w().step,component:"span",variant:"vividH2",children:f})]}),(0,i.jsxs)(a.xA,{verticalSpacing:1,children:[(0,i.jsx)(l.E,{"aria-label":I("Search"),placeholder:I("Search"),onSearch:D}),(0,i.jsx)(n.p,{data:J.data?.items,isBlocking:!1,isLoading:J.isFetching,loader:(0,i.jsx)("div",{className:w().list,children:[...Array(15).keys()].map(e=>(0,i.jsx)(p.T,{className:w().placeholder,compact:!0,type:t},e))}),spacing:"none",children:e=>e.length?(0,i.jsx)(r.u8,{batchSize:v.N4.DetailedContributors,items:e,listClassName:w().list,loading:J.isFetching,renderComponent:(e,t)=>

1{let o,{index:r,key:s}=t;return(0,i.jsx)(_.p,{contributor:e,eagerLoading:r<3,genreName:void 0!==(o=e.genres_ids.find(e=>V.includes(e))??e.genres_ids[0])?B.get(o):void 0,primaryAction:"follow",trace:{position:r,total:$,searchQuery:W?U:void 0}},s)},requestMoreItems:G,totalCount:$}):W?I("No results found"):I("No data")})]}),(0,i.jsx)("div",{className:(0,u.A)(w().navigator,"desktop"===S&&w().navigatorDesktopDevice),style:F,children:(0,i.jsx)(b.m,{customForwardButtonContent:o,hint:"artist"===t?I("We recommend choosing more artists to discover more new music"):I("We recommend choosing more labels to discover more new music"),suggestionLevel:Math.min(q/5*100,100),suggestionLevelVariant:q<3?"low":q<5?"medium":"high",onBackClick:k,onForwardClick:()=>{if(N?.()===!1)return;let e=X.data?.items??[],t=new Set(e.map(e=>e.id)),o=K.data?.items??[];P([...e.flatMap((e,t)=>e.followed?[{id:e.id,name:e.name??void 0,position:t}]:[]),...o.flatMap((e,o)=>e.followed&&!t.has(e.id)?[{id:e.id,name:e.name??void 0,position:o,searchQuery:U}]:[])],O?.total)}})})]})}},54952:(e,t,o)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/profile/feed/setup/artists",function(){return o(61887)}])},61887:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>y});var i=o(80263),r=o(70719),s=o(33894),a=o(78852),n=o(13463),l=o(10330),d=o(61469),c=o.n(d),u=o(53239),h=o(50005),p=o(51143),_=o(54923),m=o(32505),g=o(4151),x=o(28967);let v=()=>{let{t:e}=(0,n.c3)(),t=(0,_.UV)(e),{user:o}=(0,p.IE)(),d=(0,u.useMemo)(()=>[t.Root,t.MyFeed,{text:e("Set up")}].filter(l.vN),[]);return(0,i.jsxs)(x.B,{topLine:(0,i.jsx)(h.I,{pageName:"myFeed",values:d}),children:[(0,i.jsx)(a.K,{mt:2}),(0,i.jsx)(m.q,{contributorType:"artist",pageIndexText:"02—03",step:"artists",onBackClick:()=>c().back(),onForwardClick:()=>o&&o.followed_artists_count>=3?(c().push(r.KW.MyFeedSetupLabels),!0):(s.vF.info(e("Please select at least 3 artists to continue")),!1)})]})};v.getConfig=()=>({isAuthenticationRequired:!0}),v.renderInLayout=g.P;let y=v},67613:(e,t,o)=>{"use strict";o.d(t,{T:()=>a});var i=o(80263),r=o(18785);o(53239);var s=o(51083);let a=e=>{let{className:t,compact:o,type:a}=e;return"artist"===a||"recordlabel"===a?(0,i.jsxs)(s.Ay,{backgroundColor:"var(--subpanel__bg-color)",className:t,foregroundColor:"var(--panel__bg-color)",height:(0,r.yh)(o?18.25:22.5),speed:2,uniqueKey:`tile-skeleton-${a}`,width:(0,r.yh)(o?15:19),children:[(0,i.jsx)("rect",{height:(0,r.yh)(o?13:17),rx:"artist"===a?"50%":"30px",ry:"artist"===a?"50%":"30px",width:(0,r.yh)(o?13:17),x:(0,r.yh)(1)}),(0,i.jsx)("rect",{height:(0,r.yh)(2),width:(0,r.yh)(o?13:17),x:(0,r.yh)(1),y:(0,r.yh)(o?16:18)})]}):(0,i.jsxs)(s.Ay,{backgroundColor:"var(--subpanel__bg-color)",foregroundColor:"var(--panel__bg-color)",height:(0,r.yh)("album"===a?o?30.5:34:o?28.5:32),speed:2,uniqueKey:`tile-skeleton-${a}`,width:(0,r.yh)(o?19.5:24),children:[(0,i.jsx)("rect",{height:(0,r.yh)(21),width:(0,r.yh)(21),x:(0,r.yh)(1.5*!o),y:(0,r.yh)(1.5*!o)}),(0,i.jsx)("rect",{height:(0,r.yh)("album"===a?7.5:5.5),width:(0,r.yh)(21),x:(0,r.yh)(1.5*!o),y:(0,r.yh)(25.5)})]})}},79947:e=>{e.exports={list:"SetupContributors_list__mi2aX",step:"SetupContributors_step__LwtBS",navigator:"SetupContributors_navigator__cTATI",navigatorDesktopDevice:"SetupContributors_navigatorDesktopDevice__Z7_6H",placeholder:"SetupContributors_placeholder__rAjq2"}}},e=>{e.O(0,[4001,7236,8288,904,5046,4802,1001,1048,4533,636,6593,8792],()=>e(e.s=54952)),_N_E=e.O()}]);