"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[1955],{85239:(e,t,n)=>{n.d(t,{D:()=>v});var i=n(52542),r=n(97500),o=n.n(r),a=n(17011);const u="Psc33HXPyazZYAAr1tgz",l="VGJz_GOARJ6j02JICvW6",c="VpNHGG5ZhoxQ8AqW709S",s="P7395UzhjxLUlLZvj5fb";var d=n(86070),v=function(e){var t=e.children,n=e.active,r=void 0!==n&&n,v=e.focus,f=void 0===v||v,g=e.label,p=e.onClick,b=e.noBackground,k=void 0!==b&&b;return(0,d.jsx)(a.Zp,{label:g,children:(0,d.jsx)("button",{className:o()(u,(0,i.A)((0,i.A)((0,i.A)({},s,r),l,k),c,f)),onClick:p,"aria-label":g,children:t})})}},33995:(e,t,n)=>{n.r(t),n.d(t,{FullscreenModeContainer:()=>xe});var i=n(12341),r=n(62822),o=n(93091),a=n.n(o),u=(n(79024),n(43379),n(51234),n(97460),n(93577),n(30758)),l=n(88677),c=(n(7297),n(79220)),s=n(97241),d=n(25617),v=n(61548),f=n(96036),g=n(52542),p=n(97500),b=n.n(p),k=n(49213),m=n(12864),h=n(25159),y=n(92107),C=n(33350);const x="ylcmjHXKpwmez5_bBVgt",w="kChcaF3yz3SoL5dZPwEr",L="npv-nowPlayingBar-container",j="npv-nowPlayingBar-controls",S="npv-nowPlayingBar-section",E="npv-nowPlayingBar-left",P="npv-nowPlayingBar-center",R="npv-nowPlayingBar-right",B="npv-exitFullScreenButton-button",A="Lgyj1e9c3lrdgVGlMIyV";var I=n(86070),F=(0,u.memo)((function(e){var t=e.iconSize,n=void 0===t?"small":t,i=e.onClick;return(0,I.jsx)("button",{className:B,onClick:function(){null==i||i(),(0,C.SP)()},"aria-label":y.Ru.get("npv.exit-full-screen"),title:y.Ru.get("npv.exit-full-screen"),children:(0,I.jsx)(h.b,{size:n})})})),_=n(26839),T=n(92986),O=function(){return(0,I.jsx)(_.q,{iconSize:24})},z=function(e){var t=e.onClick,n=e.enabled,i=(0,u.useCallback)((function(){null==t||t(!n)}),[t,n]);return(0,I.jsx)(T.f,{className:A,isActive:n,onToggle:i,label:y.Ru.get("web-player.lyrics.title"),testId:"fullscreen-mode-overlay-lyrics-button",icon:O})},N=(0,u.memo)(z),M=n(78988),V=n(15317),D=n(51055),U=n(39850),H=n(93892),G=function(e){var t=e.item,n=e.onClick;return(0,H.v)(t)?(0,I.jsx)(D.b,{uri:t.uri,size:M.t.sm,onClick:n}):(0,U.p)(t)?(0,I.jsx)(V.b,{uri:t.uri,size:M.t.sm,onClick:n,condensed:!0}):null},X=n(20046),q=n(84934),J=n(14910),Q=n(95102),W=n(4005),Z=n(8283),K=n(74449),$=n(25314),Y=n(33814),ee=n(53724),te=n(75979),ne=n(70566),ie=n(82704),re=function(e){var t=e.isVisible,n=e.onClick,r=e.item,o=e.isLyricsAvailable,a=e.isLyricsEnabled,l=e.onLyricsButtonClick,c=(0,J.p)(),s=(0,te.f)(),v=(0,m.p6)({parentAbsoluteLocation:s||void 0,data:{identifier:d.gw.FULLSCREEN}}),f=(0,d.kD)({parentAbsoluteLocation:s||void 0,data:{identifier:d.gw.FULLSCREEN}}),p=(0,k.h9)({parentAbsoluteLocation:s||void 0,data:{identifier:d.gw.FULLSCREEN}}),h=(0,ne.s)(),y=(0,Y.S)(1e3,(function(e){var t;return(null===(t=e.item)||void 0===t?void 0:t.uri)===(null==r?void 0:r.uri)})),C=(0,i.A)(y,1)[0],B=(0,u.useCallback)((function(e){if(r)if(e){var t=v.likeButtonFactory({uri:r.uri}).hitLike({itemToBeLiked:r.uri});h.logInteraction(t)}else{var n=v.likeButtonFactory({uri:r.uri}).hitRemoveLike({itemNoLongerLiked:r.uri});h.logInteraction(n)}}),[r,v,h]),A=(0,u.useCallback)((function(e){if(r){var t=f.speedControlButtonFactory().hitSetPlaybackSpeed({currentlyPlayedItem:r.uri,playbackSpeed:e});h.logInteraction(t)}}),[r,h,f]),_=(0,u.useCallback)((function(e){if(e){var t=f.shuffleButtonFactory().hitShuffleEnable();h.logInteraction(t)}else{var n=f.shuffleButtonFactory().hitShuffleDisable();h.logInteraction(n)}}),[h,f]),T=(0,u.useCallback)((function(e){var t=f.seekBackButtonFactory().hitSeekByTime({msSeekedOffset:e});h.logInteraction(t)}),[h,f]),O=(0,u.useCallback)((function(e,t){switch(t){case"drag":return h.logInteraction(f.progressBarFactory().dragSeekToTime({msToSeekTo:e}));case"hit":return h.logInteraction(f.progressBarFactory().hitSeekToTime({msToSeekTo:e}));default:return(0,ie.k)(t)}}),[h,f]),z=(0,u.useCallback)((function(e){var t=f.seekForwardButtonFactory().hitSeekByTime({msSeekedOffset:e});h.logInteraction(t)}),[h,f]),M=(0,u.useCallback)((function(e){if(r)if("pause"===e){var t=f.playPauseButtonFactory().hitPause({itemToBePaused:r.uri});h.logInteraction(t)}else if("resume"===e){var n=f.playPauseButtonFactory().hitResume({itemToBeResumed:r.uri});h.logInteraction(n)}}),[r,h,f]),V=(0,u.useCallback)((function(e){var t=f.repeatButtonFactory().hitRepeatEnable(),n=f.repeatButtonFactory().hitRepeatOneEnable(),i=f.repeatButtonFactory().hitRepeatDisable();switch(e){case ee.p.REPEAT_CONTEXT:h.logInteraction(t);break;case ee.p.REPEAT_NONE:h.logInteraction(i);break;case ee.p.REPEAT_TRACK:h.logInteraction(n);break;default:throw(0,ie.k)(e)}}),[h,f]),D=(0,u.useCallback)((function(){if(r){var e=f.previousButtonFactory().hitSkipToPrevious({itemToBeSkipped:r.uri,positionMs:C,totalContentMs:r.duration.milliseconds||0});h.logInteraction(e)}}),[r,h,f,C]),U=(0,u.useCallback)((function(){if(r){var e=f.previousButtonFactory().hitSkipToPrevious({itemToBeSkipped:r.uri,positionMs:C,totalContentMs:r.duration.milliseconds||0});h.logInteraction(e)}}),[r,h,f,C]),H=(0,u.useCallback)((function(e){var t=p.volumeBarFactory().hitSetVolume({newVolumePercentage:e});h.logInteraction(t)}),[h,p]),re=(0,u.useCallback)((function(e){var t=p.volumeBarFactory().dragSetVolume({newVolumePercentage:e});h.logInteraction(t)}),[h,p]),oe=(0,u.useCallback)((function(e){if("muted"===e){var t=p.volumeMuteButtonFactory().hitMutePlayback();h.logInteraction(t)}else if("not_muted"===e){var n=p.volumeMuteButtonFactory().hitUnmutePlayback();h.logInteraction(n)}}),[h,p]),ae=(0,u.useCallback)((function(){var e=p.fullscreenButtonFactory().hitUiHide();h.logInteraction(e)}),[h,p]);return(0,I.jsx)($.s,{active:t,focusTrapOptions:{initialFocus:!1},children:(0,I.jsx)("div",{className:b()(x,(0,g.A)({},w,t)),onClick:n,children:(0,I.jsxs)("div",{className:L,"data-testid":"fullscreen-mode-controls",children:[(0,I.jsx)(X.x,{isPreview:!1,isFullscreenMode:!0,onChange:O}),(0,I.jsxs)("div",{className:j,children:[(0,I.jsx)("div",{className:b()(S,E),children:r&&(0,I.jsx)(G,{item:r,onClick:B})}),(0,I.jsxs)("div",{className:b()(S,P),children:[c&&(0,I.jsx)(q.w0,{iconSize:24,onClick:A}),!c&&(0,I.jsx)(Z.w,{renderEnabled:function(){return(0,I.jsx)(W.a,{size:"medium"})},renderDisabled:function(){return(0,I.jsx)(q.uP,{iconSize:"medium",onClick:_})}}),c&&(0,I.jsx)(q.hC,{onClick:T}),(0,I.jsx)(q.dQ,{onClick:D}),(0,I.jsx)(q.xJ,{iconSize:"large",onClick:M}),(0,I.jsx)(q.$K,{onClick:U}),c&&(0,I.jsx)(q.v3,{onClick:z}),!c&&(0,I.jsx)(q.s_,{onClick:V})]}),(0,I.jsxs)("div",{className:b()(S,R),children:[(0,I.jsx)(K.C,{iconSize:"medium",renderInline:!0,noBackground:!0}),!c&&o&&(0,I.jsx)(N,{enabled:a,onClick:l}),(0,I.jsx)(Q.M,{onVolumeBarClick:H,onVolumeBarDrag:re,onToggleMuteClick:oe}),(0,I.jsx)(F,{iconSize:"medium",onClick:ae})]})]})]})})})},oe=n(42444),ae=n(75355),ue=(n(60287),n(15057)),le=n(51295),ce=n(15419),se=n(85726),de=n(36906),ve=n(54294),fe=n(8574),ge=n(55137),pe=n(64869),be=n(5248),ke=n(80344),me=n(76026),he=n(75397),ye=u.lazy((0,r.A)(a().mark((function e(){var t,i;return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(4151).then(n.bind(n,47231));case 2:return t=e.sent,i=t.ArtistNpv,e.abrupt("return",{default:i});case 5:case"end":return e.stop()}}),e)})))),Ce=u.memo((function(){var e,t,n,r,o,a,f=(0,le.$)().isActive,g=(0,u.useState)(f),p=(0,i.A)(g,2),b=p[0],k=p[1],m=(0,pe.z)(),h=(0,fe.W)(),y=(0,be.o)((function(e){return e}),(function(e,t){var n,i;return(0,he.a)(null==e?void 0:e.restrictions,null==t?void 0:t.restrictions)&&(null==e||null===(n=e.item)||void 0===n?void 0:n.uri)===(null==t||null===(i=t.item)||void 0===i?void 0:i.uri)&&(null==e?void 0:e.isPaused)===(null==t?void 0:t.isPaused)})),x=null!==(e=null==y?void 0:y.item)&&void 0!==e?e:void 0,w=null!==(t=null==y?void 0:y.nextItems)&&void 0!==t?t:[],L=null!==(n=null==y?void 0:y.playbackId)&&void 0!==n?n:void 0,j=(0,H.v)(x)?null===(r=x.artists[0])||void 0===r?void 0:r.uri:void 0,S=null==x?void 0:x.images,E=function(e){var t=(0,u.useContext)(ae.j).request,n=(0,u.useState)(void 0),r=(0,i.A)(n,2),o=r[0],a=r[1];return(0,u.useEffect)((function(){var n=!0;return e&&(0,oe.sY)(t,e).then((function(e){n&&a(e)})),function(){n=!1}}),[e,t]),o}(j),P=(0,ge.z)(null==S||null===(o=S[0])||void 0===o?void 0:o.url);a=(0,l.wA)(),(0,u.useEffect)((function(){var e=function(){(0,C.ge)()||a((0,v.rF)())};return window.addEventListener("fullscreenchange",e),document.addEventListener("fullscreenchange",e),window.addEventListener("fullscreenChange",e),document.addEventListener("fullscreenChange",e),window.addEventListener("webkitfullscreenchange",e),document.addEventListener("webkitfullscreenchange",e),window.addEventListener("mozfullscreenchange",e),document.addEventListener("mozfullscreenchange",e),function(){window.removeEventListener("fullscreenchange",e),document.removeEventListener("fullscreenchange",e),window.removeEventListener("fullscreenChange",e),document.removeEventListener("fullscreenChange",e),window.removeEventListener("mozfullscreenchange",e),document.removeEventListener("mozfullscreenchange",e),window.removeEventListener("webkitfullscreenchange",e),document.removeEventListener("webkitfullscreenchange",e)}}),[a]),(0,u.useEffect)((function(){var e=function(e){"Escape"===e.key&&(0,C.SP)()};return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[a]);var R=(0,ne.s)(),B=(0,s.A)({data:{identifier:"full-screen",uri:(null==x?void 0:x.uri)||""}}),A=(0,d.kD)({parentAbsoluteLocation:B.getAbsoluteLocation(),data:{identifier:d.gw.FULLSCREEN}}),F=(0,oe.Nh)(y),_=F.position,T=F.contextName,O=F.contextUri,z=F.isPaused,N=F.canResume,M=F.canPause,V=F.timestamp,D=function(){var e=(0,u.useState)(!1),t=(0,i.A)(e,2),n=t[0],r=t[1],o=(0,u.useRef)(null),a=(0,ue.YQ)((function(){null!==o.current&&clearTimeout(o.current),o.current=setTimeout((function(){r(!1)}),2500),r(!0)}),100,{leading:!0,trailing:!1});return(0,u.useEffect)((function(){return function(){null!==o.current&&clearTimeout(o.current)}}),[]),{isOverlayVisible:n,showOverlay:a,hideOverlay:(0,u.useCallback)((function(){r(!1),null!==o.current&&clearTimeout(o.current)}),[])}}(),U=D.isOverlayVisible,G=D.showOverlay,X=D.hideOverlay,q=(0,oe.r3)(x),J=(0,oe.EX)(w.length>0?w[0]:void 0),Q=(0,ke.A3)(y),W=(0,u.useCallback)((function(e){if(e.target===e.currentTarget)if(h({type:"click",intent:z?"play":"pause"}),z&&N){var t=A.playPauseButtonFactory().hitResume({itemToBeResumed:(null==x?void 0:x.uri)||""});R.logInteraction(t),m.resume()}else if(!z&&M){var n=A.playPauseButtonFactory().hitPause({itemToBePaused:(null==x?void 0:x.uri)||""});R.logInteraction(n),m.pause()}}),[M,N,z,null==x?void 0:x.uri,R,A,h,m]),Z=(0,u.useCallback)((function(e){k(e)}),[k]),K=(0,ce.J)(),$=K.data,Y=K.loading,ee=!(null==$||!$.hasLyrics),te=null!=$&&$.hasLyrics?$.providerLyricsId:void 0;P=ee?$.colors.background:P;var ie=(0,u.useMemo)((function(){return(0,oe.bo)(b,Y,$)}),[b,Y,$]),de=(0,se.vh)(),ve=(0,u.useCallback)((function(e,t,n){return de.send((0,c.W)({lyrics_format:"fullscreen",track_uri:e,provider:t,provider_lyrics_id:te,sync_type:n,playback_id:L}))}),[L,te,de]);return(0,I.jsx)(u.Suspense,{fallback:null,children:(0,I.jsx)("div",{onPointerMove:G,onPointerLeave:X,onFocus:G,"data-testid":"fullscreen-mode-container",children:(0,I.jsx)(me.r,{spec:B,children:(0,I.jsx)(ye,{currentTrack:q,position:null!=_?_:0,timestamp:null!=V?V:0,nextTrack:J,backgroundColor:P,backgroundImageUrl:E,contextName:T,contextUri:O,playbackIsPaused:z,contextMetadataVisible:!Q||U,trackMetadataVisible:!Q||U,lyrics:ie,onLyricsReport:ve,controlsVisible:!1,progressBarVisible:!Q||U,CustomProgressBar:void 0,CustomPlaybackControls:(0,I.jsx)(re,{isVisible:U,onClick:W,item:x,isLyricsAvailable:ee,isLyricsEnabled:b,onLyricsButtonClick:Z})})})})})})),xe=u.memo((function(e){var t=e.videoRef,n=(0,u.useContext)(f.s),i=(0,oe.lZ)(),r=(0,de.d)().setVideoPlayerUIFlag,o=(0,l.wA)(),a=(0,l.d4)((function(e){return e.ui.fullscreenMode.isOpen}));return(0,u.useEffect)((function(){if(!i)return r(ve.n.fullscreen,!1),o((0,v.DH)()),void(0,C.SP)();var e=(0,C.ge)();!a&&e&&(r(ve.n.fullscreen,!1),o((0,v.DH)()),(0,C.SP)())}),[r,i,a,o]),(0,I.jsxs)("div",{ref:n,children:[(0,I.jsx)("div",{ref:t}),i&&a?(0,I.jsx)(Ce,{}):null]})}))},74449:(e,t,n)=>{n.d(t,{C:()=>I});var i=n(30758),r=n(90944),o=n(92107),a=n(85239),u=n(80021),l=n(52542),c=n(12341),s=(n(7651),n(30456),n(26701),n(25550),n(37417),n(11737),n(51691),n(702),n(5672),n(43379),n(9657),n(34192),n(88856),n(51565),n(15342),n(18316),n(93493)),d=n(85673),v=n(33233),f=n(67963),g=n(58114),p=n(53607),b=n(86070);function k(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 m(e){for(var t=1;t{n.d(t,{J:()=>i.J});var i=n(90576)},20046:(e,t,n)=>{n.d(t,{x:()=>i.x});var i=n(15374)},84934:(e,t,n)=>{n.d(t,{$K:()=>c.$,dQ:()=>l.d,hC:()=>o.h,s_:()=>r.s,uP:()=>u.u,v3:()=>a.v,w0:()=>s.w,xJ:()=>i.x});var i=n(63186),r=n(64233),o=n(70648),a=n(78080),u=n(58060),l=n(59400),c=n(20110),s=n(81347)},95102:(e,t,n)=>{n.d(t,{M:()=>i.M,V:()=>i.V});var i=n(94849)},55437:(e,t,n)=>{n.d(t,{$:()=>o});var i=n(53286),r=n(3376);function o(){return(0,r.N)(i.n)}},55137:(e,t,n)=>{n.d(t,{r:()=>s,z:()=>d});var i=n(12341),r=n(30758),o=n(23100),a=n(54552),u=n(57165),l=n(75355),c=n(28925);function s(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=(0,r.useContext)(l.j).request,n=(0,c.I)({queryKey:["extracted-color",e],queryFn:function(){return e?(0,u.j)(t,e).then((function(e){var t=(0,i.A)(e,1)[0],n=t.colorDark,r=t.colorLight,o=t.colorRaw;return{colorDark:n.toCSS(a.a.HEX),colorLight:r.toCSS(a.a.HEX),colorRaw:o.toCSS(a.a.HEX)}})):null},gcTime:864e5,staleTime:216e5,enabled:!!e}).data;return null!=n?n:void 0}function d(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o.l0o,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"colorRaw";return null!==(e=null===(t=s(n))||void 0===t?void 0:t[r])&&void 0!==e?e:i}}}]); //# sourceMappingURL=dwp-full-screen-mode-container.js.map