8528.js

"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[8528],{87917:(e,a,s)=>{s.d(a,{u:()=>j});var t=s(30758),r=s(97500),n=s.n(r),i=s(92907),d=s(58566),o=s(77287),l=s(87950),c=s(54295);const u="B3NcOBJt_x6GdEDzdMX4",m="cwkCVR8XspK0RXEmmHqW",g="CFjzd1Z8fj7reHf6vhG8",x="oQ4jLC_wmDT4a46KRq9P";var h=s(86070);const v=(0,t.memo)((({isLoading:e})=>{const a=(0,o.h)("shimmer");return(0,h.jsx)("div",{ref:a,className:n()(c.A.imageWrapper,{[x]:e})})})),j=(0,t.memo)((({cardImage:e,isLoading:a,variant:s})=>(0,h.jsxs)("div",{className:n()(l.A.card,u),"aria-hidden":!0,"data-testid":"skeleton-card",children:[(0,h.jsx)("div",{className:n()(l.A.imageContainer,l.A.imageContainerSkeleton),children:e||(0,h.jsx)(v,{isLoading:a})}),(0,h.jsxs)("div",{className:l.A.cardMetadata,children:[(0,h.jsx)(d.Y,{as:"div",variant:"bodyMediumBold",className:m,charCount:15,isLoading:a}),s!==i._.Compact&&(0,h.jsx)(d.Y,{as:"div",variant:"bodySmall",className:g,charCount:10,isLoading:a})]})]})))},10893:(e,a,s)=>{s.d(a,{w:()=>b});var t=s(93492),r=s(92907),n=s(30848),i=s(36776),d=s(61894),o=s(60452),l=s(12367),c=s(82502),u=s(30368),m=s(76762),g=s(38377),x=s(16300),h=s(3568),v=s(39595),j=s(89979);const f="UHjdTucjadSs9x3SjoAp",y="iHomw25Q7DDHLVQxfgNW";var C=s(86070);const b=({name:e,uri:a,images:s,album:b,artists:p,isExplicit:I,is19PlusOnly:k,isHero:N=!1,onClick:P,testId:L,index:E,requestId:S,isLyricsMatch:A,color:R,hasAssociatedVideo:w,variant:H,logCardImpressions:M=!1})=>{let _;const{badges:T,hasBadges:U}=(0,j.b)({isExplicit:I,isMOGEFRestricted:k,hasAssociatedVideo:w});return _=N?(0,C.jsx)(d.A,{index:E,onClick:P,headerText:e,featureIdentifier:"track",uri:a,albumURI:b?.uri,renderCardImage:()=>(0,C.jsx)(n.M,{isHero:!0,images:s,color:R}),renderSubHeaderContent:()=>(0,C.jsxs)(i.c,{isHero:!0,children:[U&&(0,C.jsxs)(m.P,{children:[T.explicit&&(0,C.jsx)(h.U,{}),T.nineteen&&(0,C.jsx)(v.q,{className:f,size:16}),T.hasAssociatedVideo&&(0,C.jsx)(g.l,{})]}),(0,C.jsx)(o.t,{children:t.Ru.get("card.tag.track")}),(0,C.jsx)(u.l,{artists:p,className:y}),A&&(0,C.jsx)(x.G,{})]}),testId:L,requestId:S,logCardImpressions:M}):(0,C.jsx)(r.Z,{variant:H,index:E,onClick:P,headerText:e,featureIdentifier:"track",uri:a,albumURI:b?.uri,renderCardImage:()=>(0,C.jsx)(n.M,{images:s,color:R}),renderSubHeaderContent:()=>(0,C.jsxs)(i.c,{children:[I&&!k&&(0,C.jsx)(h.U,{className:f}),k&&(0,C.jsx)(v.q,{size:16,className:f}),(0,C.jsx)(u.l,{artists:p,className:y}),A&&(0,C.jsx)(x.G,{})]}),testId:L,requestId:S,logCardImpressions:M}),(0,C.jsx)(l.h,{menu:(0,C.jsx)(c.P,{uri:a,artists:p,albumUri:b?.uri}),children:_})}},12379:(e,a,s)=>{s.d(a,{P:()=>n});var t=s(38564),r=s(86070);const n=({iconSize:e,className:a})=>(0,r.jsx)("div",{className:a,children:(0,r.jsx)(t.E,{size:e,"aria-hidden":!0})})},58566:(e,a,s)=>{s.d(a,{Y:()=>c});var t=s(97500),r=s.n(t),n=s(13505),i=s(77287);const d="dxnMpEuxRQ5Ml60ftDcz",o="jFPYamKaGvZv7JA45KCu";var l=s(86070);const c=({as:e,variant:a,className:s,charCount:t,isLoading:c})=>{const u=(0,i.h)("shimmer");return(0,l.jsx)(n.E,{ref:u,as:e,variant:a,className:r()(d,s,{[o]:c}),style:{width:t?`${t}ch`:void 0},tabIndex:-1,"aria-hidden":!0})}},30368:(e,a,s)=>{s.d(a,{l:()=>c});var t=s(30758),r=s(13505),n=s(93492),i=s(89913),d=s(32883),o=s(99802),l=s(86070);const c=({artists:e,spec:a,className:s})=>{const c=(0,o.s)(),u=(0,t.useCallback)(((e,s)=>{a&&c.logInteraction(a.artistLinkFactory({position:s??0,uri:e}).hitUiNavigate({destination:e}))}),[c,a]);if(!e||0===e.length)return null;const m=e.map((({name:e})=>e)).join(n.Ru.getSeparator());return(0,l.jsx)(i.Zp,{label:m,showDelay:i.uF,children:(0,l.jsx)(r.E,{as:"span",variant:"bodySmall",className:s,children:e.map((({uri:e,name:a},s)=>(0,l.jsxs)(t.Fragment,{children:[s>0&&n.Ru.getSeparator(),(0,l.jsx)(d.y,{name:a,uri:e,onClick:u,index:s,children:a},e)]},e)))})})}},76762:(e,a,s)=>{s.d(a,{P:()=>i});var t=s(13505),r=s(80104),n=s(86070);const i=({children:e})=>e?(0,n.jsx)(t.E,{variant:"bodyMedium",className:r.A.rowBadges,semanticColor:"textSubdued",children:e}):null},1242:(e,a,s)=>{s.d(a,{b:()=>i});var t=s(12379),r=s(41769),n=s(86070);const i=()=>(0,n.jsx)("div",{className:r.A.coverContainer,children:(0,n.jsx)(t.P,{iconSize:"xxlarge",className:r.A.coverIcon})})},67047:(e,a,s)=>{s.d(a,{o:()=>v});var t=s(93492),r=s(92907),n=s(30848),i=s(36776),d=s(87917),o=s(62411),l=s(52514),c=s(98962),u=s(13553),m=s(31404);var g=s(46307),x=s(86070);const h=({metadata:e,index:a,variant:s})=>{const{isPlaying:d,togglePlay:o}=(0,g.P)({uri:e.uri},{featureIdentifier:"your_library"}),{name:l,images:c}=e;return(0,x.jsx)(r.Z,{variant:s,index:a,delegatePlayback:!0,delegateLogging:!0,isPlaying:d,featureIdentifier:"your_library",onPlay:(e,a)=>o({loggingParams:a}),headerText:l,uri:e.uri,renderCardImage:()=>(0,x.jsx)(n.M,{images:c}),renderSubHeaderContent:()=>(0,x.jsx)(i.c,{children:t.Ru.get("tracklist-header.songs-counter",e.totalLength)})})},v=({index:e,variant:a})=>{const s=function(){const e=(0,u.d)({offset:0,limit:1}),{user:a}=(0,o.d4)(c.Ht);if(null===e||null===a)return null;const s=(0,l.$R)(a.id);return s?{uri:s.uri,name:s.name,images:s.images,totalLength:e?.totalLength,unfilteredTotalLength:e.unfilteredTotalLength,owner:(0,m.w)(a)}:null}();return s?(0,x.jsx)(h,{metadata:s,index:e,variant:a}):(0,x.jsx)(d.u,{cardImage:(0,x.jsx)(n.M,{images:l.s0}),isLoading:!0,variant:a})}},16300:(e,a,s)=>{s.d(a,{G:()=>i});var t=s(13505),r=s(93492),n=s(86070);const i=()=>(0,n.jsxs)(n.Fragment,{children:[" • ",(0,n.jsx)(t.E,{variant:"bodySmall",semanticColor:"textBase",dir:"auto",as:"span",children:r.Ru.get("search.lyrics-match")})]})},78904:(e,a,s)=>{s.d(a,{u:()=>m});var t=s(62411),r=s(3118),n=s(72574),i=s(93492),d=s(90630),o=s(98962),l=s(79101),c=s(13553),u=s(31404);function m(){const e=(0,c.v)({offset:0,limit:1}),{user:a}=(0,t.d4)(o.Ht),s=(0,r.NC)(d.ucV,{loadingValue:!1});if(null===e||!a?.id)return null;return{uri:s?l.H3:(0,n.fHB)(a.id,"your-episodes").toURI(),name:i.Ru.get("sidebar.your_episodes"),images:[],totalLength:e?.totalLength,owner:(0,u.w)(a)}}},1526:(e,a,s)=>{s.d(a,{e:()=>x});var t=s(93492),r=s(92907),n=s(30848),i=s(36776),d=s(87917),o=s(1242),l=s(78904),c=s(46307),u=s(41769),m=s(86070);const g=({metadata:e,index:a,variant:s})=>{const{isPlaying:d,togglePlay:l}=(0,c.P)({uri:e.uri},{featureIdentifier:"your_library"}),{name:g,images:x}=e;return(0,m.jsx)(r.Z,{variant:s,index:a,delegatePlayback:!0,delegateLogging:!0,isPlaying:d,featureIdentifier:"your_library",onPlay:(e,a)=>l({loggingParams:a}),headerText:g,uri:e.uri,renderCardImage:()=>(0,m.jsx)(n.M,{images:x,FallbackComponent:o.b}),renderSubHeaderContent:()=>(0,m.jsx)(i.c,{children:t.Ru.get("tracklist-header.episodes-counter",e.totalLength)}),className:u.A.yourEpisodesCard})},x=({index:e,variant:a})=>{const s=(0,l.u)();return s?(0,m.jsx)(g,{metadata:s,index:e,variant:a}):(0,m.jsx)(d.u,{cardImage:(0,m.jsx)(n.M,{FallbackComponent:o.b}),isLoading:!0,variant:a})}},77287:(e,a,s)=>{s.d(a,{h:()=>r});var t=s(30758);function r(e){return(0,t.useCallback)((a=>{null!==a&&void 0!==a.getAnimations&&a.getAnimations({subtree:!0}).filter((a=>a instanceof CSSAnimation&&a.animationName===e&&"running"===a.playState)).forEach((e=>e.startTime=0))}),[e])}},13553:(e,a,s)=>{s.d(a,{d:()=>u,v:()=>m});var t=s(30758),r=s(9875),n=s(36663),i=s(26239),d=s(88308),o=s(2690);const l=r.UV.UPDATE;function c(e,a){const s=(0,n.f)(),[r,d]=(0,t.useState)(null),c=(0,t.useCallback)((async t=>{e===t.data.list&&d(await a(s))}),[s,e,a]);return(0,t.useEffect)((()=>{c(new o.Vk(l,{list:e}))}),[c,e]),(0,i.l)(l,c),r}function u(e){return c(r.Ir.TRACKS,(0,d.U0)((a=>a.getTracks(e)),[e]))}function m(e){return c(r.Ir.EPISODES,(0,d.U0)((a=>a.getEpisodes(e)),[e]))}},26239:(e,a,s)=>{s.d(a,{l:()=>n});var t=s(30758),r=s(36663);function n(e,a){const s=(0,r.f)(),n=(0,t.useRef)(a);(0,t.useLayoutEffect)((()=>{n.current=a})),(0,t.useEffect)((()=>s.getEvents().addListener(e,(e=>n.current(e)))),[e,s])}},41769:(e,a,s)=>{s.d(a,{A:()=>t});const t={coverContainer:"aaasJtK_0Z_ggHet0u6v",yourEpisodesCard:"Iy8zwWQVG_ylQT9GRLhR",coverIcon:"o5KDMPy9Ed_fP0aQ63vd"}}}]);