(this["webpackJsonpmusic-vine"]=this["webpackJsonpmusic-vine"]||[]).push([[0],{1076:function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var s=i(t(1)),a=i(t(1077));function i(e){return e&&e.__esModule?e:{default:e}}function n(e){return n="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function c(){return c=Object.assign||function(e){for(var r=1;r=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(s=0;s=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}function p(e,r){for(var t=0;t\n\n'})}}]),t}(l.a.Component),b=k,y=function(e){Object(c.a)(t,e);var r=Object(o.a)(t);function t(){return Object(a.a)(this,t),r.apply(this,arguments)}return Object(i.a)(t,[{key:"render",value:function(){return Object(j.jsx)(h.a,{src:'\n'})}}]),t}(l.a.Component),f=y,m=t(45),g=t(24),x=t(44),O=Object(x.c)(g.a)(s||(s=Object(m.a)(["\n"]))),T=(t(66),t(799),t(255),function(e){Object(c.a)(t,e);var r=Object(o.a)(t);function t(e){var s;return Object(a.a)(this,t),(s=r.call(this,e)).handlePageSelect=s.handlePageSelect.bind(Object(n.a)(s)),s}return Object(i.a)(t,[{key:"handlePageSelect",value:function(e){this.props.onPageSelect(e)}},{key:"render",value:function(){var e=this.props.pagination.firstPage,r=this.props.pagination.lastPage,t=this.props.pagination.currentPage,s=this.props.pagination.middlePages,a=this.props.pagination.previousPage,i=this.handlePageSelect,n=[];function c(e){return"site-pagination__number site-pagination__number--".concat(e?"active":"inactive")}return e&&n.push(Object(j.jsx)(O,{onClick:i,"data-page":e,children:Object(j.jsx)("span",{className:c(t==e),children:e})},e)),t!==e&&t-1!==e&&s[0]-1!==e&&n.push(Object(j.jsx)("span",{className:"site-pagination__ellipses",children:"..."},e+.5)),s&&s.forEach((function(e,r){n.push(Object(j.jsx)(O,{onClick:i,"data-page":e,children:Object(j.jsx)("span",{className:c(t==e),children:e})},e))})),t!==r&&t+1!==r&&s[s.length-1]+1!==r&&n.push(Object(j.jsx)("span",{className:"site-pagination__ellipses",children:"..."},r-.5)),r>e&&n.push(Object(j.jsx)(O,{onClick:i,"data-page":r,children:Object(j.jsx)("span",{className:c(t==r),children:r})},r)),Object(j.jsx)("div",{className:"site-pagination site-pagination--secondary",children:Object(j.jsx)("div",{className:"content-container",children:Object(j.jsxs)("div",{className:"site-pagination__block",children:[a&&Object(j.jsx)(O,{onClick:this.handlePageSelect,"data-page":a,children:Object(j.jsx)("div",{className:"site-pagination__icon spacer-r site-pagination__icon--inactive",children:Object(j.jsx)("div",{className:"svg-xs",children:Object(j.jsx)(b,{})})})}),n,this.props.pagination.nextPage&&Object(j.jsx)(O,{onClick:this.handlePageSelect,"data-page":this.props.pagination.nextPage,children:Object(j.jsx)("div",{className:"site-pagination__icon spacer-l site-pagination__icon--inactive",children:Object(j.jsx)("div",{className:"svg-xs",children:Object(j.jsx)(f,{})})})})]})})})}}]),t}(l.a.Component));T.contextTypes={router:u.a.object};r.a=Object(g.d)(T)},838:function(e,r,t){e.exports=t(1076)},839:function(e,r,t){"use strict";var s=t(4),a=t(5),i=t(7),n=t(6),c=t(1),o=t.n(c),p=t(15),l=t.n(p),d=t(0),u=function(e){Object(i.a)(t,e);var r=Object(n.a)(t);function t(){return Object(s.a)(this,t),r.apply(this,arguments)}return Object(a.a)(t,[{key:"render",value:function(){return Object(d.jsx)(l.a,{src:'\n\n'})}}]),t}(o.a.Component);r.a=u},851:function(e,r,t){"use strict";var s=t(4),a=t(5),i=t(7),n=t(6),c=t(1),o=t.n(c),p=t(15),l=t.n(p),d=t(0),u=function(e){Object(i.a)(t,e);var r=Object(n.a)(t);function t(){return Object(s.a)(this,t),r.apply(this,arguments)}return Object(a.a)(t,[{key:"render",value:function(){return Object(d.jsx)(l.a,{src:'\n'})}}]),t}(o.a.Component);r.a=u},866:function(e,r,t){"use strict";var s,a=t(3),i=t(4),n=t(5),c=t(8),o=t(7),p=t(6),l=t(1),d=t.n(l),u=t(29),v=t(141),h=t(35),j=t(73),k=t(16),b=t(18),y=t(30),f=t(12),m=t.n(f),g=t(91),x=t.n(g),O=t(81),T=(t(838),t(955)),w=t(14),_=t(781),I=t(266),P=t(839),N=t(870),D=t(45),A=t(24),S=t(44),C=Object(S.c)(A.a)(s||(s=Object(D.a)(["\ncursor: pointer\n"]))),E=t(0),W=function(e){var r=e.onRemoveTrack;return Object(E.jsx)(C,{onClick:r,children:Object(E.jsx)("div",{className:"svg-xxs",children:Object(E.jsx)(P.a,{})})})},R=function(e){var r=e.styles;return Object(E.jsx)("span",{className:"browse-player__category-wrapper",children:Object(E.jsxs)("span",{className:"browse-player__category",children:[r[0]&&Object(E.jsxs)("span",{children:[Object(E.jsx)(C,{to:"/browse/style/".concat(r[0].slug),children:r[0].name}),", "]}),r[1]&&Object(E.jsx)("span",{children:Object(E.jsx)(C,{to:"/browse/style/".concat(r[1].slug),children:r[1].name})})]})})},V=t(19),L=t.n(V),F=t(146),M=t(851),H=t(260),z=function(e){var r=e.onAddLicense,t=e.onDownloadPreview,s=e.onRemoveTrack,a=e.userHasAdminAccount;e.isStyleDeleting,e.trackId;return Object(E.jsxs)("div",{className:L()({grid__item_flex:a}),children:[Object(E.jsx)(C,{onClick:t,children:Object(E.jsx)("div",{className:"browse-player__preview clearfix",children:Object(E.jsxs)("div",{className:"svg-xxs",children:[Object(E.jsx)(F.a,{}),Object(E.jsx)("div",{className:"player-tooltip",children:Object(E.jsx)("span",{children:"Download Preview"})})]})})}),Object(E.jsx)(C,{onClick:r,children:Object(E.jsx)("div",{className:"browse-player__cart pull-right-sm clearfix",children:Object(E.jsxs)("div",{className:"svg-xxs",children:[Object(E.jsx)(M.a,{}),Object(E.jsx)("div",{className:"player-tooltip",children:Object(E.jsx)("span",{children:"Buy License"})})]})})}),a&&Object(E.jsx)(l.Fragment,{children:Object(E.jsx)(C,{onClick:s,children:Object(E.jsx)("div",{className:"browse-player__remove clearfix",children:Object(E.jsxs)("div",{className:"svg-xxs",children:[Object(E.jsx)(P.a,{}),Object(E.jsx)("div",{className:"player-tooltip",children:Object(E.jsx)("span",{children:"Remove From Style"})})]})})})})]})};z.defaultProps={onRemoveTrack:function(){},onAddLicense:function(){},onDownloadPreview:function(){},userHasAdminAccount:!1,isStyleDeleting:{isDeleting:!1,trackId:null},trackId:null};var B=function(e){var r=e.hasSubscription,t=e.onDownloadPreview;return Object(E.jsx)(C,{className:L()({"d-lg-flex":r}),onClick:t,children:Object(E.jsx)("div",{className:"browse-player__preview clearfix",children:Object(E.jsxs)("div",{className:"svg-xxs",children:[Object(E.jsx)(F.a,{}),Object(E.jsx)("div",{className:"player-tooltip",children:Object(E.jsx)("span",{children:"Download Preview"})})]})})})},U=function(e){var r=e.onAddLicense;return Object(E.jsx)(C,{onClick:r,children:Object(E.jsx)("div",{className:"browse-player__cart",children:Object(E.jsx)("div",{className:"svg-xxs",children:Object(E.jsx)(M.a,{})})})})},G=function(e){var r=e.onAddLicense;return Object(E.jsx)(C,{onClick:r,children:Object(E.jsx)("div",{className:"browse-player__sub-license",children:Object(E.jsx)("p",{children:"License"})})})},Y=t(265),J=(t(15),function(e){Object(o.a)(t,e);var r=Object(p.a)(t);function t(){return Object(i.a)(this,t),r.apply(this,arguments)}return Object(n.a)(t,[{key:"render",value:function(){return Object(E.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[Object(E.jsx)("rect",{width:"20",height:"20",style:{fill:"none"}}),Object(E.jsx)("path",{d:"M18,8.89,2.92.17A1.28,1.28,0,0,0,1,1.28V18.72a1.28,1.28,0,0,0,1.92,1.11L18,11.11A1.29,1.29,0,0,0,18,8.89Z",transform:"translate(0 0)",style:{fill:"#fff"}})]})}}]),t}(d.a.Component)),q=J,K=function(e){Object(o.a)(t,e);var r=Object(p.a)(t);function t(){return Object(i.a)(this,t),r.apply(this,arguments)}return Object(n.a)(t,[{key:"render",value:function(){return Object(E.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[Object(E.jsx)("rect",{width:"20",height:"20",style:{fill:"none"}}),Object(E.jsx)("rect",{x:"1.17",y:"0.02",width:"6.3",height:"19.98",rx:"0.76",style:{fill:"#fff"}}),Object(E.jsx)("rect",{x:"12.63",y:"0.02",width:"6.3",height:"19.98",rx:"0.76",style:{fill:"#fff"}})]})}}]),t}(d.a.Component),Q=K,Z=t(264),X=t(49),ee=function(e){Object(o.a)(t,e);var r=Object(p.a)(t);function t(e){var s;return Object(i.a)(this,t),(s=r.call(this,e)).handleTrackPlayPause=s.handleTrackPlayPause.bind(Object(c.a)(s)),s.userHasSubscription=s.userHasSubscription.bind(Object(c.a)(s)),s.waveSurfer=null,s}return Object(n.a)(t,[{key:"componentDidMount",value:function(){var e=this.props.versionWave;return m.a.isEmpty(e)||(this.waveSurfer=e),!1}},{key:"componentWillReceiveProps",value:function(e){var r=e.versionWave;return this.props.versionWave!==r&&(this.waveSurfer=r,this.handleWaveFormSeek(),!1)}},{key:"componentWillUnmount",value:function(){this.waveSurfer&&this.waveSurfer.destroy()}},{key:"userHasSubscription",value:function(){return this.props.subscriptionData.isActive||this.props.subscriptionData.isFreeTrial}},{key:"setActiveTrackPosition",value:function(e,r,t){var s=this.props,i=s.track,n=s.parentIndex;this.props.setCurrentTrack({trackID:i.id,versionID:e}),this.props.addActiveTrack({trackID:i.id,versionID:e,currentContext:i.current_context.id,position:t}),this.props.addVersionPrimaryTrack(Object(a.a)(Object(a.a)({},i),{},{trackId:i.id,versionId:e,trackIndex:n,versionIndex:r+1}))}},{key:"isActiveTrack",value:function(){var e=this.props,r=e.player,t=e.track,s=e.version;return r.currentTrack.trackID===t.id&&r.currentTrack.versionID===s.id}},{key:"handleWaveFormSeek",value:function(){var e=this;this.waveSurfer&&this.waveSurfer.on("seek",(function(r){var t=e.props,s=t.isActiveTrack,i=t.track,n=t.version,c=t.index,o=t.playerTrack,p=t.newTrackWaves,l=t.tracksWaves,d=t.currentPage,u=t.flushTrackWave,v=t.browseType;if(m.a.isEmpty(p)||-1===m.a.findIndex(l,["id",i.id])&&u(d||1),s.isAudioReady&&!m.a.isEmpty(s)){if(s.isAudioReady&&s.trackID===i.id&&s.versionID!==n.id){var h=o.wavesurfer;h.isDestroyed||h.pause(),e.props.setTrackPosition({position:r,activeTrack:{trackID:i.id,versionID:n.id,currentContext:i.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},i),{},{trackId:i.id,versionId:n.id,trackIndex:c,versionIndex:c+1,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:i.id,versionID:n.id}),s.playing?Object(b.b)("play",i.id,i.current_context.id,n.id,v):(e.props.setPlaying(i.id,i.current_context.id,n.id,v),e.props.playActiveTrack())}else if(s.isAudioReady&&s.trackID===i.id&&s.versionID===n.id){e.props.setPlayerPosition(r);var j=o.wavesurfer;m.a.isEmpty(j)||j.isPlaying()||s.playing||(j.play(),e.props.setPlaying(i.id,i.current_context.id,n.id,v),e.props.playActiveTrack())}else if(s.isAudioReady&&s.trackID!==i.id&&s.versionID!==n.id){var k=o.wavesurfer;k.isDestroyed||k.pause(),e.props.setTrackPosition({position:r,activeTrack:{trackID:i.id,versionID:n.id,currentContext:i.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},i),{},{trackId:i.id,versionId:n.id,trackIndex:c,versionIndex:c+1,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:i.id,versionID:n.id}),s.playing?Object(b.b)("play",i.id,i.current_context.id,n.id,v):(e.props.setPlaying(i.id,i.current_context.id,n.id,v),e.props.playActiveTrack())}}else if(m.a.isEmpty(s)&&!s.isAudioReady)e.props.setTrackPosition({position:r,activeTrack:{trackID:i.id,versionID:n.id,currentContext:i.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},i),{},{trackId:i.id,versionId:n.id,trackIndex:c,versionIndex:c+1,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:i.id,versionID:n.id}),e.props.setPlaying(i.id,i.current_context.id,n.id,v),e.props.playActiveTrack(),e.props.playerActive();else if(s.isAudioReady||m.a.isEmpty(s)||s.playing){if(s.isAudioReady||m.a.isEmpty(s)||!s.playing){if(s.trackID===i.id&&s.versionID===n.id)return!1;var y=o.wavesurfer;m.a.isEmpty(y)||y.pause(),e.props.setTrackPosition({position:r,activeTrack:{trackID:i.id,versionID:n.id,currentContext:i.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},i),{},{trackId:i.id,versionId:n.id,trackIndex:c,versionIndex:c+1,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:i.id,versionID:n.id}),Object(b.b)("play",i.id,i.current_context.id,n.id,v)}else if(s.trackID===i.id&&s.versionID===n.id)e.props.setPlayerPosition(r);else if(s.trackID===i.id&&s.versionID!==n.id){var f=o.wavesurfer;m.a.isEmpty(f)||f.pause(),e.props.setTrackPosition({position:r,activeTrack:{trackID:i.id,versionID:n.id,currentContext:i.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},i),{},{trackId:i.id,versionId:n.id,trackIndex:c,versionIndex:c+1,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:i.id,versionID:n.id}),Object(b.b)("play",i.id,i.current_context.id,n.id,v)}else if(s.trackID!==i.id&&s.versionID!==n.id){var g=o.wavesurfer;m.a.isEmpty(g)||g.pause(),e.props.setTrackPosition({position:r,activeTrack:{trackID:i.id,versionID:n.id,currentContext:i.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},i),{},{trackId:i.id,versionId:n.id,trackIndex:c,versionIndex:c+1,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:i.id,versionID:n.id}),Object(b.b)("play",i.id,i.current_context.id,n.id,v)}}else if(s.playing||s.trackID===i.id||s.versionID===n.id)if(s.playing||s.trackID!==i.id||s.versionID!==n.id)s.playing||s.trackID!==i.id||s.versionID===n.id||(e.props.setTrackPosition({position:r,activeTrack:{trackID:i.id,versionID:n.id,currentContext:i.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},i),{},{trackId:i.id,versionId:n.id,trackIndex:c,versionIndex:c+1,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:i.id,versionID:n.id}),e.props.setPlaying(i.id,i.current_context.id,n.id,v),e.props.playActiveTrack());else{e.props.setPlayerPosition(r);var x=o.wavesurfer;m.a.isEmpty(x)||x.isPlaying()||s.playing||(x.isDestroyed||x.play(),e.props.setPlaying(i.id,i.current_context.id,n.id,v),e.props.playActiveTrack())}else e.props.setTrackPosition({position:r,activeTrack:{trackID:i.id,versionID:n.id,currentContext:i.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},i),{},{trackId:i.id,versionId:n.id,trackIndex:c,versionIndex:c+1,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:i.id,versionID:n.id}),e.props.setPlaying(i.id,i.current_context.id,n.id,v),e.props.playActiveTrack();return!1}))}},{key:"handleTrackPlayPause",value:function(e,r,t,s,i){var n=this.props,c=n.player,o=n.track;if(null===this.waveSurfer)return!1;if(c.currentTrack.trackID===e&&t===c.currentTrack.versionID){var p=this.props.playerTrack.wavesurfer;return c.isPlaying?(m.a.isEmpty(p)||p.isDestroyed||p.pause(),this.props.setPause(),this.props.pausedActiveTrack()):(m.a.isEmpty(p)||p.isDestroyed||p.play(),this.props.setPlaying(e,s,t,this.props.browseType),this.props.playActiveTrack()),!1}return this.props.setCurrentTrack({trackID:e,versionID:t}),this.props.addActiveTrack({trackID:e,versionID:t,currentContext:s}),this.props.addVersionPrimaryTrack(Object(a.a)(Object(a.a)({},o),{},{trackId:e,versionId:t,trackIndex:r,versionIndex:i+1})),this.props.setPlayerPosition(0),this.props.playActiveTrack(),this.props.setPlaying(e,s,t,this.props.browseType),this.props.playerActive(),m.a.isEmpty(this.props.newTrackWaves)||-1===m.a.findIndex(this.props.tracksWaves,["id",o.id])&&this.props.flushTrackWave(this.props.currentPage),!1}},{key:"render",value:function(){var e=this,r=this.props,t=r.favourite,s=r.version,a=(r.player,r.index),i=r.track,n=r.parentIndex,c=r.isActiveTrack,o=c.trackID===i.id&&c.versionID===s.id,p=Object(E.jsx)("span",{className:"version-track-icon-play-state",children:Object(E.jsx)(Z.a,{})}),l=Object(E.jsx)("span",{className:"track-icon-play-state",children:Object(E.jsx)(q,{})});return o&&c.playing&&(c.isAudioReady?(p=Object(E.jsx)("span",{className:"track-icon-pause-state",children:Object(E.jsx)(Y.a,{})}),l=Object(E.jsx)("span",{className:"track-icon-pause-state",children:Object(E.jsx)(Q,{})})):(p=Object(E.jsx)("span",{className:"version-track-icon-load-state",children:Object(E.jsx)(H.a,{})}),l=Object(E.jsx)("span",{className:"track-icon-load-state",children:Object(E.jsxs)("div",{className:"browse-player__spinner",children:[Object(E.jsx)("div",{className:"double-bounce1"}),Object(E.jsx)("div",{className:"double-bounce2"})]})}))),Object(E.jsxs)("div",{className:"d-flex flex-wrap align-items-center grid--versions ".concat(o?"activeTrack":"inActiveTrack"),children:[Object(E.jsx)("div",{className:"browse-player__track-avatar",children:Object(E.jsx)("div",{className:"version-icon-play-wrapper",children:Object(E.jsx)(C,{className:"toggle-play-pause d-none d-md-block",onClick:function(){return e.handleTrackPlayPause(i.id,n,s.id,i.current_context.id,a)},children:Object(E.jsx)("div",{className:"svg-container version-icon version-icon--play",children:p})})})}),Object(E.jsx)("div",{className:"browse-player__track-play-sm d-md-none",children:Object(E.jsx)(C,{className:"toggle-play-pause",style:{width:"20px"},onClick:function(){return e.handleTrackPlayPause(i.id,n,s.id,i.current_context.id,a)},children:Object(E.jsx)("div",{className:"svg-container version-icon version-icon--play text-center",children:l})})}),Object(E.jsx)("div",{className:"browse-player__track-controls",children:Object(E.jsxs)("div",{className:"d-flex align-items-center browse-track-icons grid--versions-icons-secondary",children:[Object(E.jsx)("a",{className:"svg-container svg-tiny version-icon version-icon--secondary",onClick:this.props.onAddPlaylist,children:Object(E.jsx)(N.a,{})}),Object(E.jsx)("a",{className:"svg-container svg-tiny version-icon version-icon--secondary favourite-track-".concat(s.id," ").concat(t),onClick:this.props.onToggleFavouriteTrackVerion,children:Object(E.jsx)(I.a,{})})]})}),Object(E.jsx)("div",{className:"browse-player__track-info container",children:Object(E.jsxs)("div",{className:"row align-items-center grid--tracks",children:[Object(E.jsx)("div",{className:"col-9 col-md-3 order-1",children:Object(E.jsx)("div",{className:"browse-player__version-info",children:Object(E.jsx)("div",{className:"browse-player__title browse-player__title--version",children:s.version_description||"Alternative Version"})})}),Object(E.jsx)("div",{className:"col-md-8 order-3 order-md-2 position-relative d-none d-md-block",children:Object(E.jsx)("div",{className:"waveform-version-main",children:Object(E.jsx)("div",{id:"waveform-version-".concat(i.id,"-").concat(s.id)})})}),Object(E.jsx)("div",{className:"col-3 col-md-1 order-2 order-md-3 px-0 text-right text-md-center",children:Object(E.jsx)("span",{className:"browse-player-versions__duration",children:Object(X.a)(s.version_length)})})]})}),Object(E.jsxs)("div",{className:"browse-player__version-connector",children:[Object(E.jsx)("div",{className:"browse-version-horizontal-line"}),Object(E.jsx)("div",{className:"browse-version-item-connector"})]}),Object(E.jsx)("div",{className:"browse-player__track-actions",children:Object(E.jsx)(C,{onClick:this.props.onDownloadPreview,children:Object(E.jsx)("div",{className:"browse-player__preview clearfix",children:Object(E.jsx)("div",{className:"svg-xxs",children:Object(E.jsx)(F.a,{})})})})}),!this.userHasSubscription()&&Object(E.jsx)("div",{className:"browse-player__track-actions"}),this.userHasSubscription()&&Object(E.jsx)("div",{className:"browse-player__track-actions-sub-license flex-row-reverse"})]})}}]),t}(d.a.Component),re=Object(u.b)((function(e){return{player:e.get("player"),subscriptionData:e.get("subscriptionData")}}),(function(e){return{setPlaying:function(r,t,s,a){e({type:"PLAYER_SET_PLAYING",engagementInfo:{trackId:r,contextId:t,versionId:s,browseType:a}})},setPause:function(){return e({type:"PLAYER_SET_PAUSE"})},setCurrentTrack:function(r){return e({type:"PLAYER_CURRENT_TRACK",currentTrack:r})},playerActive:function(){return e(Object(j.t)())},addActiveTrack:function(r){return e(Object(j.a)(r))},addVersionPrimaryTrack:function(r){return e(Object(j.i)(r))},playActiveTrack:function(){return e(Object(j.s)())},pausedActiveTrack:function(){return e(Object(j.r)())},setPlayerPosition:function(r){return e(Object(j.w)(r))},setTrackPosition:function(r){return e(Object(j.x)(r))}}}))(ee),te=function(e){Object(o.a)(t,e);var r=Object(p.a)(t);function t(e){var s;return Object(i.a)(this,t),(s=r.call(this,e)).state={versionWaves:[]},s.componentRender=!1,s}return Object(n.a)(t,[{key:"componentDidMount",value:function(){var e=this,r=this.props,t=r.versions,s=r.track,i=r.previousPage,n=r.currentPage,c=r.storePage;return t.map((function(r){var t=x.a.create({container:"#waveform-version-".concat(s.id,"-").concat(r.id),backend:"MediaElement",mediaType:"audio",normalize:!0,waveColor:"#2f3031",progressColor:"#32efe6",cursorColor:"#3a7676",cursorWidth:0,height:40,hideScrollbar:!0});t.mainTrackUrl=r&&r.version_preview_uri,t.mainTrackSet=!1;var i=r.waveform_json&&JSON.parse(r.waveform_json)||[];t.backend.setPeaks(i),t.drawBuffer(),e.state.versionWaves.push(Object(a.a)(Object(a.a)({},r),{},{wavesurfer:t}))})),parseInt(i)!==n&&c!==n?this.props.addVersionNewTrackWave({versionWaves:this.state.versionWaves,trackId:s.id}):this.props.addVersionTrackWave({versionWaves:this.state.versionWaves,trackId:s.id}),!0}},{key:"componentWillReceiveProps",value:function(e){var r=e.versions,t=e.track,s=e.previousPage,i=e.currentPage,n=e.storePage;if(!this.componentRender&&m.a.size(this.props.tracksWaves)!==m.a.size(e.tracksWaves)){var c=[];this.componentRender=!0,r.map((function(e){$("#waveform-version-".concat(t.id,"-").concat(e.id)).empty();var r=x.a.create({container:"#waveform-version-".concat(t.id,"-").concat(e.id),backend:"MediaElement",mediaType:"audio",normalize:!0,waveColor:"#2f3031",progressColor:"#32efe6",cursorColor:"#3a7676",cursorWidth:0,height:40,hideScrollbar:!0});r.mainTrackUrl=e&&e.version_preview_uri,r.mainTrackSet=!1;var s=e.waveform_json&&JSON.parse(e.waveform_json)||[];r.backend.setPeaks(s),r.drawBuffer(),c.push(Object(a.a)(Object(a.a)({},e),{},{wavesurfer:r}))})),parseInt(s)!==i&&n!==i?this.props.addVersionNewTrackWave({versionWaves:c,trackId:t.id}):this.props.addVersionTrackWave({versionWaves:c,trackId:t.id})}}},{key:"render",value:function(){var e=this,r=this.props,t=r.isVisible,s=r.track,a=r.versions,i=r.onToggleFavouriteTrackVerion,n=r.onDownloadPreview,c=r.onAddPlaylist,o=r.parentIndex,p=r.isAudioReady,l=r.isActiveTrack,d=sessionStorage.getItem("favourites_data"),u=null,v=a.map((function(r,t){var a=d&&d.includes(String(r.id))?"js-is-favourite-version":"";if(parseInt(e.props.previousPage)!==e.props.currentPage&&e.props.storePage!==e.props.currentPage){var v=m.a.find(e.props.newTrackWaves,["id",s.id]);if(!m.a.isEmpty(v)){var h=m.a.findIndex(v.track_version,["id",r.id]),j=v.track_version[h].wavesurfer;m.a.isEmpty(j)||(u=j)}}else{var k=m.a.find(e.props.tracksWaves,["id",s.id]);if(!m.a.isEmpty(k)){var b=m.a.findIndex(k.track_version,["id",r.id]),y=k.track_version[b].wavesurfer;m.a.isEmpty(y)||(u=y)}}return Object(E.jsx)(re,{index:t,track:s,parentIndex:o,version:r,favourite:a,onAddPlaylist:function(){return c(s,r.id)},isAudioReady:p,isActiveTrack:l,onToggleFavouriteTrackVerion:function(){return i(r.id,s.current_context.id)},onDownloadPreview:function(){return n(s,r)},versionWave:u,playerTrack:e.props.playerTrack,newTrackWaves:e.props.newTrackWaves,flushTrackWave:e.props.flushTrackWave,currentPage:e.props.currentPage,previousPage:e.props.previousPage,storePage:e.props.storePage,browseType:e.props.browseType},t)}));return Object(E.jsx)("div",{className:"browse-content-wrapper-inner",children:Object(E.jsx)("div",{className:"browse-player-versions ".concat(t?"versions-toggle":""),children:v})})}}]),t}(l.Component),se=function(e){var r=e.track,t=e.onDisplayVersions;return Object(E.jsx)("span",{children:r.version_count>0&&Object(E.jsxs)("div",{onClick:function(){return t(r.id)},className:"browse__version",children:["+",r.version_count]})})},ae=function(e){Object(o.a)(t,e);var r=Object(p.a)(t);function t(e){var s;Object(i.a)(this,t),s=r.call(this,e);var a=!m.a.isEmpty(e.isActiveTrack)&&(e.isActiveTrack.trackID===e.track.id&&e.isActiveTrack.versionID!==e.mainVersionId);return s.state={showVersions:a,isAudioReady:!1},s.handleToggleVersions=s.handleToggleVersions.bind(Object(c.a)(s)),s.handleWaveFormSeek=s.handleWaveFormSeek.bind(Object(c.a)(s)),s.userHasSubscription=s.userHasSubscription.bind(Object(c.a)(s)),s.waveSurfer=null,m.a.isEmpty(e.isActiveTrack)||e.isActiveTrack.trackID===e.track.id&&e.isActiveTrack.versionID!==e.mainVersionId&&e.toggleVersion(e.track.id,!0),s}return Object(n.a)(t,[{key:"componentDidMount",value:function(){var e=this.props,r=e.track,t=e.mainVersionId,s=e.wavesurfer,a=e.browseType;return m.a.isEmpty(s)||(this.waveSurfer=s,m.a.isEmpty(this.props.isActiveTrack)||m.a.isEmpty(this.props.player.currentTrack)&&r.id===this.props.isActiveTrack.trackID&&t===this.props.isActiveTrack.versionID&&(this.props.setCurrentTrack({trackID:r.id,versionID:t}),this.props.setPlaying(r.id,r.current_context.id,t,a))),!1}},{key:"componentWillReceiveProps",value:function(e){return e.wavesurfer!==this.props.wavesurfer&&(this.waveSurfer=e.wavesurfer,this.handleWaveFormSeek(),!1)}},{key:"componentWillUnmount",value:function(){this.waveSurfer&&this.waveSurfer.destroy()}},{key:"userHasSubscription",value:function(){return this.props.subscriptionData.isActive||this.props.subscriptionData.isFreeTrial}},{key:"isActiveTrack",value:function(){var e=this.props,r=e.player,t=e.track,s=e.mainVersionId;return r.currentTrack.trackID===t.id&&r.currentTrack.versionID===s}},{key:"handleWaveFormSeek",value:function(){var e=this,r=this.props,t=r.track,s=r.index;this.waveSurfer&&this.waveSurfer.on("seek",(function(r){var i=e.props,n=i.isActiveTrack,c=i.mainVersionId,o=i.playerTrack,p=i.newTrackWaves,l=i.tracksWaves,d=i.flushTrackWave,u=i.currentPage,v=i.browseType;if(m.a.isEmpty(p)||-1===m.a.findIndex(l,["id",t.id])&&d(u||1),n.isAudioReady&&!m.a.isEmpty(n)){if(n.isAudioReady&&n.trackID!==t.id&&n.versionID!==c){var h=o.wavesurfer;m.a.isEmpty(h)||h.isDestroyed||h.play(),e.props.setTrackPosition({position:r,activeTrack:{trackID:t.id,versionID:c,currentContext:t.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},t),{},{trackId:t.id,versionId:c,trackIndex:s,versionIndex:0,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:t.id,versionID:c}),n.playing?Object(b.b)("play",t.id,t.current_context.id,c,v):(e.props.setPlaying(t.id,t.current_context.id,c,v),e.props.playActiveTrack())}else if(n.isAudioReady&&n.trackID===t.id)if(e.props.setPlayerPosition(r),m.a.isEmpty(e.props.player.currentTrack))e.props.setCurrentTrack({trackID:t.id,versionID:c}),e.props.setPlaying(t.id,t.current_context.id,c,v);else if(n.trackID===t.id&&n.versionID!==c)e.props.setTrackPosition({position:r,activeTrack:{trackID:t.id,versionID:c,currentContext:t.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},t),{},{trackId:t.id,versionId:c,trackIndex:s,versionIndex:0,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:t.id,versionID:c});else if(n.trackID===t.id&&n.versionID===c){var j=o.wavesurfer;m.a.isEmpty(j)||j.isPlaying()||n.playing||(j.isDestroyed||j.play(),e.props.setPlaying(t.id,t.current_context.id,c,v),e.props.playActiveTrack())}}else if(m.a.isEmpty(n)&&!e.props.isAudioReady)e.props.setTrackPosition({position:r,activeTrack:{trackID:t.id,versionID:c,currentContext:t.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},t),{},{trackId:t.id,versionId:c,trackIndex:s,versionIndex:0,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:t.id,versionID:c}),e.props.setPlaying(t.id,t.current_context.id,c,v),e.props.playActiveTrack(),e.props.playerActive();else if(n.isAudioReady||m.a.isEmpty(n)||n.playing){if(n.isAudioReady||m.a.isEmpty(n)||!n.playing){if(n.trackID===t.id&&n.versionID===c)return!1;var k=o.wavesurfer;m.a.isEmpty(k)||k.isDestroyed||k.pause(),e.props.setTrackPosition({position:r,activeTrack:{trackID:t.id,versionID:c,currentContext:t.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},t),{},{trackId:t.id,versionId:c,trackIndex:s,versionIndex:0,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:t.id,versionID:c}),Object(b.b)("play",t.id,t.current_context.id,c,v)}else if(n.trackID===t.id&&n.versionID===c)e.props.setPlayerPosition(r);else if(n.trackID===t.id&&n.versionID!==c){var y=o.wavesurfer;m.a.isEmpty(y)||y.isDestroyed||y.pause(),e.props.setTrackPosition({position:r,activeTrack:{trackID:t.id,versionID:c,currentContext:t.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},t),{},{trackId:t.id,versionId:c,trackIndex:s,versionIndex:0,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:t.id,versionID:c})}else if(n.trackID!==t.id&&n.versionID!==c){var f=o.wavesurfer;m.a.isEmpty(f)||f.isDestroyed||f.pause(),e.props.setTrackPosition({position:r,activeTrack:{trackID:t.id,versionID:c,currentContext:t.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},t),{},{trackId:t.id,versionId:c,trackIndex:s,versionIndex:0,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:t.id,versionID:c}),Object(b.b)("play",t.id,t.current_context.id,c,v)}}else if(n.playing||n.trackID===t.id||n.versionID===c){if(!n.playing&&n.trackID===t.id&&n.versionID===c){var g=o.wavesurfer;m.a.isEmpty(g)||g.isPlaying()||n.playing||(g.isDestroyed||g.play(),e.props.setPlaying(t.id,t.current_context.id,c,v),e.props.playActiveTrack()),e.props.setPlayerPosition(r)}}else e.props.setTrackPosition({position:r,activeTrack:{trackID:t.id,versionID:c,currentContext:t.current_context.id,isAudioReady:!1,position:r},primaryTrack:Object(a.a)(Object(a.a)({},t),{},{trackId:t.id,versionId:c,trackIndex:s,versionIndex:0,wavesurfer:e.waveSurfer})}),e.props.setCurrentTrack({trackID:t.id,versionID:c}),e.props.setPlaying(t.id,t.current_context.id,c,v),e.props.playActiveTrack();return!1}))}},{key:"handleTrackPlayPause",value:function(e,r){if(this.props.player.currentTrack.trackID===e.id&&this.props.player.currentTrack.versionID===this.props.mainVersionId){var t=this.props.playerTrack.wavesurfer;return this.props.player.isPlaying?(m.a.isEmpty(t)||t.isDestroyed||t.pause(),this.props.setPause(),this.props.pausedActiveTrack()):(m.a.isEmpty(t)||t.isDestroyed||t.play(),this.props.setPlaying(e.id,e.current_context.id,this.props.mainVersionId,this.props.browseType),this.props.playActiveTrack()),!1}return this.props.setCurrentTrack({trackID:e.id,versionID:this.props.mainVersionId}),this.props.addActiveTrack({trackID:e.id,versionID:this.props.mainVersionId,currentContext:e.current_context.id,isAudioReady:!1}),this.props.addPrimaryTrack(Object(a.a)(Object(a.a)({},e),{},{trackId:e.id,versionId:this.props.mainVersionId,trackIndex:r,versionIndex:m.a.findIndex(e.track_version,["id",e.track_url.id]),wavesurfer:this.waveSurfer})),this.props.setPlayerPosition(0),this.props.playActiveTrack(),this.props.setPlaying(e.id,e.current_context.id,this.props.mainVersionId,this.props.browseType),this.props.playerActive(),m.a.isEmpty(this.props.newTrackWaves)||-1===m.a.findIndex(this.props.tracksWaves,["id",e.id])&&this.props.flushTrackWave(this.props.currentPage),!1}},{key:"handleToggleVersions",value:function(e){var r=this;this.setState({showVersions:!this.state.showVersions},(function(){r.props.toggleVersion(e,r.state.showVersions)}))}},{key:"posToSec",value:function(e,r){return e*r}},{key:"getTopStyles",value:function(e){for(var r=$(".hero__title.hero__title--secondary").text(),t=!1,s=!1,a=0;a1&&Object(E.jsx)(ne.a,{url:this.props.url,pagination:this.props.tracks.page.pagination,onPageSelect:this.props.onPageSelect})]})})}}]),t}(d.a.Component),oe=t(43),pe=function(e){Object(o.a)(t,e);var r=Object(p.a)(t);function t(e){var s;return Object(i.a)(this,t),(s=r.call(this,e)).state={},s.handleAddModal=s.handleAddModal.bind(Object(c.a)(s)),s}return Object(n.a)(t,[{key:"handleAddModal",value:function(e){var r=this.props,t=r.onAddModal,s=r.reloaded;t("removeStyle",Object(a.a)(Object(a.a)({},e),{},{reloaded:s})),$("body").addClass("modal-overlay-active")}},{key:"render",value:function(){var e=null,r="true"===String(sessionStorage.getItem("admin_account")||!1),t=function(){};return this.props.onResultClick&&(t=this.props.onResultClick),e=this.props.tracks.isFetching?Object(E.jsx)("div",{className:"music-loading-message",children:Object(E.jsxs)("div",{className:"music-loader-message-container",children:[Object(E.jsx)("h3",{className:"music-loading-message-title",children:"Loading Music"}),Object(E.jsxs)("div",{className:"circle-loader",children:[Object(E.jsx)("div",{className:"bounce1"}),Object(E.jsx)("div",{className:"bounce2"}),Object(E.jsx)("div",{className:"bounce3"})]})]})}):Object(E.jsx)(ce,{onAddNewEngagement:this.props.onAddNewEngagement,onResultClick:t,activeTrack:this.props.activeTrack,primaryTrack:this.props.footerPlayer.primaryTrack,playing:this.props.playing,trackId:this.props.trackId,url:this.props.url,tracks:this.props.tracks,trackIds:this.props.trackIds,tracksWave:this.props.tracksWave,onPageSelect:this.props.onPageSelect,onAddTracksWave:this.props.onAddTracksWave,onTrackPlay:this.props.onTrackPlay,versions:this.props.versions,versionsWave:this.props.versionsWave,onDisplayVersions:this.props.onDisplayVersions,onAddLicense:this.props.onAddLicense,onAddPlaylist:this.props.onAddPlaylist,onDownloadPreview:this.props.onDownloadPreview,onToggleFavourite:this.props.onToggleFavourite,isEditing:this.props.isEditing,onRemoveTrack:this.props.onRemoveTrack,playlistId:this.props.playlistId,favorites:this.props.favorites,addToFavorites:this.props.addToFavorites,removeFromFavorites:this.props.removeFromFavorites,destroyPreviousPlayer:this.props.destroyPreviousPlayer,isAudioReady:this.props.footerPlayer.isAudioReady,isActiveTrack:this.props.footerPlayer.activeTrack,flushTrackWave:this.props.flushTrackWave,addTrackWave:this.props.addTrackWave,addPageTrackWave:this.props.addPageTrackWave,tracksWaves:this.props.footerPlayer.trackWaves,newTrackWaves:this.props.footerPlayer.newTrackWaves,playerTrack:this.props.footerPlayer.playerTrack,previousPage:this.props.previousPage,storePage:this.props.footerPlayer.storePage,flushNewTrackWave:this.props.flushNewTrackWave,addVersionTrackWave:this.props.addVersionTrackWave,addVersionNewTrackWave:this.props.addVersionNewTrackWave,browseType:this.props.browseType,userHasAdminAccount:Boolean(r&&this.props.browseStyleId),browseStyleId:this.props.browseStyleId,onRemoveTrackStyle:this.handleAddModal,isStyleDeleting:this.props.tracks.isRemoveLoading,sort:this.props.sort,defaultSort:this.props.defaultSort,onSortToggle:this.props.onSortToggle,hideSort:this.props.hideSort}),Object(E.jsxs)("section",{id:"track-player",children:[this.props.tracks.isDeleting&&Object(E.jsx)(oe.a,{}),e]})}}]),t}(d.a.Component);r.a=Object(u.b)((function(e){return{tracks:e.get("tracks"),trackIds:e.get("trackIds"),versions:e.get("versions"),activeTrack:e.get("activeTrack"),primaryTrack:e.get("primaryTrack"),playing:e.get("playing"),favorites:e.get("favorites"),footerPlayer:e.get("footerPlayer")}}),(function(e){return{onAddModal:function(r,t){e(Object(k.a)(r,t))},onRemoveModal:function(){e(Object(k.w)())},onAddTracksWave:function(r,t){e(Object(v.d)(r,t)),e(Object(v.h)())},onTrackPlay:function(r,t,s,a,i){e(Object(v.a)({trackIndex:r,trackId:t,contextId:s,version:a})),e(Object(v.c)(i))},onDisplayVersions:function(r,t){t[r]&&(t[r].active=!t[r].active,e(Object(v.e)(t)),$(".browse-player-versions").is(":visible")&&1==$(".browse-player__track-main.activeTrack").siblings(".browse-content-wrapper-inner").find(".browse-player-versions").css("opacity")?$(".browse-player__track-main.activeTrack").addClass("versions-active"):$(".browse-player__track-main.activeTrack").removeClass("versions-active"))},onAddLicense:function(r){Object(y.a)("Opened License Modal"),e(Object(h.a)(r)),$(".modal-overlay").addClass("active")},onDownloadPreview:function(r,t){e(Object(v.f)(r,t))},onAddPlaylist:function(r,t){e(Object(v.b)(r,t))},onToggleFavourite:function(r,t){e(Object(b.k)(r,t))},onAddNewEngagement:function(e,r,t){Object(b.b)(e,r,t)},onRemoveTrack:function(r,t,s){e(Object(b.h)(r,t,s))},onRemoveTrackStyle:function(r,t){e(Object(b.i)(r,t))},addToFavorites:function(r,t){e(Object(b.d)(r,t))},removeFromFavorites:function(r,t){e(Object(b.g)(r,t))},destroyPreviousPlayer:function(){return e({type:"PLAYER_DESTROY"})},addTrackWave:function(r,t){return e(Object(j.g)(r,t))},addPageTrackWave:function(r){return e(Object(j.c)(r))},flushTrackWave:function(r){return e(Object(j.l)(r))},flushNewTrackWave:function(){return e(Object(j.m)())},addVersionTrackWave:function(r){return e(Object(j.j)(r))},addVersionNewTrackWave:function(r){return e(Object(j.h)(r))}}}))(pe)},870:function(e,r,t){"use strict";var s=t(4),a=t(5),i=t(7),n=t(6),c=t(1),o=t.n(c),p=t(15),l=t.n(p),d=t(0),u=function(e){Object(i.a)(t,e);var r=Object(n.a)(t);function t(){return Object(s.a)(this,t),r.apply(this,arguments)}return Object(a.a)(t,[{key:"render",value:function(){return Object(d.jsx)(l.a,{src:'\n '})}}]),t}(o.a.Component);r.a=u},955:function(e,r,t){"use strict";var s=t(4),a=t(5),i=t(7),n=t(6),c=t(1),o=t.n(c),p=t(29),l=t(0),d=function(e){Object(i.a)(t,e);var r=Object(n.a)(t);function t(e){return Object(s.a)(this,t),r.call(this,e)}return Object(a.a)(t,[{key:"render",value:function(){this.props.trackEngagement;var e=0,r=0,t=0,s=0,a=0;this.props.trackEngagement&&this.props.adminBar.showRelevancy&&(e=this.props.trackEngagement.plays||0,t=(r=this.props.trackEngagement.positive||0)/e||0,s=this.props.trackEngagement.normalised||0,a=this.props.currentContext||0);var i="";switch(this.props.engagementGroup){case 1:i="5+ E";break;case 2:i="Any E";break;case 3:i="15+ E";break;case 4:i="<10 P";break;case 5:i="All";break;default:i="N/A"}return Object(l.jsx)(c.Fragment,{children:this.props.trackEngagement&&this.props.adminBar.showRelevancy&&Object(l.jsxs)("div",{className:"normalised-score-readout",children:[Object(l.jsxs)("div",{className:"meta",children:[Object(l.jsx)("span",{children:"\xa7"}),Object(l.jsx)("div",{className:"player-tooltip",children:Object(l.jsxs)("span",{children:["Context ID: ".concat(a),Object(l.jsx)("br",{}),"Track ID: ".concat(this.props.track.id)]})})]}),Object(l.jsxs)("div",{className:"set",children:[Object(l.jsxs)("span",{children:["S",this.props.engagementGroup]}),Object(l.jsx)("div",{className:"player-tooltip",children:Object(l.jsxs)("span",{children:["Set ",this.props.engagementGroup,Object(l.jsx)("br",{}),i]})})]}),Object(l.jsxs)("div",{className:"data",children:[Object(l.jsxs)("span",{children:["P: ",e]}),Object(l.jsxs)("span",{children:["E: ",r]}),Object(l.jsxs)("span",{title:t,children:["R: ",Math.round(100*t)/100]}),Object(l.jsxs)("span",{title:s,children:["N: ",Math.round(100*s)/100]})]})]})})}}]),t}(o.a.Component);r.a=Object(p.b)((function(e){return{adminBar:e.get("adminBar")}}),(function(e){return{toggleRelevancy:function(e){function r(){return e.apply(this,arguments)}return r.toString=function(){return e.toString()},r}((function(){e(toggleRelevancy())}))}}))(d)}}]); //# sourceMappingURL=0.chunk.js.map?hash=63643cd0