1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7250],{95244:function(e,r,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/sound-bank",function(){return a(19275)}])},19275:function(e,r,a){"use strict";a.r(r),a.d(r,{__N_SSP:function(){return v}});var n=a(85893),t=a(67294),s=a(25675),i=a.n(s),c=a(11163),l=a(69795),o=a(61207),d=a(88385),u=a(58911),_=a(90971),p=a(64529),y=a.n(p),k=a(28521),f=a.n(k);let g=e=>{let{trackNames:r}=e,a=(0,c.useRouter)(),s=a.query.i,p=(0,t.useRef)(),{account:k}=(0,l.Ge)(),[g,v]=(0,t.useState)({compilationList:[],currentlyPlayingCompilation:0}),[m,h]=(0,t.useState)([]),[T,b]=(0,t.useState)({trackList:r,selectedTracks:[],selectingTracks:!1,currentlyPlaying:void 0,currentlyPlayingCoverArt:void 0}),{determineTimeRange:x,handleDurationChange:P,play:j,pause:w,playerState:N,seek:S,setPlayerState:C}=u.QV(p),{getAsset:L}=u.g0();function R(e){return e.split("/")[1]}function z(e){if(T.selectingTracks){if(T.selectedTracks.includes(e)){let r=T.selectedTracks.filter(r=>r!==e);A({selectedTracks:r})}else A({selectedTracks:[...T.selectedTracks,e]})}}function A(e){b({...T,...e})}async function E(e){let r="https://".concat("https://d1em93fnct25r6.cloudfront.net","/").concat(encodeURIComponent(T.trackList[e]));p.current.src=r,j(),A({currentlyPlaying:e}),await F(e)}async function F(e){let r=T.trackList[e].split("/")[0],a=r.split("-");_.eU("asset",a);let n=a.join("-"),t=await L(n),s=null==t?void 0:t.previewUrls[0];A({currentlyPlaying:e,currentlyPlayingCoverArt:s})}function U(e){if(e===d.fS.Forward&&T.currentlyPlaying===T.trackList.length-1){E(0);return}if(e===d.fS.Back&&N.time>1){S(0);return}if(e===d.fS.Back&&0===T.currentlyPlaying||void 0===T.currentlyPlaying){E(T.trackList.length-1);return}e===d.fS.Forward?E(T.currentlyPlaying+1):E(T.currentlyPlaying-1)}return(0,t.useEffect)(()=>{},[k,s]),(0,n.jsxs)("div",{className:y().app,children:[(0,n.jsx)(o.pV,{children:(0,n.jsx)(d.Fb,{pageTitle:"Sound Bank"})}),(0,n.jsx)(o.h4,{activePage:o.T3.None}),(0,n.jsxs)("main",{className:f()["sound-bank"],children:[(0,n.jsx)(d.F7,{children:(0,n.jsx)("h2",{children:"Sound Bank"})}),(0,n.jsxs)("div",{className:f()["sound-bank__details"],children:[(0,n.jsx)(d.I0,{title:T.currentlyPlaying?R(T.trackList[T.currentlyPlaying]):"Nothing Playing",totalTime:N.duration,elapsed:N.time,scrubAction(e){e.stopPropagation(),S(Number(e.target.value))}}),(0,n.jsxs)("div",{className:f()["media-player"],children:[(0,n.jsx)("div",{className:f()["media-player__tracks"],children:T.trackList.map((e,r)=>(0,n.jsx)(d.wj,{label:R(e),currentlyPlaying:T.currentlyPlaying===r,selected:T.selectedTracks.includes(r),selecting:T.selectingTracks,playAction(){E(r),z(r)},selectTrackAction(){z(r)}},r))}),(0,n.jsx)("div",{className:f()["media-player__controls"],children:(0,n.jsx)(d.VS,{play:j,pause:w,seek:S,paused:N.paused,currentTime:N.time,showSkip:!0,skip:U,forceHover:!1})}),(0,n.jsxs)("div",{className:f()["media-player__visualizer"],children:[T.currentlyPlayingCoverArt&&(0,n.jsx)("div",{className:f()["media-player__visualizer-cover-art-wrapper"],children:(0,n.jsx)(i(),{src:T.currentlyPlayingCoverArt,alt:"Cover art for sound",fill:!0,sizes:"100vw",style:{objectFit:"contain"}})}),(0,n.jsx)("audio",{ref:p,src:"https://".concat("https://d1em93fnct25r6.cloudfront.net","/").concat(T.trackList[0]),crossOrigin:"anonymous",onTimeUpdate(){var e;return C({...N,time:null===(e=p.current)||void 0===e?void 0:e.currentTime})},onProgress(){var e;C({...N,buffered:x(null===(e=p.current)||void 0===e?void 0:e.buffered)})},onRateChange(){var e;C({...N,playbackRate:null===(e=p.current)||void 0===e?void 0:e.playbackRate})},onDurationChange:P,onEnded:()=>U(d.fS.Forward)})]})]}),(0,n.jsxs)("div",{className:f()["additional-controls"],children:[(0,n.jsx)(d.Uc,{action(){w(),A({currentlyPlaying:void 0,selectingTracks:!T.selectingTracks,selectedTracks:T.selectingTracks?[]:T.selectedTracks})},children:T.selectingTracks?"Cancel":"Select tracks"}),T.selectingTracks&&(0,n.jsx)(d.IH,{fillColor:"var(--tertiary-color)",textColor:"var(--on-tertiary-color)",action(){if(!T.selectingTracks)return;let e=T.trackList.filter((e,r)=>!T.selectedTracks.includes(r));A({trackList:e,selectedTracks:[],selectingTracks:!1})},children:"Remove"})]})]})]})]})};var v=!0;r.default=g},64529:function(e){e.exports={app:"app-styles_app__Vd6c_","generic-page":"app-styles_generic-page__eW_Hs"}},28521:function(e){e.exports={"sound-bank":"sound-bank_sound-bank__fgleD","
1sound-bank__details":"sound-bank_sound-bank__details__uHH_l","media-player":"sound-bank_media-player__UxYOm","media-player__tracks":"sound-bank_media-player__tracks__YrJra","media-player__controls":"sound-bank_media-player__controls__gF4JQ","media-player__visualizer":"sound-bank_media-player__visualizer__oLXRX","media-player__visualizer-cover-art-wrapper":"sound-bank_media-player__visualizer-cover-art-wrapper__bQvDb","additional-controls":"sound-bank_additional-controls__O0sfv"}}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=95244)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.