https://www.hoopladigital.com/_next/static/chunks/27.07363f6552a60838.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27],{75544:function(e,a,t){t.d(a,{G:function(){return l}});var n=t(57437),i=t(38706),s=t(28163);let l=e=>{let{size:a=s.l.size,className:t=s.l.className}=e,l=(0,i.T_)("title.action.button");return(0,n.jsxs)("svg",{id:"eM2R7Fnvp4b1",xmlns:"http://www.w3.org/2000/svg",width:a,height:a,fill:"currentColor",className:t,viewBox:"0 0 12 12",shapeRendering:"geometricPrecision",textRendering:"geometricPrecision","aria-label":l("playing.label"),children:[(0,n.jsx)("style",{children:"#eM2R7Fnvp4b2_ts {animation: eM2R7Fnvp4b2_ts__ts 2000ms linear infinite normal forwards}@keyframes eM2R7Fnvp4b2_ts__ts { 0% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.49705)} 0.5% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.49705);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 10% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.385578);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 20% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.726558);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 30% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.339672);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 40% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.674095);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 50% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.617882)} 55% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.359346);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 60% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.510164);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 65% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.641309);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 70% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.779016);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 80% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.334328);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 85% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.575741);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 90% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.411805);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 95% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.346232);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 100% {transform: translate(2.61017px,6.000005px) scale(0.756757,0.490491)}} #eM2R7Fnvp4b3_ts {animation: eM2R7Fnvp4b3_ts__ts 2000ms linear infinite normal forwards}@keyframes eM2R7Fnvp4b3_ts__ts { 0% {transform: translate(6.042373px,6px) scale(0.756757,0.777051)} 0.5% {transform: translate(6.042373px,6px) scale(0.756757,0.777051);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 5% {transform: translate(6.042373px,6px) scale(0.756757,0.765897);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 10% {transform: translate(6.042373px,6px) scale(0.756757,0.523283);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 20% {transform: translate(6.042373px,6px) scale(0.756757,0.529841);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 30% {transform: translate(6.042373px,6px) scale(0.756757,0.201971);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 40% {transform: translate(6.042373px,6px) scale(0.756757,0.601965);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 50% {transform: translate(6.042373px,6px) scale(0.756757,0.687211)} 55% {transform: translate(6.042373px,6px) scale(0.756757,0.779017);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 65% {transform: translate(6.042373px,6px) scale(0.756757,0.509435);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 70% {transform: translate(6.042373px,6px) scale(0.756757,0.621637);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 80% {transform: translate(6.042373px,6px) scale(0.756757,0.779016);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 85% {transform: translate(6.042373px,6px) scale(0.756757,0.444591);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 90% {transform: translate(6.042373px,6px) scale(0.756757,0.405245);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 95% {transform: translate(6.042373px,6px) scale(0.756757,0.477376);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 100% {transform: translate(6.042373px,6px) scale(0.756757,0.779016)}} #eM2R7Fnvp4b4_ts {animation: eM2R7Fnvp4b4_ts__ts 2000ms linear infinite normal forwards}@keyframes eM2R7Fnvp4b4_ts__ts { 0% {transform: translate(9.38983px,6px) scale(0.756757,0.641313)} 0.5% {transform: translate(9.38983px,6px) scale(0.756757,0.641313);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 10% {transform: translate(9.38983px,6px) scale(0.756757,0.260986);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 20% {transform: translate(9.38983px,6px) scale(0.756757,0.451146);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 25% {transform: translate(9.38983px,6px) scale(0.756757,0.713439);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 30% {transform: translate(9.38983px,6px) scale(0.756757,0.621639);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 40% {transform: translate(9.38983px,6px) scale(0.756757,0.319999);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 50% {transform: translate(9.38983px,6px) scale(0.756757,0.617881)} 55% {transform: translate(9.38983px,6px) scale(0.756757,0.464263);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 60% {transform: translate(9.38983px,6px) scale(0.756757,0.37246);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 70% {transform: translate(9.38983px,6px) scale(0.756757,0.490488);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 80% {transform: translate(9.38983px,6px) scale(0.756757,0.424917);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 85% {transform: translate(9.38983px,6px) scale(0.756757,0.287215);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 90% {transform: translate(9.38983px,6px) scale(0.756757,0.405245);animation-timing-function: cubic-bezier(0.42,0,0.58,1)} 95% {transform: translate(9.38983px,6px) scale(0.756757,0.598033)} 100% {transform: translate(9.38983px,6px) scale(0.756757,0.601968)}}"}),(0,n.jsx)("g",{id:"eM2R7Fnvp4b2_ts",transform:"translate(2.61017,6.000005) scale(0.756757,0.49705)",children:(0,n.jsx)("rect",{width:"3.135593",height:"12.923729",rx:"1",ry:"1",transform:"translate(-1.567796,-6.461864)",fill:"currentColor",strokeWidth:"0"})}),(0,n.jsx)("g",{id:"eM2R7Fnvp4b3_ts",transform:"translate(6.042373,6) scale(0.756757,0.777051)",children:(0,n.jsx)("rect",{width:"3.135593",height:"12.923729",rx:"1",ry:"1",transform:"translate(-1.567796,-6.461864)",fill:"currentColor",strokeWidth:"0"})}),(0,n.jsx)("g",{id:"eM2R7Fnvp4b4_ts",transform:"translate(9.38983,6) scale(0.756757,0.641313)",children:(0,n.jsx)("rect",{width:"3.135593",height:"12.923729",rx:"1",ry:"1",transform:"translate(-1.567796,-6.461864)",fill:"currentColor",strokeWidth:"0"})})]})}},80027:function(e,a,t){t.r(a),t.d(a,{default:function(){return ee}});var n=t(57437),i=t(2265),s=t(38706),l=t(10158),r=t(84772),o=t.n(r),c=t(95905),m=t(51562),u=t(56701),x=t(63916),d=t(72246),p=t(36732),f=t(92748);let b=["audio.skipping","audio.plugin","audio.froze","wont.play","isnt.listed","controls.working","description"];var h=e=>{let{handleClose:a,currentlyPlayingTitle:t}=e,i=(0,s.T_)("music.player.feedbackSubmitter"),l=b.map(e=>({label:i(e),value:i(e)})),{data:r}=(0,f.a)(d.fD,{variables:{id:t,includeDeleted:!0}

