(this["webpackJsonpmusic-vine"]=this["webpackJsonpmusic-vine"]||[]).push([[20],{1386:function(e,t,r){"use strict";r.r(t);var s=r(3),a=r(4),n=r(5),c=r(8),i=r(7),o=r(6),l=r(12),d=r.n(l),u=r(25),h=r.n(u),p=r(1),v=r.n(p),j=r(252),b=r.n(j),f=r(29),k=r(91),m=r.n(k),g=r(35),O=r(821),x=r(16),y=r(831),w=r(141),_=r(18),I=r(255),T=r(73),N=r(148),P=r(265),A=r(15),S=r.n(A),C=r(0),D=function(e){Object(i.a)(r,e);var t=Object(o.a)(r);function r(){return Object(a.a)(this,r),t.apply(this,arguments)}return Object(n.a)(r,[{key:"render",value:function(){return Object(C.jsx)(S.a,{src:'\n \x3c!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --\x3e\n \n \n \n \n'})}}]),r}(v.a.Component),V=D,F=function(e){Object(i.a)(r,e);var t=Object(o.a)(r);function r(){return Object(a.a)(this,r),t.apply(this,arguments)}return Object(n.a)(r,[{key:"render",value:function(){return Object(C.jsx)(S.a,{src:'\n\n\n\n \n \n \n\n\n\n'})}}]),r}(v.a.Component),E=F,M=function(e){Object(i.a)(r,e);var t=Object(o.a)(r);function r(){return Object(a.a)(this,r),t.apply(this,arguments)}return Object(n.a)(r,[{key:"render",value:function(){return Object(C.jsx)(S.a,{src:''})}}]),r}(v.a.Component),L=M,R=function(e){Object(i.a)(r,e);var t=Object(o.a)(r);function r(){return Object(a.a)(this,r),t.apply(this,arguments)}return Object(n.a)(r,[{key:"render",value:function(){return Object(C.jsx)(S.a,{src:''})}}]),r}(v.a.Component),W=R,H=r(870),z=function(e){Object(i.a)(r,e);var t=Object(o.a)(r);function r(){return Object(a.a)(this,r),t.apply(this,arguments)}return Object(n.a)(r,[{key:"render",value:function(){return Object(C.jsx)(S.a,{src:'\n \x3c!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --\x3e\n \n \n \n\n'})}}]),r}(v.a.Component),B=z,G=function(e){Object(i.a)(r,e);var t=Object(o.a)(r);function r(){return Object(a.a)(this,r),t.apply(this,arguments)}return Object(n.a)(r,[{key:"render",value:function(){return Object(C.jsx)(S.a,{src:'\n\n\n\n\n\n'})}}]),r}(v.a.Component),U=G,Y=r(264),Z=r(14),J=r(146);function q(e){var t=Math.floor(e/60),r=e-60*t;return 1===r.toString().length?"".concat(t,":",0).concat(r):"".concat(t,":").concat(r)}var K=function(e){var t=e.trackIndex,r=e.trackId,s=e.version,a=e.versionIndex,n=e.button,c=e.onVersionPlay,i=e.handleAddPlaylist,o=e.onDownloadVersionPreview,l=e.onToggleFavouriteTrackVerion,d=e.favorite;return Object(C.jsx)("div",{className:"browse-track-categories__item-child",children:Object(C.jsxs)("div",{className:"browse-track-categories__version",children:[Object(C.jsx)("span",{className:"browse-track-categories__version-play",children:Object(C.jsx)(Z.a,{className:"toggle-play-pause","data-track-index":t,"data-track-id":r,"data-version-id":s.id,"data-version-index":a,onClick:c,children:Object(C.jsx)("span",{className:"svg-container svg-x-tiny browse-track__play",children:n})})}),Object(C.jsx)("span",{className:"browse-track-categories__version-description",children:s.version_description}),Object(C.jsx)("span",{className:"browse-track-categories__version-time",children:Object(C.jsx)("span",{children:q(s.version_length)})}),Object(C.jsx)("span",{className:"browse-track-categories__version-controls-outer",children:Object(C.jsxs)("span",{className:"browse-track-categories__version-controls",children:[Object(C.jsx)("span",{className:"svg-container svg-xxs d-none d-md-inline-block",onClick:o,children:Object(C.jsx)(J.a,{})}),Object(C.jsx)("span",{className:"svg-container svg-tiny browse-track-categories__favourite btn-favorite favourite-track-".concat(s.id," ").concat(d),onClick:l,children:Object(C.jsx)(V,{})}),Object(C.jsx)("span",{className:"add-to-playlist-target svg-container svg-tiny browse-track-categories__add",onClick:i,"data-version":s.id,children:Object(C.jsx)(H.a,{})})]})})]})},a)},Q=r(838),X=r.n(Q),$=function(e){var t=e.artist,r=e.track;return Object(C.jsxs)("span",{className:"filter-browse__music",children:[Object(C.jsx)("span",{className:"filter__title",children:Object(C.jsx)(Z.a,{to:"/artists",children:"Artists"})}),Object(C.jsxs)("ul",{className:"list-bare",children:[Object(C.jsx)("li",{children:Object(C.jsx)(Z.a,{className:"filter__styles-dropdown filter__styles-dropdown--main".concat(r.id?"":" filter__breadcrumb-active"),to:"/browse/artist/".concat(t.slug?t.slug:t.id),children:Object(C.jsx)(X.a,{text:t.name,length:18})})}),Object(C.jsx)("li",{children:Object(C.jsx)(Z.a,{className:"filter__styles-dropdown--sub filter__breadcrumb-active",to:"/track/".concat(r.artist.slug,"/").concat(r.slug),children:Object(C.jsx)(X.a,{text:r.name,length:18})})})]})]})},ee=function(e){Object(i.a)(r,e);var t=Object(o.a)(r);function r(e){return Object(a.a)(this,r),t.call(this,e)}return Object(n.a)(r,[{key:"render",value:function(){return Object(C.jsx)("div",{className:"browse-track-categories__item container-fluid",children:Object(C.jsxs)("div",{className:"row no-gutters",children:[Object(C.jsx)("div",{className:"grid__item col-12 col-md-3",children:Object(C.jsx)("span",{className:"browse-track-categories__label",children:"Tempo"})}),Object(C.jsx)("div",{className:"grid__item col-12 col-md-9",children:Object(C.jsxs)("span",{children:[this.props.tempo," bpm"]})})]})})}}]),r}(v.a.Component),te=function(e){Object(i.a)(r,e);var t=Object(o.a)(r);function r(e){return Object(a.a)(this,r),t.call(this,e)}return Object(n.a)(r,[{key:"render",value:function(){var e=this,t=[];return Object.entries(this.props.subStyles).forEach((function(r,s){s+1\n\n\t\n\n'})}}]),r}(v.a.Component),ce=ne,ie=r(10),oe=function(e){Object(i.a)(r,e);var t=Object(o.a)(r);function r(e){var s;return Object(a.a)(this,r),(s=t.call(this,e)).state={foldOpen:!1},s.isTrustedUser="true"===sessionStorage.getItem("is_trusted"),s.trustedUserName=sessionStorage.getItem("trusted_name"),s.props.adminBar.showRelevancy&&(s.isTrustedUser=!0,s.trustedUserName="Music Vine Plugin"),s.onToggleFold=s.onToggleFold.bind(Object(c.a)(s)),s.onDownloadUnwatermarked=s.onDownloadUnwatermarked.bind(Object(c.a)(s)),s}return Object(n.a)(r,[{key:"onToggleFold",value:function(){this.state.foldOpen?this.setState({foldOpen:!1}):this.setState({foldOpen:!0})}},{key:"onDownloadUnwatermarked",value:function(){fetch("".concat(ie.a,"tracks/").concat(this.props.track.id,"/watermarkfree"),{method:"GET"}).then((function(e){return e.json()}),(function(e){return console.log("An error occured.",e)})).then((function(e){e.download_zip&&(window.location=e.download_zip)}))}},{key:"render",value:function(){var e=this.props.track;return Object(C.jsx)("div",{className:"browse-track-categories",children:Object(C.jsx)("div",{className:"content-container content-max-width-sm container-fluid",children:Object(C.jsxs)("div",{className:"row no-gutters",children:[Object(C.jsxs)("div",{className:"grid__item col-12 col-md-6",children:[""!=e.track_tempo&&Object(C.jsx)(ee,{tempo:e.track_tempo}),Object(C.jsx)("div",{className:"browse-track-categories__item container-fluid",children:Object(C.jsxs)("div",{className:"row no-gutters",children:[Object(C.jsx)("div",{className:"grid__item col-12 col-md-3",children:Object(C.jsx)("span",{className:"browse-track-categories__label browse-track-categories__label--version",children:"Versions Included"})}),Object(C.jsxs)("div",{className:"grid__item col-12 col-md-9",children:[this.props.versions,this.props.versionsFold.length>0&&Object(C.jsxs)("div",{children:[Object(C.jsx)("div",{className:"browse-track-categories__version-fold".concat(this.state.foldOpen?" open":""),children:this.props.versionsFold}),Object(C.jsx)("div",{className:"browse-track-categories__version text-center",children:Object(C.jsxs)("a",{onClick:this.onToggleFold,className:"browse-track-categories__fold-toggle".concat(this.state.foldOpen?" open":""),children:[this.state.foldOpen?"Hide":"Show"," ",Object(C.jsx)("strong",{children:this.props.versionsFold.length})," ",this.state.foldOpen?"versions":"more versions"," ",Object(C.jsx)("span",{children:Object(C.jsx)(ce,{})})]})})]})]})]})}),this.isTrustedUser&&Object(C.jsxs)("div",{className:"grid row",children:[Object(C.jsx)("div",{className:"grid__item col-12 col-md-3"}),Object(C.jsx)("div",{className:"grid__item col-12 col-md-9",children:Object(C.jsx)("div",{className:"browse-track-categories__unwatermarked",children:Object(C.jsxs)("button",{className:"btn-primary clearfix",onClick:this.onDownloadUnwatermarked,children:[Object(C.jsx)("div",{children:Object(C.jsx)(J.a,{})}),Object(C.jsxs)("div",{children:["Access Non-Watermarked",Object(C.jsx)("br",{}),Object(C.jsxs)("small",{children:[this.trustedUserName," Special Access"]})]})]})})})]})]}),Object(C.jsx)("div",{className:"grid__item col-12 col-md-6",children:Object(C.jsxs)("div",{children:[Object(C.jsx)(se,{name:"Styles",styles:this.props.styles}),Object(C.jsx)(se,{name:"Moods",styles:this.props.moods}),e.keywords&&Object(C.jsx)(ae,{keywords:e.keywords})]})})]})})})}}]),r}(v.a.Component),le=Object(f.b)((function(e){return{adminBar:e.get("adminBar")}}),(function(e){return{toggleRelevancy:function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){e(toggleRelevancy())}))}}))(oe),de=r(866),ue=r(374),he=r(955),pe=r(49),ve=function(e){Object(i.a)(r,e);var t=Object(o.a)(r);function r(e){var s;return Object(a.a)(this,r),(s=t.call(this,e)).state={artistId:s.props.params.artistId,trackId:s.props.params.trackId,versionPlaying:!1,track:{},moods:[],versionsData:!1,styles:{},liveTrack:1,isAudioReady:!1,activeVersionId:null},s.waveFormContainer=v.a.createRef(),s.buildWave=s.buildWave.bind(Object(c.a)(s)),s.handleAddPlaylist=s.handleAddPlaylist.bind(Object(c.a)(s)),s.handleVersionPlay=s.handleVersionPlay.bind(Object(c.a)(s)),s.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)(r,[{key:"componentWillMount",value:function(){this.loadData(this.props.params.artistId,this.props.params.trackId)}},{key:"componentWillUnmount",value:function(){this.props.onClearEditData()}},{key:"userHasSubscription",value:function(){var e=JSON.parse(sessionStorage.getItem("subscriptionData"))||{};return e.isActive||this.props.subscriptionData.isActive||e.isFreeTrial||this.props.subscriptionData.isFreeTrial}},{key:"componentDidMount",value:function(){var e=this,t=this.props.location.search,r=new URLSearchParams(t),s=parseInt(r.get("licenseagain"));isNaN(s)||Object(I.e)(this.state.artistId,this.state.trackId).then((function(t){-1!==t&&t&&t.id===s&&e.props.onAddLicense(t)})).catch((function(e){return e}))}},{key:"componentWillReceiveProps",value:function(e){this.state.artistId===e.params.artistId&&this.state.trackId===e.params.trackId||(this.setState({artistId:e.params.artistId,trackId:e.params.trackId,isLoading:!0}),this.loadData(e.params.artistId,e.params.trackId))}},{key:"loadData",value:function(e,t){var r=this,s=this.props.footerPlayer.activeTrack;Object(I.e)(e,t).then((function(e){if(!e||-1===e)return r.setState({liveTrack:-1===e?-1:0});r.props.onLoadEditData({type:"track",id:e.id,name:e.name}),r.props.params.trackId!=e.slug&&e.slug&&r.props.router.push("/track/".concat(e.artist.slug,"/").concat(e.slug)),e.track_version&&(e.track_version=d.a.orderBy(e.track_version,["version_type.id","version_description"],["asc"])),r.setState({track:e,liveTrack:1});var t=e.track_version,a=d.a.find(t,["id",s.versionID]),n=d.a.findIndex(t,["id",s.versionID]);d.a.isEmpty(a)?r.buildWave(e):"Main Version"===a.version_type.name?r.buildWave(e):r.buildVersionWave(a,n,!0);Object(y.f)(e.id).then((function(e){r.setState({styles:e})})).catch((function(e){return e})),Object(y.e)(e.id).then((function(e){r.setState({moods:e})})).catch((function(e){return e}))})).catch((function(e){return e})),this.props.flushTrackWave(),this.props.onFetchSimilarTracks(e,t)}},{key:"buildWave",value:function(e){this.wavesurfer&&this.wavesurfer.destroy();var t=m.a.create({container:this.waveFormContainer.current,backend:"MediaElement",mediaType:"audio",normalize:!0,waveColor:"rgba(185,185,185,0.6)",progressColor:"#ffffff",cursorColor:"#3a7676",cursorWidth:0,height:180,hideScrollbar:!0}),r=e.track_url.waveform_json&&JSON.parse(e.track_url.waveform_json)||[],a=e.precise_duration?e.precise_duration:e.duration;t.backend.setPeaks(r||null,a),t.drawBuffer(),this.wavesurfer=t;var n=this.getMainVersion(e.track_version);this.handleWaveFormSeek(n,0),this.props.addTrackPageWave(Object(s.a)(Object(s.a)({},e),{},{trackId:e.id,versionId:n,versionIndex:0,trackPage:!0,track_version:d.a.map(e.track_version,(function(e,r){return 0===r?Object(s.a)(Object(s.a)({},e),{},{wavesurfer:t}):Object(s.a)({},e)})),wavesurfer:t}))}},{key:"buildVersionWave",value:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=this.state.track;this.wavesurfer&&this.wavesurfer.destroy();var n=m.a.create({container:this.waveFormContainer.current,backend:"MediaElement",mediaType:"audio",normalize:!0,waveColor:"rgba(185,185,185,0.6)",progressColor:"#ffffff",cursorColor:"#3a7676",cursorWidth:0,height:180,hideScrollbar:!0}),c=e.waveform_json&&JSON.parse(e.waveform_json)||[],i=e.version_precise_length?e.version_precise_length:e.version_length;n.backend.setPeaks(c,i),n.drawBuffer(),this.wavesurfer=n,r?this.props.addTrackPageWave(Object(s.a)(Object(s.a)({},a),{},{trackId:a.id,versionId:e.id,versionIndex:0,trackPage:!0,track_version:d.a.map(a.track_version,(function(t){return t.id===e.id?Object(s.a)(Object(s.a)({},t),{},{wavesurfer:n}):Object(s.a)({},t)})),wavesurfer:n})):this.props.addVersionTrackWave(Object(s.a)(Object(s.a)({},e),{},{trackId:a.id,versionId:e.id,versionIndex:t,trackIndex:0,trackPage:!0,wavesurfer:this.wavesurfer})),this.handleWaveFormSeek(e.id,t)}},{key:"handleWaveFormSeek",value:function(e,t){var r=this,a=this.state.track;null!==this.wavesurfer&&this.wavesurfer.on("seek",(function(n){var c=r.props.footerPlayer,i=c.activeTrack,o=c.isAudioReady,l=c.playerTrack,u=i;if(o){if(!d.a.isEmpty(u))if(u.isAudioReady&&u.trackID===a.id&&u.versionID===e){r.props.setPlayerPosition(n);var h=l.wavesurfer;d.a.isEmpty(h)||h.isPlaying()||u.playing||(h.play(),r.props.setPlaying(a.id,a.current_context.id,e),r.props.playActiveTrack())}else if(u.isAudioReady&&u.trackID!==a.id&&u.versionID!==e){var p=l.wavesurfer;d.a.isEmpty(p)||p.pause(),r.props.setTrackPosition({position:n,activeTrack:{trackID:a.id,versionID:e,currentContext:a.current_context.id,isAudioReady:!1,position:n},primaryTrack:Object(s.a)(Object(s.a)({},a),{},{trackId:a.id,versionId:e,trackIndex:0,versionIndex:t,wavesurfer:r.waveSurfer})}),r.props.setCurrentTrack({trackID:a.id,versionID:e}),u.playing||(r.props.setPlaying(a.id,a.current_context.id,e),r.props.playActiveTrack())}}else d.a.isEmpty(u)?(r.props.setTrackPosition({position:n,activeTrack:{trackID:a.id,versionID:e,currentContext:a.current_context.id,isAudioReady:!1,position:n},primaryTrack:Object(s.a)(Object(s.a)({},a),{},{trackId:a.id,versionId:e,trackIndex:0,versionIndex:t,wavesurfer:r.waveSurfer})}),r.props.setCurrentTrack({trackID:a.id,versionID:e}),r.props.setPlaying(a.id,a.current_context.id,e),r.props.playActiveTrack(),r.props.playerActive()):u.trackID===a.id&&u.versionID===e&&r.props.setPlayerPosition(n)}))}},{key:"setActiveTrackPosition",value:function(e,t,r,a,n,c,i){this.props.setCurrentTrack({trackID:t,versionID:r}),this.props.addActiveTrack({trackID:t,versionID:r,currentContext:a,isAudioReady:!1,position:i}),this.props.addPrimaryTrack(Object(s.a)(Object(s.a)({},e),{},{trackId:t,versionId:r,trackIndex:n,versionIndex:c,wavesurfer:this.waveSurfer}))}},{key:"handleAddPlaylist",value:function(e){var t=e.currentTarget.getAttribute("data-version");t=parseInt(t),isNaN(t)&&(t=!1),this.props.onAddPlaylist(this.state.track,t)}},{key:"handleToggleFavorite",value:function(e,t){return sessionStorage.getItem("auth_token")?(this.props.onToggleFavourite(e,t),!1):this.props.showSignUpModal()}},{key:"handleDownloadVersionPreview",value:function(e,t){this.props.onDownloadVersionPreview(e,t)}},{key:"handleVersionPlay",value:function(e,t){var r=this.props.player,a=this.state.track,n=this.getVersionByID(this.state.track.track_version,t);if(this.setState({activeVersionId:t}),r.currentTrack.trackID===a.id&&t===r.currentTrack.versionID){var c=this.props.footerPlayer.playerTrack.wavesurfer;return r.isPlaying?(d.a.isEmpty(c)||c.pause(),this.props.setPause(),this.props.pausedActiveTrack()):(d.a.isEmpty(c)||c.isDestroyed||c.play(),this.props.setPlaying(a.id,a.current_context.id,t),this.props.playActiveTrack()),!1}return this.buildVersionWave(n,e),this.props.setCurrentTrack({versionID:t,trackID:this.state.track.id}),this.props.addActiveTrack({trackID:a.id,versionID:t,currentContext:a.current_context.id,isAudioReady:!1}),this.props.addVersionPrimaryTrack(Object(s.a)(Object(s.a)({},a),{},{trackId:a.id,versionId:t,trackIndex:0,versionIndex:e})),this.props.setPlayerPosition(0),this.props.playActiveTrack(),this.props.setPlaying(a.id,a.current_context.id,t),this.props.playerActive(),!1}},{key:"handleTrackPlayPause",value:function(){var e=this.state,t=e.track,r=e.activeVersionId||this.getMainVersion(t.track_version);if(null===this.wavesurfer)return!1;if(this.props.player.currentTrack.trackID===t.id&&this.props.player.currentTrack.versionID===r){var a=this.props.footerPlayer.playerTrack.wavesurfer;return this.props.player.isPlaying?(d.a.isEmpty(a)||a.pause(),this.props.setPause(),this.props.pausedActiveTrack()):(d.a.isEmpty(a)||a.play(),this.props.setPlaying(t.id,t.current_context.id,r),this.props.playActiveTrack()),!1}return this.props.setCurrentTrack({trackID:t.id,versionID:r}),this.props.addActiveTrack({trackID:t.id,versionID:r,currentContext:t.current_context.id,isAudioReady:!1}),this.props.addPrimaryTrack(Object(s.a)(Object(s.a)({},t),{},{trackId:t.id,versionId:r,trackIndex:0,versionIndex:0,wavesurfer:this.waveSurfer})),this.props.setPlaying(t.id,t.current_context.id,r),this.props.setPlayerPosition(0),this.props.playActiveTrack(),this.props.playerActive(),!1}},{key:"isCurrentTrack",value:function(){var e=this.props.footerPlayer.activeTrack,t=this.state.track;return e.trackID===t.id}},{key:"isActiveTrack",value:function(e){void 0===e&&(e=this.getMainVersion(this.state.track));var t=this.props.player,r=this.state.track;return t.currentTrack.trackID===r.id&&t.currentTrack.versionID===e}},{key:"getVersionByID",value:function(e,t){var r=null;return e.forEach((function(e){e.id===t&&(r=e)})),r}},{key:"getMainVersion",value:function(e){if(!Array.isArray(e))return null;var t=null;return e.forEach((function(e,r){e.version_type&&"Main Version"===e.version_type.name&&(t=e.id)})),t}},{key:"render",value:function(){var e=this,t=[],r=[],s=this.state.track,a=null,n=null,c=null,i=null,o=null,l=null,d=null,u=null,h=null;this.state.track.artist&&(a=this.state.track.artist,n=s.current_context.id),a&&(c=Object(C.jsx)($,{artist:a,track:s})),a&&a.avatar_image&&(i=a.avatar_image.image_aws_url,o=a.name),a&&a.header_image&&(l={backgroundImage:"url(".concat(Object(pe.b)(a.header_image.image_aws_url,"?auto=compress"),")"),backgroundPosition:"center",backgroundSize:"cover"}),a&&(d=Object(C.jsx)(Z.a,{to:"/browse/artist/".concat(a.slug?a.slug:a.id),className:"browse-track-hero__options-btn mt-4 mt-md-0",children:"Browse Artist Portfolio"}),u=Object(C.jsx)(Z.a,{className:"d-none d-md-flex",to:"/browse/artist/".concat(a.slug?a.slug:a.id),children:Object(C.jsx)("img",{alt:o,src:Object(pe.b)(i,100),width:"50",height:"50"})}),h=Object(C.jsx)(Z.a,{to:"/browse/artist/".concat(a.slug?a.slug:a.id),className:"browse-track-hero__sub",children:a.name}),c=Object(C.jsx)($,{artist:a,track:s}));var p=this.getMainVersion(s.track_version),v=this.props.footerPlayer.activeTrack,j=this.isCurrentTrack(),f=Object(C.jsx)(Y.a,{});j&&v.playing&&(f=v.isAudioReady?Object(C.jsx)(P.a,{}):Object(C.jsx)(ue.a,{}));var k="",m=sessionStorage.getItem("favourites_data");p&&m&&m.includes(String(p))&&(k="js-is-favourite-version"),this.state.track.track_version&&this.state.track.track_version.forEach((function(s,a){var c=Object(C.jsx)(B,{}),i="",o=sessionStorage.getItem("favourites_data");if(s.id&&o&&o.includes(String(s.id))&&(i="js-is-favourite-version"),v.playing&&e.isActiveTrack(s.id)&&(c=Object(C.jsx)(E,{})),s.version_preview_uri){var l=Object(C.jsx)(K,{button:c,version:s,favorite:i,trackId:e.state.track.id,handleAddPlaylist:e.handleAddPlaylist,onVersionPlay:function(){return e.handleVersionPlay(a,s.id)},onDownloadVersionPreview:function(){return e.handleDownloadVersionPreview(e.state.track,s)},onToggleFavouriteTrackVerion:function(){return e.handleToggleFavorite(s.id,n)}},a);a>5&&e.state.track.track_version.length>7?r.push(l):t.push(l)}}));var g="",x="";return s&&a&&(g=Object(O.e)(s.name,a.name),x=Object(O.d)({track:s.name,artist:a.name,styles:this.state.styles,moods:this.state.moods})),Object(C.jsxs)("section",{id:"track-page",children:[s.name&&a&&Object(C.jsxs)(b.a,{children:[Object(C.jsx)("title",{children:g}),Object(C.jsx)("meta",{name:"description",content:x})]}),1===this.state.liveTrack&&Object(C.jsx)("div",{className:"sticky-filter".concat("true"===sessionStorage.getItem("admin_account")?" is-admin":""),children:Object(C.jsx)("div",{className:"filter",children:Object(C.jsx)("div",{className:"content-container",children:Object(C.jsx)("div",{className:"filter",children:Object(C.jsx)("div",{className:"filter__main",children:Object(C.jsx)("div",{className:"filter-grid",style:{width:"100%"},children:Object(C.jsx)("div",{className:"filter-grid__first",children:Object(C.jsx)("div",{className:"filter__categories",style:{width:"auto"},children:c})})})})})})})}),(-1===this.state.liveTrack||0===this.state.liveTrack)&&Object(C.jsx)("div",{className:"browse-track-hero",style:{height:"500px",backgroundColor:"#000",backgroundImage:"url(https://cdn.musicvine.com/images/off-air-bg.jpg)",marginBottom:"20px"},children:Object(C.jsxs)("div",{style:{position:"absolute",top:"50%",width:"100%",textAlign:"center",margin:"auto",transform:"translateY(-50%)"},children:[Object(C.jsx)("h3",{className:"music-loading-error",style:{margin:"auto"},children:"Sorry, this track is no longer available."}),Object(C.jsxs)("p",{children:["If you need any assistance, please ",Object(C.jsx)(Z.a,{to:"/contact/general-enquiry",children:"contact us"}),"."]})]})}),1===this.state.liveTrack&&Object(C.jsxs)("div",{className:"browse-track-hero",style:l,children:[Object(C.jsx)("div",{className:"browse-track-hero-transparent-background"}),Object(C.jsxs)("div",{className:"browse-track-hero__content",children:[Object(C.jsxs)("h1",{className:"".concat(this.state.track.featuring?"has-featuring":""),children:[Object(C.jsxs)("span",{className:s.is_explicit_lyrics?"explicit-tag":"",children:[this.state.track.is_explicit_lyrics?"E":"",Object(C.jsx)("span",{className:"explicit-tooltip",children:"Explicit Lyrics"})]}),s.name,s.autoclear&&Object(C.jsxs)("span",{className:"autoclear-tag--track-page ml-3",children:[Object(C.jsx)("span",{children:Object(C.jsx)("img",{src:"https://cdn.musicvine.com/images/ic_autoclear_V3.svg",alt:"",className:"autoclear-icon"})}),Object(C.jsxs)("p",{className:"autoclear-tooltip",children:[Object(C.jsx)("span",{className:"mr-2",children:"AutoClear available"}),Object(C.jsx)("a",{className:"que-circle-icon",href:"/introducing-autoclear",target:"_blank",children:"?"})]})]})]}),this.state.track.featuring&&Object(C.jsx)("p",{className:"browse-track-featuring",children:"Feat. ".concat(this.state.track.featuring)}),h,Object(C.jsx)(he.a,{track:this.state.track,currentContext:n,trackEngagement:s.current_engagement,engagementGroup:s.current_engagement_group}),Object(C.jsx)("span",{className:"browse-track-hero__sub",children:s.description}),Object(C.jsxs)("div",{className:"browse-track-hero__icons",children:[Object(C.jsx)("div",{className:"browse-track-hero__icon svg-container browse-track-hero__icon--download svg-l-md",onClick:function(){return e.props.onDownload(e.state.track,e.state.activeVersionId)},children:Object(C.jsx)(U,{onClick:function(){return Object(_.b)("preview",s.id,n)}})}),Object(C.jsx)(Z.a,{onClick:this.handleTrackPlayPause,className:"toggle-play-pause browse-track-hero__icon svg-container browse-track-hero__icon--play svg-md",children:f}),Object(C.jsxs)("div",{className:"browse-track-hero__icon svg-container browse-track-hero__icon--cart svg-l-md",onClick:function(){return e.props.onAddLicense(e.state.track)},children:[!this.userHasSubscription()&&Object(C.jsx)(L,{}),this.userHasSubscription()&&Object(C.jsx)(W,{})]})]}),Object(C.jsxs)("div",{className:"browse-track-hero__options",children:[u,d,Object(C.jsxs)("div",{className:"browse-track-hero__options-icons",children:[Object(C.jsx)("div",{className:"svg-container svg-xxs btn-favorite favourite-track-".concat(p," ").concat(k),onClick:function(){return e.handleToggleFavorite(p,n)},children:Object(C.jsx)(V,{})}),Object(C.jsx)("div",{className:"add-to-playlist-target svg-container svg-xxs",onClick:this.handleAddPlaylist,children:Object(C.jsx)(H.a,{})})]})]})]}),Object(C.jsx)("div",{className:"browse-track-hero__waveform",children:Object(C.jsx)("div",{className:"waveform-track-container",children:Object(C.jsx)("div",{ref:this.waveFormContainer,className:"waveform-track waveform-ready"})})})]}),-1!==this.state.liveTrack&&0!==this.state.liveTrack&&Object(C.jsx)(le,{versions:t,versionsFold:r,track:s,styles:this.state.styles,moods:this.state.moods}),0!==this.state.liveTrack&&1!==s.unlisted&&Object(C.jsx)(de.a,{url:"/track/".concat(this.props.params.artistId,"/").concat(this.props.params.trackId),trackId:this.props.params.trackId,onResultClick:!1})]})}}]),r}(v.a.Component);t.default=Object(f.b)((function(e){return{versions:e.get("versions"),player:e.get("player"),footerPlayer:e.get("footerPlayer"),subscriptionData:e.get("subscriptionData")}}),(function(e){return{onTrackPlay:function(e,t,r,s){parseInt(t)},flushTrackWave:function(){return e(Object(T.n)())},onFetchSimilarTracks:function(t,r){e(Object(I.d)(t,r))},onAddPlaylist:function(t,r){e(Object(w.b)(t,r))},onAddLicense:function(t){e(Object(g.a)(t)),h()(".modal-overlay").addClass("active")},onAddNewEngagement:function(e,t,r){Object(_.b)(e,t,r)},onDownload:function(t,r){var s=null;t.track_version.forEach((function(e){e.id===r&&(s=e)})),e(Object(w.g)(t,s)),h()("body").addClass("modal-overlay-active")},onDownloadVersionPreview:function(t,r){e(Object(w.f)(t,r))},onToggleFavourite:function(t,r){e(Object(_.k)(t,r))},onLoadEditData:function(t){e(Object(N.c)(t))},onClearEditData:function(){e(Object(N.a)())},showSignUpModal:function(){e(Object(x.a)("playSignup","add_favourite"))},setPlaying:function(t,r,s){e({type:"PLAYER_SET_PLAYING",engagementInfo:{trackId:t,contextId:r,versionId:s}})},setPause:function(){return e({type:"PLAYER_SET_PAUSE"})},setCurrentTrack:function(t){return e({type:"PLAYER_CURRENT_TRACK",currentTrack:t})},destroyPreviousPlayer:function(){return e({type:"PLAYER_DESTROY"})},playerActive:function(){return e(Object(T.t)())},addActiveTrack:function(t){return e(Object(T.a)(t))},addPrimaryTrack:function(t){return e(Object(T.d)(t))},playActiveTrack:function(){return e(Object(T.s)())},pausedActiveTrack:function(){return e(Object(T.r)())},setPlayerPosition:function(t){return e(Object(T.w)(t))},addTrackPageWave:function(t){return e(Object(T.f)(t))},addVersionTrackWave:function(t){return e(Object(T.e)(t))},addVersionPrimaryTrack:function(t){return e(Object(T.i)(t))},setTrackPosition:function(t){return e(Object(T.x)(t))}}}))(ve)},821:function(e,t,r){"use strict";function s(e,t,r){var s=t,a="";if(e&&""!==e)return e;if(void 0===t||""===t)return"";switch(r){case"artist":a="Production Music Licensing";break;case"collection":a="Music For Video";break;case"style":case"track":case"general":a="Music Licensing";break;default:a="Music Licensing For Video And Film"}return"".concat(s," ").concat("\u2022"," ").concat(a," ").concat("\u2022"," ").concat("Music Vine")}function a(e,t,r){var s="";if(e&&""!==e)return e;if(void 0===t||""===t)return"";switch(r){case"collection":t&&t.desc&&t.name&&(s="".concat(t.desc," Explore '").concat(t.name,"' on Music Vine."));break;case"style":case"track":s="Music Licensing";break;case"general":s=t.subtitle?"".concat(t.name,". ").concat(t.subtitle):t.name;break;default:s=""}return s}function n(e,t){var r="";return e&&t&&(r="".concat(e," by ").concat(t," \u2022 Music Licensing \u2022 Music Vine")),r}function c(e,t,r,s){var a="";if(s)return"Page not found \u2022 Music Vine";if(e&&(a=e),t&&(a+=" \u2022 ".concat(t)),""===a){if(!r||""===r)return"";a="".concat(r," \u2022 Music Licensing")}return a+=" \u2022 Music Vine"}function i(e){var t="",r=o(e.styles,2),s=o(e.moods,2,r);return(t="Listen to this ".concat(s[0]," and ").concat(s[1]," track from ").concat(e.artist," that's perfect for ").concat(r[0]," and ").concat(r[1]," productions. License ").concat(e.track," now.")).includes("undefined")&&(t=""),t}function o(e,t,r){var s=[],a=!1;for(var n in e){for(var c in e[n])if(a=e[n][c][0],r&&r.includes(a)||s.push(a),s.length>=t)break;if(s.length>=t)break}return s}r.d(t,"c",(function(){return s})),r.d(t,"b",(function(){return a})),r.d(t,"e",(function(){return n})),r.d(t,"a",(function(){return c})),r.d(t,"d",(function(){return i}))},831:function(e,t,r){"use strict";r.d(t,"d",(function(){return c})),r.d(t,"b",(function(){return i})),r.d(t,"f",(function(){return o})),r.d(t,"c",(function(){return l})),r.d(t,"e",(function(){return d})),r.d(t,"a",(function(){return u}));var s=r(13),a=r.n(s),n=(r(10),r(33));function c(e){return a()("".concat(Object(n.a)(),"styles/").concat(e),{method:"GET"}).then((function(e){return e.json()})).catch((function(e){return e}))}function i(e){return a()("".concat(Object(n.a)(),"styles/").concat(e,"/category"),{method:"GET"}).then((function(e){return e.json()})).catch((function(e){return e}))}function o(e){return a()("".concat(Object(n.a)(),"styles/").concat(e,"/track"),{method:"GET"}).then((function(e){return e.json()})).catch((function(e){return e}))}function l(){return a()("".concat(Object(n.a)(),"styles/1/popular"),{method:"GET"}).then((function(e){return e.json()})).catch((function(e){return e}))}function d(e){return a()("".concat(Object(n.a)(),"styles/").concat(e,"/moods"),{method:"GET"}).then((function(e){return e.json()})).catch((function(e){return e}))}function u(){return function(e){return a()("".concat(Object(n.a)(),"styles"),{method:"GET"}).then((function(e){return e.json()}),(function(e){return console.log("An error occured.",e)})).then((function(t){e(function(e){if(e)return{type:"ADD_STYLES",styles:e}}(t))}))}}}}]); //# sourceMappingURL=20.chunk.js.map?hash=7e9a245d