2 lines
20 KiB
JavaScript
Executable File
2 lines
20 KiB
JavaScript
Executable File
"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[4179],{86634:(e,a,s)=>{s.r(a),s.d(a,{default:()=>za});s(86277);var t=s(50959),r=s(82187),i=s.n(r),l=s(75802),n=s(69736),c=s(68007),o=s(43286),d=s(11317),u=s(85648),m=s(20580),g=s(86696),y=s(97922),h=s(81639),p=s(16118),x=s(91643),v=s(57986),L=s(64222),b=s(66713),k=s(38174);const j="o2TlnuNKxRO5RnB9BpHB",f="q0Ke_aAvTcc4dO4wCHQt",C="UlKUfS_GcROZmofuafOW",N="I5LORTI1u3A6VoUvRCBf",I="TS85Qkpioa31wR0p4kzT",A="yL1DLXBc05CR_ACv_NhA",R="k5kRkUyoz9znqg_SGOVQ";var P=s(97583),w=s(93421),T=s(82857),U=s(11401),S=s(58206),D=s(99909),E=s(11527);let O=function(e){return e.SMALL="small",e.LARGE="large",e}({});const B=({art:e,disabled:a=!1,LinkComponent:s,name:t,size:r=O.SMALL,type:n,uri:c})=>{const o=e?[e]:[],m=r===O.SMALL?(0,P.R)(n):function(e){switch(e){case D.n.SINGLE:return u.ag.get("track-page.from-the-single");case D.n.EP:return u.ag.get("track-page.from-the-ep");case D.n.COMPILATION:return u.ag.get("track-page.from-the-compilation");case D.n.ALBUM:default:return u.ag.get("track-page.from-the-album")}}(n),g=(0,l.s0)();return(0,E.jsxs)("div",{className:i()(j,{[C]:r===O.SMALL,[f]:a}),children:[(0,E.jsx)("div",{className:N,children:(0,E.jsx)(w.O,{images:o,size:U.m$.SIZE_80,title:t,type:T.p.ALBUM})}),(0,E.jsxs)("div",{className:I,children:[(0,E.jsx)(S.D,{variant:r===O.SMALL?"mestoBold":"finale",children:m}),(0,E.jsx)(s,{to:c,children:(0,E.jsx)(S.D,{as:"div",className:A,variant:"balladBold",dir:"auto",children:t})})]}),(0,E.jsx)("div",{onClick:()=>{g((0,d.EC)(c).toURLPath(!0))},className:R})]})};var F=s(23255),M=s(22527),_=s(29673),G=s(70526);let Y=function(e){return e.LOADING="LOADING",e.LOADED="LOADED",e.UNAVAILABLE="UNAVAILABLE",e}({});const z=(e,a)=>{switch(a.type){case"LYRICS_LOADING":return{...e,[a.uri]:{status:Y.LOADING}};case"LYRICS_LOADED":return{...e,[a.uri]:{status:Y.LOADED,data:a.response}};case"LYRICS_ERROR":return{...e,[a.uri]:{status:Y.UNAVAILABLE}};default:return(0,G.U)(a,`Unhandled lyrics action with type: ${a.type}`)}};var K=s(13188),q=s(67204),V=s(71069);const $={status:Y.LOADING},H={status:Y.UNAVAILABLE},J=t.createContext(void 0),W=({children:e,initialState:a={}})=>{const s=t.useReducer(z,a);return(0,E.jsx)(J.Provider,{value:s,children:e})},Z=({uri:e,isAnonymous:a,imageForLyricsRequest:s,isPlayable:r})=>{const i=t.useContext(J);if(void 0===i)throw new Error("useTrackEntityLyrics must be used within a TrackEntityLyricsProvider");const[l,n]=i,c=e?l[e]:null;return(0,t.useEffect)((()=>{!c&&e&&(n({type:"LYRICS_LOADING",uri:e}),(async({trackUri:e,api:a,imageForLyricsRequest:s,isPlayable:t})=>{if(!t)return{hasLyrics:!1};const r=(0,d.EC)(e);try{const e=await q.Zz.getTrackEntityLyrics(a||K.b.getInstance(),r.id,s||"");return{hasLyrics:!0,syncType:e.lyrics.syncType,lyrics:e.lyrics.lines,provider:e.lyrics.provider,providerDisplayName:e.lyrics.providerDisplayName,providerLyricsId:e.lyrics.providerLyricsId,isRtlLanguage:e.lyrics.isRtlLanguage}}catch(e){if(e instanceof V.m&&404===e.status)return{hasLyrics:!1};throw e}})({trackUri:e,imageForLyricsRequest:s,isPlayable:r}).then((a=>{n({type:"LYRICS_LOADED",uri:e,response:a})})).catch((()=>{n({type:"LYRICS_ERROR",uri:e})})))}),[n,s,r,c,e]),e&&(0,d.wj)(e)&&!a&&r?c||$:H};var Q=s(80626),X=s(5380),ee=s(8696),ae=s(43104),se=s(94722),te=s(32793),re=s(52476);const ie="oTRKhYD0MZlNPm66W3Tw",le="sc95MwPalcHwYGZ7j3xN",ne="zrCZCfYv4zZiB1HYv9i8",ce="RnlxIDmWcYTbbwNSJNjA",oe="SHkxfN1vy0wpRMP1hK7I",de="COXBS6zLyyxKNYuEAzjZ",ue="sR5IpdOUvoUGYKlC9Dk1",me="FHMr3WxshoYjZ7jd3YwI",ge="Evcwc4KM2tf9xrLbfB8B",ye="x4_dsi31Cx2SO1L0uYIj",he="euPDqfFEBILj9KHDNLC1",pe="x6FPRUKK40oDCPP7g6Ls",xe="k3SPcfaKewjfdYumDcGw",ve="t9C7vRiN1OSC9uWfJEr0",Le="Onv6dO4lntCzKUqYa8PE",be="vHNIIDpwcSLuHumlKDbY",ke=({richTrack:e})=>{const{search:a}=(0,l.TH)(),s=(0,t.useCallback)((()=>new URLSearchParams(a.slice(1)).get("highlight")||""),[a])(),{tracklistRef:r}=(0,re.W)(),i=e.albumOfTrack,n=(0,te.Y)(i?.uri||""),{usePlayContextItem:c}=(0,M.n)({uri:n},{featureIdentifier:"album"}),o=(0,t.useMemo)((()=>({items:[],totalCount:0})),[]);return i?(0,E.jsx)("div",{ref:r,className:ue,children:(0,E.jsx)(se.L,{ariaLabel:i.name,nrTracks:i.tracks.totalCount,albumUri:i.uri,highlightUri:s,discs:o,usePlayContextItem:c,hasHeaderRow:!1})}):null};var je=s(38338),fe=s(57562),Ce=s(97013),Ne=s(22795),Ie=s(15842),Ae=s(66205),Re=s(66819),Pe=s(13734),we=s(9443);const Te=t.memo((function({uri:e,togglePlay:a,isPlaying:s,isActive:r,spec:i,logger:l,backgroundColor:n,name:c,isPlayable:o,albumUri:d,artists:h}){const p=(0,Pe.o)(),x=(0,we.k)(),[b,k]=(0,Ne.Z)(e),j=(0,t.useCallback)((async()=>{p({targetUri:e,intent:b?"unsave":"save",type:"click"});const a=i.saveButtonFactory();l.logInteraction(b?a.hitRemoveLike({itemNoLongerLiked:e}):a.hitLike({itemToBeLiked:e}));try{await k(!b)}catch{}}),[p,e,b,i,l,k]),f=(0,t.useCallback)((()=>{const t=(0,L.aK)({isPlaying:s,isActive:r,spec:i.playButtonFactory(),logger:l,uri:e});a({loggingParams:t})}),[r,s,l,i,a,e]),C=(0,t.useCallback)((()=>{l.logInteraction(i.contextButtonFactory().hitUiReveal())}),[l,i]),N=(0,Re.j)();return(0,E.jsx)(Ie.o,{backgroundColor:n,children:(0,E.jsxs)(Ae.F,{children:[(0,E.jsx)(y.rn,{children:(0,E.jsx)(v.$,{onClick:f,isPlaying:s,disabled:!o,size:N,uri:e})}),(0,E.jsx)(y.rn,{children:(0,E.jsx)(je.H,{isAdded:!!b,onClick:j,disabled:!x,size:N})}),(0,E.jsx)(fe.o,{uri:e,isFollowing:!!b,onFollow:j,size:N}),(0,E.jsx)(m.yj,{menu:(0,E.jsx)(g.$,{uri:e,albumUri:d,artists:h}),onShow:C,children:(0,E.jsx)(Ce.z,{label:u.ag.get("more.label.context",c),size:N})})]})})})),Ue="OH5mnpJIVCJozYM3raMt",Se="etw0slM6uVrCi5RR3iDi",De=({padded:e,providerDisplayName:a})=>a?(0,E.jsx)(S.D,{as:"p",dir:"auto",variant:"finale",className:`${Ue} ${e?Se:""}`,children:u.ag.get("web-player.lyrics.providedBy",a)}):null,Ee=({uri:e,imageForLyricsRequest:a,isPlayable:s})=>{const{data:t}=Z({uri:e,imageForLyricsRequest:a,isPlayable:s});return t?.hasLyrics?(0,E.jsx)(De,{providerDisplayName:t.providerDisplayName}):null};var Oe=s(35869),Be=s(3533);const Fe="QhDsXG1Gmo7XmQWLggAO",Me="bZgWQj7UxvK8GYKWDA7N",_e="AW61P3tnW5cKJCWtbhFh",Ge=({buttonText:e,onSecondaryButtonClick:a,onPrimaryButtonClick:s,secondaryButtonText:t,text:r})=>(0,E.jsxs)("div",{className:Fe,"data-testid":"static-activation-trigger",children:[(0,E.jsx)(n.x,{className:Me,variant:"bodyMediumBold",children:r}),(0,E.jsxs)("div",{className:_e,children:[(0,E.jsx)(c.o,{onClick:a,semanticColor:"textBase",children:t}),(0,E.jsx)(Be.D,{onClick:s,colorSet:"invertedLight",children:e})]})]});var Ye=s(60046);const ze="T1nqQ4HEh3heHy4RCCKa",Ke="L8zjshPVgUMXyZR4FtOk",qe="YMn1FWcFmOz9osBrNvhF",Ve="Inbyq3TnvKDOJtcKFTDQ",$e="lWk5se4WETUOJwaEb8D6",He="i8DyQbWCmDV_8N5XGJQT",Je="t5WPFlGTY6GCd9UOFfLu",We="AGQ3wRyMVK1odq860qnT",Ze="ZX_r7uZgPgssaUplfpxT",Qe="qrqctaPu2XBpxsw23nPX",Xe="XnWidTagai3nQwMPxIMF";var ea=s(57944),aa=s(81995);let sa=function(e){return e.SMALL="small",e.LARGE="large",e}({});const ta=e=>{const{disabled:a,images:s,LinkComponent:t,name:r,size:n,uri:c,enableI18nRoutes:o,enableI18nAdditionalPages:m}=e,g=n===sa.SMALL,y=(0,l.s0)(),h=(0,d.EC)(c),p=h?.type,x=u.ag.getLocaleForURLPath(),v=(0,ea.S9)({localeFeatureFlag:o,entityFeatureFlag:m,urlLocale:x,entity:p,type:"link"});return(0,E.jsxs)("div",{className:i()(Ke,{[qe]:a}),"data-testid":"track-artist-link-card",children:[(0,E.jsx)(w.O,{shape:w.K.CIRCLE,images:s,size:U.m$.SIZE_80,title:r,type:T.p.ARTIST}),(0,E.jsxs)("div",{className:i()($e,{[He]:g}),children:[(0,E.jsx)(S.D,{variant:"mestoBold",className:Ve,children:u.ag.get("card.tag.artist")}),(0,E.jsx)(t,{to:c,children:(0,E.jsx)(S.D,{as:"div",dir:"ltr",className:Je,variant:"balladBold",children:r})})]}),(0,E.jsx)("div",{onClick:()=>{const e=h?.toURL(`/${aa.F0}${x}/`);if(h){const a=v?e:h.toURLPath(!0);y(a)}},className:We})]})},ra=({size:e=sa.LARGE,disabled:a=!1,enableI18nRoutes:s,enableI18nAdditionalPages:r,...l})=>{const[n,o]=(0,t.useState)(!1),d=(0,t.useCallback)((()=>{o(!n)}),[n]),m=l.artists;return(0,E.jsxs)("div",{"data-testid":"track-artist-link-card-container",children:[(0,E.jsx)("div",{className:ze,children:m.map(((t,c)=>(0,E.jsx)("div",{className:i()({[Qe]:n&&c>5,[Ze]:c>5}),children:(0,E.jsx)(ta,{name:t.name,uri:t.uri,images:t.images,size:e,LinkComponent:l.LinkComponent,disabled:a,enableI18nRoutes:s,enableI18nAdditionalPages:r},t.id)},`${t.uri}-${c}`)))}),m.length>6&&(0,E.jsx)(c.o,{onClick:d,className:Xe,children:(0,E.jsx)(S.D,{as:"p",variant:"violaBold",children:n?u.ag.get("show_less"):u.ag.get("mwp.search.artists.all")})})]})};var ia=s(8509),la=s(75390);const na="EaTxqhHk6J4ecKHwpY5m",ca="dUQl9yd5x_1oWk4L0Ntm",oa="xt5C47eHPYNiriMJxGnC",da=({words:e,onObserve:a,lyricsInView:s})=>{const{ref:r,inView:i}=(0,la.YD)({threshold:0}),l=(0,t.useRef)(!1);return(0,t.useEffect)((()=>{s||(l.current=!1)}),[s]),(0,t.useEffect)((()=>{l.current||i&&(a({text:e,outOfView:!1}),l.current=!0)}),[i,a,e]),(0,E.jsx)(S.D,{ref:r,as:"p",dir:"auto",variant:"ballad",className:oa,children:e})};var ua=s(90171);const ma=({data:e,eventSender:a,playbackId:s,uri:r})=>{const{lyrics:i=[],provider:l,providerLyricsId:n,syncType:c}=e,{ref:o,inView:d}=(0,la.YD)({threshold:0}),m=function(e){const{trackUri:a,provider:s,providerLyricsId:r,syncType:i,eventSender:l,playbackId:n}=e,c=(0,t.useRef)(null),[o,d]=(0,t.useState)(!1),[u,m]=(0,t.useState)(0),[g,y]=(0,t.useState)(!1),h=(0,t.useMemo)((()=>(0,ua.N)({lyrics_format:"track-page",track_uri:a,provider:s,provider_lyrics_id:r,sync_type:i,playback_id:n})),[s,r,i,a,n]);return(0,t.useEffect)((()=>{d(!1),m(0),y(!1),c.current=null}),[a]),(0,t.useEffect)((()=>{o&&n&&d(!1)}),[n]),(0,t.useEffect)((()=>{o||u>=140&&g&&(l?.send(h),d(!0))}),[u,o,h,l,g]),(0,t.useCallback)((e=>{const{text:a,outOfView:s}=e;a&&a.length>1&&(m((e=>e+a.length)),o||null!==c.current||(c.current=setTimeout((()=>{y(!0)}),1500))),s&&(c.current&&clearTimeout(c.current),c.current=null,m(0))}),[m,o])}({trackUri:r,provider:l,providerLyricsId:n,syncType:c,eventSender:a,playbackId:s});return(0,t.useEffect)((()=>{d||m({outOfView:!0})}),[d,m]),(0,E.jsxs)("div",{className:na,ref:o,children:[(0,E.jsx)(S.D,{as:"h2",variant:"canon",semanticColor:"textBase",className:ca,children:u.ag.get("web-player.lyrics.title")}),i.map((({words:e},a)=>(0,E.jsx)(da,{onObserve:m,words:e,lyricsInView:d},`lyrics-seo-line-${a}`)))]})};var ga=s(65019),ya=s(81912),ha=s(24071);const pa=({uri:e,imageForLyricsRequest:a,isPlayable:s})=>{const{data:t}=Z({uri:e,imageForLyricsRequest:a,isPlayable:s}),r=(0,ha.s4)(),{isPaused:i,currentTrackUri:l,playbackId:n}=(0,ga.Y)((e=>({isPaused:e?.isPaused,currentTrackUri:e?.item?.uri,playbackId:e?.playbackId})),ya.V),c=!i&&l===e;return t&&t?.hasLyrics?(0,E.jsx)(ma,{data:t,uri:e,eventSender:r,playbackId:c?n:void 0}):null};var xa=s(71042),va=s(87350);const La=e=>{const{albumArtists:a,columnCount:s,imageForLyricsRequest:r,isPlayable:l,uri:n}=e,c=s-2,o={"--column-count":s,"--left-column-end":c-2,"--right-column-start":c},{isAnonymous:d}=(0,Oe.v9)(va.Gg),m=(0,we.k)(),{data:g,status:y}=Z({uri:n,isAnonymous:d,imageForLyricsRequest:r,isPlayable:l}),h=!!g&&g.hasLyrics&&y!==Y.UNAVAILABLE||d,p=(0,Oe.v9)(xa.br),x=(0,Oe.v9)(xa.yE);return(0,E.jsxs)(t.Suspense,{fallback:null,children:[h&&(0,E.jsx)("div",{className:i()(ne,{[ce]:s>5}),style:{...o},"data-testid":"lyrics-container",children:d?(0,E.jsx)(Ge,{buttonText:u.ag.get("sign_up"),secondaryButtonText:u.ag.get("login"),text:u.ag.get("track-page.sign-in-to-view-lyrics"),onPrimaryButtonClick:ia.L6,onSecondaryButtonClick:ia.h$}):(0,E.jsx)(pa,{uri:n,imageForLyricsRequest:r,isPlayable:l})}),(0,E.jsx)("div",{className:i()(ie,{[le]:s>5&&h}),style:{...o},children:(0,E.jsx)(ra,{artists:a,LinkComponent:Ye.default,disabled:!m,enableI18nRoutes:p,enableI18nAdditionalPages:x})})]})};var ba=s(41038),ka=s(9108),ja=s(45438),fa=s(73928),Ca=s(91991),Na=s(29770);const Ia=({album:e,index:a,artistURI:s})=>(0,E.jsx)(ja.JL,{value:"card",index:a,children:(0,E.jsx)(Na.i,{index:a,latest:!1,showType:!0,...(0,Ca.B$)(e,s,e.name)})});var Aa=s(70930);const Ra=({albums:e,artistName:a,artistId:s,artistUri:t,className:r})=>e?(0,E.jsx)(ja.JL,{value:"shelf/albums",children:(0,E.jsx)(Aa.P,{total:e.totalCount,title:u.ag.get("rich-page.popular-albums-by-artist",{artist:a}),seeAllUri:`${(0,Ca.GJ)(s)}:discography:${fa.VZ.Album.toLowerCase()}`,seeAllLabel:u.ag.get("shelf.see-all"),alwaysShowSeeAll:!0,className:r,children:(0,Ca.Hr)(e.items).map(((e,a)=>(0,E.jsx)(Ia,{album:e,index:a,artistURI:t},e.uri)))})}):null;var Pa=s(25959);const wa=({artistId:e,className:a,fansAlsoLike:s,title:t})=>(0,E.jsx)(ja.JL,{value:"shelf/fans-also-like",children:(0,E.jsx)(Aa.P,{total:s.length,title:t??u.ag.get("rich-page.fans-also-like"),seeAllUri:`${(0,Ca.GJ)(e)}:related`,className:a,children:s.map(((e,a)=>(0,E.jsx)(ja.JL,{value:"card",index:a,children:(0,E.jsx)(Pa.I,{index:a,uri:e.uri,name:e.profile.name,images:e.visuals.avatarImage?.sources||[]})},e.uri)))})});var Ta=s(80548);const Ua="ERm7dIKbVoqGwPb_lXPH",Sa=({artistName:e,artistUri:a,headerClassName:s,rowClassName:r,topTracks:i,topTracksTransformer:l,uri:c})=>{const o=(0,t.useMemo)((()=>i?.items.map((e=>l(e,c)))),[i?.items,l,c]),{usePlayContextItem:d}=(0,M.n)({uri:a},{featureIdentifier:"artist"});return o&&o.length>0?(0,E.jsxs)("div",{className:r,children:[(0,E.jsxs)("div",{children:[(0,E.jsx)(n.x,{variant:"bodySmall",className:Ua,children:u.ag.get("rich-page.popular-tracks")}),(0,E.jsx)(n.x,{as:"h2",variant:"titleSmall",semanticColor:"textBase",className:s,children:e})]}),(0,E.jsx)(Ta.k,{nrTracks:o.length,initialTracks:o,usePlayContextItem:d})]}):null},Da=({artistName:e,artistId:a,artistUri:s,className:t,releases:r,artistImages:i})=>r?(0,E.jsx)(ja.JL,{value:"shelf/releases",children:(0,E.jsx)(Aa.P,{total:10,title:u.ag.get("rich-page.popular-releases-by-artist",{artist:e}),seeAllUri:`${(0,Ca.GJ)(a)}:discography:${fa.VZ.Album.toLowerCase()}`,seeAllLabel:u.ag.get("shelf.see-all"),alwaysShowSeeAll:!0,className:t,listRowHeaderProps:i?{title:e,pretitle:u.ag.get("artist-page.popular"),media:(0,X.o)(i,{desiredSize:48})||""}:null,children:r.items.map(((e,a)=>(0,E.jsx)(Ia,{album:e,index:a,artistURI:s},e.uri)))})}):null,Ea=({artistId:e,artistName:a,artistUri:s,className:t,singles:r})=>r?(0,E.jsx)(ja.JL,{value:"shelf/singles-and-eps",children:(0,E.jsx)(Aa.P,{total:r.totalCount,title:u.ag.get("rich-page.popular-singles-and-eps-by-artist",{artist:a}),seeAllUri:`${(0,Ca.GJ)(e)}:discography:${fa.VZ.Single.toLowerCase()}`,seeAllLabel:u.ag.get("shelf.see-all"),alwaysShowSeeAll:!0,className:t,children:(0,Ca.Hr)(r.items).map(((e,a)=>(0,E.jsx)(Ia,{album:e,index:a,artistURI:s},e.uri)))})}):null;var Oa=s(62116),Ba=s(50540),Fa=s(13222),Ma=s(44059);const _a=e=>(e.items||[]).map((e=>({name:e.profile.name,images:(e.visuals.avatarImage?.sources||[]).map((e=>({url:e.url,width:e.width,height:e.height}))),uri:e.uri,id:e.id}))),Ga=e=>(e||[]).map((e=>e.profile.name)),Ya=({uri:e,track:a})=>{const s=(0,we.k)(),r=(0,Ba.g)(),l=(0,Oa.k)({type:"locale",uri:e}),d=u.ag.getLocaleForTranslation(),x=parseInt(a.playcount||"0",10),{firstArtist:j,otherArtists:f,albumOfTrack:C,duration:N,name:I}=a,A=C?.coverArt,R=C?.copyright.items,P=C?.courtesyLine,{date:w,precision:U}=C?.date?(0,ee.dR)(C.date):{date:void 0,precision:void 0},S=A?.extractedColors?.colorRaw.hex,D=(A?.sources||[]).map((e=>({url:e.url,width:e.width||void 0,height:e.height||void 0}))),F={uri:C?.uri||"",name:C?.name||""},G=Ga(j.items),Y=Ga(f.items),z=_a(j),K=_a(f),q=[...z,...K],V=j.items[0],$=a.albumOfTrack,H=$?.playability?.playable,J={artistId:V?.id,artistName:V?.profile?.name,artistUri:V?.uri},Z=a.albumOfTrack?.coverArt?.sources,se=(0,X.o)(Z||void 0,{desiredLabel:"large",desiredSize:600})??Z?.[0]?.url??"",[re,ie]=(0,t.useState)(!1),le=(0,t.useCallback)((()=>{ie(!re)}),[re]),ne=f&&f.items.length>5,{spec:ce,logger:ue}=(0,Q.fU)(o.createDesktopTrackEventFactory,{data:{uri:e}}),je=a.playability.playable,fe=(0,te.Y)(e),{togglePlay:Ce,isPlaying:Ne,isActive:Ie}=(0,M.n)({uri:fe},{featureIdentifier:"track"}),Ae=(0,t.useCallback)((()=>(0,_.Zs)({i18n:u.ag,trackArtistsList:[...G,...Y].join(u.ag.getSeparator()),trackName:a.name,shouldLocalize:l})),[G,Y,l,a.name]),Re=(0,t.useCallback)(((e,a)=>{ue.logInteraction(ce.headerFactory().artistLinkFactory({position:a.position,uri:a.creator.uri}).hitUiNavigate({destination:a.creator.uri}))}),[ue,ce]),Pe=(0,t.useCallback)((()=>{const a=(0,L.aK)({isPlaying:Ne,isActive:Ie,spec:ce.actionBarFactory().playButtonFactory(),logger:ue,uri:e});Ce({loggingParams:a})}),[Ie,Ne,ue,ce,Ce,e]),Ue=$?.uri,Se=(0,t.useMemo)((()=>[...j.items,...f.items].map((e=>({uri:e.uri,name:e.profile.name})))),[j.items,f.items]),De=(0,E.jsx)(g.$,{uri:e,albumUri:Ue,artists:Se});return(0,E.jsxs)("section",{"data-testid":"track-page",children:[(0,E.jsx)(ba.$,{children:Ae()}),(0,E.jsxs)(y.gF,{backgroundColor:S,children:[(0,E.jsxs)(h.W,{children:[(0,E.jsx)(v.$,{size:"medium",onClick:Pe,disabled:!je,isPlaying:Ne,uri:e}),(0,E.jsx)(p.i,{text:I,dragUri:e,dragLabel:I})]}),(0,E.jsx)(m._P,{menu:De,children:(0,E.jsx)(y.Oz,{dragUri:e,images:D,name:I,placeholderType:"album"})}),(0,E.jsxs)(y.sP,{children:[(0,E.jsx)(n.x,{variant:"bodySmallBold",children:u.ag.get("song")}),(0,E.jsx)(m._P,{menu:De,children:(0,E.jsx)(y.xd,{dragUri:e,dragLabel:I,children:I})}),(0,E.jsx)(y.QS,{creators:z,releaseDate:w,releaseDatePrecision:U,durationMilliseconds:N.totalMilliseconds,onCreatorClick:Re,isTrack:!0,album:F,playcount:x})]})]}),(0,E.jsx)(Te,{uri:e,togglePlay:Ce,isPlaying:Ne,isActive:Ie,spec:(0,t.useMemo)((()=>ce.actionBarFactory()),[ce]),logger:ue,backgroundColor:S,name:I,isPlayable:je,albumUri:Ue,artists:Se}),(0,E.jsxs)(W,{children:[(0,E.jsxs)("div",{className:"contentSpacing",children:[(0,E.jsx)("div",{className:oe,children:(0,E.jsx)(k.T,{render:({columnCount:a})=>(0,E.jsx)(La,{imageForLyricsRequest:se,albumArtists:q,columnCount:a,uri:e,isPlayable:je})})}),(0,E.jsx)(ka.y,{subtitle:u.ag.get("internal-link-recommender.based-on-this-song"),uri:a.uri,entityType:T.p.TRACK}),(0,E.jsx)(Sa,{artistName:V.profile.name,artistUri:V.uri,headerClassName:ge,rowClassName:oe,topTracks:V.discography.topTracks,topTracksTransformer:Fa.X7,uri:a.uri}),(0,E.jsx)(Da,{className:me,releases:V?.discography?.popularReleasesAlbums,...J}),(0,E.jsx)(Ra,{albums:V?.discography?.albums,className:me,...J}),(0,E.jsx)(Ea,{className:me,singles:V?.discography?.singles,...J}),f&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)("div",{className:he,children:f.items.map(((e,a)=>(0,E.jsx)(Da,{className:i()(ye,{[xe]:a>4,[ve]:re&&a>4}),releases:e.discography.popularReleasesAlbums,artistName:e.profile.name,artistId:e.id,artistUri:e.uri,artistImages:e.visuals.avatarImage?.sources},e.id)))}),ne&&(0,E.jsx)(c.o,{onClick:le,className:Le,children:(0,E.jsx)(n.x,{as:"h2",variant:"bodySmallBold",children:re?u.ag.get("show_less"):u.ag.get("mwp.search.artists.all")})}),(0,E.jsx)(wa,{artistId:V.id,className:i()(me,{[pe]:f.items.length>0}),fansAlsoLike:V.relatedContent.relatedArtists.items,title:u.ag.get("artist-page.fansalsolike")})]}),$&&(0,E.jsx)(B,{art:$.coverArt?.sources[0],disabled:!H||!s,LinkComponent:Ye.default,name:$.name,type:$.type,size:O.LARGE,uri:$.uri}),(0,E.jsx)(ke,{richTrack:a})]}),(0,E.jsx)("div",{className:"contentSpacing",children:(0,E.jsxs)("div",{className:de,children:[w&&(0,E.jsx)(n.x,{as:"p",variant:"bodySmall",className:be,children:(0,ae.BI)((0,ae.RX)(w),d,{year:"numeric",month:"long",day:"numeric"},U)}),(0,E.jsx)(b.k,{copyrights:R||[],courtesyLine:P}),!r&&(0,E.jsx)(Ee,{uri:e,imageForLyricsRequest:se,isPlayable:je})]})})]})]})},za=(0,t.memo)((function(){const{trackId:e=""}=(0,l.UO)(),a=(0,d.tn)(e).toURI(),s=(0,Ma.QN)({uri:a});return s.loading||s.error||"Track"!==s.data?.trackUnion?.__typename?(0,E.jsx)(x.h,{hasError:!s.loading,errorMessage:u.ag.get("track-page.error")}):(0,E.jsx)(F.fd,{surface:F.Tg.TRACK,uris:[a,s.data.trackUnion.albumOfTrack?.uri??null],children:(0,E.jsx)(Ya,{uri:a,track:s.data.trackUnion})})}))}}]);
|
|
//# sourceMappingURL=xpui-routes-track-v2.js.map
|