1,skip:!t}),o=null==r?void 0:r.title;return o?(0,n.jsx)(p.Z,{title:o,options:l,onSuccess:a,handleClose:a,showBandwidthCheck:!0,showHelpFirst:!1,submitting:!1,open:!0}):null},g=t(88380),j=t(65972),v=t(4350),N=t(82513),y=t(41986),w=t(95390),_=function(e){let{ariaHidden:a=!1}=e,t=(0,s.T_)(),{playerState:l}=(0,u.Ii)(),{onPlay:r,onPause:o}=(0,m.Z)(),{checkTermsStatus:c}=(0,v.U)(),x=(0,i.useCallback)(()=>{c(r)},[c,r]);return l===u.fL.PLAYING?(0,n.jsx)("div",{className:"inline-block",children:(0,n.jsx)("button",{onClick:o,"aria-label":t("music.player.pause.aria.label"),"aria-hidden":a,tabIndex:a?-1:0,children:(0,n.jsx)(j.oS,{className:"mt-1.5 hover:text-hoopla-blue-600",size:44})})}):l===u.fL.PAUSED?(0,n.jsx)("div",{className:"inline-block",children:(0,n.jsx)("button",{onClick:x,"aria-label":t("music.player.play.aria.label"),"aria-hidden":a,tabIndex:a?-1:0,children:(0,n.jsx)(j.qX,{className:"mt-1.5 hover:text-hoopla-blue-600",size:44})})}):(0,n.jsx)("div",{className:"inline-block",children:(0,n.jsx)("div",{className:"my-2 mx-0.5",children:(0,n.jsx)(w.gb,{height:40,width:40,delay:0})})})};function k(){let e=(0,s.T_)(),{expanded:a,setExpanded:t}=(0,u.Ii)(),i=o()("transition transform duration-300 hover:text-hoopla-blue-dark focus:text-hoopla-blue-dark",{"-rotate-180":a});return(0,n.jsx)("button",{onClick:()=>t(!a),id:"expand-button","aria-label":e(a?"collapse.button.aria.label":"expand.button.aria.label"),children:(0,n.jsx)(j.Kh,{className:i,size:24})})}var z=t(71215),C=t(37065),L=t.n(C);function I(){let e=(0,s.T_)("music.player"),{isMuted:a,volume:t}=(0,u.Ii)(),{onMuteChange:l,onVolumeChange:r}=(0,m.Z)(),c=(0,i.useCallback)(()=>{l(!0)},[l]),x=(0,i.useCallback)(()=>{l(!1)},[l]),d=(0,i.useMemo)(()=>L()(e=>{r(e)},250),[r]),p=o()("h-3 w-3 border rounded-full cursor-pointer",{"bg-gray-500":a,"bg-hoopla-blue":!a});return(0,n.jsxs)("div",{className:"mr-1 flex flex-row items-center",children:[a?(0,n.jsx)("button",{onClick:x,"aria-label":e("unmute.aria.label"),children:(0,n.jsx)(j.ff,{muted:!0,className:"text-gray-500 hover:text-hoopla-blue-600",size:24})}):(0,n.jsx)("button",{onClick:c,"aria-label":e("mute.aria.label"),children:(0,n.jsx)(j.ff,{muted:!1,volume:t/100,className:"text-gray-500 hover:text-hoopla-blue-600",size:24})}),(0,n.jsx)(z.Z,{ariaLabel:e("volume.slider"),ariaValuetext:e("volume.aria.label",{volume:t}),className:"mx-0.5 flex w-24 items-center",min:0,max:100,step:1,value:t,thumbClassName:p,thumbActiveClassName:"h-3 w-3 bg-hoopla-blue-dark",trackClassName:"bg-gray-400 h-1",disabled:a,onChange:d})]})}function Z(){let e=(0,s.T_)(),{repeatStatus:a,setRepeatStatus:t}=(0,u.Ii)();switch(a){case u.YE.ALL:return(0,n.jsxs)("button",{className:"p-1 text-hoopla-blue-500",onClick:()=>t(u.YE.ONE),children:[(0,n.jsx)("span",{className:"sr-only",children:e("music.player.repeat.one.alt.text")}),(0,n.jsx)(j.wA,{size:26})]});case u.YE.ONE:return(0,n.jsxs)("button",{className:"p-1 text-hoopla-blue-500",onClick:()=>t(u.YE.OFF),children:[(0,n.jsx)("span",{className:"sr-only",children:e("music.player.repeat.none.alt.text")}),(0,n.jsx)(j.Wm,{size:26})]});default:return(0,n.jsxs)("button",{className:"p-1 text-gray-600 hover:text-hoopla-blue-600",onClick:()=>t(u.YE.ALL),children:[(0,n.jsx)("span",{className:"sr-only",children:e("music.player.repeat.all.alt.text")}),(0,n.jsx)(j.wA,{size:26})]})}}var A=function(){let e=(0,s.T_)("music.player"),{shuffleStatus:a}=(0,u.Ii)(),{onUpdateShuffleStatus:t}=(0,m.Z)();switch(a){case u.Ns.ALBUM:return(0,n.jsxs)("button",{className:"flex flex-col items-center",onClick:()=>t(u.Ns.ALL),children:[(0,n.jsx)("span",{className:"sr-only",children:e("shuffle.all.aria.label")}),(0,n.jsx)(j.gZ,{className:"fill-hoopla-blue",size:26}),(0,n.jsx)("p",{"aria-hidden":"true",className:"text-tiny font-semibold uppercase leading-none text-hoopla-blue",children:e("shuffle.album._")})]});case u.Ns.ALL:return(0,n.jsxs)("button",{className:"flex flex-col items-center",onClick:()=>t(u.Ns.OFF),children:[(0,n.jsx)("span",{className:"sr-only",children:e("shuffle.none.aria.label")}),(0,n.jsx)(j.gZ,{className:"fill-hoopla-blue",size:26}),(0,n.jsx)("p",{"aria-hidden":"true",className:"text-tiny font-semibold uppercase leading-none text-hoopla-blue",children:e("shuffle.all._")})]});case u.Ns.OFF:default:return(0,n.jsxs)("button",{className:"flex flex-col items-center",onClick:()=>t(u.Ns.ALBUM),children:[(0,n.jsx)("span",{className:"sr-only",children:e("shuffle.album.aria.label")}),(0,n.jsx)(j.gZ,{className:"fill-gray-600 hover:fill-hoopla-blue-600",size:26})]})}},E=t(14400),M=t(13524),T=t(59950),F=t(72371),R=t(79861);let P=(e,a)=>{let{key:t}=e,i=(0,R._)(e,["key"]);return(0,n.jsx)("div",(0,F._)((0,T._)({},i),{className:0===a.index?"h-1 bg-hoopla-blue":"h-1 bg-gray-400"}),t)};function Y(){let e=(0,s.T_)(),{currentPosition:a,duration:t,playerState:l}=(0,u.Ii)(),{updatePosition:r}=(0,m.Z)(),[o,c]=(0,i.useState)(),x=(0,i.useCallback)(e=>{r(e),c(void 0)},[r]),d=null!=o?o:a,p=l===u.fL.INITIALIZING,f=(0,M.y)(d,e);return(0,n.jsxs)("div",{className:"-mt-1 mb-2 flex w-64 flex-row items-center justify-between","aria-label":f,children:[(0,n.jsx)("span",{className:"flex-none text-xs text-gray-600",children:(0,n.jsx)(E.Z,{seconds:d,hideLeadingZero:!0})}),(0,n.jsx)(z.Z,{ariaLabel:e("music.player.slider._"),ariaValuetext:f,className:"mx-1.5 flex h-1 flex-auto items-center",min:0,max:t,step:1,value:a,thumbClassName:"h-3 w-3 border rounded-full cursor-pointer bg-hoopla-blue",thumbActiveClassName:"h-3 w-3 bg-hoopla-blue-dark",renderTrack:P,onAfterChange:x,onChange:c,disabled:p}),(0,n.jsx)("span",{className:"flex-none text-xs text-gray-600",children:(0,n.jsx)(E.Z,{seconds:t,hideLeadingZero:!0})})]})}var D=t(11057),O=t(6868),U=t(52795);function G(){let e=(0,s.T_)(),{onNext:a,onPrevious:t}=(0,m.Z)(),{clearCurrentlyPlayingTitle:l,currentlyPlayingTitleName:r,currentArtKey:c,currentArtistName:d,currentlyPlayingTitle:p,currentlyPlayingTrack:f}=(0,x.h)(),{playerState:b,teardown:h}=(0,u.Ii)(),{checkTermsStatus:w}=(0,v.U)(),z=(0,i.useCallback)(()=>{l(),h()},[l,h]),C=(0,i.useCallback)(()=>{w(t)},[w,t]),L=(0,i.useCallback)(()=>{w(a)},[w,a]),E=o()("fill-gray-500 hover:fill-red-500",{"hover:fill-gray-500 hover:cursor-wait":b===u.fL.INITIALIZING}),M=(0,N.kE)(p,y.L_t.Music,r,d),T="".concat(D.Z.titleArtUrl,"/").concat(c,"_180.jpeg");return(0,n.jsxs)("div",{className:"flex flex-col sm:grid sm:h-[4.75rem] sm:min-w-[675px] sm:grid-cols-[1fr_auto_1fr] gap-2 px-1",children:[(0,n.jsx)(U.pJ,{name:O.w.MUSIC_PLAYER,id:p}),(0,n.jsxs)("div",{className:"flex flex-row items-center min-w-0",children:[(0,n.jsx)(k,{}

1),(0,n.jsx)("img",{className:"ml-2 h-auto w-14 rounded-sm shadow filter",src:T,alt:e("music.player.cover.alt.text",{title:r,artist:d}),"aria-hidden":"true"}),(0,n.jsxs)(g.Z,{className:"ml-2 flex-1 min-w-0 text-current hover:text-hoopla-blue-dark",href:M,children:[(0,n.jsx)("p",{className:"font-semibold leading-6 line-clamp-2",children:f}),(0,n.jsx)("p",{className:"text-sm leading-4 text-gray-700 line-clamp-1",children:d})]}),(0,n.jsx)("span",{className:"sm:hidden",children:(0,n.jsx)(I,{})}),(0,n.jsx)("button",{className:"ml-2 sm:hidden","aria-label":e("modal.close.aria.label"),disabled:b===u.fL.INITIALIZING,onClick:z,children:(0,n.jsx)(j.x8,{className:E,size:24})})]}),(0,n.jsxs)("div",{className:"flex flex-col items-center justify-center",children:[(0,n.jsxs)("div",{className:"flex flex-row items-center",children:[(0,n.jsx)(Z,{}),(0,n.jsx)("button",{className:"p-1 text-gray-600 hover:text-hoopla-blue-600",onClick:C,"aria-label":e("music.player.bar.previous.aria.label"),children:(0,n.jsx)(j.RU,{size:38})}),(0,n.jsx)(_,{}),(0,n.jsx)("button",{className:"p-1 text-gray-600 hover:text-hoopla-blue-600",onClick:L,"aria-label":e("music.player.bar.next.aria.label"),children:(0,n.jsx)(j.uP,{size:38})}),(0,n.jsx)(A,{})]}),(0,n.jsx)(Y,{})]}),(0,n.jsxs)("div",{className:"hidden sm:flex flex-row items-center justify-end pr-4",children:[(0,n.jsx)(I,{}),(0,n.jsxs)("button",{"aria-label":e("modal.close.aria.label"),disabled:b===u.fL.INITIALIZING,onClick:z,children:[(0,n.jsx)("span",{className:"sr-only",children:e("music.player.bar.close.aria.label")}),(0,n.jsx)(j.x8,{className:E,size:24})]})]})]})}var S=t(75544);function B(){let e=(0,s.T_)("music.player"),{trackList:a,currentlyPlayingTrack:t,titlePlayClick:i}=(0,m.Z)(),{playerState:l,setExpanded:r}=(0,u.Ii)(),{checkTermsStatus:c}=(0,v.U)();return(0,n.jsx)("div",{className:"flex h-full flex-auto flex-col overflow-y-auto p-1",children:a.map((s,m)=>{let x=(null==t?void 0:t.id)===s.id,d=o()("relative w-full rounded-md h-16",{"bg-hoopla-blue/10 group-hover:bg-hoopla-blue/20 text-hoopla-blue-800":x,"group-hover:bg-gray-200":!x});return(0,n.jsxs)("div",{className:"relative group w-full",children:[(0,n.jsx)("button",{"aria-label":e("play.title",{title:s.name}),className:d,onClick:()=>c(()=>i({trackList:a,trackIndex:m,resetStatus:!1}))}),(0,n.jsxs)("div",{className:"absolute inset-0 z-10 rounded-md grid grid-cols-[30px_48px_auto_50px] sm:grid-cols-[30px_48px_auto_175px_50px] md:grid-cols-[30px_48px_auto_215px_50px] gap-3 py-2 px-1 items-center mx-1 last:mb-1 first:mt-1 pointer-events-none",children:[(0,n.jsx)("span",{className:"text-center",children:x&&l===u.fL.PLAYING?(0,n.jsx)(S.G,{className:"mx-auto"}):m+1}),(0,n.jsx)("img",{className:"h-auto w-12 rounded-sm shadow filter",src:"".concat(D.Z.titleArtUrl,"/").concat(s.artKey,"_180.jpeg"),alt:e("cover.alt.text",{title:s.albumName,artist:s.artistName}),"aria-hidden":"true"}),(0,n.jsxs)("div",{className:"overflow-x-hidden pl-1 pb-1 text-left",children:[(0,n.jsx)("div",{className:"truncate font-semibold",children:s.name}),(0,n.jsx)(g.Z,{href:(0,N.gD)(s.artistId,s.artistName),onClick:e=>{e.stopPropagation(),r(!1)},className:o()("pointer-events-auto w-fit truncate text-sm text-gray-600 hover:underline focus:underline",{"text-hoopla-blue-800":x}),children:s.artistName})]}),(0,n.jsx)(g.Z,{href:(0,N.kE)(s.titleId,y.L_t.Music,s.albumName,s.artistName),onClick:e=>{e.stopPropagation(),r(!1)},className:o()("pointer-events-auto hidden w-fit max-w-full truncate text-left text-sm text-gray-900 hover:underline focus:underline sm:block",{"text-hoopla-blue-800":x}),children:s.albumName}),(0,n.jsx)(E.Z,{seconds:s.seconds,hideLeadingZero:!0})]})]},"track-".concat(s.id))})})}function q(){let e=(0,s.T_)(),[a,t]=(0,i.useState)(!1),{expanded:r}=(0,u.Ii)(),{onPause:d,onPlay:p}=(0,m.Z)(),{currentlyPlayingTitleName:f,currentArtKey:b,currentArtistName:g,currentlyPlayingActive:j,currentlyPlayingTitle:v}=(0,x.h)(),{playerState:N}=(0,u.Ii)();(0,i.useEffect)(()=>{if("undefined"!=typeof document)return document.body.classList.toggle("overflow-hidden",r),()=>{document.body.classList.remove("overflow-hidden")}},[r]);let y=(0,i.useCallback)(e=>{"Space"!==e.code||e.target instanceof Element&&"input"===e.target.tagName.toLowerCase()||e.target instanceof Element&&"textarea"===e.target.tagName.toLowerCase()||(N===u.fL.PLAYING?d():p(),e.preventDefault())},[N,d,p]);return((0,i.useEffect)(()=>

1{if("undefined"!=typeof document)return document.addEventListener("keydown",y),()=>{document.removeEventListener("keydown",y)}},[y]),j)?(0,n.jsxs)("div",{className:o()("fixed z-50 h-full w-full bg-white overflow-hidden shadow-top transition-audio duration-700 sm:pt-0 pt-2",{"top-full sm:-mt-20 -mt-40":!r,"top-0 mt-0":r}),children:[(0,n.jsxs)(l.ZP,{disabled:!r||a,children:[(0,n.jsx)(G,{}),r&&(0,n.jsxs)("div",{className:"box-border flex flex-col justify-between overflow-y-auto pt-4 sm:pt-8 pb-2 h-[calc(100vh-9.5rem)] sm:h-[calc(100vh-4.75rem)]",children:[(0,n.jsxs)("div",{className:"mb-4 flex flex-initial flex-col items-center space-y-4 px-2 md:flex-row md:items-start md:space-y-0 md:space-x-4",children:[(0,n.jsx)("img",{className:"h-auto w-80 rounded-md shadow-xl md:w-68 pt-1","aria-hidden":"true",src:"".concat(D.Z.titleArtUrl,"/").concat(b,"_916.jpeg"),alt:e("music.player.bar.cover.alt.text",{title:f,artist:g})}),(0,n.jsx)("div",{className:"flex h-full w-full flex-col",children:(0,n.jsx)(B,{})})]}),(0,n.jsx)(c.kq,{className:"mx-auto mt-2 w-40",isOutline:!0,id:"report-a-problem",tabIndex:0,onClick:()=>{t(!0)},"aria-hidden":!1,children:e("music.controls.problem")})]})]}),a&&(0,n.jsx)(h,{handleClose:()=>t(!1),currentlyPlayingTitle:v})]}):null}var W=t(7310),K=t.n(W),V=t(6091),H=t(72554),J=t(22134),X=t(22484),Q=t(51720),$=function(){let e=(0,s.T_)(),a=(0,i.useRef)(null),{isKidsMode:t}=(0,Q.ER)(),{setupPlayer:l,currentlyPlayingTrack:r,player:o,loadTrack:c,playerMediaLoaded:d,setPlaying:p,playerTimeChange:f,playerError:b,playerTitleEnded:h,savePatronsSession:g,setInitializing:j}=(0,m.Z)(),{playerState:v,isMuted:N,volume:y}=(0,u.Ii)(),{clearCurrentlyPlayingTitle:w}=(0,x.h)(e=>({clearCurrentlyPlayingTitle:e.clearCurrentlyPlayingTitle})),{promptRequired:_,isOpen:k,openModal:z}=(0,X.k)(e=>({promptRequired:e.promptRequired,isOpen:e.isOpen,openModal:e.openModal}),V.Z);(0,J.Y)(g,v===u.fL.PLAYING?25e3:null),(0,i.useEffect)(()=>

1{l(a.current)},[]),(0,i.useEffect)(()=>{if(o&&r){if(_){w(),k||z(t?"kidsMode":"review");return}j(),3===o.getState()&&o.pause(),C(r)}},[o,null==r?void 0:r.id,_]);let C=(0,i.useCallback)(K()(e=>{document.getElementById("test-video-element-id")&&c(e)},750),[o,N,y]);return(0,i.useEffect)(()=>()=>{C.cancel()},[o]),(0,i.useEffect)(()=>(o&&(o.on(H.Z.events.LOADEDMETADATA,d),o.on("timeupdate",f),o.on("error",b),o.on("ended",h),o.on(H.Z.events.PLAY,p)),()=>{o&&(o.off(H.Z.events.LOADEDMETADATA,d),o.off("timeupdate",f),o.off("error",b),o.off("ended",h),o.off(H.Z.events.PLAY,p))}),[o,d,f,b,h,p]),(0,n.jsx)("div",{className:"absolute left-0 bottom-0 z-0 h-0.5 w-0.5 overflow-hidden","data-vjs-player":!0,"aria-hidden":"true",children:(0,n.jsx)("video",{ref:a,id:"test-video-element-id",tabIndex:-1,width:"1",height:"1",crossOrigin:"anonymous",children:e("audio.no.html5")})})};function ee(){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(q,{}),(0,n.jsx)($,{})]})}}}]);