"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[777],{79509:(e,t,n)=>{n.d(t,{w:()=>v});var i=n(30758),a=n(97500),r=n.n(a),s=n(43727),l=n(92107),o=n(96992),c=n(52708);const u="pvGZ831aNzHTQMZ8CA_u";var d=n(86070),v=(0,i.memo)((function(e){var t=e.onClick,n=void 0===t?function(){}:t,a=e.size,v=e.className,m=e.uri,f=e.sharingInfo,h=e.interactionData,p=e.ariaLabel,x=void 0===p?l.Ru.get("mwp.list.item.share"):p,j=e.condensedAll,g=e.placement,b=e.semanticColor,y=e.disableTooltip,w=(0,c.L)({sharingInfo:f,uri:m,interactionData:h}).onCopyLink,N=(0,i.useCallback)((function(){w(),n()}),[n,w]);return(0,d.jsx)(o.a,{ariaLabel:x,size:a,onClick:N,className:r()(u,v),icon:s.C,condensedAll:j,placement:g,condensed:!0,semanticColor:b,disableTooltip:y})}))},81573:(e,t,n)=>{n.d(t,{W:()=>l});var i=n(30758),a=n(12072),r=n(92107),s=n(86070),l=(0,i.memo)((function(e){var t=e.isFollowing,n=e.onClick,i=e.disabled,l=void 0!==i&&i,o=e.buttonText,c=e.size,u=void 0===c?"small":c,d=e.className,v=t?r.Ru.get("following"):r.Ru.get("follow");return(0,s.jsx)(a.n,{onClick:n,disabled:l,size:u,className:d,children:o||v})}))},40439:(e,t,n)=>{n.r(t),n.d(t,{WatchFeedViewContainer:()=>Tn});var i=n(86308),a=n(50605),r=n(12341),s=(n(184),n(42486),n(30758)),l=n(5763),o=n(47118),c=n(86070),u=(0,s.createContext)(null);function d(){var e=(0,s.useContext)(u);if(null===e)throw new Error("Trying to use 'OverturePlaybackContext' without 'OverturePlaybackProvider'!");return e}var v="playbackContainerWatchFeed",m=function(e){var t=e.children,n=e.overridePlatformId,i=(0,s.useState)((0,o.Ue)({videoPlayerContainer:".".concat(v),audioPlayerContainer:".".concat(v),disallowRobustnessValues:[l.ci.EMPTY]},n)),a=(0,r.A)(i,2),d=a[0];a[1];return(0,s.useEffect)((function(){return function(){d.stop(),d.removeAllListeners()}}),[d]),(0,c.jsx)(u.Provider,{value:d,children:t})},f=n(52542),h=n(62822),p=n(93091),x=n.n(p),j=(n(79024),n(71425),n(43379),n(97460),n(93577),n(60287),n(97500)),g=n.n(j),b=n(15057),y=n(23100),w=n(13534),N=n(2648),E=n(64399),k=n(37328),C=n(92107),I=n(78988),S=n(64364),A=n(17011),L=n(8574),P=n(64869),R=s.memo((function(e){var t=e.uri,n=e.className,i=e.onClick,a=void 0===i?function(){}:i,r=e.size,l=void 0===r?I.t.xs:r,o=e.placement,u=(0,P.z)(),d=(0,L.W)(),v=(0,s.useCallback)((function(){d({intent:"add-to-queue",type:"click"}),u.addToQueue([{uri:t,uid:null}]),a()}),[d,u,t,a]),m=C.Ru.get("contextmenu.add-to-queue");return(0,c.jsx)(A.Zp,{label:m,placement:o,children:(0,c.jsx)(N.H,{iconOnly:S.V,"aria-label":m,onClick:v,"data-testid":"add-button",size:l,className:n})})})),F=n(79564),M=n(79509),U=n(80021),O=n(51725),T=n(43023),D=n(33287),_=n(62774),W=n(32802),B=n(23721),z=n(36703);const H="IQsUjbPtrVLyyA5iu3zQ";var Y=function(e){var t=e.iconSize,n=void 0===t?"small":t,i=e.toggleMute,a=e.isMuted,r=e.className,s=e.labelPlacement;return a?(0,c.jsx)(A.Zp,{label:C.Ru.get("playback-control.unmute"),placement:s,children:(0,c.jsx)(N.H,{condensedAll:!0,onClick:i,"aria-label":C.Ru.get("playback-control.unmute"),className:r,children:(0,c.jsx)(W.X,{size:n})})}):(0,c.jsx)(A.Zp,{label:C.Ru.get("playback-control.mute"),placement:s,children:(0,c.jsxs)(N.H,{condensedAll:!0,onClick:i,"aria-label":C.Ru.get("playback-control.mute"),className:r,children:[(0,c.jsx)(B.C,{size:n}),(0,c.jsx)(z.J,{animated:!0,white:!0,className:H})]})})},Q=(n(25550),n(47710),n(15342),n(8143)),V=n(57574),G=n(83643),J=n(27188);const q="JXh51ebDftiwM49U49IA",K="IId345zLSrSuzIWtN4Sd",Z="EMcF5GoJ2mLzcp0t365T",X="V795GKOEZNiChr8dJcD4",$="pGPb4TiSkhPdYEt8h2Av",ee="FWBI05WNSb4HR8goMhai",te="BWyVJ8XXZ0jRGpFaA9iW",ne="gWworaJ45IDWOdwjrZKh";var ie=function(){var e=(0,s.useState)(!1),t=(0,r.A)(e,2),n=t[0],i=t[1];return(0,s.useLayoutEffect)((function(){setTimeout((function(){return i(!0)}),200)}),[]),(0,c.jsxs)("div",{className:g()(q,(0,f.A)({},K,n)),children:[(0,c.jsx)("div",{className:g()(X,$)}),(0,c.jsx)("div",{className:g()(X,ee)}),(0,c.jsx)("div",{className:g()(X,te)}),(0,c.jsx)("div",{className:g()(X,ee)}),(0,c.jsx)("div",{className:Z}),(0,c.jsx)("div",{className:g()(X,ne)}),(0,c.jsx)("div",{className:g()(X,te)}),(0,c.jsx)("div",{className:g()(X,$)}),(0,c.jsx)("div",{className:g()(X,ee)})]})},ae=n(44326),re=n(43980),se=n(72445),le=n(74641);const oe="YHeDUF3aquXRxYmKOs1A",ce="Ul_Er3t8veggCi1APkwp",ue="fhmiZPVDhaOYIlNd7Myq",de="sJnarE2UKqyhLo0LFNqy",ve="bPMdcQr8gSb4AgWfkolx",me="cjZ23zZucJkKFMIrGZa4",fe="qgczwXDFdF_gy4gRs3LN",he="rCxYvbE1hq2_VEMOM6M_",pe="iQnF1gu0Mg2rGsKVHIFn";var xe=function(e){var t,n,i,a,l,o=e.parentEl,u=e.item,d=(0,s.useState)({shouldRender:!0,hasError:!1}),v=(0,r.A)(d,2),m=v[0],f=v[1],h=(0,J.Eg)(null==u||null===(t=u.canvas)||void 0===t?void 0:t.fileId,null==u||null===(n=u.canvas)||void 0===n?void 0:n.uri)&&!m.hasError;(0,s.useEffect)((function(){f({shouldRender:!0,hasError:!1})}),[null==u?void 0:u.uri]);var p=(0,s.useCallback)((function(e){e&&f({shouldRender:!1,hasError:!0})}),[]);return(0,Q.createPortal)((0,c.jsx)(c.Fragment,{children:h&&(0,c.jsx)(G.h,{menu:(0,c.jsx)(O.P,{uri:u.uri}),children:(0,c.jsx)("div",{className:ce,children:(0,c.jsx)(J.Gg,{fileId:null===(i=u.canvas)||void 0===i?void 0:i.fileId,canvasUrl:null===(a=u.canvas)||void 0===a?void 0:a.url,canvasUri:null===(l=u.canvas)||void 0===l?void 0:l.uri,className:ue,overridePlatformId:ae.R,playerContainerClass:"canvasContainerWatchFeed",onError:p,playbackType:J.RT.Loop})})})}),o)},je=(0,s.memo)((function(e){var t,n,i=e.item,a=e.itemPosition,l=e.isActive,o=e.onItemPositionInView,u=e.carouselEl,d=e.itemElByPositionRef,v=function(e){var t,n,i;return null!==(t=e.canvas)&&void 0!==t&&null!==(t=t.thumbnail)&&void 0!==t&&t.sources?null===(i=e.canvas.thumbnail.sources.sort((function(e,t){var n,i;return(null!==(n=t.width)&&void 0!==n?n:0)-(null!==(i=e.width)&&void 0!==i?i:0)}))[0])||void 0===i?void 0:i.url:null===(n=e.coverArt)||void 0===n||null===(n=n.sources.sort((function(e,t){var n,i;return(null!==(n=t.width)&&void 0!==n?n:0)-(null!==(i=e.width)&&void 0!==i?i:0)}))[0])||void 0===n?void 0:n.url}(i),m=null===i.canvas,h=(0,s.useState)(null),p=(0,r.A)(h,2),x=p[0],j=p[1],b=(0,V.Wx)({threshold:m?1:.6,root:u}),w=b.ref,N=b.inView;(0,s.useEffect)((function(){N&&o(a)}),[N,o,a]);var E=(0,s.useCallback)((function(e){d.current.set(a,e)}),[d,a]),k=(0,se.S)([w,j,E]);return v?(0,c.jsx)(G.h,{menu:(0,c.jsx)(O.P,{uri:i.uri}),children:(0,c.jsxs)("div",{ref:k,className:de,children:[m&&l&&(0,c.jsx)(ie,{}),(0,c.jsx)("div",{className:g()(fe,(0,f.A)((0,f.A)({},he,l),me,m)),style:{"--background-color":null!==(t=null===(n=i.coverArt)||void 0===n||null===(n=n.extractedColors)||void 0===n?void 0:n.colorDark.hex)&&void 0!==t?t:y.l0o},children:(0,c.jsx)("div",{className:ve,children:(0,c.jsx)(re._,{className:pe,loading:"lazy",src:v,radius:12,width:"100%"})})}),l&&x&&(0,c.jsx)(xe,{parentEl:x,item:i})]})}):null})),ge=function(e){var t=e.items,n=e.currentItemPosition,i=e.onItemPositionInView,a=e.itemElByPositionRef,l=e.onScroll,o=e.setScrollingState,u=(0,s.useState)(null),d=(0,r.A)(u,2),v=d[0],m=d[1];return(0,s.useEffect)((function(){if((0,le.n)())return function(){};var e=function(){return o(!0)},t=function(){return o(!1)};return null==v||v.addEventListener("scroll",e,{once:!0}),null==v||v.addEventListener("scrollend",t),function(){null==v||v.removeEventListener("scroll",e),null==v||v.removeEventListener("scrollend",t)}}),[v,o,n]),(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:oe,tabIndex:-1,ref:m,onScroll:l,onKeyDown:function(e){e.preventDefault()},children:t.map((function(e,t){return(0,c.jsx)(je,{item:e,isActive:t===n,carouselEl:v,itemPosition:t,onItemPositionInView:i,itemElByPositionRef:a},e.uri)}))})})},be=(n(47994),n(68832)),ye=n(89255),we=n(67924),Ne=n(51943),Ee=n(93051),ke=n(81573),Ce=n(99888),Ie=n(70566);const Se="g47sxYAVvWCq_6T4Ba5L";var Ae=function(e){var t=e.artistUri,n=e.initialLibraryState,i=e.spec,a=(0,Ce.A)(t,n),l=(0,r.A)(a,2),o=l[0],u=l[1],d=(0,Ie.s)(),v=(0,s.useCallback)((0,h.A)(x().mark((function e(){var n;return x().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=o?i.followButtonFactory().hitUnfollow({itemToBeUnfollowed:t}):i.followButtonFactory().hitFollow({itemToBeFollowed:t}),d.logInteraction(n),e.prev=2,e.next=5,u(!o);case 5:e.next=9;break;case 7:e.prev=7,e.t0=e.catch(2);case 9:case"end":return e.stop()}}),e,null,[[2,7]])}))),[o,u,t,i,d]),m=o?C.Ru.get("unfollow"):C.Ru.get("follow");return(0,c.jsx)(ke.W,{className:Se,isFollowing:o,onClick:v,buttonText:m})},Le=n(62872),Pe=(n(93805),200),Re="ease-in-out",Fe=function(e){return e[e.UP=-1]="UP",e[e.NONE=0]="NONE",e[e.DOWN=1]="DOWN",e}(Fe||{}),Me=function(e){if(!e)return Fe.NONE;var t=e.previous,n=e.current;return void 0===t||void 0===n?Fe.NONE:Math.sign(n.position-t.position)},Ue=function(e,t,n){if(e.animate){var i=Me(n);e.animate({opacity:[0,1],transform:["translateY(".concat(50*i,"%)"),"translateY(0%)"]},{duration:Pe,easing:Re,fill:"forwards",delay:100})}else e.style.opacity="1"},Oe=function(e,t,n,i){if(e.animate){var a=Me(i);e.animate({opacity:[1,0],transform:["translateY(0%)","translateY(".concat(-1*a*50,"%)")]},{duration:Pe,easing:Re,delay:100}).addEventListener("finish",n,{once:!0})}else n()},Te=function(e){e.animate?e.animate({opacity:[0,1]},{duration:Pe,easing:Re,fill:"forwards"}):e.style.opacity="1"},De=function(e,t,n){e.animate?e.animate({opacity:[1,0]},{duration:Pe,easing:Re}).addEventListener("finish",n,{once:!0}):n()},_e=function(e){var t=e.hideEnteringElements,n=e.animateEnteringElements,i=e.animateExitingElements,a=e.animateFlippedElements;t(),i(),a(),n()};const We="dkbQiFBHMdijQeINl_ij",Be="aiSwqZguOk1P52s9o9xP",ze="bl3iefJaRs18m1sL93Eh",He="zrFS4My93WidFfSAb0u6",Ye="mENWYVW_PAl8OWp2Ut6e",Qe="dErRUxXewpEkZd52uLTh",Ve="q2y15bQqkJDcBixyP5oa";var Ge=function(e){var t,n=e.mainArtist,i=e.hashtags,a=e.sectionUri,r=e.spec,l=e.logger,o=e.position,u=e.itemUri,d=(0,Le.P)().open,v=(0,s.useCallback)((function(e){var t=r.hashtagButtonFactory({uri:e}).hitUiNavigate({destination:e});l.logInteraction(t),d(a,e)}),[l,d,a,r]),m=(0,s.useCallback)((function(){var e=r.artistNameFactory().hitUiNavigate({destination:n.uri});l.logInteraction(e)}),[l,n.uri,r]);return(0,c.jsx)(be.ZI,{flipKey:"wf-".concat(u,"-footer"),handleEnterUpdateDelete:_e,decisionData:{position:o},children:(0,c.jsxs)("div",{className:We,children:[(0,c.jsx)(G.h,{renderInline:!0,menu:(0,c.jsx)(Ne.t,{uri:n.uri,isInLibrary:n.saved}),children:(0,c.jsxs)("div",{className:Be,children:[(0,c.jsx)("div",{className:Qe,children:(0,c.jsx)(be.lf,{flipId:"wf-artist-avatar-".concat(u),translate:!1,opacity:!1,scale:!1,onAppear:Te,onExit:De,children:(0,c.jsxs)("div",{className:Qe,children:[(0,c.jsx)(we.e,{label:n.name,images:(null===(t=n.avatar)||void 0===t?void 0:t.sources)||[],width:32,userIconSize:"small"})," "]})},"wf-artist-avatar-".concat(u))}),(0,c.jsxs)("div",{className:ze,children:[(0,c.jsx)(be.lf,{flipId:"wf-artist-name",translate:!0,children:(0,c.jsx)("div",{className:Qe,children:(0,c.jsx)(be.lf,{flipId:n.name,translate:!1,opacity:!1,scale:!1,onAppear:Te,onExit:De,children:(0,c.jsx)("div",{className:Qe,children:(0,c.jsx)(w.E,{variant:"bodySmall",semanticColor:"textSubdued",children:(0,c.jsx)(Ee.N,{to:n.uri,onClick:m,children:n.name})})})},n.name)})}),n.listeners&&(0,c.jsx)(be.lf,{flipId:"wf-listeners",translate:!0,children:(0,c.jsx)("div",{className:Qe,children:(0,c.jsx)(w.E,{variant:"bodySmall",semanticColor:"textSubdued",className:Ve,children:C.Ru.formatNumber(n.listeners,{notation:"compact",maximumFractionDigits:0})})})})]}),(0,c.jsx)(be.lf,{flipId:"wf-follow-button",translate:!0,children:(0,c.jsx)("div",{className:Qe,children:(0,c.jsx)(Ae,{artistUri:n.uri,initialLibraryState:n.saved,spec:r})})})]})}),i.length>0&&(0,c.jsx)("div",{className:He,children:i.map((function(e,t){return(0,c.jsx)(be.lf,{flipId:t,translate:!0,children:(0,c.jsx)("div",{className:Qe,children:(0,c.jsx)(ye.v,{onClick:function(){return v(e.uri)},children:(0,c.jsx)("span",{className:Ye,children:e.title})},t)})},t)}))})]})})},Je=n(92562),qe=n(59739),Ke=n(7856),Ze=(n(77905),n(87611));const Xe="edeYmiJw2Fd9EFB2SQZo",$e="cpE_cN95GCusnLJ3Mssy";var et=function(){var e=function(){var e=d(),t=(0,s.useRef)(Date.now()),n=(0,s.useRef)(0),i=(0,s.useState)(0),a=(0,r.A)(i,2),o=a[0],c=a[1],u=(0,s.useState)(3e4),v=(0,r.A)(u,2),m=v[0],f=v[1],h=(0,s.useState)(!1),p=(0,r.A)(h,2),x=p[0],j=p[1],g=(0,Ze.g)();return e.on(l.LW.PROGRESS,(function(e){var i=Date.now();i-t.current>=500&&(c(e.data.position),t.current=i,e.data.position>n.current?j(!0):j(!1),n.current=e.data.position)})),e.on(l.LW.BEFORE_TRACK_LOAD,(function(){c(0),j(!1)})),e.on(l.LW.DURATION_CHANGED,(function(e){f(e.data.duration)})),e.on(l.LW.TRACK_ENDED,(function(){c(m)})),{progressMs:o,durationMs:m,animate:x&&"visible"===g}}(),t=e.progressMs,n=e.durationMs,i=e.animate;return(0,c.jsx)(Ke.z,{className:g()(Xe,(0,f.A)({},$e,i)),semanticColor:"essentialBase",value:100*t/n,dir:"ltr"})};var tt=n(47795);const nt="BKbRtjcDGVGtwX86D6Q4",it="Cypiobiw1yGi5E9N48gJ",at="E0LdRRiYvrkUdZCmAXqQ",rt="yJJKqce9DPVQnrFseKKU",st="_bMlIQGXEMMBRZOVM71Z",lt="omghgDzOcUFl6oOXYNHX",ot="TaaunKIj990MWZKrBWHW";var ct=function(e){var t,n,i,a=e.item,r=e.handleTitleClick,s=e.widthBreakpoint,l=e.position,o=function(e){var t;return null==e||null===(t=e.coverArt)||void 0===t||null===(t=t.sources.sort((function(e,t){var n,i;return(null!==(n=e.width)&&void 0!==n?n:0)-(null!==(i=t.width)&&void 0!==i?i:0)}))[0])||void 0===t?void 0:t.url}(a),u=a.canvas&&o;return(0,c.jsx)(be.ZI,{flipKey:"wf-".concat(a.uri,"-itemInfo"),handleEnterUpdateDelete:_e,decisionData:{position:l},children:(0,c.jsxs)("div",{className:at,children:[(0,c.jsx)(G.h,{renderInline:!0,menu:(0,c.jsx)(O.P,{uri:a.uri,albumUri:null===(t=a.album)||void 0===t?void 0:t.uri,artists:a.artists}),children:(0,c.jsx)(be.lf,{flipId:"wf-title-".concat(a.uri),translate:!0,onAppear:Ue,onExit:Oe,children:(0,c.jsx)("div",{className:ot,children:(0,c.jsx)(w.E,{variant:s===tt.E.LARGE?"titleSmall":"titleMedium",className:rt,semanticColor:"textBase",children:(0,c.jsx)(Ee.N,{to:a.uri,onClick:r,children:a.title})})})},"wf-title-".concat(a.uri))}),(0,c.jsx)("div",{children:a.artists.map((function(e,t){return(0,c.jsx)(G.h,{renderInline:!0,menu:null!=e&&e.uri?(0,c.jsx)(Ne.t,{uri:null==e?void 0:e.uri}):null,children:(0,c.jsx)(be.lf,{flipId:"wf-artist-".concat(e.uri),translate:!0,children:(0,c.jsxs)("div",{className:g()(ot,nt),children:[t>0?C.Ru.getSeparator():null,(0,c.jsx)(Ee.N,{to:e.uri,children:(0,c.jsx)(w.E,{variant:"bodyMedium",className:it,children:e.name})})]})},"wf-artist-".concat(e.uri))},t)}))}),(0,c.jsxs)("div",{className:lt,children:[u&&(0,c.jsx)(G.h,{renderInline:!0,menu:null!==(n=a.album)&&void 0!==n&&n.uri?(0,c.jsx)(qe.h,{uri:null===(i=a.album)||void 0===i?void 0:i.uri}):null,children:(0,c.jsx)(be.lf,{flipId:"wf-coverart-".concat(a.uri),translate:!1,opacity:!1,scale:!1,onAppear:Te,onExit:De,children:(0,c.jsx)("div",{className:ot,children:(0,c.jsx)(Je._,{src:o,className:st})})},"wf-coverart-".concat(a.uri))}),(0,c.jsx)(et,{})]})]})})},ut=n(28121);const dt="YKRW27BSGgfw1jw43dpT",vt="FlQup9bGmLLKYjTrsGQ0";var mt=function(){return(0,c.jsxs)("div",{className:oe,tabIndex:0,children:[(0,c.jsx)("div",{className:de,children:(0,c.jsx)("div",{className:vt})}),(0,c.jsx)("div",{className:de,children:(0,c.jsx)("div",{className:fe,children:(0,c.jsx)("div",{className:dt,ref:function(e){null==e||e.scrollIntoView({block:"center",inline:"nearest"})}})})}),(0,c.jsx)("div",{className:de,children:(0,c.jsx)("div",{className:fe,children:(0,c.jsx)("div",{className:dt})})})]})};const ft="DJxOEatMU2PHk0cCYWoX",ht="FP_XXx0FMQPJEu3WzfpM",pt="JYvxp3Y58xF59FA7Mnaf",xt="WLr9Q6nJ_Hv35r7pNEa3",jt="uwkK6FkoyBrxvGSYBbhw",gt="AkStH5UDLsXzudcPz_J_",bt="YmJS4xMTXdNQLvbP2VAt",yt="Qtx4b7Wc1c7NEX49CMeH",wt="SliTY9e8oKOiypDQdhlw",Nt="OGPXh73aLJDzhfFAdPvM",Et="d9bbNw4YiAXpQpjrSgBJ",kt="ji0qx5PBc5_4aMgNLGrp",Ct="BLIxyum1wPNrFibaQ9wr",It="NazSI1w8xaruwFqTP3sS",St="ZRarvpz5og3ifOVHzGOv",At="RQaEu8T4LvqfvRmirqJy",Lt="jskTw7aMQHNyh13AZI6R",Pt="hK5DaTfJaFpo2BJuoy5k";var Rt=function(e){var t=e.hide;return(0,c.jsxs)("div",{className:g()(xt,pt,(0,f.A)({},jt,t)),children:[(0,c.jsxs)("div",{className:Pt,children:[(0,c.jsx)("div",{className:gt,children:(0,c.jsx)(ut.Y,{as:"div",variant:"bodySmall",charCount:8,isLoading:!0})}),(0,c.jsxs)("div",{className:at,children:[(0,c.jsx)(ut.Y,{as:"div",variant:"titleMedium",charCount:10,isLoading:!0}),(0,c.jsx)(ut.Y,{as:"div",variant:"bodyMedium",charCount:15,isLoading:!0}),(0,c.jsx)(ut.Y,{as:"div",variant:"bodySmall",charCount:20,isLoading:!0})]}),(0,c.jsxs)("div",{className:We,children:[(0,c.jsx)(ut.Y,{as:"div",variant:"titleSmall",charCount:10}),(0,c.jsx)(ut.Y,{as:"div",variant:"bodySmall",charCount:15})]})]}),(0,c.jsx)("div",{className:St,children:(0,c.jsx)(mt,{})}),(0,c.jsx)("div",{className:kt})]})},Ft=n(38946),Mt=n(11854),Ut=n(76348),Ot=(n(7651),n(14551),n(32824)),Tt=n(14955),Dt=n(61616),_t=n(53731),Wt=n(53902),Bt=n(69583),zt=n(34300);const Ht="dcZW_YRCwhi9TTJMPxzX",Yt="JSNVglrzXyqMjvBqTdjS",Qt="HfPg2vA6Xn7iwiUnz1e9",Vt="vWe6vr0rBY5E9eWjL4hm",Gt="f7MX2BXkHu1edOXcPYc6",Jt="GMCJTC2SwK0uAZrugIfm",qt="LN31SBNtphm5YdIegKRN";var Kt=function(e){var t=e.children;return(0,c.jsx)("div",{className:Ht,children:t})},Zt=function(e){var t=e.children,n=(0,zt.x)("watch-feed.dismissed-shortcut-onboarding",!1),i=(0,r.A)(n,2),a=i[0],l=i[1],o=(0,Bt.W)();if((0,s.useEffect)((function(){var e=function(e){"?"===e.key&&l(!a)};return document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}}),[a,l]),a)return(0,c.jsx)(c.Fragment,{children:t});var u=(0,c.jsxs)(Ot.A,{colorSet:"announcement",popoverTitle:C.Ru.get("web-player.watch-feed.view.shortcuts.title"),children:[(0,c.jsx)(Tt.Z,{variant:"ballad",className:Vt,children:C.Ru.get("web-player.watch-feed.view.shortcuts.description")}),(0,c.jsxs)("div",{className:Gt,children:[(0,c.jsxs)("div",{className:Jt,children:[(0,c.jsx)("span",{children:C.Ru.get("web-player.watch-feed.view.shortcuts.previous")}),(0,c.jsx)(Kt,{children:(0,c.jsx)(Dt.J,{size:"small"})})]}),(0,c.jsxs)("div",{className:Jt,children:[(0,c.jsx)("span",{children:C.Ru.get("web-player.watch-feed.view.shortcuts.next")}),(0,c.jsx)(Kt,{children:(0,c.jsx)(_t.y,{size:"small"})})]}),(0,c.jsxs)("div",{className:Jt,children:[(0,c.jsx)("span",{children:C.Ru.get("web-player.watch-feed.view.shortcuts.add-to-library")}),(0,c.jsx)(Kt,{children:(0,c.jsx)(_t.y,{size:"small",className:Yt})})]}),(0,c.jsxs)("div",{className:Jt,children:[(0,c.jsx)("span",{children:C.Ru.get("web-player.watch-feed.view.shortcuts.add-to-queue")}),(0,c.jsx)(Kt,{children:(0,c.jsx)(_t.y,{size:"small",className:Qt})})]}),(0,c.jsxs)("div",{className:Jt,children:[(0,c.jsx)("span",{children:C.Ru.get("web-player.watch-feed.view.shortcuts.mute-unmute")}),(0,c.jsx)(Kt,{children:(0,c.jsx)("span",{className:qt,children:"M"})})]})]})]});return(0,c.jsx)(Wt.W,{overlay:u,onHide:function(){l(!0)},placement:o?Wt.W.topLeft:Wt.W.leftTop,children:t})};const Xt="bsYqS4l_sJOvBGGeudDj",$t="XIKBfnA7TQOV1T8LLiAS",en="kT3dFHdVmU0vyeE71IDE";var tn=function(e){var t=e.hasNext,n=e.hasInteracted,i=e.moveDown,a=e.isRTL,r=e.widthBreakpoint,l=C.Ru.get("web-player.watch-feed.view.next-button"),o=a?"right":"left",u=(0,s.useRef)(null);return(0,s.useLayoutEffect)((function(){var e;n&&(null===(e=u.current)||void 0===e||e.focus({preventScroll:!0}))}),[n]),n?(0,c.jsx)(A.Zp,{label:l,placement:o,children:(0,c.jsx)(N.H,{className:Xt,"aria-label":l,label:l,disabled:!t,iconOnly:Ft.r,onClick:function(){return i()},ref:u,size:r===tt.E.SMALL?"small":"medium"})}):(0,c.jsx)("div",{className:$t,children:(0,c.jsx)(Zt,{children:(0,c.jsx)(Mt.$,{className:en,disabled:!t,colorSet:"invertedLight",iconTrailing:Ut.R,onClick:function(){return i()},size:r===tt.E.SMALL?"small":"medium",children:C.Ru.get("web-player.watch-feed.view.next-button")})})})},nn=n(87349);const an="fCykqEza3WtgKmxjL0C1";var rn=function(e){var t=e.hasPrevious,n=e.moveUp,i=e.isRTL,a=e.widthBreakpoint,r=C.Ru.get("web-player.watch-feed.view.previous-button"),s=i?"right":"left";return t?(0,c.jsx)(A.Zp,{label:r,placement:s,children:(0,c.jsx)(N.H,{className:an,"aria-label":r,label:r,iconOnly:nn.o,onClick:function(){return n()},size:a===tt.E.SMALL?"small":"medium"})}):null},sn=n(88677),ln=n(44286),on=n(31124),cn=n(96673),un=n(67665),dn=function(e){var t=e.uri,n=e.moveUp,i=e.moveDown,a=e.toggleMute,l=(0,un.i)(t),o=(0,P.z)(),c=(0,ln.Zp)(),u=(0,sn.d4)((function(e){return e.platform.isDesktop})),d=(0,Ce.A)(l),v=(0,r.A)(d,2),m=v[0],f=v[1],h=(0,L.W)(),p=(0,s.useCallback)((function(){h({targetUri:l,intent:m?"remove-from-library":"add-to-library",type:"key-press"}),f(!m)}),[m,h,l,f]),x=(0,s.useCallback)((function(){h({intent:"add-to-queue",type:"key-press"}),o.addToQueue([{uri:t,uid:null}])}),[h,o,t]),j=(0,s.useCallback)((function(){c(-1)}),[c]),g=(0,s.useCallback)((function(){c(1)}),[c]);return(0,on.Nx)(cn.g.GO_BACKWARDS,j,u),(0,on.Nx)(cn.g.GO_FORWARDS,g,u),(0,on.Nx)(cn.g.WF_ADD_TO_LIBRRY,p),(0,on.Nx)(cn.g.WF_ADD_TO_QUEUE,x),(0,on.Nx)(cn.g.WF_MUTE_UNMUTE,a),(0,on.Nx)(cn.g.WF_GO_TO_PREVIOUS,n),(0,on.Nx)(cn.g.WF_GO_TO_NEXT,i),null},vn=n(94199);function mn(e){var t=e.playbackContainerClass,n=e.onError,i=void 0===n?function(){}:n,a=d(),c=(0,s.useState)(!1),u=(0,r.A)(c,2),v=u[0],m=u[1],f=(0,vn.n)().volume,p=(0,Ze.g)();(0,s.useEffect)((function(){f>=0&&a.setVolume(f)}),[a,f]),(0,s.useEffect)((function(){return a.on(l.LW.TRACK_LOADED,(function(){var e,n=null===(e=document.getElementsByClassName(t)[0])||void 0===e?void 0:e.querySelector("video");n&&(n.loop=!0,n.muted=!1,n.autoplay=!0)})),a.on(l.LW.ERROR,(function(e){e.data.error&&i(e.data.error),i(new Error("PreviewPlayback error"))})),a.on(l.LW.VOLUME_CHANGED,(function(e){var t=e.data;m(0===t.volume)})),function(){a.removeListener(l.LW.TRACK_LOADED),a.removeListener(l.LW.ERROR),a.removeListener(l.LW.VOLUME_CHANGED)}}),[i,a,t]);var j=(0,s.useCallback)((0,h.A)(x().mark((function e(){var t;return x().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,a.getCurrentState();case 2:t=e.sent.playbackState.playing,"hidden"===p&&t?a.pause():"visible"!==p||t||a.resume();case 4:case"end":return e.stop()}}),e)}))),[p,a]);(0,s.useEffect)((function(){j()}),[j]);var g=(0,s.useCallback)((function(e){var t=function(e){var t=null==e?void 0:e.preview;return null!=e&&e.uri&&null!=t&&t.url?(0,l.a2)({uri:e.uri,format:"MP3",url:t.url,logData:{playbackId:(0,o.E)()}}):null}(e);t&&a.playTracks([t],{paused:!1})}),[a]),b=(0,s.useCallback)((0,h.A)(x().mark((function e(){return x().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:a.setVolume(v?f||.7:0);case 1:case"end":return e.stop()}}),e)}))),[v,a,f]),y=(0,s.useCallback)((function(){return a.getCurrentState()}),[a]);return{playPreview:g,toggleMute:b,isMuted:v,getCurrentState:y}}var fn=n(21167);var hn=n(67349);n(83234),n(30456),n(40065),n(26701),n(38408),n(37417),n(11737),n(51691),n(702),n(5672),n(34192),n(88856),n(4865),n(51565),n(80456),n(18316);var pn=n(70087),xn=n(86295),jn=(n(87718),new xn.l("watchFeedView","query","4eb0691296f18d98a553ed288853f579f8c7c4fca66b80c0e223e47dd30e935b",null)),gn=n(74512),bn=n(5280),yn=n(75355),wn=n(68576);function Nn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function En(e){if("TrackResponseWrapper"===e.content.__typename&&"Track"===e.content.data.__typename){var t,n,i=e.content.data,a=function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).find((function(e){return!!e.fileId}))||null}(null===(t=i.previews)||void 0===t||null===(t=t.audioPreviews)||void 0===t?void 0:t.items);return{uri:i.uri,preview:a,title:i.name,album:i.albumOfTrack,artists:(r=i.artists.items,r.map((function(e){return{uri:e.uri,verified:e.profile.verified||!1,name:e.profile.name,avatar:e.visuals.avatarImage,saved:e.saved,listeners:e.stats.monthlyListeners}}))),canvas:i.canvas,coverArt:(null===(n=i.albumOfTrack)||void 0===n?void 0:n.coverArt)||null,sharingInfo:i.sharingInfo,hashtags:i.discoveryFeedHashtags}}var r;return null}var kn={offset:0,previousItems:[]};function Cn(e){var t=e.sectionUri,n=e.discoveryFeedUri,i=e.firstItemUri,a=(0,sn.d4)(gn.JJ),r=(0,s.useContext)(yn.j).request,l=(0,pn.q)({queryKey:["watch-feed","view",t,n,i],queryFn:function(e){var s,l=e.pageParam;return(0,wn.c)(r,jn,{sp_t:null!==(s=(0,bn.v8)("sp_t"))&&void 0!==s?s:"",country:a,discoveryFeedUri:n,uri:t,firstItemUri:l.offset?"":null!=i?i:"",offset:l.offset,limit:40,previousItems:l.previousItems})},gcTime:18e5,staleTime:3e5,initialPageParam:kn,getNextPageParam:function(e,t){var n=t.reduce((function(e,t){var n;return"HomeSectionCollection"===(null==t||null===(n=t.data)||void 0===n?void 0:n.homeSections.__typename)&&t.data.homeSections.sections.forEach((function(t){var n,i;"HomeSection"===t.__typename&&"HomeWatchFeedSectionData"===(null===(n=t.data)||void 0===n?void 0:n.__typename)&&(e.offset=null!==(i=t.sectionItems.pagingInfo.nextOffset)&&void 0!==i?i:0,e.previousItems=e.previousItems.concat(t.sectionItems.items.map((function(e){var t,n;return null!==(t=null===(n=En(e))||void 0===n?void 0:n.uri)&&void 0!==t?t:null})).filter((function(e){return null!==e}))))})),e}),function(e){for(var t=1;t=t-5&&!(t>50)&&!n}(oe,ne.length,re)&&ae()}),[ie,ue,oe,re,ne,ae]),(0,s.useEffect)((function(){ke(ue)}),[ue,ke]),(0,s.useEffect)((function(){ce(0)}),[i]);var De=Boolean(ne[oe-1]),_e=Boolean(ne[oe+1]),We=(0,s.useRef)(null),Be=(0,An.x)((0,f.A)((0,f.A)((0,f.A)({},tt.E.SMALL,0),tt.E.MEDIUM,778),tt.E.LARGE,1102),We).breakpoint,ze=(0,Ln.o)((function(e){var t;return((null==e||null===(t=e.restrictions)||void 0===t?void 0:t.disallowAddToQueueReasons)||[]).length>0}));if(ie)return null;var He=null==ue?void 0:ue.artists[0],Ye={backgroundColor:In(null==ue?void 0:ue.coverArt)||y.PQ2},Qe=u?"right":"left";return(0,c.jsx)(Sn.s,{focusTrapOptions:{allowOutsideClick:!0},children:(0,c.jsx)("div",{className:ft,onClick:function(){return we(l)},role:"presentation",children:(0,c.jsxs)("div",{style:Ye,className:ht,onClick:function(e){e.stopPropagation()},role:"presentation",tabIndex:-1,children:[ue&&(0,c.jsxs)("div",{className:pt,ref:We,children:[(0,c.jsxs)("div",{className:Pt,ref:ye,children:[(0,c.jsx)("div",{children:(0,c.jsx)(w.E,{className:gt,semanticColor:"textBase",children:te})}),(0,c.jsx)(ct,{item:ue,handleTitleClick:Te,widthBreakpoint:Be,position:oe}),(0,c.jsx)(Ge,{mainArtist:He,hashtags:ue.hashtags,sectionUri:n,spec:K,logger:Z,position:oe,itemUri:ue.uri})]}),(0,c.jsxs)("div",{className:St,children:[(0,c.jsx)(ge,{items:ne,currentItemPosition:oe,onItemPositionInView:Fe,itemElByPositionRef:L,onScroll:Re,setScrollingState:X}),(0,c.jsx)("div",{className:g()(At,(0,f.A)({},Lt,V)),ref:j})]}),(0,c.jsxs)("div",{className:kt,children:[(0,c.jsxs)("div",{className:bt,children:[(0,c.jsx)("div",{className:yt,children:(0,c.jsx)(Y,{toggleMute:Me,isMuted:Ie,labelPlacement:Qe,iconSize:Be===tt.E.SMALL?"small":"medium"})}),(0,c.jsx)(A.Zp,{label:C.Ru.get("close"),placement:"bottom",children:(0,c.jsx)(N.H,{onClick:function(){return we(l)},"aria-label":C.Ru.get("close"),condensedAll:!0,children:(0,c.jsx)(E.M,{size:Be===tt.E.SMALL?"small":"medium"})})})]}),(0,c.jsxs)("div",{className:wt,children:[(0,c.jsx)(U.b,{renderInline:!0,placement:Qe,menu:(0,c.jsx)(O.P,{uri:ue.uri,albumUri:null===(t=ue.album)||void 0===t?void 0:t.uri,artists:ue.artists,sharingInfo:ue.sharingInfo,menuBoundary:(null==We?void 0:We.current)||void 0}),children:(0,c.jsx)(F.e,{size:Be===tt.E.SMALL?F.M.sm:F.M.md,label:C.Ru.get("more.label.context",ue.title),placement:Qe,className:Nt})}),(0,c.jsx)(M.w,{ariaLabel:C.Ru.get("context-menu.copy-track-link"),uri:ue.uri,placement:Qe,interactionData:Fn,sharingInfo:null,size:Be===tt.E.SMALL?"small":"medium",onClick:Ue}),!ze&&(0,c.jsx)(R,{uri:ue.uri,size:Be===tt.E.SMALL?"small":"medium",placement:Qe,onClick:Oe,className:Et}),(0,c.jsx)(T.g,{uri:ue.uri,size:Be===tt.E.SMALL?I.t.sm:I.t.md,labelPlacement:Qe,menuPlacement:Qe,className:Ct})]}),(0,c.jsxs)("div",{className:It,children:[(0,c.jsx)(rn,{hasPrevious:De,moveUp:Ae,isRTL:u,widthBreakpoint:Be}),(0,c.jsx)(tn,{hasNext:_e,hasInteracted:m,moveDown:Pe,isRTL:u,widthBreakpoint:Be}),(0,c.jsx)("div",{className:Mn}),(0,c.jsx)(dn,{moveUp:Ae,moveDown:Pe,toggleMute:Ce,uri:ue.uri})]})]})]}),me&&(0,c.jsx)(Rt,{hide:xe})]})})})},On=n(8726),Tn=function(){var e=(0,On.S)(),t=e.isOpen,n=e.sectionUri,r=e.discoveryFeedUri,s=e.firstItemUri,l=e.resumeOnClose;return t?(0,c.jsx)(a.u,{pageId:i.$h.WATCHFEED,uri:r,children:(0,c.jsx)(m,{overridePlatformId:ae.R,children:(0,c.jsx)(Un,{sectionUri:n,discoveryFeedUri:r,firstItemUri:s,resumeOnClose:l})})}):null}},50605:(e,t,n)=>{n.d(t,{u:()=>s});var i=n(30758),a=n(49631),r=n(86070),s=function(e){var t=e.pageId,n=e.uri,s=e.children,l=(0,a.u)(),o=(0,a.H)();return(0,i.useEffect)((function(){null==l||l.reportPageView({pageId:t,navigationalRoot:null!=o?o:void 0,entityUri:n})}),[t,o,l,n]),(0,r.jsx)(r.Fragment,{children:s})}},87611:(e,t,n)=>{n.d(t,{g:()=>r});var i=n(12341),a=n(30758);function r(){var e=(0,a.useState)(document.visibilityState),t=(0,i.A)(e,2),n=t[0],r=t[1];return(0,a.useEffect)((function(){var e=function(){return r(document.visibilityState)};return document.addEventListener("visibilitychange",e),function(){return document.removeEventListener("visibilitychange",e)}}),[]),n}}}]); //# sourceMappingURL=dwp-watch-feed-view-container.js.map