1"use strict";(self.webpackChunkspinninrecords_webpack=self.webpackChunkspinninrecords_webpack||[]).push([[926],{31466:(e,t,a)=>{a.d(t,{A:()=>r});var n=a(98696),l=a.n(n);class r{static makeId(){const e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";let t,a="";for(t=0;t<5;t++)a+=e.charAt(Math.floor(62*Math.random()));return a}static getDisplayTime(e){const t=function(e,t){return("000"+e).slice(-1*t)},a=parseFloat(e).toFixed(3),n=Math.floor(a/60/60),l=Math.floor(a/60)%60,r=Math.floor(a-60*l);let s=t(l,2)+":"+t(r,2);return 0!==n&&(s=t(n,2)+":"+s),s}static setupResponsiveVideos(){l()(".frame iframe[src*='facebook.com/plugins/video.php']")}static getArtistHtml(e){let t,a,n="",l=!1;const r=window.location.hostname;let s;if(e.metadata.remixer_name&&(l=e.metadata.remixer_name,a=e.metadata.remixer_url),e.artists.length>0)for(let a=0;a<e.artists.length;a++)t=e.artists[a],0!==a&&(n+=", "),t.artist_url?(s=-1===t.artist_url.indexOf(r)?' target="_blank"':"",n+='<a href="'+t.artist_url+'"'+s+">"+t.artist_name+"</a>"):n+=t.artist_name;return l&&(n+=', remix by: <a href="'+a+'" title="'+l+'">'+l+"</a>"),n}static isIOS(){const e=["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"];if(navigator.platform)for(;e.length;)if(navigator.platform===e.pop())return!0;return!1}}},60926:(e,t,a)=>{a.d(t,{A:()=>Pn});var n=a(96540),l=a(76348),r=a.n(l),s=a(14644),o=a(6568);const c=a(20051);r().setRoutingData(c);const i=e=>({type:o.bV,releaseView:e}),m=(e,t)=>({type:o.SF,userSlug:{userSlug:e},imageType:{imageType:t}}),d=e=>({type:o.E$,period:e}),u=e=>({type:o.mQ,max:e}),p=e=>({type:o.wk,value:e}),h=e=>({type:o.LT,query:e}),g=e=>({type:o.NV,label:e}),f=e=>({type:o.C5,genre:e}),E=e=>({type:o.QD,filterView:e}),b=(e,t,a)=>({type:o.ZK,consentGiven:{consentGiven:e},consentText:{consentText:t},consentForm:{consentForm:a}});let y,w;const v=()=>(e,t)=>(void 0!==y&&y.abort(),"AbortController"in window&&(y=new AbortController,w=y.signal),e({type:o.Si}),fetch(r().generate("api_search_releases",{}),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:t().releaseReducers.releaseSearchQueryReducer.query,start:0,num_results:t().releaseReducers.releaseSearchR
1angeReducer.max,"out-soon":t().releaseReducers.releaseSearchSoonReducer.period?1:"",label:t().releaseReducers.releaseSearchLabelReducer.label,genre:t().releaseReducers.releaseSearchGenreReducer.genre}),signal:w}).then((e=>e.json())).then((t=>{var a,n;e((a=t.response,n=t.facet_counts,{type:o.Mg,releases:{releases:a},facets:{facets:n}}))})).catch((t=>e((e=>({type:o.nI,payload:{error:e}}))(t)))));let N,x;const k=()=>e=>{void 0!==N&&N.abort(),"AbortController"in window&&(N=new AbortController,x=N.signal),e(_()),fetch(r().generate("api_profile",{}),{method:"GET",credentials:"same-origin",headers:{"Content-Type":"application/json"},signal:x}).then((e=>e.json())).then((t=>{e(S(t.user))})).catch((t=>e(R(t))))},_=()=>({type:o.R0}),S=e=>({type:o.TK,user:{user:e}}),R=e=>({type:o.Y,payload:{error:e}});var C=a(71468);class T extends n.Component{constructor(e){super(e);const t=a(20051);r().setRoutingData(t)}componentDidMount(){this.props.checkUser()}render(){return n.createElement("div",{className:"user_profile"})}}const I=(0,C.Ng)((e=>({})),(e=>(0,s.zH)({set_privacy_consent:b,checkUser:k},e)))(T);var A=a(29123),P=a(6842),L=a(5556),j=a.n(L),O=a(40961);class U extends n.Component{static propTypes={slug:j().string};constructor(e){super(e),this.state={value:0},this.handleClick=this.handleClick.bind(this)}componentDidMount(){this.getRating()}handleClick(e){this.getRating(e)}getRating(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;const t={method:"GET",credentials:"same-origin",headers:{"Content-Type":"application/json"}};e>0&&(t.method="POST",t.body=JSON.stringify({rating:e})),fetch(r().generate("api_release_rating",{slug:this.props.slug}),t).then((e=>e.json())).then((e=>{this.setState({value:e.rating})}))}render(){return n.createElement(P.A,{onClick:this.handleClick,initialRating:this.state.value,emptySymbol:n.createElement("img",{src:"../../images/icons/heart_black.svg",height:"20p",width:"20px",className:"me-2 opacity-20"}),fullSymbol:n.createElement("img",{src:"../../images/icons/heart_red.svg",height:"20p",width:"20px",className:"me-2"})})}}function D(e){const[t,a]=(0,n.useState)([]);(0,n.useEffect)((()=>
1{l()}),[]),(0,n.useEffect)((()=>(document.body.addEventListener("contentadded",l),()=>{document.body.removeEventListener("contentadded",l)})),[]);const l=()=>{const e=document.querySelectorAll(".rating-component");a([]);for(let t=0;t<e.length;t++){const l=e[t].getAttribute("data-slug");a((a=>[...a,O.createPortal([n.createElement(U,{key:t,slug:l})],e[t])]))}};return n.createElement("div",{id:"imageCropperUnmount",className:"h-100 shadow",key:"1"},t)}var F=a(16968),V=a(58168),M=a(62243),z=a.n(M);const q=[];let B,G,W,H;const Y=e=>{const t=e.trim().toLowerCase(),a=t.length;return 0===a?[]:q.filter((e=>e.term.toLowerCase().slice(0,a)===t))},J=e=>e.term;class K extends n.Component{constructor(e){super(e),this.onChange=this.onChange.bind(this),this.search=this.search.bind(this),this.onSuggestionsClearRequested=this.onSuggestionsClearRequested.bind(this),this.state={value:"",suggestions:q,lastSearch:""}}onChange=(e,t)=>{let{newValue:a}=t;if(this.props.releaseSearchScrollingReducer.value)return;this.props.toggle_search_query(a),clearTimeout(W);const n=this;W=setTimeout((function(){n.search()}),600)};search=()=>{this.props.fetchProducts()};onSuggestionsFetchRequested=e=>{let{value:t}=e;if(this.props.releaseSearchScrollingReducer.value)return;clearTimeout(H);const a=this;H=setTimeout((function(){a.pushSuggestion(t)}),400)};pushSuggestion=e=>{if(void 0!==B&&B.abort(),"AbortController"in window&&(B=new AbortController,G=B.signal),0===e.length)return this.onSuggestionsClearRequested(),void this.setState({lastSearch:e});fetch("/api/v1/search/suggest/"+encodeURIComponent(e),{signal:G}).then((e=>e.json())).then((e=>{this.setState({suggestions:e[0].suggestions})})).catch((e=>console.error(e))),this.setState({suggestions:Y(e),lastSearch:e})};onSuggestionsClearRequested=()=>{this.setState({suggestions:[]})};renderSuggestion=e=>n.createElement("div",{className:"text-white solid px-5 me-3 py-2 rounded bg-mid-grey_hover d-flex justify-content-end mb-4 scaleY white-space-nowrap cursor-default unselectable",key:1},e.term);renderSuggestionsContainer=e=>{let{containerProps:t,children:a}=e;const{...l}=t;return document.getElementById("search_suggestions")?O.createPortal([n.createElement("div",(0,V.A)({},l,{key:0}),a)],document.getElementById("search_suggestions")):""};render(){const{suggestions:e}=this.state,t={placeholder:"Search artists or titles",value:this.props.releaseSearchQueryReducer.query,onChange:this.onChange,className:"ps-3 w-100 h-100 pb-1 border-bottom border-start-0 border-end-0 border-top-0"};return n.createElement(z(),{suggestions:e,onSuggestionsFetchRequested:this.onSuggestionsFetchRequested,getSuggestionValue:J,alwaysRenderSuggestions:!0,renderSuggestion:this.renderSuggestion,renderSuggestionsContainer:this.renderSuggestionsContainer,inputProps:t})}}const Q=(0,C.Ng)((e=>({releases:e.releaseReducers.releasesLoadReducer,releaseSearchQueryReducer:e.releaseReducers.releaseSearchQueryReducer,releaseSearchScrollingReducer:e.releaseReducers.releaseSearchScrollingReducer})),(e=>(0,s.zH)({fetchProducts:v,toggle_search_query:h},e)))(K);K.propTypes={releases:j().object,releaseSearchQueryReducer:j().object,releaseSearchScrollingReducer:j().object,fetchProducts:j().func,toggle_search_query:j().func};class X extends n.Component{constructor(e){super(e),this.handleClick=this.handleClick.bind(this)}handleClick(){this.props.toggle_release_view(!this.props.releaseViewReducers.releaseView)}render(){const e={width:"26px",height:this.props.releaseViewReducers.releaseView?"21px":"20px"},t={height:"1px",width:"26px",border:"2px solid #cecece",opacity:this.props.releaseViewReducers.releaseView?"0":"1",marginTop:this.props.releaseViewReducers.releaseView?"5px":"0px",transition:"opacity 0.1s ease, margin-top 0.125s ease"},a={width:this.props.releaseViewReducers.releaseView?"12px":"13px",minHeight:this.props.releaseViewReducers.releaseView?"12px":"1px",border:this.props.releaseViewReducers.releaseView?"3px solid #cecece":"2px solid #cecece",marginTop:this.props.releaseViewReducers.releaseView?"5px":"0",transition:"min-height 0.15s ease",borderRadius:this.props.releaseViewReducers.releaseView?"2px":"0"},l={marginTop:this.props.releaseViewReducers.releaseView?"2px":"0"},r={marginTop:"-2px"};return n.createElement("button",{className:"col-0 p-0 d-flex h-100 flex-align-center bg-white border-0 shadow-sm outline-0 align-items-center",onClick:this.handleClick},n.createElement("div",{className:`d-flex\n ${this.props.releaseViewReducers.releaseView?"justify-content-start":"justify-content-between"}\n mx-3 flex-row flex-column`,style:e},n.createElement("div",{className:"d-flex flex-row justify-content-between"},n.createElement("span",{className:this.props.releaseViewReducers.releaseView?"rounded":"rounded-left",style:{...a,...r}}),n.createElement("span",{className:this.props.releaseViewReducers.releaseView?"rounded":"rounded-right",style:{...a,...r}})),n.createElement("div",{className:"d-flex flex-row justify-content-between"},n.createElement("span",{className:this.props.releaseViewReducers.releaseView?"rounded":"rounded-left",style:{...a,...l}}),n.createElement("span",{className:this.props.releaseViewReducers.releaseView?"rounded":"rounded-right",style:{...a,...l}})),this.props.releaseViewReducers.releaseView?null:n.createElement("div",{className:"d-flex flex-row justify-content-between"},n.createElement("span",{className:"rounded",style:t}))))}}const $=(0,C.Ng)((e=>({releaseViewReducers:e.releaseReducers.releaseViewReducer})),(e=>(0,s.zH)({toggle_release_view:i},e)))(X);X.propTypes={releaseViewReducers:j().object,toggle_release_view:j().func};const Z=(new Date).toISOString().substr(0,19);class ee extends n.Component{constructor(e){super(e)}componentDidMount(){const e=new CustomEvent("reactReleasesLoaded",{bubbles:!0,cancelable:!0});document.querySelector("body").dispatchEvent(e)}render(){const e={animationDelay:50*this.props.number+"ms"};return n.createElement("div",{className:"release-component h-auto "+(this.props.releaseViewReducers.releaseView?"grid-view":"list-view"),style:e,"data-track-id":this.props.release.optional_soundlink},n.createElement("a",{href:this.props.release.general_detail_url,"data-category":"release-item"},n.createElement("div",{className:"card releaseLink releaseLink-block bg-transparent border-transparent release-container"},n.createElement("div",{className:"card-img-top card-image-release release-image ani position-relative small-shadow"},this.props.release.general_image?n.createElement("img",{src:this.props.release.general_image,title:this.props.release.general_title,alt:this.props.release.general_title}):null,this.props.release.optional_soundlink?n.createElement("div",{className:"position-absolute d-flex w-100 h-100 justify-content-center align-items-center playPause"+(this.props.releaseViewReducers.releaseView?"":"hide-mobile")},n.createElement("span",{className:"icon play white pseudo-play"}),n.createElement("span",{className:"icon pause white pseudo-pause"})):null,Z<this.props.release.optional_release_date&&this.props.releaseViewReducers.releaseView?n.createElement("div",{className:"count active h-100 w-100 float-right position-absolute"},n.createElement("div",{className:"count-ribbon text-uppercase text-center position-absolute font-weight-black p-3"},this.props.release.optional_save_active?"Pre-Save NOW":"Out Soon")):null,this.props.release.optional_download_active&&this.props.releaseViewReducers.releaseView?n.createElement("div",{className:"count active h-100 w-100 float-right position-absolute hide-mobile"},n.createElement("div",{className:"count-ribbon text-uppercase text-center position-absolute font-weight-black p-3"},"Free Download")):null),n.createElement("div",{className:"card-text release-text card-body-release my-2"},n.createElement("div",{className:"card-text"},n.createElement("h2",{className:"text-uppercase"},this.props.release.general_title),n.createElement("small",{className:"font-italic font-weight-light"},this.props.release.optional_artist_text))),!this.props.releaseViewReducers.releaseView&&this.props.release.optional_soundlink?n.createElement("div",{className:"release-play mx-3 d-flex justify-content-center align-items-center"},n.createElement("div",{className:"icon play medium grey pseudo-play"}),n.createElement("div",{className:"icon pause medium grey pseudo-pause"})):null)))}}const te=(0,C.Ng)((e=>({releaseViewReducers:e.releaseReducers.releaseViewReducer})),(e=>(0,s.zH)({toggle_release_view:i},e)))(ee);ee.propTypes={releaseViewReducers:j().object,toggle_release_view:j().func,number:j().number,release:j().object};class ae extends n.Component{constructor(e){super(e),this.handleClick=this.handleClick.bind(this),this.openDropdown=this.openDropdown.bind(this),this.resetDropdown=this.resetDropdown.bind(this),this.passDropdownData=this.passDropdownData.bind(this),this.getChecked=this.getChecked.bind(this)}handleClick(e){if(this.props.toggle_search_soon(e.target.checked),this.props.fetchProducts(),!e.target.checked){const e=window.location.href.split("?")[0];history.pushState(null,null,e)}}openDropdown(e){"false"===e.target.getAttribute("aria-expanded")&&this.resetDropdown(),this.props.toggle_filter_view(!this.props.filterViewReducer.filterView);const t=e.target,a=e.target.getAttribute("data-dropdownGroup"),n=document.querySelector('.drop_down[data-dropdownGroup="'+a+'"]');"true"===t.getAttribute("aria-expanded")?(t.setAttribute("aria-expanded","fal
1se"),t.classList.remove("dropdown-active"),n.setAttribute("aria-hidden","true"),n.classList.remove("dropdown-on")):(t.setAttribute("aria-expanded","true"),n.setAttribute("aria-hidden","false"),t.classList.add("dropdown-active"),n.classList.add("dropdown-on"),n.children[0].focus())}resetDropdown(){const e=document.querySelectorAll('[data-toggle="dropdown"]'),t=document.querySelectorAll(".drop_down");for(let t=0;t<e.length;t++)e[t].setAttribute("aria-expanded","false"),e[t].classList.remove("dropdown-active");for(let e=0;e<t.length;e++)t[e].setAttribute("aria-hidden","true"),t[e].classList.remove("dropdown-on")}passDropdownData(e){const t=e.target.getAttribute("data-dropdownGroup");switch(e.target.getAttribute("data-dropdownGroup")){case"label":this.props.toggle_search_label(this.getChecked(t)),this.props.fetchProducts();break;case"genre":this.props.toggle_search_genre(this.getChecked(t)),this.props.fetchProducts();break;default:return}}getChecked(e){const t=document.querySelectorAll('input[data-dropdownGroup="'+e+'"]'),a=[];for(let e=0;e<t.length;e++)t[e].checked&&a.push(t[e].id);return a.length>0?a:null}render(){let e=null,t=null;return this.props.facets.facet_fields&&(e=this.props.facets.facet_fields.labels.length,t=this.props.facets.facet_fields.genres.length),this.props.facets&&this.props.facets.facet_fields?n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 d-flex flex-column-mobile flex-row-desktop align-middle toggle_switch"},n.createElement("div",{className:"d-flex align-items-center mb-4 me-4 flex-row "},n.createElement("label",{className:"checkerContainer mb-0"},n.createElement("input",{onChange:e=>this.handleClick(e),className:"checkBox",id:"release_search_period",type:"checkbox",name:"release_search_period",checked:this.props.releaseSearchSoonReducer.period}),n.createElement("div",{className:"checkBackground"}),n.createElement("div",{className:"check"})),n.createElement("span",{className:"text-muted ms-3"},"Upcoming Releases")),n.createElement("div",{className:"md-grow-lg-shrink d-flex flex-column-mobile mb-2 mb-md-0"},n.createElement("div",{className:"dropdown_parent flex-grow-1 mb-2 mb-md-4 d-flex align-middle me-0 me-md-3"},n.createElement("a",{className:"text-muted bg-white w-100 ps-5 py-2 rounded shadow-sm d-flex justify-content-end",onClick:this.openDropdown,"data-toggle":"dropdown","data-dropdowngroup":"label","aria-haspopup":"true","aria-expanded":"false"},n.createElement("span",{className:"pointer-none flex-grow-1 text-center"},"Labels"),n.createElement("span",{className:"border-left flex-shrink-1 pointer-none ps-3 mx-3 flex-shrink-1 d-flex flex-column justify-content-center"},n.createElement("div",{className:"dropdown-arrow"})))),n.createElement("div",{className:"dropdown_parent d-flex flex-grow-1 mb-2 mb-md-4 align-middle"},n.createElement("a",{className:"text-muted bg-white w-100 ps-5 py-2 rounded shadow-sm d-flex justify-content-end",onClick:this.openDropdown,"data-toggle":"dropdown","data-dropdowngroup":"genre","aria-haspopup":"true","aria-expanded":"false"},n.createElement("span",{className:"pointer-none flex-grow-1 text-center"},"Genres"),n.createElement("span",{className:"border-left flex-shrink-1 pointer-none ps-3 mx-3 flex-shrink-1 d-flex flex-column justify-content-center"},n.createElement("div",{className:"dropdown-arrow"})))))),n.createElement("div",{className:"col-12"},n.createElement("div",{className:"drop_down col-12 px-3 rounded shadow-sm","data-dropdowngroup":"label","aria-labelledby":"dropdownMenuButton"},n.createElement("div",{className:"overflow-auto"},this.props.facets.facet_fields?this.props.facets.facet_fields.labels.map(((t,a)=>n.createElement("div",{className:(e===a+1?"":"dropItemBorder ")+"drop_down_child px-2 d-flex align-items-center",key:a},n.createElement("input",{type:"checkbox","data-dropdowngroup":"label",id:t.label,onChange:this.passDropdownData,name:"label",checked:!!this.props.releaseSearchLabelReducer.label&&this.props.releaseSearchLabelReducer.label.includes(t.label)}),n.createElement("label",{className:"w-100","data-dropdowngroup":"label",htmlFor:t.label},t.label," (",t.num_results,")")))):null))),n.createElement("div",{className:"col-12"},n.createElement("div",{className:"drop_down px-3 rounded shadow-sm","data-dropdowngroup":"genre","aria-labelledby":"dropdownMenuButton"},this.props.facets.facet_fields?this.props.facets.facet_fields.genres.map(((e,a)=>n.createElement("div",{className:(t===a+1?"":"dropItemBorder ")+"drop_down_child px-2 d-flex align-items-center",key:a},n.createElement("input",{type:"checkbox","data-dropdowngroup":"genre",id:e.label,name:"genre",checked:!!this.props.releaseSearchGenreReducer.genre&&this.props.releaseSearchGenreReducer.genre.includes(e.label),onChange:this.passDropdownData}),n.createElement("label",{className:"w-100","data-dropdowngroup":"genre",htmlFor:e.label},e.label," (",e.num_results,")")))):null))):""}}const ne=(0,C.Ng)((e=>({releaseSearchSoonReducer:e.releaseReducers.releaseSearchSoonReducer,releaseSearchQueryReducer:e.releaseReducers.releaseSearchQueryReducer,filterViewReducer:e.releaseReducers.filterViewReducer,releaseSearchLabelReducer:e.releaseReducers.releaseSearchLabelReducer,releaseSearchGenreReducer:e.releaseReducers.releaseSearchGenreReducer})),(e=>(0,s.zH)({toggle_search_label:g,toggle_search_genre:f,toggle_search_soon:d,fetchProducts:v,toggle_filter_view:E},e)))(ae);ae.propTypes={releaseSearchSoonReducer:j().object,releaseSearchQueryReducer:j().object,filterViewReducer:j().object,releaseSearchLabelReducer:j().object,releaseSearchGenreReducer:j().object,toggle_search_label:j().func,toggle_search_genre:j().func,toggle_search_soon:j().func,toggle_filter_view:j().func,fetchProducts:j().func,facets:j().object};let le,re=null;class se extends n.Component{constructor(e){super(e),this.updateFacets=this.updateFacets.bind(this),this.toggleFilters=this.toggleFilters.bind(this),this._handleWaypointEnter=this._handleWaypointEnter.bind(this),this.resetStates=this.resetStates.bind(this),this.onMouseDown=this.onMouseDown.bind(this),this.onMouseMove=this.onMouseMove.bind(this),this.onMouseUp=this.onMouseUp.bind(this),this.setupEverything=this.setupEverything.bind(this),this.dataValues={searchQuery:"",enabledFacets:null},this.state={filtersVisible:!1,showReleasesAsRaster:!0,searchResults:[],prevState:"",clientX:0,scrollLeft:0,isScrolling:!1}}componentDidMount(){this.setupEverything()}componentWillUnmount(){window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp)}setupEverything(){const e=document.getElementById("releaseBrowserSetup"),t=e.dataset.isOutNow,a=e.dataset.labelName;this.resetStates(t,a),this.props.fetchProducts(),re=document.getElementsByClassName("scroller");for(let e=0;e<re.length;e++)re[e].addEventListener("mousedown",this.onMouseDown);window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp)}resetStates(e,t){this.props.toggle_search_range(32),this.props.toggle_search_query(""),this.props.toggle_search_genre([]),"1"===e?this.props.toggle_search_soon(!0):this.props.toggle_search_soon(!1),t?this.props.toggle_search_label([t]):this.props.toggle_search_label([])}toggleFilters(){this.setState((e=>({filtersVisible:!e.filtersVisible})))}updateFacets(e){this.dataValues.enabledFacets=e,this.search()}
1_handleWaypointEnter(){this.props.releaseSearchRangeReducer.max<this.props.releases.items.numFound&&(this.props.toggle_search_range(this.props.releaseSearchRangeReducer.max+32),this.props.fetchProducts())}onMouseDown=e=>{let t=0;for(let e=0;e<re.length;e++)t=re[e].scrollLeft;this.setState({isScrolling:!0,clientX:event.clientX,scrollLeft:t})};onMouseMove=e=>{if(this.state.isScrolling)if(!1===this.props.releaseSearchScrollingReducer.value)this.props.toggle_search_scrolling(!0);else{clearTimeout(le);for(let t=0;t<re.length;t++){const{clientX:a,scrollLeft:n}=this.state;re[t].scrollLeft=n+a-e.clientX}}};onMouseUp=e=>{this.setState({isScrolling:!1});const t=this;le=setTimeout((function(){t.props.releaseSearchScrollingReducer.value&&t.props.toggle_search_scrolling(!1)}),600)};render(){const e=document.getElementById("releaseBrowserSetup");return O.createPortal(n.createElement("div",{className:"container-fluid max-100vw"},n.createElement("div",{className:"row"},n.createElement("div",{className:"d-flex col-12"},n.createElement("div",{className:"flex-grow-1 mb-4"},n.createElement("div",{className:"w-100 h-100 px-4 pt-4 pb-3 shadow-sm bg-white"},n.createElement(Q,null))),n.createElement("div",{className:"flex-shrink-1 ms-4 mb-4"},n.createElement($,null)))),n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 overflow-hidden"},n.createElement("div",{id:"search_suggestions",className:"scroller d-flex flex-row overflow-auto foreground-grey trans-height"}))),n.createElement(ne,{facets:this.props.releases.facets,updateFacets:this.updateFacets}),n.createElement("div",{className:"row"},this.props.releases.items.docs?this.props.releases.items.docs.map(((e,t)=>n.createElement(te,{key:t,number:t,release:e}))):null),this.props.releases.loading?n.createElement("div",{className:"w-100 d-flex justify-content-center pointer-none loader-icon-parent h-auto pt-5loader-padding opacityAnimation"},n.createElement("div",{className:this.props.releases.loading?"popupAnimation":"popupAnimationStart"},n.createElement("div",{className:"loader-icon loader-big d-block"}))):null,this.props.releases.loading?null:n.createElement(F.Y,{onEnter:this._handleWaypointEnter,onLeave:this._handleWaypointLeave})),e)}}const oe=(0,C.Ng)((e=>({releases:e.releaseReducers.releasesLoadReducer,releaseSearchQueryReducer:e.releaseReducers.releaseSearchQueryReducer,releaseSearchR
1angeReducer:e.releaseReducers.releaseSearchRangeReducer,releaseSearchScrollingReducer:e.releaseReducers.releaseSearchScrollingReducer})),(e=>(0,s.zH)({fetchProducts:v,toggle_search_query:h,toggle_search_range:u,toggle_search_label:g,toggle_search_genre:f,toggle_search_soon:d,toggle_search_scrolling:p},e)))(se);se.propTypes={releases:j().object,releaseSearchQueryReducer:j().object,releaseSearchRangeReducer:j().object,releaseSearchScrollingReducer:j().object,fetchProducts:j().func,toggle_search_query:j().func,toggle_search_range:j().func,toggle_search_label:j().func,toggle_search_genre:j().func,toggle_search_soon:j().func,toggle_search_scrolling:j().func};var ce=a(84805);class ie extends n.Component{constructor(e){super(e),this.state={searchValue:"",listItems:[],checkboxes:[],showSelection:!1},this.handleChange=this.handleChange.bind(this),this.getCheckedBoxes=this.getCheckedBoxes.bind(this)}componentDidUpdate(e){for(let e=0;e<this.props.youtubeid.length;e++){const t=document.querySelector('[data-id="'+this.props.youtubeid[e]+'"]');t&&(t.checked="checked",this.props.resetYoutube(),this.getCheckedBoxes())}}componentDidMount(){this.tableRows();const e=document.querySelector("#myInput"),t=document.querySelector(".allstars_Logo");(0,ce.LP)()&&(e.addEventListener("focus",(e=>{t.style.width="30%"})),e.addEventListener("blur",(e=>{t.style.width="80%"}))),e.addEventListener("keyup",(t=>{13===t.which&&e.blur()}))}tableRows(){const e=this.props.data.map(((e,t)=>n.createElement("tr",{key:t},n.createElement("td",{className:"d-flex align-items-center mb-4 non-select"},n.createElement("input",{type:"checkbox",onClick:()=>this.getCheckedBoxes(),className:"checkbox_allstars me-3 flex-grow-0 flex-shrink-0","data-id":e.YouTubeId}),n.createElement("a",{className:"text-content d-flex flex-column none_select",href:e.YouTubeUrl,target:"_blank",rel:"noreferrer"},n.createElement("b",null,e.Artist),e.Title)))));this.setState({listItems:e})}handleChange(e){let{target:t}=e;this.setState({searchValue:t.value,showSelection:!1});const a=t.value.toUpperCase(),n=document.querySelectorAll("#myTable tr");for(let e=0;e<n.length;e++){const t=n[e].querySelectorAll("td .text-content")[0];if(t){(t.textContent||t.innerText).toUpperCase().indexOf(a)>-1?n[e].style.display="":n[e].style.display="none"}}}showSelection(){const e=document.querySelectorAll(".checkbox_allstars");this.setState({showSelection:!0});for(let t=0;t<e.length;t++){const a=e[t].parentNode.parentNode;e[t].checked?a.style.display="":a.style.display="none"}}showAll(){const e=document.querySelectorAll(".checkbox_allstars");this.setState({showSelection:!1});for(let t=0;t<e.length;t++){e[t].parentNode.parentNode.style.display=""}}getCheckedBoxes(){const e=document.querySelectorAll(".checkbox_allstars"),t=[];for(let a=0;a<e.length;a++)e[a].checked&&t.push(e[a]);for(let a=0;a<e.length;a++)!e[a].checked&&t.length>9?(e[a].disabled=!0,e[a].style.opacity="0.15"):(e[a].disabled=!1,e[a].style.opacity="1");this.setState({checkboxes:t})}callBack(){const e=[];for(let t=0;t<this.state.checkboxes.length;t++)e.push(this.state.checkboxes[t].getAttribute("data-id"));this.props.checkedValues(e)}render(){return n.createElement(n.Fragment,null,n.createElement("div",{className:"flex-grow-1 d-flex flex-column overflow-hidden"},n.createElement("img",{className:"my-4 mx-auto allstars_Logo",src:"/images/campaign/allstars/SUMMER_ALLSTARS.png",width:"80%",height:"auto"}),n.createElement("div",{className:"px-4 mb-4"},n.createElement("input",{type:"text",id:"myInput",onChange:this.handleChange,placeholder:"Search for tracks..",value:this.state.searchValue,title:"Type in a name"})),n.createElement("div",{className:"allstars_list flex-grow-1"},n.createElement("div",{className:"table-holder bg-white p-4"},n.createElement("table",{id:"myTable"},n.createElement("tbody",null,this.state.listItems))))),n.createElement("div",{className:"justify-content-center align-items-center px-4 allstars_bg pb-3"},n.createElement("div",{className:"text font-all-caps mt-3 text-center hide_small_screen"},n.createElement("span",{className:"m-0 w-100"},this.state.checkboxes.length," tracks selected"),n.createElement("br",null),n.createElement("span",{className:"m-0 w-100"},this.state.showSelection?n.createElement("b",{className:"pointer-button",onClick:()=>this.showAll()},"tap here to show all"):n.createElement("b",{className:"pointer-button",onClick:()=>this.showSelection()},"tap here to view your selection"))),this.state.checkboxes.length<1?n.createElement("div",{className:"btn my-3 opacity-20"},"CONFIRM VOTE"):n.createElement("div",{className:"btn my-3",onClick:()=>this.callBack()},"CONFIRM VOTE")))}}const me=(0,C.Ng)((e=>({})),(e=>(0,s.zH)({},e)))(ie);let de,ue;
1ie.propTypes={data:j().array,checkedValues:j().func,youtubeid:j().array,resetYoutube:j().func};class pe extends n.Component{constructor(e){super(e),this.state={step:0,playlist:{},youTubeIds:[],status:null,post:!1,campaignID:"",keyboard:!1},this.checkedValues=this.checkedValues.bind(this),this.resetYoutubeId=this.resetYoutubeId.bind(this)}componentWillUnmount(){de.abort()}componentDidMount(){this.resizeScreen(),void 0!==de&&de.abort(),"AbortController"in window&&(de=new AbortController,ue=de.signal);const e=document.getElementById("votePageSetup");e&&this.setState({campaignID:e.dataset.contestid}),"false"===e.dataset.contestactive?this.setState({step:4}):fetch(r().generate("api_get_campaign_data",{campaignId:e.dataset.contestid}),{signal:ue}).then((e=>e.json())).then((e=>{this.setState({playlist:e})}))}resetYoutubeId(){this.setState({youTubeIds:[]})}resizeScreen(){const e=.01*window.innerHeight;document.documentElement.style.setProperty("--vh",`${e}px`),window.addEventListener("resize",(()=>{if(!this.keyboardCheck()){const e=.01*window.innerHeight;document.documentElement.style.setProperty("--vh",`${e}px`)}}))}keyboardCheck(){const e=document.querySelector("#myInput");return document.activeElement===e}setStep(e){this.setState({step:e})}checkedValues(e){this.setState({step:2,youTubeIds:e})}postData(){const e=document.querySelectorAll(".terms_check "),t=document.querySelector("#myInput");let a=!1;for(let t=0;t<e.length;t++)e[t].checked?e[t].style.border="2px solid black":(e[t].style.border="2px solid red",a=!0);this.validateEmail(t.value)&&0!==t.value.length||(t.style.border="2px solid red",a=!0),void 0!==de&&de.abort(),"AbortController"in window&&(de=new AbortController,ue=de.signal),!1===a&&(this.setState({post:!0}),fetch(r().generate("api_get_campaign_data",{campaignId:this.state.campaignID}),{signal:ue,method:"post",headers:{accept:"application/json","content-type":"application/json"},body:JSON.stringify({email:t.value,youtubeids:this.state.youTubeIds})}).then((e=>{this.setState({status:e.status,step:3})})))}validateEmail(e){return/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(e).toLowerCase())}render(){return O.createPortal([n.createElement("div",{key:"1",className:"AllStarsPage shadow d-flex"},n.createElement("div",{className:"d-flex flex-column justify-content-between w-100"},0===this.state.step||1===this.state.step&&void 0===this.state.playlist.length?n.createElement(n.Fragment,null,n.createElement("div",{className:"flex-grow-1 d-flex flex-column justify-content-between overflow-hidden"},n.createElement(ge,{step:this.state.step}),n.createElement("div",{className:"text font-all-caps text-center text-white mb-4 px-4"},n.createElement("h1",{className:"allstars-text white"},"Select your favourite summer anthems"))),n.createElement("div",{className:"flex-shrink-1 d-flex flex-column justify-content-center align-items-center px-4 allstars_bg pb-3"},n.createElement("div",{className:"text font-all-caps text-center my-4"},n.createElement("h1",{className:"m-0 allstars-text orange"},"And have a chance at winning a google home or google home mini!")),0===this.state.step?n.createElement("div",{className:"btn mb-3",onClick:()=>this.setStep(1)},"START NOW"):n.createElement("div",{className:"w-100 mb-3 d-flex justify-content-center align-items-center"},n.createElement("div",{className:"loader-icon_new"})))):null,1===this.state.step&&void 0!==this.state.playlist.length?n.createElement(me,{youtubeid:this.state.youTubeIds,data:this.state.playlist,resetYoutube:this.resetYoutubeId,checkedValues:this.checkedValues}):null,2===this.state.step?n.createElement(n.Fragment,null,n.createElement("div",{className:"flex-grow-1 d-flex flex-column overflow-hidden"},n.createElement(ge,{step:this.state.step}),n.createElement("div",{className:"text font-all-caps text-center hide_small_screen text-white mb-4 px-4"},n.createElement("h1",null,"Please fill in your email to cast your vote")),n.createElement("div",{className:"y-scroll border-bottom"},n.createElement("div",{className:"bg-white p-4"},n.createElement("p",null,n.createElement("strong",null,n.createElement("u",null,"SUMMER ALLSTARS CONTEST RULES"))),n.createElement("p",null,n.createElement("em",null,"24/7/2020")),n.createElement("p",null,n.createElement("strong",null,"CONTEST")),n.createElement("p",null,"A contest where contestants from all over the World can enter a vote for a specific Track in order to win a variety of prizes. The contest will be running from July 27",n.createElement("sup",null,"th")," up and until August 9",n.createElement("sup",null,"th")," 2020."),n.createElement("p",null,"CONTEST TERMS & CONDITIONS"),n.createElement("p",null,"The terms and conditions as set forth below. These Contest Terms & Conditions are applicable to the Contest."),n.createElement("p",null,"âTHE PLATFORMâ"),n.createElement("p",null,"The Spinnin Records website (All content hosted on",n.createElement("a",{className:"allstars-link orange",href:"http://www.spinninrecords.com/summerallstars"},"www.spinninrecords.com/summerallstars"),") Including but not limited to, functionalities, contests and personal information."),n.createElement("p",null,"'THE ORGANIZATION'"),n.createElement("p",null,"The Organization consists of Spinnin' Records and itâs affiliates, and all of its employees and representatives, along with content specific artists, (endorsing) sponsors and its representatives, and agents. Contact information Spinnin' Records: Marathon 4, 1213 PJ Hilversum, The Netherlands."),n.createElement("p",null,"'SPECIFIC TERMS & CONDITIONS'"),n.createElement("p",null,"Specific details about the Contests, including dates, prizes and rules that are specific to each Contest. The specific terms & conditions may be found on the Contest specific webpages for each Contest."),n.createElement("p",null,"'TRACKS'"),n.createElement("p",null,"Tracks refers to all original audio content and remixes owned by Spinnin' Records, its affiliates or its sublabels."),n.createElement("p",null),n.createElement("p",null,n.createElement("strong",null,"WHO CAN ENTER?")),n.createElement("p",null,"Participants of the Contest on the Platform must first be 18 years of age or older or have written permission from their parents or legal guardians to enter in to the Contest."),n.createElement("p",null,"You are not eligible to enter the Contest or are eligible for disqualification after entering the Contest if you:"),n.createElement("p",null,"1. Are an employee or representative of, or artist signed to The Organization or are a member of the immediate family of employees, representatives of or artists signed to The Organization.",n.createElement("br",null),"2. Do not comply with The Contest Terms & Conditions",n.createElement("br",null),"3. Are exclusively signed to a third party record label."),n.createElement("p",null,"How do I enter?"),n.createElement("p",null,"Participants of the Contest on the Platform can vote by a click on their Summer Allstars Track, to comply with the general terms and conditions of this contest and the privacy policy and by entering their email address."),n.createElement("p",null,"Participating in a Contest is free of charge. Costs for the Internet will be charged to the participant."),n.createElement("p",null),n.createElement("p",null,n.createElement("strong",null,"HOW DO I WIN?")),n.createElement("p",null,"Each Contest will have its respective set of rules set forth in the specific terms & conditions on its respective contest page."),n.createElement("p",null,"For each contest, The Organization will announce the winner(s) in a period of time after completion of the Contest period as set out in the specific terms & conditions. This period may be later than the day of completion of the Contest period for reasons that include but are not limited to a large amount of entries, unavailability of judges and/or technical malfunctions."),n.createElement("p",null,"The Organization is, at its sole discretion, allowed to extend the C
1ontest after August 9",n.createElement("sup",null,"th")," 2020."),n.createElement("p",null,"By submitting your entry for the Contest in The Platform, you accept the terms of these Contest Terms & Conditions and agree to be bound by the final decisions of the judge(s) and/or the final amount of votes, shares and/or comments."),n.createElement("p",null,"The Organization will choose the winners at its sole discretion and without giving any motivation or reasons. The Organization is not under the obligation to (and shall not) correspond with participants, in any way, about the selection of the winning Tracks."),n.createElement("p",null,"Winners will be notified by email. Winners must claim their prize within one (1) month after notification. If the winner has not come forward within one (1) month after notification, he or she will forfeit their claim to the prize."),n.createElement("p",null,"In case of refusal of the Prize by the winner or any other reason of non-payment of the Prize to the winner, the winner forfeits his or her claim to the prize the and The Organization will appoint a different winner. In any case, the winner forfeits their claim to the prize, if incomplete or inaccurate information uploaded to the Platform prevents the Prize Winner to be contacted."),n.createElement("p",null,"The Organization can disqualify a participant for the Contest in its sole discretion because of, but not limited to entering a Contest outside the respective timeframe, breaking the Contest Terms & Conditions, cheating, or otherwise behaving in a disruptive manner, which may or may not give a unfair advantage compared to other participants."),n.createElement("p",null,"All participants agree that their contact information may be shared with The Organization for use of, but not limited to, contacting the winner of the contest and for purposes set forth in the Platformâs Privacy Statement."),n.createElement("p",null,n.createElement("strong",null,"WHAT CAN I WIN?")),n.createElement("p",null,"A Google Home or Google Mini Home up to a maximum value of ⬠70.- (seventy Euros), while supplies last."),n.createElement("p",null,"The Organization is not responsible or liable for any losses, taxes, damages, injury or health problems that may result from the participating in any of the contest or receiving a prize the Contest."),n.createElement("p",null),n.createElement("p",null,n.createElement("strong",null,"MODIFICATIONS")),n.createElement("p",null,"The Organization may revise, change or alter these Contest Terms & Conditions and/or cancel, modify or suspend a specific Contest without prior notice in its sole discretion. Such changes will be made public on The Platform and/or official social media channels controlled by (employees of) The Organization. You hereby agree to be legally bound by the Contest Terms & Conditions as updated and/or modified."),n.createElement("p",null),n.createElement("p",null,n.createElement("strong",null,"MISCELLANEOUS")),n.createElement("p",null,"Despite the utmost care The Organization spends on the management of the Platform and the specific Contest webpage and the organization of the campaign, it is possible that the information provided is incomplete or incorrect. Typos or misspellings or other similar errors by The Organizationâs published material of any nature whatsoever, cannot be invoked against The Organization and can in no way create an obligation for The Organization."),n.createElement("p",null,"The Organization is not responsible for any technical problems, including the failure of the Internet, making possible participation in the Contest impossible."),n.createElement("p",null,"The Organization is not responsible or liable for costs incurred by the participant in connection with participation in each specific Contest. The participant indemnifies The Organization from claims from third parties in connection with any breach of these Contest Terms & Conditions or in connection with the acts or omissions of the participant."),n.createElement("p",null,"For questions and / or complaints about the Contest, please contact The Organization via",n.createElement("a",{className:"allstars-link orange",href:"mailto:[email protected]"},"[email protected]"),"."),n.createElement("p",null,"These Contest Terms & Conditions are solely governed by Dutch law. All disputes arising from of or in connection with these Contest Terms & Conditions shall solely be settled by the competent c
1ourt in Amsterdam."))),n.createElement("div",{className:"py-3 bg-white px-4"},n.createElement("div",{className:"d-flex mb-3"},n.createElement("div",{className:"text-content d-flex flex-column"},n.createElement("b",null,"By clicking this checkbox you agree to have read, and that you understand"))),n.createElement("div",{className:"d-flex align-items-center mb-3"},n.createElement("input",{type:"checkbox",className:"checkbox_allstars terms_check me-3 flex-grow-0 flex-shrink-0"}),n.createElement("div",{className:"text-content d-flex flex-column"},n.createElement("b",null,n.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://spinninrecords.com/terms-and-conditions-allstars",className:"allstars-link orange"},"the terms and conditions for this contest")))),n.createElement("div",{className:"d-flex align-items-center"},n.createElement("input",{type:"checkbox",className:"checkbox_allstars terms_check me-3 flex-grow-0 flex-shrink-0"}),n.createElement("div",{className:"text-content d-flex flex-column"},n.createElement("b",null,n.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://spinninrecords.com/privacy",className:"allstars-link orange"}," the privacy policy")))))),n.createElement("div",{className:" justify-content-center allstars_bg align-items-center px-4 pb-3"},n.createElement("div",{className:"text font-all-caps text-center w-100 my-4"},n.createElement("input",{id:"myInput",className:"w-100",type:"email",maxLength:"140",placeholder:"[email protected]"})),this.state.post?n.createElement("div",{className:"w-100 mb-3 d-flex justify-content-center align-items-center"},n.createElement("div",{className:"loader-icon_new"})):n.createElement("div",{className:"d-flex justify-content-between flex-row"},n.createElement("div",{className:"btn half mb-3",onClick:()=>this.setStep(1)},"BACK"),n.createElement("div",{className:"btn half mb-3",onClick:()=>this.postData()},"VOTE")))):null,3===this.state.step?n.createElement(n.Fragment,null,n.createElement("div",{className:"flex-grow-1 d-flex flex-column justify-content-between overflow-hidden"},n.createElement(ge,{step:this.state.step})),n.createElement("div",{className:"flex-shrink-1 d-flex flex-column justify-content-center align-items-center px-4 pb-3 allstars_bg"},200===this.state.status?n.createElement("div",{className:"text font-all-caps text-center allstars-text my-4"},n.createElement("h1",{className:"m-0"},"Thank you for your vote")):n.createElement("div",{className:"text font-all-caps text-center allstars-text my-4"},n.createElement("h1",{className:"m-0"},422===this.state.status?"This email has already been used":"It looks like something went wrong, please try reloading the page")),n.createElement("a",{className:"btn mb-3",href:"https://www.youtube.com/user/SpinninRec"},"GO TO YOUTUBE"))):null,4===this.state.step?n.createElement(n.Fragment,null,n.createElement("div",{className:"flex-grow-1 d-flex flex-column justify-content-between overflow-hidden"},n.createElement(ge,{step:this.state.step})),n.createElement("div",{className:"flex-shrink-1 d-flex flex-column justify-content-center align-items-center px-4 pb-3 allstars_bg"},n.createElement("div",{className:"text font-all-caps text-center allstars-text my-4"},n.createElement("h1",{className:"m-0"},"This contest has ended, check our other campaigns on ",n.createElement("a",{href:"https://spinninrecords.com/contest/",className:"allstars-link orange"},"our contests page"),".")),n.createElement("a",{className:"btn mb-3",href:"https://www.youtube.com/user/SpinninRec"},"GO TO YOUTUBE"))):null))],document.getElementById("votePageSetup"))}}const he=(0,C.Ng)((e=>({})),(e=>(0,s.zH)({},e)))(pe);class ge extends n.Component{render(){return n.createElement("img",{className:"my-4 mx-auto",src:"/images/campaign/allstars/SUMMER_ALLSTARS.png",width:2===this.props.step?"30%":"80%",height:"auto"})}}ge.propTypes={step:j().number};var fe=a(10900),Ee=a(825),be=a(41646),ye=a(34724);class we extends n.Component{constructor(e){super(e),this.state={uploaded:!1,showForm:!0,uploadText:"",termsUrl:"",description:"",category:"",css:""},this.uppy=new Ee.A({autoProceed:!1,showLinkToFileUploadResult:!1,restrictions:{allowedFileTypes:["video/*","audio/*"],maxFileSize:1073741824,maxNumberOfFiles:1,minNumberOfFiles:1},inline:!0,height:"100%",onBeforeUpload:e=>{const t=Object.assign({},e);return Object.keys(t).forEach((e=>{t[e].name=Date.now()+"_"+t[e].name})),t}}).use(ye.A,{getUploadParameters:e=>fetch("/api/v1/upload/authorize-submit.json",{method:"post",headers:{accept:"application/json","content-type":"application/json"},body:JSON.stringify({filename:e.name,contentType:e.type})}).then((e=>e.json())).then((e=>({method:e.method,url:e.url,fields:e.fields})))})}componentDidMount(){const e=document.getElementById("submitPageSetup");e&&this.setState({showForm:"true"===e.dataset.showform,termsUrl:e.dataset.termsurl,description:e.dataset.description,category:e.dataset.category,css:e.dataset.css})}
1componentWillUnmount(){this.uppy.close()}submitForm=()=>{this.validateForm()};validateForm(){const e=document.forms.submitForm.querySelectorAll("input[required]");let t=!0;for(let a=0;a<e.length;a++)""===e[a].value?(e[a].classList.add("false"),t=!1):e[a].classList.remove("false"),"email"===e[a].name&&(this.validateEmail(e[a].value)?e[a].classList.remove("false"):(e[a].classList.add("false"),t=!1)),"agreements"!==e[a].name&&"privacy"!==e[a].name||(e[a].checked?e[a].labels[0].classList.remove("false"):(e[a].labels[0].classList.add("false"),t=!1));0===Object.entries(this.uppy.getState().files).length&&this.uppy.getState().files.constructor===Object||t&&this.uppy.upload().then((e=>{e.failed.length>0&&(console.error("Errors:"),e.failed.forEach((e=>{console.error(e.error)}))),this.sendForm(e.successful[0].response.uploadURL)}))}validateEmail(e){return/^(([^<>()\[\]\\.,;:\s@']+(\.[^<>()\[\]\\.,;:\s@']+)*)|('.+'))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(e).toLowerCase())}sendForm(e){const t=document.forms.submitForm;fetch("/api/v1/upload/submit.json",{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json"},body:JSON.stringify({firstName:t.firstName.value,lastName:t.lastName.value,email:t.email.value,uploadPath:e,termsAgreed:t.agreements.checked,privacyAgreed:t.privacy.checked,description:t.description.value,category:this.state.category})}).then((e=>(e.ok?this.setState({uploaded:!0,uploadText:"Thank you for your submission!"}):this.setState({uploaded:!0,uploadText:"It looks like something went wrong, please try again!"}),e.text())))}render(){return O.createPortal([n.createElement("div",{className:"full-page container-fluid d-flex flex-column justify-content-center",key:"1"},n.createElement("div",{className:"d-flex justify-content-center mb-0 h-100 w-100"},n.createElement("div",{className:"row y-scroll align-items-center justify-content-center w-100 flex-row"},this.state.uploaded?n.createElement("div",{className:"col-12 col-sm-10 col-md-6 col-lg-4 h-auto w-sm-100 bg-white mx-0 shadow-sm p-0 my-3 my-md-0 bg-danger row"},n.createElement("div",{className:"col-12 py-5"},n.createElement("div",{className:"flex-grow-1 d-flex justify-content-center my-3"},n.createElement("div",{className:"logo-holder p-4 col-8 text grey"})),n.createElement("div",{className:"text-center font-weight-normal text-grey line-height-medium "},this.state.uploadText))):n.createElement("div",{className:"col-12 col-sm-10 col-md-10 col-lg-10 col-xl-6 h-auto w-sm-100 bg-white mx-0 p-0 my-3 my-md-0 bg-danger row block-shadow-no-fade"},n.createElement("div",{className:"col-12 col-lg-6 p-4 hide-desktop z-200"},n.createElement("div",{className:"flex-grow-1 d-flex justify-content-center my-3"},n.createElement("div",{className:"logo-holder p-4 col-10 col-md-8 text grey"})),n.createElement("div",{className:"font-weight-light text-grey medium-font line-height-medium "},"parookaville"===this.state.css?n.createElement("img",{src:"/images/campaign/parookaville-dj-contest/parookaville_cupra.png",className:"center-block w-75 h-auto d-flex mb-3 mx-auto"}):null,(0,fe.Ay)(this.state.description))),this.state.showForm?n.createElement("div",{className:"col-12 col-lg-6 submit-page dragdrop_background p-4 "+this.state.css},n.createElement(be.A,{uppy:this.uppy,hideUploadButton:!0,hideCancelButton:!0,showLinkToFileUploadResult:!1,locale:{strings:{dropPasteFiles:"Drop your file here %{browse}",browseFiles:"Browse your files"}}})):null,n.createElement("div",{className:"col-12"+(this.state.showForm?" col-lg-6 ":"")+" p-4"},n.createElement("div",{className:"flex-grow-1 d-flex justify-content-center my-3 hide-mobile"},n.createElement("div",{className:"logo-holder p-4 col-8 text grey"})),n.createElement("div",{className:"font-weight-light text-grey medium-font line-height-medium hide-mobile"},"parookaville"===this.state.css?n.createElement("img",{src:"/images/campaign/parookaville-dj-contest/parookaville_cupra.png",className:"center-block w-75 h-auto d-flex mb-3 mx-auto"}):null,(0,fe.Ay)(this.state.description)),this.state.showForm?n.createElement("form",{name:"submitForm",className:"form text-grey d-flex flex-column"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 col-lg-6"},n.createElement("label",{className:"font-weight-bold font-all-caps",htmlFor:"firstName"},"First Name*"),n.createElement("input",{id:"firstName",className:"border-grey mt-0",type:"text",name:"firstName",required:!0})),n.createElement("div",{className:"col-12 col-lg-6"},n.createElement("label",{className:"font-weight-bold font-all-caps",htmlFor:"lastName"},"Last Name*"),n.createElement("input",{id:"lastName",className:"border-grey mt-0",type:"text",name:"lastName",required:!0}))),n.createElement("label",{className:"font-weight-bold font-all-caps",htmlFor:"email"},"E-mail*"),n.createElement("input",{id:"email",className:"border-grey mt-0",type:"text",name:"email",required:!0}),n.createElement("label",{className:"font-weight-bold font-all-caps",htmlFor:"description"},"Description"),n.createElement("input",{id:"description",className:"border-grey mt-0",type:"text",name:"description"}),n.createElement("div",{className:"col-12 rounded d-flex flex-row justify-content-center mb-4 mt-3 py-3 agreements row"},n.createElement("input",{className:"normal-style-checkbox",id:"agreements",type:"checkbox",name:"agreements",required:!0}),n.createElement("label",{className:"col-12 checkbox-grey font-weight-light text-grey medium-font line-height-medium",htmlFor:"agreements"},"I agree to have read and understand the ",n.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:this.state.termsUrl,className:"text-danger"},"terms and conditions")),n.createElement("div",{className:"border-bottom m-3 w-100"}),n.createElement("input",{className:"normal-style-checkbox",id:"privacy",type:"checkbox",name:"privacy",required:!0}),n.createElement("label",{className:"col-12 checkbox-grey font-weight-light text-grey medium-font line-height-medium",htmlFor:"privacy"},"I agree to have read and understand the ",n.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://spinninrecords.com/privacy",className:"text-danger"},"privacy policy"))),n.createElement("input",{type:"button",className:"w-100 btn grey text-white",value:"Submit",onClick:this.submitForm})):null)))))],document.getElementById("submitPageSetup"))}}const ve=we;class Ne extends n.Component{constructor(e){super(e)}render(){return n.createElement("div",{className:"position-fixed w-100 h-auto top-0 z-1000 header_container bg-black",i
1d:"header_container"},n.createElement("div",{className:"container justify-content-between"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 d-flex justify-content-between header_container-inner"},n.createElement("div",{className:"h-100 py-2 pe-0 pe-md-3"},n.createElement("img",{className:"w-100 h-auto",alt:"academy xl logo",src:"/images/campaign/academy/logo.png"})),n.createElement("div",{className:"h-100 hide-mobile d-flex flex-row"},n.createElement("div",{className:"me-2 small-text"},n.createElement("b",null,"CONTACT US!")),n.createElement("a",{href:"https://discord.gg/spinninrecords",target:"_blank",rel:"noreferrer"},n.createElement("img",{className:"h-100 w-auto",alt:"discord logo",src:"/images/campaign/academy/discord.png"})))))))}}const xe=Ne;var ke=a(84254),_e=a(56848);const Se=function(e){const[t,a]=(0,n.useState)(""),[l,s]=(0,n.useState)(""),[o,c]=(0,n.useState)(null);function i(e){const t=document.getElementById(e),a=document.querySelector(".header_container").clientHeight,n=window.scrollY+t.getBoundingClientRect().top-a;_e.Nk.scrollTo(n,{duration:300,delay:0,smooth:"easeInOutQuart"})}(0,n.useEffect)((()=>{let e=!1;const t=r().generate("api_generic_content_block_get",{"tags.name":"academy-xl-topbanner-2023"});return async function(){const n=await ke.S.get(t),l=await ke.S.get("/api/generic_content_blocks/academy-xl-top-text");if(!e){if(n["hydra:member"]){const e=n["hydra:member"][Math.floor(Math.random()*n["hydra:member"].length)];e?(s(e.thumbnail),c(e.buttonUrl)):s("/images/campaign/academy/banner/Header_Image.jpg")}a(l.description)}}(),()=>{e=!0}}),[]);const m={backgroundImage:"url("+l+")",backgroundPosition:"center",backgroundSize:"auto 100%",minHeight:"200px"};return n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 m-auto"},n.createElement("div",{className:"row"},n.createElement("div",{className:"academy-hr mx-3 hide-desktop flex-grow-1"}),n.createElement("div",{className:"col-12 d-flex flex-md-row flex-column mb-3 mb-md-0 justify-content-between academy-font"},n.createElement("div",{className:"academy-hover pointer-button",onClick:()=>i("masterclass_scroll")},"Masterclasses"),n.createElement("div",{className:"academy-hover pointer-button",onClick:()=>i("wbdd_scroll")},"World's Biggest Demo drop")),n.createElement("div",{className:"col-12 py-0 py-md-4"},o?n.createElement("div",{className:"image8_3 d-flex bg-cover",onClick:()=>{var e;(e=o).length>0&&(e.includes("#")?i(e.split("#")[1]):window.open(e,"_blank"))},style:m}):n.createElement("div",{className:"image8_3 d-flex bg-cover",style:m})),n.createElement("div",{className:"col-12 col-md-6 col-lg-3 mb-3 my-md-5 "},n.createElement("div",{className:"d-flex"},n.createElement("img",{className:"arrow_icon small",src:"/images/base_elements/arrows/right_bottom/arrow_green.svg"}),n.createElement("h4",{className:"academy-font academy-color"},"In CollabÂoration with")),n.createElement("div",{className:"d-flex arrow-padding row"},n.createElement("a",{className:"col-12",href:"https://soundcloud.com",target:"_blank",rel:"noreferrer"},n.createElement("img",{className:"sponsored bigger w-auto me-4 mb-4 align-self-start",src:"./images/campaign/academy/partners/soundcloud.png"})),n.createElement("a",{className:"col-12",href:"https://kshmr.komi.io/",target:"_blank",rel:"noreferrer"},n.createElement("img",{className:"sponsored bigger w-auto me-4 mb-4 align-self-start",src:"./images/campaign/academy/partners/KSHMR.png"})),n.createElement("a",{className:"col-8",href:"https://www.dharmaworldwide.com/",target:"_blank",rel:"noreferrer"},n.createElement("img",{className:"w-100 h-auto me-4 mb-4 align-self-start",src:"./images/campaign/academy/partners/dharma.png"})),n.createElement("a",{className:"col-4",href:"https://endel.io/",target:"_blank",rel:"noreferrer"},n.createElement("img",{className:"w-100 h-auto me-4 mb-4 align-self-start",src:"./images/campaign/academy/partners/endel.png"})),n.createElement("a",{className:"col-12",href:"https://www.pioneerdj.com/en/",target:"_blank",rel:"noreferrer"},n.createElement("img",{className:"sponsored bigger w-auto me-4 mb-4 align-self-start",src:"./images/campaign/academy/partners/pioneer.png"})))),n.createElement("div",{className:"col-12 col-md-12 col-lg-3 my-3 my-md-5"},n.createElement("div",{className:"d-flex"},n.createElement("img",{className:"arrow_icon small",src:"/images/base_elements/arrows/right_bottom/arrow_green.svg"}),n.createElement("h4",{className:"academy-font academy-color mb-0"},"Spinnin' Academy")),n.createElement("h5",{className:"academy-font academy-color mb-0 arrow-padding"},"Where you take the global stage")),n.createElement("div",{className:"col-12 col-md-12 col-lg-6 my-5"},n.createElement("h1",{className:"academy-font _heavy crop-h3 mb-3"},"SPINNIN' ACADEMY",n.createElement("br",null),"2023"),n.createElement("div",{className:"mt-5 mb-5"},(0,fe.Ay)(t))))))};var Re=a(13554),Ce=a.n(Re),Te=a(74353),Ie=a.n(Te);function Ae(e){let{children:t,icon:a=["/images/base_elements/arrows/right/arrow_white.svg"],link:l=null,func:r=null,referral:s=null,color:o=""}=e;
1const c=(0,n.useRef)(null),[i,m]=(0,n.useState)("0"),[d,u]=(0,n.useState)("");(0,n.useEffect)((()=>{c.current&&m(c.current.offsetWidth)}),[c]),(0,n.useEffect)((()=>{u("dark"===o?"url(/images/base_elements/arrows/right/arrow_black.svg) !important":"url("+a[0]+")")}),[]);const p={backgroundImage:d},h={width:i};return n.createElement("div",{className:"custom-button _singleArrow_button mt-auto d-inline-block mw-100 overflow-hidden "+o,onClick:()=>{l?window.location.href=l:r&&r()},target:"_blank",rel:"noreferrer",style:h,"data-referral-url":s},n.createElement("div",{className:"d-flex inner-button"},n.createElement("div",{className:"button-content",ref:c},n.createElement("span",null,t),n.createElement("div",{className:"icon"},n.createElement("div",{style:p,className:"arrow_white"})))))}const Pe=Ae;function Le(e){let{child:t,color:a,imageClass:l}=e;const r={backgroundImage:"url("+(t.thumbnail?t.thumbnail:"/images/campaign/academy/placeholder.png)")+")",backgroundPosition:"center",backgroundSize:"cover"},s={color:a};return n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12"},t.videoUrl?n.createElement("div",{className:"banner_video video_banner mb-4 "+l},n.createElement(Ce(),{controls:!0,width:"100%",className:"video_inner bg-black",light:t.image?t.image:"/images/campaign/academy/placeholder.png",playing:!0,height:"100%",url:t.videoUrl})):null,t.thumbnail&&!t.videoUrl?n.createElement("div",{className:"banner_video video_banner mb-4 "+l},n.createElement("div",{style:r,className:"position-absolute w-100 h-100"})):null),n.createElement("div",{className:"col-12 px-4"},n.createElement("h3",{className:"new-font mb-1 break-long-text"},n.createElement("b",null,t.title)),t.date?n.createElement("div",{style:s,className:"mb-1"},n.createElement("b",null,(e=>{const t=Ie()(e);return t.format("YYYY-MM-DD")+" | "+t.format("HH:mm:ss")})(t.date))):null,t.subtitle?n.createElement("h4",{className:"new-font mb-1"},t.subtitle):null,t.description?n.createElement("div",{className:"mt-4 mb-4 text-white"},(0,fe.Ay)(t.description)):null,!t.isInternal&&t.buttonUrl?n.createElement(n.Fragment,null,n.createElement("div",{className:"mt-3"},n.createElement(Pe,{link:t.buttonUrl},t.buttonText))):null))}Ae.propTypes={children:j().string,icon:j().object,link:j().string,func:j().func,referral:j().string,color:j().string};const je=Le;function Oe(e){let{children:t,link:a=null,func:l=null}=e;return n.createElement("div",{className:"custom-button _solid mt-auto d-inline-block mw-100 overflow-hidden",onClick:()=>{a?window.location.href=a:l&&l()},target:"_blank",rel:"noreferrer"},n.createElement("div",{className:"d-flex inner-button"},n.createElement("div",{className:"button-content"},n.createElement("span",null,t))))}Le.propTypes={child:j().object,type:j().string,imageClass:j().string,color:j().string};const Ue=Oe;function De(e){let{imageClass:t,color:a,post_tag:l,gridSize:s=3}=e;
1const[o,c]=(0,n.useState)([]),[i,m]=(0,n.useState)([]),[d,u]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{let e=!1;const t=r().generate("api_generic_content_block_get",{"tags.name":l});return async function(){const a=await ke.S.get(t);e||m(a["hydra:member"])}(),()=>{e=!0}}),[]),(0,n.useEffect)((()=>{let e="col-md-4";4===s&&(e="col-lg-3 col-md-4");const l=i.slice(0,d?i.length:s).map(((l,r)=>(l.internal=!0,n.createElement("div",{className:"col-12 mb-4 "+e,key:r},n.createElement(je,{imageClass:t,color:a,childId:r,child:l})))));c(l)}),[i,d]),o.length>0?n.createElement(n.Fragment,null,n.createElement("div",{className:"row masterClass_Top"},o),i.length>s&&0!==o.length?n.createElement("div",{className:"col-12 text-center mb-4 mt-4"},n.createElement(Ue,{func:()=>u((e=>!e))},d?"CLOSE":"VIEW ALL")):null):null}Oe.propTypes={children:j().string,icon:j().object,link:j().string,func:j().func};const Fe=De;De.propTypes={color:j().string,post_tag:j().string,imageClass:j().string,gridSize:j().number};const Ve="/images/base_elements/arrows/right_bottom/arrow_white.svg";function Me(e){let{icon:t=Ve,align:a="",size:l="large",children:r}=e;return"medium"===l?n.createElement("div",{className:"row justify-content-center pb-3"},n.createElement("div",{className:"col-12"},n.createElement("div",{className:"new-font d-flex mb-4 "+a},n.createElement("h3",{className:"m-0"},r)))):"large"===l?n.createElement("div",{className:"row justify-content-center pb-3"},n.createElement("div",{className:"col-12"},n.createElement("div",{className:"display-5 new-font d-flex mb-4 "+a},t?n.createElement("img",{className:"arrow_icon fill-height me-3",src:t}):null,n.createElement("div",{className:"m-0"},r)))):void 0}const ze=Me;Me.propTypes={icon:j().string,size:j().string,children:j().string,align:j().string};var qe=a(66427);const Be=[{start:"self",duration:"50vh",easing:"easeOut",properties:[{startValue:0,endValue:1,property:"opacity"},{startValue:0,endValue:1,property:"scaleX"}]}],Ge=[{start:"self",duration:"60vh",easing:"easeOut",properties:[{startValue:0,endValue:1,property:"opacity"}]}],We="/images/base_elements/separator_icon/open/separator_white.svg";function He(e){let{color:t="#fff",icon:a=We}=e;const l={borderTop:`2px solid ${t}`};return n.createElement("div",{className:"row justify-content-center py-5"},n.createElement("div",{className:"col-12 d-flex flex-row align-items-center"},n.createElement(qe.A,{parallaxData:Ge},n.createElement("img",{className:"custom_icon",src:a})),n.createElement(qe.A,{style:l,className:"mx-3 flex-grow-1",parallaxData:Be}),n.createElement(qe.A,{parallaxData:Ge},n.createElement("img",{className:"custom_icon",src:a}))))}const Ye=He;He.propTypes={color:j().string,icon:j().string};var Je=a(16250),Ke=a(62225);function Qe(e){const[t,a]=(0,n.useState)(!1);return n.createElement("div",{className:"list_item _border_white mb-4 p-3"},n.createElement("div",{className:"d-flex flex-row new-font align-items-center",onClick:()=>{a((e=>!e))}},n.createElement("div",{className:(t?"rotate":"")+" cross_customPage academy-color me-2"},n.createElement(Ke.Vx.Provider,{value:{size:30}},n.createElement(Je.BlJ,null))),n.createElement("h4",{className:"m-0"},e.faq_object.question)),t?n.createElement("div",{className:"p-3",size:"34p"},(0,fe.Ay)(e.faq_object.answer)):null)}const Xe=Qe;function $e(e){let{url:t=[]}=e;
1const[a,l]=(0,n.useState)([]),[r,s]=(0,n.useState)(!1),[o,c]=(0,n.useState)([]),i=[{start:"self",duration:100,name:"first",properties:[{startValue:100,endValue:0,property:"translateX"},{startValue:0,endValue:1,property:"translateX"}]}];return(0,n.useEffect)((()=>{let e=!1;return t&&async function(){const a="/api/faqs/"+t,n=await ke.S.get(a,{accept:"application/json","content-type":"application/json"});e||c(n?.items)}(),()=>{e=!0}}),[]),(0,n.useEffect)((()=>{const e=o.slice(0,r?o.length:5).map(((e,t)=>(e.internal=!0,n.createElement(qe.A,{parallaxData:i,key:t},n.createElement(Xe,{faq_object:e,key:t})))));l(e)}),[o,r]),n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 custom_list"},a),o.length>5&&0!==a.length?n.createElement("div",{className:"col-12 text-center mb-4 mt-4"},n.createElement(Ue,{func:()=>s((e=>!e))},r?"CLOSE":"VIEW ALL")):null)}Qe.propTypes={faq_object:j().object};const Ze=$e;function et(e){const t={backgroundImage:"url("+(e.child.thumbnail?e.child.thumbnail:"/images/campaign/academy/placeholder.png)")+")",backgroundPosition:"center",backgroundSize:"cover"};return n.createElement("div",{className:"col-12 col-md-3 mb-5"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12"},n.createElement("div",{className:"mb-4 image1_1 cover-background"},n.createElement("div",{style:t,className:"position-absolute w-100 h-100"}))),n.createElement("div",{className:"col-12 px-4"},n.createElement("h4",{className:"academy-font mb-1 break-long-text"},n.createElement("b",null,e.child.title)),!e.child.isInternal&&e.child.buttonUrl?n.createElement(n.Fragment,null,n.createElement("div",{className:"mt-3"}),n.createElement(Pe,{link:e.child.buttonUrl},"LISTEN")):null)))}$e.propTypes={url:j().string};const tt=function(){const[e,t]=(0,n.useState)([]),[a,l]=(0,n.use
1State)([]),[s,o]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{let e=!1;const t=r().generate("api_generic_content_block_get",{"tags.name":"academy-xl-previous-winners"});return async function(){const a=await ke.S.get(t);e||l(a["hydra:member"])}(),()=>{e=!0}}),[]),(0,n.useEffect)((()=>{const e=a.slice(0,s?a.length:4).map(((e,t)=>(e.internal=!0,n.createElement(et,{key:t,childId:t,child:e,type:"previous_winners"}))));t(e)}),[a,s]),n.createElement("div",null,n.createElement("div",{className:"row masterClass_Top"},e),a.length>4&&0!==e.length?n.createElement("div",{className:"col-12 text-center mb-4 mt-4"},n.createElement(Ue,{func:()=>o((e=>!e))},s?"CLOSE":"VIEW ALL")):null)};et.propTypes={child:j().object,type:j().string};const at="#75e2a7",nt="/images/base_elements/separator_icon/closed/separator_green.svg",lt="/images/base_elements/arrows/right_bottom//arrow_green.svg";function rt(e){const[t,a]=(0,n.useState)("");return(0,n.useEffect)((()=>{!function(){const e=new URLSearchParams(window.location.search);a(e.get("s"))}()}),[]),(0,n.useEffect)((()=>{if(""===t)return;const e=document.getElementById(t);if(e){const t=window.scrollY+e.getBoundingClientRect().top;_e.Nk.scrollTo(t,{duration:300,delay:0,smooth:"easeInOutQuart"})}}),[t]),n.createElement("div",{className:"d-flex flex-column min-vh-100 pb-5"},n.createElement(xe,null),n.createElement("div",{className:"container content_container justify-content-center z-100 flex-grow-1"},n.createElement(Se,{color:at}),n.createElement(Ye,{color:at,icon:nt}),n.createElement(ze,{icon:lt},"2023 WINNERS"),n.createElement(Fe,{imageClass:"square",color:at,post_tag:"academy-2023-winners"}),n.createElement(Ye,{color:at,icon:nt}),n.createElement(ze,{color:at,icon:lt},"PREVIOUS WINNERS"),n.createElement(tt,null),n.createElement(Ye,{color:at,icon:nt}),n.createElement("div",{id:"wbdd_scroll"}),n.createElement(ze,{color:at,icon:lt},"WORLDâS BIGGEST DEMO DROP"),n.createElement("div",{className:"row justify-content-center pb-5"},n.createElement("h3",{className:"new-font mb-1 break-long-text"},n.createElement("b",null,"WE WILL BACK SOON!"))),n.createElement(Ye,{color:at,icon:nt}),n.createElement(ze,{color:at,icon:lt},"FAQ"),n.createElement(Ze,{url:"spinnin-academy-faq"}),n.createElement(Ye,{color:at,icon:nt}),n.createElement(ze,{icon:lt},"GET 50% OFF KSHMR SOUND PACKS & PLUG-INS"),n.createElement(Fe,{imageClass:"square",color:at,post_tag:"kshmrPacks"}),n.createElement("div",{id:"masterclass_scroll"}),n.createElement(Ye,{color:at,icon:nt}),n.createElement(ze,{icon:lt},"MASTERCLASSES"),n.createElement(Fe,{color:at,post_tag:"academy-previous-masterclass"})))}const st=rt;function ot(){return n.createElement("div",{className:"d-flex flex-column academy-xl min-vh-100 pb-5"},n.createElement(xe,null),n.createElement("div",{className:"container content_container justify-content-center d-flex flex-column flex-grow-1"},n.createElement("div",{className:"flex-grow-1 d-flex flex-column"},n.createElement("div",{className:"row d-flex flex-column flex-grow-1"},n.createElement("div",{className:"col-12 my-auto"},n.createElement("div",{className:"display-5 academy-font text-center mb-4"},"MORE INFO COMING SOON"))))))}function ct(e){const[t,a]=(0,n.useState)(n.createElement(ot,null));return(0,n.useEffect)((()=>{const e=document.querySelector("#academyPageSetup"),t=e?.getAttribute("data-beta");"true"===t&&a(n.createElement(st,null))}),[e.beta]),O.createPortal([n.createElement("div",{className:"customPage bg-black d-flex flex-column overflow-hidden min-vh-100",key:"1"},t,n.createElement("div",{className:"discord_icon hide-desktop z-1000"},n.createElement("a",{href:"https://discord.gg/spinninrecords",target:"_blank",rel:"noreferrer"},n.createElement("img",{className:"h-100 w-auto",src:"./images/campaign/academy/discord.png"}))))],document.getElementById("academyPageSetup"))}rt.propTypes={};const it=[{start:"self",duration:"80vh",easing:[.25,-.1,.53,3],properties:[{startValue:0,endValue:26,property:"translateY"}]},{start:"self",duration:"120vh",easing:[.17,.67,.58,.99],properties:[{startValue:1,endValue:.9,property:"scale"}]}];
1function mt(e){let{color:t="#000000",image:a,customImgUrl:l}=e;const[s,o]=(0,n.useState)(""),[c,i]=(0,n.useState)(null);function m(e){e.length>0&&(e.includes("#")?function(e){const t=document.getElementById(e),a=document.querySelector(".header_container").clientHeight,n=window.scrollY+t.getBoundingClientRect().top-a;_e.Nk.scrollTo(n,{duration:300,delay:0,smooth:"easeInOutQuart"})}(e.split("#")[1]):window.open(e,"_blank"))}(0,n.useEffect)((()=>{let e=!1;return l?async function(){const t=r().generate("api_generic_content_block_get",{"tags.name":l}),n=await ke.S.get(t);if(!e&&n["hydra:member"]){const e=n["hydra:member"][Math.floor(Math.random()*n["hydra:member"].length)];e?(o(e.thumbnail),i(e.buttonUrl)):o(a)}}():o(a),()=>{e=!0}}),[]);const d={backgroundImage:`url(${s})`,backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"auto 100%",aspectRatio:"28 / 13"},u={borderTop:`2px solid ${t}`};return n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 m-auto"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12"},n.createElement("div",{style:u,className:"hide-desktop flex-grow-1"})),n.createElement("div",{className:"col-12 py-0 py-4"},n.createElement(qe.A,{parallaxData:it},c?n.createElement("div",{className:"image8_3 d-flex bg-cover",onClick:()=>m(c),style:d}):n.createElement("div",{className:"image8_3 d-flex bg-cover",style:d}))))))}const dt=mt;mt.propTypes={color:j().string,image:j().string,customImgUrl:j().string};class ut extends n.Component{constructor(e){super(e)}render(){return n.createElement("div",{className:"position-fixed w-100 h-auto top-0 z-1000 header_container bg-gradient_black",id:"header_container"},n.createElement("div",{className:"container justify-content-between"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 d-flex justify-content-between header_container-inner"},n.createElement("div",{className:"h-100 py-2 pe-0 pe-md-3"},n.createElement("img",{className:"w-100 h-auto",alt:"academy xl logo",src:"/images/campaign/cupra/cupra_spinnin_logo.png"}))))))}}const pt=ut,ht=n.createContext(),gt=e=>{const[t,a,l]=(0,n.useContext)(ht),r=(0,C.d4)((e=>e.baseReducer.checkUserReducer.user));return(0,n.useEffect)((()=>{if("no_token"!==r&&r.social_networks)for(let e=0;e<r.social_networks.length;e++)"soundcloud"===r.social_networks[e].network&&a("SoundCloud")}),[r]),"no_token"===r?n.createElement("div",{className:"w-100 d-flex justify-content-center align-items-center py-2 mt-4"},n.createElement("div",{className:("dark"===l?"loader-white ":"")+"loader-icon_new"})):n.createElement("div",{className:"row justify-content-center pb-4"},n.createElement("div",{className:"col-12 justify-content-center text-center flex-column d-flex align-items-center"},void 0===r.registered||null===r.registered?n.createElement(n.Fragment,null,e.customText?(0,fe.Ay)(e.customText):n.createElement(n.Fragment,null,"Log in to your account to submit your latest track and get it ranked up the charts. We'll be listening!"),n.createElement("a",{className:("dark"===l?"white_bg ":"black_bg ")+"btn col-12 col-md-5 mt-3",href:"/login","data-referral-url":window.location.href},"SIGN UP / LOG IN")):null,r.registered?n.createElement("div",{className:"d-flex flex-column"},e.customText?(0,fe.Ay)(e.customText):n.createElement(n.Fragment,null,"Connect with SoundCloud to submit your latest track and get it ranked up the charts. We'll be listening!"),n.createElement("a",{href:"/connect/soundcloud",className:"btn soundcloud mt-3 no_border py-3 w-fit-content mx-auto","data-referral-url":window.location.href},"Connect with SoundCloud")):null))},ft=gt;gt.propTypes={customText:j().string};var Et=a(6279),bt=a.n(Et),yt=a(61351);const wt=e=>{const[t,a,l]=(0,n.useContext)(ht),s=(0,n.useRef)(null),o=(0,n.useRef)(null),c=(0,n.useRef)(null),[i,m]=(0,n.use
1State)(null),[d,u]=(0,n.useState)(null),[p,h]=(0,n.useState)(!1);return n.createElement("div",{className:"my-3"},p?n.createElement("div",{className:"w-100 d-flex justify-content-center align-items-center py-2 mt-4"},n.createElement("div",{className:("dark"===l?"loader-white ":"")+"loader-icon_new"})):n.createElement("form",{className:"form col-12 flex-column d-flex",onSubmit:async function(t){t.preventDefault(),h(!0);const a=new FormData;a.append("file",i),a.append("artwork",d),a.append("title",s.current.value),a.append("description",o.current.value);const n=r().generate("api_soundcloud_upload");await fetch(n,{method:"POST",body:a}).then((e=>e.json())).then((t=>{h(!1),e.setUpload(!1),e.callback(t)})).catch((e=>{h(!1)}))}},i?n.createElement("div",{className:"form_elem"},n.createElement("div",{className:"button_text"},i.name),n.createElement("div",{className:"close"},n.createElement(yt.$8F,{onClick:()=>m(null),size:22}))):n.createElement("label",{htmlFor:"audio_file",className:("dark"===l?"white_bg ":"black_bg ")+"btn w-100 mb-2"},"Upload audio"),n.createElement("input",{type:"file",className:"d-none",id:"audio_file",ref:c,required:!0,onChange:e=>{const t=e.target.files[0];m(t)},accept:"audio/*"}),d?n.createElement("div",{className:"form_elem"},n.createElement("div",{className:"button_text"},d.name),n.createElement("div",{className:"close"},n.createElement(yt.$8F,{onClick:()=>u(null),size:22}))):n.createElement("label",{htmlFor:"image_file",className:("dark"===l?"white_bg ":"black_bg ")+"btn w-100 mb-2"},"Upload artwork"),n.createElement("input",{type:"file",className:"d-none",id:"image_file",ref:c,onChange:e=>{const t=e.target.files[0];u(t)},accept:"image/*"}),n.createElement("small",null,"Title:"),n.createElement("input",{type:"text",ref:s,required:!0,name:"track_upload_form[title]",className:" form-control my-2 pe-3",placeholder:"Title"}),n.createElement("small",null,"Description:"),n.createElement("input",{type:"text",ref:o,name:"track_upload_form[description]",className:" form-control my-2 pe-3",placeholder:"Description"}),n.createElement("div",{className:"text-center mt-2 mb-3"},n.createElement("small",null,"*This track will be added to your Soundcloud account")),n.createElement("div",{className:"d-flex justify-content-between flex-wrap"},n.createElement("button",{className:("dark"===l?"white_bg ":"black_bg ")+"btn col-12 col-md-5 pr-2",onClick:()=>e.setUpload(!1)},"back"),n.createElement("div",{className:"col-0 col-md-2"}),n.createElement("button",{className:("dark"===l?"white_bg ":"black_bg ")+"btn col-12 col-md-5",type:"submit"},"Submit"))))},vt=wt;wt.propTypes={setUpload:j().func,callback:j().func};const Nt=e=>{const[t,a,l]=(0,n.useContext)(ht);return n.createElement("div",{className:"d-flex flex-row"},n.createElement("select",{name:"track",id:"track",defaultValue:"DEFAULT",className:"bg-white rounded-input _big py-3",onChange:function(t){for(let a=0;a<e.tracks.length;a++)e.tracks[a].soundCloudId===parseInt(t.target.value)&&e.callBack(e.tracks[a])}},0===e.tracks.length||"loading"===e.tracks.state?n.createElement("option",{disabled:!0,value:"DEFAULT"},"No tracks available"):n.createElement(n.Fragment,null,n.createElement("option",{disabled:!0,value:"DEFAULT"},"Select the track you want to submit"),e.tracks.map(((e,t)=>"private"===e.sharing?null:n.createElement("option",{value:e.soundCloudId,key:t},e.title))))),n.createElement("div",{className:"refresh_button"},n.createElement(yt.a4n,{color:"dark"===l?"white":"",size:22,onClick:()=>e.refresh()})))},xt=Nt;Nt.propTypes={tracks:j().oneOfType([j().array,j().object]),callBack:j().func,refresh:j().func};var kt=a(68853);a(19634);const _t=(0,n.forwardRef)(((e,t)=>{const[a]=(0,n.useState)((()=>(e.filetype,new Ee.A({autoProceed:!1,showLinkToFileUploadResult:!1,restrictions:{allowedFileTypes:["video/*"],maxFileSize:1073741824,maxNumberOfFiles:1,minNumberOfFiles:1},onBeforeUpload:e=>{const t=Object.assign({},e);return Object.keys(t).forEach((e=>{t[e].name=Date.now()+"_"+t[e].name})),t}}).use(ye.A,{getUploadParameters:e=>fetch("/api/v1/upload/authorize-submit.json",{method:"post",headers:{accept:"application/json","content-type":"application/json"},body:JSON.stringify({filename:e.name,contentType:e.type})}).then((e=>e.json())).then((e=>({method:e.method,url:e.url,fields:e.fields})))}
1))));return(0,n.useImperativeHandle)(t,(()=>({uploadVideo:()=>new Promise(((e,t)=>{let n=null;0===Object.entries(a.getState().files).length&&a.getState().files.constructor===Object&&(n="empty",e(n)),a.upload().then((t=>{t.failed.length>0&&t.failed.forEach((t=>{n="error",e(n)})),n=t.successful[0].response.uploadURL,e(n)}))})),getFiles:()=>Object.entries(a.getState().files).length}))),n.createElement("div",{className:"w-100 d-block justify-content-center pb-3"},n.createElement("h5",{className:"new-font text-center mb-3"},"Upload a video below"),n.createElement(kt.xh,{inline:!0,proudlyDisplayPoweredByUppy:!1,hideUploadButton:!0,disableThumbnailGenerator:!1,uppy:a,height:"auto",showLinkToFileUploadResult:!1}))}));_t.displayName="DemoDrop";const St=_t;_t.propTypes={filetype:j().array,callback:j().func};const Rt=e=>{const[t,a,l]=(0,n.useContext)(ht),[s,o]=(0,n.useState)(!1),[c,i]=(0,n.useState)([]),[m,d]=(0,n.useState)([]),[u,p]=(0,n.useState)([]),h=(0,n.useRef)(null),g=(0,n.useRef)(null),f=(0,n.useRef)(null),E=(0,n.useRef)(null),b=(0,n.useRef)(null),y=(0,n.useRef)(null),w=(0,n.useRef)(null),v=(0,n.useRef)(null),N=(0,n.useRef)(null),[x,k]=(0,n.useState)(!1),_=(0,n.useRef)();async function S(t){o(!0),await ke.S.post("/api/tracks",t).then((t=>{e.successCallBack(t)})).catch((t=>{e.errorCallBack(t)}))}return(0,n.useEffect)((()=>{let e=!1;return async function(){const t=r().generate("api_privacy"),a=await ke.S.get(t);e||a.consent_given&&k(!!a.consent_given.granted_at)}(),()=>{e=!0}}),[]),(0,n.useEffect)((()=>{let e=!1;return async function(){const t=r().generate("api_genre_get",{pagination:"false"}),a=await ke.S.get(t);e||i(a["hydra:member"])}(),()=>{e=!0}}),[]),(0,n.useEffect)((()=>{let e=!1;return async function(){const t=r().generate("api_label_get",{pagination:"false"}),a=await ke.S.get(t);e||d(a["hydra:member"])}(),()=>{e=!0}}),[]),n.createElement("div",{className:("dark"===l?"dark ":"")+"row justify-content-center pb-4"},n.createElement("div",{className:"col-12 justify-content-center text-center d-flex flex-column"},n.createElement("div",{className:"row justify-content-center d-flex flex-row"},n.createElement("div",{className:"col-12"},s?n.createElement("div",{className:"w-100 d-flex justify-content-center align-items-center py-2 mt-4"},n.createElement("div",{className:("dark"===l?"loader-white ":"")+"loader-icon_new"})):n.createElement("div",{className:"row"},e.video?n.createElement(St,{ref:_}):null,n.createElement("form",{className:"form ol-12 flex-column d-flex",onSubmit:function(t){t.preventDefault();let a={};a={trackname:h.current.value,artistname:g.current.value,description:f.current.value,isRemix:b.current.checked,productionAssets:u,soundcloudId:e.track.soundCloudId,optedInForMailing:v.current.checked,genre:y.current.value},null!==e.campaignId&&(a.campaign=e.campaignId),null!=N.current&&(a.consentGiven=N.current.checked),E.current.value.length>0&&(a.youtubeId=E.current.value),"no_label"!==w.current.value&&(a.suggestedLabel=w.current.value),e.video?async function(){const e=await _.current.uploadVideo();return new Promise((t=>{t(e)}))}().then((e=>{"empty"!==e&&"error"!==e&&(a.additionalInfo=e,S(a))})):S(a)}},n.createElement("input",{type:"text",id:"track_upload_form_artistname",ref:g,required:!0,name:"track_upload_form[artistname]",className:" form-control my-2 pe-3",placeholder:"Artist",defaultValue:e.checkUserReducer.user.username}),n.createElement("input",{type:"text",id:"track_upload_form_trackname",ref:h,name:"track_upload_form[trackname]",defaultValue:e.track.title,required:!0,className:" form-control my-2 pe-3",placeholder:"Title"}),n.createElement("textarea",{id:"track_upload_form_description",name:"track_upload_form[description]",ref:f,required:!0,placeholder:"Description",className:"form-control my-2 pe-3",maxLength:"500",rows:"4"}),n.createElement("input",{type:"text",id:"track_upload_form_youtubeId",ref:E,name:"track_upload_form[youtubeId]",placeholder:"YouTube URL or id for production tutorial or video clip",className:" form-control my-2 pe-3"}),n.createElement("select",{id:"track_upload_form_genre",name:"track_upload_form[genre]",ref:y,required:!0,className:" form-control my-2 pe-3"},n.createElement("option",{value:""}
1,"Select the genre of your track"),c.map(((e,t)=>n.createElement("option",{key:t,value:e["@id"]},e.name)))),n.createElement("select",{id:"track_upload_form_suggestedLabel",ref:w,name:"track_upload_form[suggestedLabel]",className:" form-control my-2 pe-3",defaultValue:"Pick a label suggestion for your track"},n.createElement("option",{value:"no_label"},"Pick a label suggestion for your track"),m.map(((e,t)=>n.createElement("option",{key:t,value:e["@id"]},e.name)))),u.map(((e,t)=>n.createElement("div",{className:"d-flex flex-row",key:t},n.createElement("input",{type:"text",value:e.name,required:!0,placeholder:"Plugin/Sample pack",onChange:e=>function(e,t){const a=[...u];a[t].name=e.target.value,p(a)}(e,t),className:" form-control pe-3"}),n.createElement("button",{type:"button",className:("dark"===l?"white_bg ":"black_bg ")+"btn ms-2 py-0 btn-default btn-remove-production",onClick:()=>function(e){const t=[...u];t.splice(e,1),p(t)}(t)},"Remove")))),n.createElement("button",{type:"button",className:"custom-button m-0 my-2 w-100",id:"add-production-asset",onClick:function(){u.length<10&&p([...u,{name:""}])}},"ADD A USED PLUGIN/SAMPLE PACK"),n.createElement("p",{className:"text-center"},n.createElement("label",{className:"required"},"Is this a remix?")),n.createElement("div",{className:"radio-holder mb-2"},n.createElement("div",{id:"track_upload_form_remix",className:"form-control"},n.createElement("input",{type:"radio",id:"track_upload_form_remix_0",ref:b,name:"track_upload_form[remix]",required:!0,defaultValue:"1"}),n.createElement("label",{htmlFor:"track_upload_form_remix_0",className:"required"},"Yes"),n.createElement("input",{type:"radio",id:"track_upload_form_remix_1",name:"track_upload_form[remix]",required:!0,defaultChecked:"checked"}),n.createElement("label",{htmlFor:"track_upload_form_remix_1",className:"required"},"No"))),n.createElement("div",{className:"d-flex align-items-center my-3"},n.createElement("input",{type:"checkbox",className:"normal-checkbox terms_check me-3 flex-grow-0 flex-shrink-0",ref:v}),n.createElement("div",{className:"text-content d-flex flex-column text-start"},n.createElement("b",null,"I would like to sign up for the Spinnin' Records newsletters"))),e.customTerms||!x?n.createElement("div",{className:"d-flex mb-3"},n.createElement("div",{className:"text-content d-flex flex-column"},"By clicking these checkboxes you agree to have read, and that you understand")):null,e.customTerms?n.createElement("div",{className:"d-flex align-items-center mb-3"},n.createElement("input",{type:"checkbox",className:"normal-checkbox terms_check me-3 flex-grow-0 flex-shrink-0",required:!0}),n.createElement("div",{className:"text-content d-flex flex-column text-start"},n.createElement("b",null,n.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:e.customTerms},"the terms and conditions for this campaign")))):null,x?null:n.createElement("div",{className:"d-flex align-items-center"},n.createElement("input",{type:"checkbox",className:"normal-checkbox terms_check me-3 flex-grow-0 flex-shrink-0",required:!0,ref:N}),n.createElement("div",{className:"text-content d-flex flex-column text-start"},n.createElement("b",null,n.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"https://spinninrecords.com/privacy"},"the privacy policy")))),n.createElement("div",{className:"row mt-2 mb-4 text-center justify-content-between d-flex flex-row column-gap-small"},n.createElement("button",{className:("dark"===l?"white_bg ":"black_bg ")+"btn col-12 col-md-5 pr-2",onClick:()=>e.setSong(void 0)},n.createElement("div",{className:"d-flex"},n.createElement("div",{className:"icon me-2"},n.createElement("div",{className:"arrow_white"})),n.createElement("span",null,"GO BACK"))),n.createElement("button",{className:("dark"===l?"white_bg ":"black_bg ")+"btn col-12 col-md-5 pr-2",type:"submit"},n.createElement("div",{className:"d-flex"},n.createElement("span",null,"SUBMIT"),n.createElement("div",{className:"icon ms-2"},n.createElement("div",{className:"arrow_white"})))))))))))},Ct=(0,C.Ng)((e=>({checkUserReducer:e.baseReducer.checkUserReducer})),(e=>(0,s.zH)({},e)))(Rt);Rt.propTypes={track:j().object,setSong:j().func,checkUserReducer:j().object,campaignId:j().string,customTerms:j().string,errorCallBack:j().func,successCallBack:j().func,videoUpload:j().func,video:j().bool,videoUrl:j().string,getFiles:j().func};const Tt=e=>{const[t,a,l]=(0,n.useContext)(ht);return n.createElement("div",{className:"row justify-content-center pb-4"},n.createElement("div",{className:"col-12 justify-content-center text-center"},n.createElement("p",{className:"text-centermb-3"},"Your track was successfully uploaded!"),n.createElement("a",{className:("dark"===l?"white_bg ":"black_bg ")+"btn col-12 col-md-5",href:(r=e.subResponse,"/talentpool/artist/"+r.user.slug+"/track/"+r.slug),target:"_blank",rel:"noreferrer","data-referral-url":window.location.href},n.createElement("span",null,"VIEW YOUR TRACK"))));var r},It=Tt;
1Tt.propTypes={subResponse:j().object};const At=e=>{const[t,a,l]=(0,n.useContext)(ht),[s,o]=(0,n.useState)(!1),[c,i]=(0,n.useState)({state:"loading"}),[m,d]=(0,n.useState)({state:"loading"}),[u,p]=(0,n.useState)(!1),[h,g]=(0,n.useState)(0),[f,E]=(0,n.useState)(!0),[b,y]=(0,n.useState)(void 0),[w,v]=(0,n.useState)(void 0),[N,x]=(0,n.useState)(void 0),[k,_]=(0,n.useState)(void 0),[S,R]=(0,n.useState)({state:"loading"}),[C,T]=(0,n.useState)(void 0);(0,n.useEffect)((()=>{let e=!1;return async function(){const t=r().generate("api_soundcloud_tracks"),a=await ke.S.get(t);e||i(a["hydra:member"])}(),()=>{e=!0}}),[]),(0,n.useEffect)((()=>{let e=!1;return async function(){const t=r().generate("api_my_tracks"),a=await ke.S.get(t);e||d(a["hydra:member"])}(),()=>{e=!0}}),[]),(0,n.useEffect)((()=>{let t=!1;const a=r().generate("api_my_tracks",{campaign:e.campaignId});return e.campaignId&&async function(){const e=await ke.S.get(a);t||R(e["hydra:member"])}(),()=>{t=!0}}),[]),(0,n.useEffect)((()=>{I(void 0!==k?S:m)}),[m,S]);const I=e=>{if(!Object.values(e).includes("loading")){E(!1);for(let t=0;t<e.length;t++){let a=(new Date).toLocaleString("en-US",{timeZone:"Europe/Amsterdam"});Ie().extend(bt());const n=Ie()(a);if(void 0===e[t])return;if(n.diff(Ie()(e[t].createdAt),"day",!0)<=7){p(!0);const a=7-Math.floor(n.diff(Ie()(e[t].createdAt),"day",!0));a>h&&g(a)}}}};async function A(e){E(!0);const t=r().generate("api_soundcloud_tracks"),a=await ke.S.get(t);if(e){const t=a["hydra:member"].find((t=>t.soundCloudId===e.response.id));y(t),E(!1)}else i(a["hydra:member"]),E(!1)}return(0,n.useEffect)((()=>{let t=!1;return e.campaignId&&async function(){const a=r().generate("api_campaign_get",{slug:e.campaignId}),n=await ke.S.get(a,{method:"GET"});t||n["hydra:member"].length>0&&(T(n["hydra:member"][0].termsConditions),_(n["hydra:member"][0]["@id"]))}(),()=>{t=!0}}),[e.campaignId]),n.createElement(n.Fragment,null,u?n.createElement("div",{className:"my-3 text-center"},"You need to wait at least ",h," days before you can upload a new track"):n.createElement(n.Fragment,null,s||void 0!==b?null:n.createElement("div",{className:"my-3 text-center"},e.customText?(0,fe.Ay)(e.customText):n.createElement(n.Fragment,null,"Submit your latest track and get it ranked up the charts. We'll be listening! You can upload a new track, or select a track you have already uploaded to Soundcloud.",n.createElement("br",null),n.createElement("br",null),"If you want to submit a track for a contest, please submit it via the contest page.")),s?n.createElement(vt,{callback:e=>A(e),setUpload:e=>o(e)}):null,void 0!==b||s||f?null:n.createElement("button",{className:("dark"===l?"white_bg ":"black_bg ")+"btn w-100 mb-2",onClick:()=>o(!0)},"UPLOAD NEW TRACK"),f?n.createElement("div",null,n.createElement("div",{className:"w-100 d-flex justify-content-center align-items-center py-2 mt-4"},n.createElement("div",{className:("dark"===l?"loader-white ":"")+"loader-icon_new"})),n.createElement("div",{className:"text-center"},"Retrieving your tracks")):null,s||f||void 0!==b?null:n.createElement(xt,{refresh:()=>A(),callBack:e=>y(e),tracks:c}),void 0!==b&&void 0===w&&void 0===N?n.createElement(Ct,{errorCallBack:e=>function(e){x(e),E(!1)}(e),successCallBack:e=>function(e){v(e),E(!1)}(e),track:b,setSong:e=>y(e),campaignId:k,customTerms:C,video:e.video}):null),w?n.createElement(It,{subResponse:w}):null,N?n.createElement("div",{className:"row justify-content-center pb-4"},n.createElement("div",{className:"col-12 justify-content-center text-center"},n.createElement("p",{className:"text-center"},"Something went wrong"),n.createElement("div",{className:"text-center flex-column"},N.map(((e,t)=>n.createElement("div",{className:"py-3",key:t},e.message)))),n.createElement("button",{className:("dark"===l?"white_bg ":"black_bg ")+"btn col-12 col-md-5",onClick:()=>{x(void 0),y(void 0)}},"Go Back"))):null)},Pt=At;
1At.propTypes={campaignId:j().string,campaignTag:j().string,customText:j().string,video:j().bool};const Lt=e=>{let{colorSchema:t="",campaignId:a,customTextUrl:l=null,video:s=!1}=e;const[o,c]=(0,n.useState)("AccountLogin"),[i]=(0,n.useState)(t),[m,d]=(0,n.useState)(void 0);return(0,n.useEffect)((()=>{let e=!1;const t=r().generate("api_generic_content_block_get",{slug:l});return l&&async function(){const a=await ke.S.get(t);e||d(a.description)}(),()=>{e=!0}}),[]),n.createElement("div",{className:"row justify-content-center position-relative trackUpload"},n.createElement("div",{className:"col-12 col-md-6 mx-auto"},n.createElement(ht.Provider,{value:[o,c,i]},function(){switch(o){case"AccountLogin":return n.createElement(ft,{customText:m});case"SoundCloud":return n.createElement(Pt,{video:s,campaignId:a,customText:m});default:return n.createElement(ft,null)}}())))},jt=(0,C.Ng)((e=>({checkUserReducer:e.baseReducer.checkUserReducer})),(e=>(0,s.zH)({},e)))(Lt);Lt.propTypes={checkUserReducer:j().object,colorSchema:j().string,campaignId:j().string,customTextUrl:j().string,video:j().bool,limitInput:j().bool};const Ot=()=>
1{const[e,t]=(0,n.useState)(""),[a,l]=(0,n.useState)(null),[r,s]=(0,n.useState)(null);return(0,n.useEffect)((()=>{const e=document.getElementById("uploadHolderSetup"),a=e.getAttribute("data-colorStyle"),n=e.getAttribute("data-campaignId"),r=e.getAttribute("data-customText");a&&t(a),n&&l(n),r&&s(r)}),[]),O.createPortal([n.createElement(n.Fragment,{key:"uploadHolder"},n.createElement("div",{className:"mt-5"},n.createElement(ze,{align:"justify-content-center",icon:null},"DROP YOUR DEMO")),n.createElement(Lt,{campaignId:a,colorSchema:e,customText:r,key:"1"}))],document.getElementById("uploadHolderSetup"))};function Ut(e){let{colorSchema:t="",campaignId:a}=e;const[l,s]=(0,n.useState)([]);return(0,n.useEffect)((()=>{let e=!1;const t=r().generate("api_my_tracks",{campaign:a});return async function(){const a=await ke.S.get(t);e||s(a["hydra:member"])}(),()=>{e=!0}}),[]),n.createElement("div",{className:"row justify-content-center position-relative"},l.length>0?n.createElement("div",{className:"col-12 col-md-6 mx-auto mt-5"},n.createElement("div",{className:"d-flex justify-content-center text-center"},"You have submitted the following tracks"),l.map(((e,t)=>{return n.createElement("div",{className:"d-flex flex-column align-items-center mb-2",key:t},n.createElement(Pe,{key:t,link:(a=e,"/talentpool/artist/"+a.user.slug+"/track/"+a.slug)},e.trackname));var a}))):null)}const Dt=Ut;function Ft(e){let{campaignId:t,colorSchema:a,customText:l}=e;return n.createElement("div",{className:"row justify-content-center pb-5"},n.createElement(Dt,{campaignId:t,colorSchema:a}),n.createElement(jt,{campaignId:t,colorSchema:a,customTextUrl:l}))}Ut.propTypes={campaignId:j().string,colorSchema:j().string};const Vt=Ft;function Mt(e){let{url:t,align:a="left",children:l}=e;const[r,s]=(0,n.useState)(null);(0,n.useEffect)((()=>{let e=!1;return t&&async function(){const a="/api/generic_content_blocks/"+t,n=await ke.S.get(a);e||s(n.description)}(),()=>{e=!0}}),[]);const o={textAlign:a};return n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 text-mobile-center",style:o},r?(0,fe.Ay)(r):l))}Ft.propTypes={campaignId:j().string,colorSchema:j().string,customText:j().string};const zt=Mt;function qt(e){let{enableRSVP:t=!1,eventId:a}=e;const[l,r]=(0,n.useState)([]),s=(0,C.d4)((e=>e.baseReducer.checkUserReducer.user));(0,n.useEffect)((()=>{let e=!1;const t=new URL("https://"+window.location.host+"/api/events/"+a).toString();return a&&async function(){const a=await ke.S.get(t);e||r(a)}(),()=>{e=!0}}),[]);const o=e=>{let t=!1;const n=new URL("https://"+window.location.host+"/events/"+a+"/schedule-item/"+e+"/subscribe").toString();return async function(){const e=await ke.S.post(n,{});if(!t){const t="https://"+window.location.host+e.item_ics;window.open(t,"_blank")}}(),()=>{t=!0}},c=(e,t,a)=>(0,ce.pp)(e)===(0,ce.pp)(t)?(0,ce.pp)(e):a?(0,ce.pp)(e)+"<br/>"+(0,ce.pp)(t):(0,ce.pp)(e)+" - "+(0,ce.pp)(t),i=e=>"12:00 AM (CEST)"===(0,ce.WB)(e)?null:(0,ce.WB)(e);return n.createElement("div",{className:"table-holder"},l.body?n.createElement(zt,null,(0,fe.Ay)(l.body)):null,n.createElement("table",{className:"tableCustom my-5 w-100"},n.createElement("tbody",{className:"w-100"},l.scheduleItems&&0!==l.scheduleItems?.length?l.scheduleItems.map(((e,a)=>n.createElement("tr",{key:a,className:"mb-4 align-items-center non-select"},n.createElement("td",{className:"table-cell_shrink px-3 py-2"},n.createElement("h4",{className:"academy-font academy-color hide-mobile"},n.createElement("b",null,c(e.startTime,e.endTime,!1))),n.createElement("h4",{className:"academy-font academy-color hide-desktop"},n.createElement("b",null,(0,fe.Ay)(c(e.startTime,e.endTime,!0)))),n.createElement("h4",{className:"academy-font academy-color hide-desktop"},i(e.startTime)),n.createElement("h4",{className:"academy-font dj_name hide-desktop white-space-normal"},n.createElement("b",null,e.label)),t?n.createElement("h4",{className:"hide-desktop py-2 "},void 0===s.registered||null===s.registered?n.createElement(Pe,{link:window.location.href},"LOG IN"):n.createElement(Pe,{func:()=>o(e.scheduleItemId)},"RSVP")):null),n.createElement("td",{className:"table-cell_shrink hide-mobile py-2 pe-3"},n.createElement("p",null,n.createElement("small",null,i(e.startTime)))),n.createElement("td",{className:"hide-mobile py-2"},n.createElement("h4",{className:"academy-font dj_name"},n.createElement("b",null,e.label))),t?n.createElement("td",{className:"hide-mobile px-3 py-2 d-flex align-items-center justify-content-end"},void 0===s.registered||null===s.registered?n.createElement(Pe,{link:window.location.href},"LOG IN"):n.createElement(Pe,{func:()=>o(e.scheduleItemId)},"RSVP")):null))):null)))}Mt.propTypes={children:j().string,url:j().string,align:j().string};const Bt=qt;
1function Gt(e){const[t,a]=(0,n.useState)(!1);return n.createElement("div",{className:"list_item _border_white mb-4 p-3"},n.createElement("div",{className:"d-flex flex-row new-font align-items-center",onClick:()=>{a((e=>!e))}},n.createElement("div",{className:(t?"rotate":"")+" cross_customPage academy-color me-2"},n.createElement(Ke.Vx.Provider,{value:{size:30}},n.createElement(Je.BlJ,null))),n.createElement("h4",{className:"m-0"},e.faq_object.title)),t?n.createElement("div",{className:"p-3",size:"34p"},(0,fe.Ay)(e.faq_object.text)):null)}qt.propTypes={eventId:j().string,enableRSVP:j().bool};const Wt=Gt;function Ht(e){let{data:t=[]}=e;const[a,l]=(0,n.useState)([]),[r,s]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{const e=t.slice(0,r?t.length:5).map(((e,t)=>{e.internal=!0;return n.createElement(qe.A,{parallaxData:[{start:"self",duration:100,name:"first",properties:[{startValue:100,endValue:0,property:"translateX"},{startValue:0,endValue:1,property:"translateX"}]}],key:t},n.createElement(Wt,{faq_object:e,key:t}))}));l(e)}),[t,r]),n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 custom_list"},a),t.length>5&&0!==a.length?n.createElement("div",{className:"col-12 text-center mb-4 mt-4"},n.createElement(Ue,{func:()=>s((e=>!e))},r?"CLOSE":"VIEW ALL")):null)}Gt.propTypes={faq_object:j().object};const Yt=Ht;Ht.propTypes={data:j().array};const Jt=[{title:"Who can enter CUPRA x SPINNIN' RECORDS DEMO DROP 2023",text:"â\tYou must be older than 18 years old to enter this contest.<br/>â\tIf you are <b>younger than 18</b>, you must have a written permission from your parents/ legal guardian to enter this contest.<br/>â\tYou must be a resident of The Netherlands during the duration of the competition<br/>"},{title:"When am I exempt from participating in this contest?",text:"â\tIf you are an employee at Spinninâ Records, or of any of its affiliates, you can not enter this contest.<br/>â\tIf you are the direct family of an employee at Spinninâ Records you can not enter this contest.<br/>â\tIf you are an artist signed at Spinninâ Records you can not enter this contest.<br/>â\tIf you are exclusively signed to a third-party record label you can not enter this contest.<br/>"},{title:"What are the rules and restrictions of this contest?",text:"â\tYour demo must be a new and an original audio production without the use of any copyright protected samples.<br/>â\tThe demo should be accompanied by all requested label copy details.<br/>â\tIf (royalty free) samples have been used, these must be stated in detail to Spinninâ and must only contain samples that have been fully âclearedâ by the contestant.<br/>â\tYou must be available to attend the following dates:<br/>â \tCUPRA Convoy Ride and CUPRA Garage party in Rotterdam on May 25th.<br/>â \tâ \t1-on-1 studio session on June 6th<br/>"},{title:"What is a label copy?",text:"â\tA label copy refers to the information on all the parties who have worked and been involved in a track.<br/>â\tExample â Artist(s), Vocalist(s), publisher(s) (if applicable), royalty free sample title (if applicable) and more.<br/>"},{title:"I re-uploaded my demo and now I canât see it. Can I re-upload my demo?",text:"â\tYes! We understand that creating the perfect demo takes time and some modifications, you can delete and re-upload your demo but take into account that it may take up to 24 hours for your demo to be re-uploaded in our system.<br/>â \tWe do not advise you re-uploading a day before the submissions close!<br/>"},{title:"How can I enter the CUPRA x SPINNIN' RECORDS DEMO DROP?",text:'â\tYou can enter the contest by submitting your own and original demo. Via the landingpage <a href="https://spinninrecords.com/cupra" target="blank" rel="noreferrer"></a> you will be re-directed to the Spinninâ Records Talent Pool platform.<br/>â\tMake sure to fill out all requested details, through the Spinninâ Records Talent Pool platform by sharing your SoundCloud upload.<br/>â\tParticipating in the contest is free of charge. Any costs made for creating the demo are for your own account.<br/>'},{title:"How can I win the CUPRA x SPINNIN' RECORDS DEMO DROP?",text:"â\tYou can win by submitting your own and original demo<br/>â\tIf you are selected as one of the finalists (minimum of 8) you will be asked to take down your SoundCloud and Talent Pool upload and cancel all exploitation/ distribution/ publication elsewhere while this contest is still taking place (until at least July 7th 2023).<br/>â\tThe finalists will receive an exclusive licensing agreement from Spinninâ Records whereas he/she shall transfer his/her right of the demo.<br/>â\tWith a fully executed licensing agreement, the demos of the finalists will be listened to during the CUPRA Convoy Ride in Rotterdam May 24th<br/>â\tIf the track is selected after the Convoy Ride, participants will play a 20 minute DJ set in the CUPRA City Garage in Rotterdam on May 24th<br/>â\tTwo finalists are selected from the DJ set and win 1-on-1 studio session time with Mr Belt & Wezol<br/>â\tFinal track submission is June 15th<br/>â\tThe winner will be chosen by Mr. Belt & Wezol & Spinninâ A&R, winner announcement is June 20th.
1<br/>â\tThe track will be released on Talent Pool on July 7th.<br/>"},{title:"How do I know that Iâve won the contest?",text:"â\tWe will contact the winners by email. Please note that we will be contacting you through the email address you used to create your account on the Spinninâ Records website. <br/>â \tIt is very important for us to receive an answer from you in time so please make sure to check your inbox regularly. As much as we would like to avoid it, our emails can also end up in junk/ spam so please make sure to check ALL your inboxes. <br/>"},{title:"What can I win from this contest?",text:"â\tOne (1) winner of this contest will win an official release on Talent Pool.<br/>â\tA Pioneer DJ set<br/>"}];const Kt=function(e){const t=window.innerHeight,a={height:2*t+"px",backgroundImage:"url(/images/campaign/cupra/bg_pink_gradient.svg)",backgroundSize:"cover",backgroundPosition:"left center",backgroundRepeat:"no-repeat",width:"100vw"},l={height:2*t+"px",backgroundImage:"url(/images/campaign/cupra/bg_blue_gradient.svg)",backgroundSize:"cover",backgroundPosition:"right center",backgroundRepeat:"no-repeat",width:"100vw"};return n.createElement("div",{className:"bg_component overflow-hidden h-100"},n.createElement("div",{className:"gradient-block parallax_block_1",style:a}),n.createElement("div",{className:"gradient-block",style:l}))};function Qt(e){let{customText:t}=e;
1const[a,l]=(0,n.useState)("");return(0,n.useEffect)((()=>{let e=!1;return async function(){const a=await ke.S.get("/api/generic_content_blocks/"+t);e||l(a.description)}(),()=>{e=!0}}),[]),n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 m-auto"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 col-md-6 col-lg-3 my-md-5 "},n.createElement("div",{className:"d-flex"},n.createElement("img",{className:"arrow_icon small",src:"/images/base_elements/arrows/right_bottom/arrow_pink.svg"}),n.createElement("h5",{className:"new-font"},"In collabÂoration with")),n.createElement("a",{href:"https://www.cupraofficial.nl/",className:"d-flex flex-row justify-content-center arrow-padding",target:"_blank",rel:"noreferrer"},n.createElement("img",{className:"my-3 align-self-start hide-mobile",src:"/images/campaign/cupra/logo_cupra.svg"}),n.createElement("img",{className:"my-3 align-self-start hide-desktop",src:"/images/campaign/cupra/logo_cupra_flat.svg"}))),n.createElement("div",{className:"col-12 col-md-12 col-lg-3 my-3 my-md-5"},n.createElement("div",{className:"d-flex"},n.createElement("img",{className:"arrow_icon small",src:"/images/base_elements/arrows/right_bottom/arrow_pink.svg"}),n.createElement("h5",{className:"new-font mb-0"},"CUPRA X SPINNINâ RECORDS"))),n.createElement("div",{className:"col-12 col-md-12 col-lg-6 my-3 my-md-5"},n.createElement("h3",{className:"new-font crop-h3 mb-3 _heavy"},"IMPULSE OF A NEW DJ GENERATION"),n.createElement("div",{className:"mt-5 mb-5 "},(0,fe.Ay)(a))))))}const Xt=Qt;Qt.propTypes={customText:j().string};const $t="#e52360",Zt="/images/base_elements/separator_icon/open/separator_pink.svg",ea="/images/base_elements/arrows/right_bottom/arrow_pink.svg";const ta=function(){const[e,t]=(0,n.useState)(""),[a,l]=(0,n.use
1State)(!1);return(0,n.useEffect)((()=>{const e=new Date,t=new Date(Date.UTC(2023,3,20,22,59,59));l(e>t)}),[]),(0,n.useEffect)((()=>{!function(){const e=new URLSearchParams(window.location.search);t(e.get("s"))}()}),[]),(0,n.useEffect)((()=>{if(""===e)return;const t=document.getElementById(e);if(t){const e=window.scrollY+t.getBoundingClientRect().top;_e.Nk.scrollTo(e,{duration:300,delay:0,smooth:"easeInOutQuart"})}}),[e]),O.createPortal([n.createElement("div",{className:"customPage bg-black d-flex flex-column overflow-hidden min-vh-100",key:"1"},n.createElement(Kt,null),n.createElement("div",{className:"d-flex flex-column min-vh-100 pb-5"},n.createElement(pt,null),n.createElement("div",{className:"container content_container justify-content-center z-100 flex-grow-1"},n.createElement(dt,{color:$t,customImgUrl:"cupra-topbanner-2022",image:"/images/campaign/cupra/header_cupra.png"}),n.createElement(Xt,{customText:"cupra-toptext"}),n.createElement(Ye,{color:$t,icon:Zt}),n.createElement(ze,{icon:ea},"Contest Schedule"),n.createElement(zt,{url:"cupra-x-spinnin-records-timeline"}),n.createElement(Bt,{enableRSVP:!1,eventId:"cupra-x-spinnin-records"}),n.createElement(Ye,{color:$t,icon:Zt}),n.createElement(ze,{icon:ea},"Contest"),a?n.createElement("div",{className:"col-12"},n.createElement("div",{className:"academy-font d-flex mb-4 justify-content-center text-center my-2"},n.createElement("h3",{className:"m-0"},"The upload phase has now ended, ",n.createElement("br",null),"please wait patiently while we select the 8 finalists."))):n.createElement(Vt,{customText:"cupra-demodrop-text",colorSchema:"dark",campaignId:"cupra-x-spinnin-records"}),n.createElement(Ye,{color:$t,icon:Zt}),n.createElement(ze,{icon:ea},"Masterclasses"),n.createElement(Fe,{color:$t,imageClass:"cupra-masterclass",gridSize:4,post_tag:"cupra-masterclass-2023",title:"Masterclasses"}),n.createElement(Ye,{color:$t,icon:Zt}),n.createElement(ze,{icon:ea},"FAQ"),n.createElement(Yt,{data:Jt}))))],document.getElementById("cupraPageSetup"))};const aa=function(){return n.createElement("div",{className:"position-fixed w-100 h-auto top-0 z-1000 header_container bg-gradient_black",id:"header_container"},n.createElement("div",{className:"container justify-content-between"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 d-flex justify-content-between header_container-inner_medium"},n.createElement("div",{className:"h-100 py-2 pe-0 pe-md-3"},n.createElement("img",{className:"w-100 h-100",alt:"sony spinnin logo",src:"/images/campaign/sony/sony_spinnin_logo.svg"}))))))};function na(e){let{customText:t}=e;
1const[a,l]=(0,n.useState)("");return(0,n.useEffect)((()=>{let e=!1;return async function(){const a=await ke.S.get("/api/generic_content_blocks/"+t);e||l(a.description)}(),()=>{e=!0}}),[]),n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 m-auto"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 col-md-6 col-lg-3 my-md-5 "},n.createElement("div",{className:"d-flex"},n.createElement("img",{className:"arrow_icon small",src:"/images/base_elements/arrows/right_bottom/arrow_purple.svg"}),n.createElement("h5",{className:"new-font"},"In collabÂoration with")),n.createElement("div",{className:"d-flex arrow-padding row"},n.createElement("a",{className:"col-12",href:"https://electronics.sony.com/360-reality-audio",target:"_blank",rel:"noreferrer"},n.createElement("img",{className:"w-auto me-4 my-4 align-self-start",src:"./images/campaign/sony/360RA_sony.png"})),n.createElement("a",{className:"col-12",href:"https://www.ark360.co.uk",target:"_blank",rel:"noreferrer"},n.createElement("img",{className:"w-auto me-4 mb-4 align-self-start",src:"./images/campaign/sony/ark_360.png"})))),n.createElement("div",{className:"col-12 col-md-12 col-lg-3 my-3 my-md-5"},n.createElement("div",{className:"d-flex"},n.createElement("img",{className:"arrow_icon small",src:"/images/base_elements/arrows/right_bottom/arrow_purple.svg"}),n.createElement("h5",{className:"new-font mb-0"},"360 RA x 360 EDU x Spinninâ Records"))),n.createElement("div",{className:"col-12 col-md-12 col-lg-6 my-3 my-md-5"},n.createElement("h3",{className:"new-font crop-h3 mb-3 _heavy"},"Release your track in 360 Reality Audio"),n.createElement("div",{className:"mt-5 mb-5 "},(0,fe.Ay)(a))))))}const la=na;na.propTypes={customText:j().string};const ra="#cdacf9",sa="/images/base_elements/separator_icon/open/separator_purple.svg",oa="/images/base_elements/arrows/right_bottom/arrow_purple.svg";const ca=function(){const[e,t]=(0,n.useState)("");return(0,n.useEffect)((()=>{!function(){const e=new URLSearchParams(window.location.search);t(e.get("s"))}()}),[]),(0,n.useEffect)((()=>{if(""===e)return;const t=document.getElementById(e);if(t){const e=window.scrollY+t.getBoundingClientRect().top;_e.Nk.scrollTo(e,{duration:300,delay:0,smooth:"easeInOutQuart"})}}),[e]),O.createPortal([n.createElement("div",{className:"customPage bg-black d-flex flex-column overflow-hidden min-vh-100",key:"1"},n.createElement("div",{className:"d-flex flex-column min-vh-100 pb-5"},n.createElement(aa,null),n.createElement("div",{className:"container content_container justify-content-center z-100 flex-grow-1"},n.createElement(dt,{color:ra,customImgUrl:"sony-topbanner-2022",image:"/images/campaign/sony/header_sony.jpg"}),n.createElement(la,{customText:"sony-toptext"}),n.createElement(Ye,{color:ra,icon:sa}),n.createElement(ze,{icon:oa},"Contest Schedule"),n.createElement(zt,{url:"sony-x-spinnin-records-timeline"}),n.createElement(Bt,{enableRSVP:!1,eventId:"sony-spinnin-records"}),n.createElement(Ye,{color:ra,icon:sa}),n.createElement(ze,{icon:oa},"Contest"),n.createElement("div",{className:"col-12"},n.createElement("div",{className:"academy-font d-flex mb-4 justify-content-center text-center my-2"},n.createElement("h3",{className:"m-0"},"The upload phase has now ended, ",n.createElement("br",null),"please wait patiently while we select the finalists."))),n.createElement(Ye,{color:ra,icon:sa}),n.createElement(ze,{icon:oa},"MEET OUR PARTNERS"),n.createElement(Fe,{color:ra,imageClass:"custom-masterclass",gridSize:3,post_tag:"sony-masterclass",title:"Masterclasses"}),n.createElement(Ye,{color:ra,icon:sa}),n.createElement(ze,{color:ra,icon:oa},"FAQ"),n.createElement(Ze,{url:"spinnin-sony-faq"}))))],document.getElementById("sonyPageSetup"))},ia=[{title:"Who can enter CUPRA à Parookaville à SPINNIN' RECORDS 2023",text:"â\tYou must be older than 18 years old to enter this contest.<br/>â\tIf you are <b>younger than 18</b>, you must have a written permission from your parents/ legal guardian to enter this contest.<br/>â\tYou must be based in Europe during the duration of the competition.<br/>"},{title:"When am I exempt from participating in this contest?",text:"â\tIf you are an employee at Spinninâ Records, or of any of its affiliates, you can not enter this contest.<br/>â\tIf you are the direct family of an employee at Spinninâ Records you can not enter this contest.<br/>â\tIf you are an artist signed at Spinninâ Records you can not enter this contest.<br/>â\tIf you are exclusively signed to a third-party record label you can not enter this contest.<br/>"},{title:"What are the rules and restrictions of this contest?",text:"â\tYour demo must be a new and an original audio production without the use of any copyright protected samples.<br/>â\tThe demo should be accompanied by all requested label copy details.<br/>â\tIf (royalty free) samples have been used, these must be stated in detail to Spinninâ and must only contain samples that have been fully âclearedâ by the contestant.<br/>â\tYou must be available to attend the following dates:<br/>â \tOnline feedback session July 19th or July 20th<br/>â \tParookaville Sunday July 23rd 2023<br/>"},{title:"What is a label copy?",text:"â\tA label copy refers to the information on all the parties who have worked and been involved in a track.<br/>â\tExample â Artist(s), Vocalist(s), publisher(s) (if applicable), royalty free sample title (if applicable) and more.<br/>"},{title:"I re-uploaded my demo and now I canât see it. Can I re-upload my demo?",text:"â\tYes! We understand that creating the perfect demo takes time and some modifications, you can delete and re-upload your demo but take into account that it may take up to 24 hours for your demo to be re-uploaded in our system.<br/>â \tWe do not advise you re-uploading a day before the submissions close!<br/>"},{title:"How can I enter CUPRA à Parookaville à SPINNIN' RECORDS 2023?",text:'â\tYou can enter the contest by submitting your own and original demo. The \ndemo must be a new and original audio production without the use \nof any copyright protected samples. Via the landingpage <a href="https://spinninrecords.com/cupra-parookaville" target="blank" rel="noreferrer">https://spinninrecords.com/cupra-parookaville</a> you will be re-directed to the Spinninâ Records Talent Pool platform.<br/>â\tMake sure to fill out all requested details, through the Spinninâ Records Talent Pool platform by sharing your SoundCloud upload.<br/>â\tParticipating in the contest is free of charge. Any costs made for creating the demo are for your own account.<br/>'},{title:"How can I win the CUPRA à Parookaville à SPINNIN' RECORDS 2023?",text:"â\tYou can win by submitting your own and original demo and 15-minute dj set<br/>â\tIf you are selected as one of the finalists (minimum of 4) you will be asked to take down your SoundCloud and Talent Pool upload and cancel all exploitation/ distribution/ publication elsewhere while this contest is still taking place (until at least August 31st 2023).<br/>â\tThe finalists will receive an exclusive licensing agreement from Spinninâ Records whereas he/she shall transfer his/her right of the demo.<br/>â\tWith a fully executed licensing agreement, a long list of the demos and mixes will be selected by Spinninâ Records A&R and Wave Wave between June 12-14.<br/>
1â\tThe final four finalists will be selected based on audience votes through the \nTalent Pool platform between July 10th and July 16th<br/>â\tThe four finalists will be announced on July 18th.<br/>â\tThe four will each win 15 minute 1-on-1 online feedback from Wave \nWave on July 19th 2023 and July 20 2023<br/>â\tThe four finalists will battle at Parookaville at the Wacky Shack stage on July \n23rd 2023<br/>â\tThe ultimate winner will be announced at Parookaville and wins a release on \nSpinninâ Records Talent Pool by August 31st 2023.<br/>"},{title:"How do I know that Iâve won the contest?",text:"â\tWe will contact the winners by email. Please note that we will be contacting you through the email address you used to create your account on the Spinninâ Records website. <br/>â \tIt is very important for us to receive an answer from you in time so please make sure to check your inbox regularly. As much as we would like to avoid it, our emails can also end up in junk/ spam so please make sure to check ALL your inboxes. <br/>"},{title:"What can I win from this contest?",text:"â\tThe four (4) finalists win: online feedback session with Wave Wave and an \ninvitation to play at Parookaville <br/>â\tThe final (1) winner of this contest will win an official release on Spinninâ Records Talent Pool.<br/>"}];function ma(e){let{customText:t}=e;
1const[a,l]=(0,n.useState)("");return(0,n.useEffect)((()=>{let e=!1;return async function(){const a=await ke.S.get("/api/generic_content_blocks/"+t);e||l(a.description)}(),()=>{e=!0}}),[]),n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 m-auto"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 col-md-12 col-lg-6"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 col-md-6 my-md-5 "},n.createElement("div",{className:"d-flex"},n.createElement("img",{className:"arrow_icon small",src:"/images/base_elements/arrows/right_bottom/arrow_pink.svg"}),n.createElement("h5",{className:"new-font"},"In collabÂoration with"))),n.createElement("div",{className:"col-12 col-md-6 my-3 my-md-5 hide-mobile"},n.createElement("div",{className:"d-flex"},n.createElement("img",{className:"arrow_icon small",src:"/images/base_elements/arrows/right_bottom/arrow_pink.svg"}),n.createElement("h5",{className:"new-font mb-0"},"CUPRA Ã SPINNINâ RECORDS")))),n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 col-md-5 d-flex align-items-end"},n.createElement("a",{href:"https://www.cupraofficial.nl/",className:"d-flex w-100 h-100 flex-row justify-content-center arrow-padding",target:"_blank",rel:"noreferrer"},n.createElement("img",{className:"my-3 w-100 align-self-start hide-mobile",src:"/images/campaign/cupra/logo_cupra.svg"}),n.createElement("img",{className:"my-3 w-100 align-self-start hide-desktop",src:"/images/campaign/cupra/logo_cupra_flat.svg"}))),n.createElement("div",{className:"col-12 col-md-1 d-flex align-items-end hide-mobile"},n.createElement("h2",{className:"new-font my-3 line-height-1"},"Ã")),n.createElement("div",{className:"col-12 col-md-5 d-flex align-items-end"},n.createElement("a",{href:"https://www.parookaville.com/",className:"d-flex flex-row justify-content-center arrow-padding",target:"_blank",rel:"noreferrer"},n.createElement("img",{className:"my-3 w-100 align-self-start",src:"/images/campaign/cupra/logo_parookaville.png"}))))),n.createElement("div",{className:"col-12 col-md-12 col-lg-6 my-3 my-md-5"},n.createElement("h3",{className:"new-font crop-h3 mb-3 _heavy"},"MUSIC. IS MY MESSAGE"),n.createElement("div",{className:"mt-5 mb-5"},(0,fe.Ay)(a))))))}const da=ma;ma.propTypes={customText:j().string};const ua="#e52360",pa="/images/base_elements/separator_icon/open/separator_pink.svg",ha="/images/base_elements/arrows/right_bottom/arrow_pink.svg";const ga=function(){const[e,t]=(0,n.useState)("");return(0,n.useEffect)((()=>{!function(){const e=new URLSearchParams(window.location.search);t(e.get("s"))}()}),[]),(0,n.useEffect)((()=>{if(""===e)return;const t=document.getElementById(e);if(t){const e=window.scrollY+t.getBoundingClientRect().top;_e.Nk.scrollTo(e,{duration:300,delay:0,smooth:"easeInOutQuart"})}}),[e]),O.createPortal([n.createElement("div",{className:"customPage bg-black d-flex flex-column overflow-hidden min-vh-100",key:"1"},n.createElement(Kt,null),n.createElement("div",{className:"d-flex flex-column min-vh-100 pb-5"},n.createElement(pt,null),n.createElement("div",{className:"container content_container justify-content-center z-100 flex-grow-1"},n.createElement(dt,{color:ua,customImgUrl:"parookaville-topbanner-2022",image:"/images/campaign/cupra/parookaville_header.png"}),n.createElement(da,{customText:"cupra-x-parookaville-toptext"}),n.createElement(Ye,{color:ua,icon:pa}),n.createElement(ze,{icon:ha},"WINNER: ANGIE MILL"),n.createElement("a",{href:"https://www.instagram.com/angiemillmusic/",target:"_blank",rel:"noreferrer"},n.createElement("img",{width:"100%",height:"auto",src:"/images/campaign/cupra/The_Winner.jpg"})),n.createElement(Ye,{color:ua,icon:pa}),n.createElement("div",{id:"reactVideoPlayer"},n.createElement("div",{className:"d-flex image4_2"},n.createElement(Ce(),{controls:!0,className:"video_elem",width:"100%",height:"100%",url:"https://www.youtube.com/watch?v=07dEghwaBmg"}))),n.createElement(Ye,{color:ua,icon:pa}),n.createElement(ze,{icon:ha},"Contest Schedule"),n.createElement(zt,{url:"cupra-x-parookaville-timeline"}),n.createElement(Bt,{enableRSVP:!1,eventId:"cupra-x-parookaville"}),n.createElement(Ye,{color:ua,icon:pa}),n.createElement(ze,{icon:ha},"FAQ"),n.createElement(Yt,{data:ia}))))],document.getElementById("parookavillePageSetup"))};class fa extends n.Component{constructor(e){super(e);const t=a(20051);r().setRoutingData(t)}componentDidMount(){const e=this;document.addEventListener("musickitloaded",(function(){e.setupToken()}))}setupToken(){window.hasOwnProperty("MusicKit")&&MusicKit.configure({developerToken:this.props.developerToken,app:{name:"SpinninRecords",build:"1978.4.1"}})}render(){return n.createElement("div",{className:"user_profile"})}}const Ea=fa,ba=(e,t)=>{const a=new URLSearchParams(location.search);a.set(e,t),window.history.replaceState({},"",`${location.pathname}?${a}`),ke.S.get(window.location.href)},ya=e=>{let{toggleModal:t,children:a}=e;const l=(0,n.useRef)(document.createElement("div"));(0,n.useEffect)((()=>{const e=document.getElementById("modal-holder");return e.appendChild(l.current),()=>{e.removeChild(l.current)}}),[]);const r=()=>{t&&t(!1),s()},s=()=>{new URL(document.location).searchParams.get("modal")&&((e,t)=>{const a=new URLSearchParams(location.search);t?a.delete(e,t):a.delete(e),window.history.replaceState({},"",`${location.pathname}?${a}`)})("modal")};return O.createPortal(n.createElement("div",{className:"modal_new position-fixed left-0 top-0 m-0 w-100 h-100 row d-flex justify-content-center z-1000"},n.createElement("div",{className:"position-fixed top-0 m-0 w-100 h-100 bg-transp-black_ani","data-testid":"test-button",onClick:()=>r()}),n.createElement("div",{className:"col-12 col-md-8 col-lg-6 col-xl-4 pb-5 move-in_bottom_ani rounded h-auto bg-white block-shadow-smooth align-self-center bg-transp-white_ani text-muted",key:"1"},n.createElement("div",{className:"h-100 w-100 d-flex flex-row justify-content-end align-content-mid
1dle"},n.createElement("div",{className:"ModalCloseButton my-3",onClick:()=>r()})),a)),l.current)},wa=ya;ya.propTypes={children:j().any,toggleModal:j().func};var va=a(23862);let Na,xa;class ka extends n.Component{constructor(e){super(e),this.state={isLoaded:!1,consent:{},consentGiven:!1,contentSubmitted:!1,consentText:"",consentForm:"",redirect:void 0===this.props.redirect||this.props.redirect};const t=a(20051);r().setRoutingData(t),this.handleSubmit=this.handleSubmit.bind(this)}componentWillUnmount(){void 0!==Na&&Na.abort()}componentDidMount(){this.props.set_privacy_consent(!1),"AbortController"in window&&(Na=new AbortController,xa=Na.signal),fetch(r().generate("api_privacy"),{signal:xa}).then((e=>e.json())).then((e=>{this.setState({isLoaded:!0,consent:e,consentGiven:!!e.consent_given,consentText:e.consent_item.body,consentForm:e.grant_form}),this.props.set_privacy_consent(Object.prototype.hasOwnProperty.call(e,"consent_given"),e.consent_item.body,e.grant_form)})).catch((e=>{"AbortError"!==e.name&&this.setState({isLoaded:!0})}))}handleSubmit(e){"AbortController"in window&&(Na=new AbortController,xa=Na.signal);const t=new FormData(e.target);t.append("consent[save]",""),this.setState({contentSubmitted:!0}),fetch(r().generate("api_privacy_submit"),{method:"POST",body:t,signal:xa}).then((e=>{if(e.ok)return e})).then((e=>e.json())).then((e=>{this.props.set_privacy_consent(!0),this.state.redirect?window.location.href=e.redirect:this.setState({isLoaded:!0,consent:e,consentGiven:!!e.consent_given,consentText:e.consent_given.consent_item.body,consentForm:e.grant_form})})).catch((e=>{"AbortError"!==e.name&&(this.setState({contentSubmitted:!1}),va.A.error("Unfortunately something went wrong, please try again",6e3))}))}render(){const e={replace:e=>{if(e.attribs)return"consent"===e.attribs.name?n.createElement("form",{name:"consent",method:"post",onSubmit:this.handleSubmit},(0,fe.zd)(e.children)):void 0}};return n.createElement("div",null,this.state.isLoaded&&!this.state.contentSubmitted?n.createElement("div",null,n.createElement("h1",{className:"modal-title text-center mb-3"},this.state.consentGiven.consentGiven?"Privacy policy":"Please accept our privacy policy"),n.createElement("div",null,n.createElement("i",null,"(Last updated: ",(0,ce.pp)(Date.parse(this.state.consent.consent_item.document_date)),")")),n.createElement("div",{className:"consent-container-scrollable"},(0,fe.Ay)(this.state.consentText)),this.state.consentGiven?null:n.createElement("div",{className:"consent-form"},(0,fe.Ay)(this.state.consentForm,e))):n.createElement("div",{className:"w-100 d-flex justify-content-center align-items-center py-2"},n.createElement("div",{className:"loader-icon_new"})))}}const _a=(0,C.Ng)((e=>({setPrivacyReducer:e.baseReducer.setPrivacyReducer})),(e=>(0,s.zH)({set_privacy_consent:b},e)))(ka);function Sa(e){const t=a(20051);r().setRoutingData(t);const[l,s]=(0,n.useState)(),[o,c]=(0,n.useState)(!1);(0,n.useEffect)((()=>{s(i())}),[]);const i=()=>{let t="";return e.data.dataPlatform&&(t=e.data.dataPlatform),t?t.replace(/ /g,"").toLowerCase():""},m=()=>{va.A.error("Unfortunately we couldn't retrieve your playlist, please try again",6e3),e.checkUser()},d=()=>{"Apple Music"===e.data.dataPlatformName&&(0,ce.p)().then((t=>{t?e.checkUser():m()})).catch((()=>m())),c(!0)};return n.createElement("div",{className:"h-100 w-100 px-4 d-flex flex-column justify-content-center align-content-middle"},"no_token"===e.checkUserReducer.user?n.createElement("div",{className:"w-100 d-flex justify-content-center align-items-center py-2"},n.createElement("div",{className:"loader-icon_new"})):n.createElement("div",{className:"text-center d-flex flex-column justify-content-center"},n.createElement("h1",{className:"modal-title text-center header-grey"},"LOG IN"),n.createElement("hr",null),n.createElement("p",null,"Please log in to ",e.data.dataPlatformName," so that we can add '",e.data.dataTrackTitle,"' to your playlist"),"Apple Music"!==e.data.dataPlatformName?n.createElement("a",{href:"/connect/"+l,onClick:e=>d(),"data-referral-url":window.location.href,className:"btn block-s
1hadow-medium me-0 font-all-caps "+l},"Connect with ",e.data.dataPlatformName):n.createElement("a",{id:"apple-music-authorize",onClick:e=>d(),"data-referral-url":window.location.href,className:"btn block-shadow-medium text-white me-0 font-all-caps "+l},"Connect with ",e.data.dataPlatformName),o?n.createElement("p",{className:"mt-5 small"},"You should be redirected to another page",n.createElement("br",null),"If this doesn't happen please try clicking again."):null))}ka.propTypes={set_privacy_consent:j().func,setPrivacyReducer:j().object,redirect:j().bool};const Ra=(0,C.Ng)((e=>({checkUserReducer:e.baseReducer.checkUserReducer})),(e=>(0,s.zH)({checkUser:k},e)))(Sa);Sa.propTypes={checkUserReducer:j().object,toggle_modal_refresh:j().func,checkUser:j().func,data:j().object};const Ca=e=>{let{items:t,onItemClick:a}=e;return n.createElement("div",{className:"playlist-container-modal scrollbox-shade scrollbox"},n.createElement("div",{className:"col w-100 submit-add-playlist move-in_bottom_ani","data-playlist":"null","data-testid":"test-btn",onClick:e=>{a("",e)}},n.createElement("div",{className:"ani_medium_shadow_small rounded ps-3 pe-1 d-flex flex-row playlist-inner"},n.createElement("div",{className:"flex-grow-1 m-0"},"Your Library"),n.createElement("div",{className:"icon add addIcon border-left pointer-none flex-dontshrink"}))),t.map(((e,t)=>n.createElement(Ta,{key:t,value:e.name,playlistOnClick:a,dataPlaylist:e.id,extraClass:t%2==0}))))},Ta=e=>{let{value:t,dataPlaylist:a,playlistOnClick:l,extraClass:r}=e;return n.createElement("div",{className:"col w-100 submit-add-playlist move-in_bottom_ani ","data-playlist":a,onClick:e=>{l(a,e)}},n.createElement("div",{className:(r?"uneven ":"")+"ani_medium_shadow_small rounded ps-3 pe-1 d-flex flex-row playlist-inner"},n.createElement("div",{className:"flex-grow-1 m-0 white-space-nowrap ellipsis overflow-hidden"},t),n.createElement("div",{className:"icon add addIcon border-left pointer-none flex-dontshrink"})))};let Ia,Aa;function Pa(e){const t=a(20051);r().setRoutingData(t);const[l,s]=(0,n.useState)([]),[o,c]=(0,n.useState)(!1),[i,m]=(0,n.use
1State)("");(0,n.useEffect)((()=>{d(),u()}),[]);const d=()=>{"AbortController"in window&&(Ia=new AbortController,Aa=Ia.signal),c(!0);const t=r().generate("api_"+E()+"_playlists",{});let a="";fetch(t,{signal:Aa}).then((t=>{if(t.ok)return a="",t;403===t.status&&(e.checkUser(),a="403")})).then((e=>e.json())).then((e=>{c(!1),p(e)})).catch((e=>{"403"===a?va.A.error("Unfortunately your session has expired, please try to log in again",6e3):"AbortError"!==e.name&&va.A.error("Unfortunately we couldn't retrieve your playlist, please try again",6e3)}))},u=()=>{const t=document.querySelectorAll('.release-holder .support[data-release="'+e.data.dataRelease+'"]')||[];for(let a=0;a<t.length;a++)t[a].getAttribute("data-platform")===e.data.dataPlatform&&m(t[a].innerHTML)},p=e=>{const t=[];for(let a=0;a<e.playlists.length;a++)t.push(e.playlists[a]);s(t)},h=(t,a)=>{const n=a.target.closest(".submit-add-playlist"),l={};if("spinnin.new.playlist"===n.getAttribute("data-playlist")){if(0===t.length)return void va.A.error("Please enter a playlist name");l.new_playlist="true"}n.classList.contains("playlist-add_complete")&&n.classList.remove("playlist-add_complete"),n.classList.add("playlist-add_loading"),l.release=e.data.dataRelease,l.platform=E(),t&&""!==t&&(l.playlist=t);const s=void 0===l.playlist?"library":"playlist";fetch(r().generate("api_release_save",{}),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(l),signal:Aa}).then((e=>e.json())).then((e=>{g(e,s),n.classList.remove("playlist-add_loading"),n.classList.add("playlist-add_complete")})).catch((e=>{f(e)}))},g=(t,a)=>{va.A.notify(t,6e3),"undefined"!=typeof dataLayer&&dataLayer.push({saveType:a,saveTitle:e.data.dataTrackTitle,savePortal:e.data.dataPlatform,saveCategory:"presave"===e.data.dataText?"preSave":"releaseSave",event:"Save"})},f=()=>{va.A.error("Something went wrong, we couldn't add this track to your playlist.",6e3)},E=()=>e.data.dataPlatform.replace(/ /g,"").toLowerCase();return n.createElement("div",{className:"h-100 w-100 px-4 mb-5 d-flex flex-column justify-content-center align-content-middle"},e.setPrivacyReducer.consentGiven?n.createElement("div",null,n.createElement("h1",{className:"modal-title text-center"},"Presave"===e.data.dataText?"Pre-save ":"Add ","'",e.data.dataTrackTitle,"' to your ",e.data.dataPlatform," playlist"),n.createElement("hr",null),n.createElement("div",null,n.createElement("div",{className:"text-center pt-3 pb-2"},n.createElement("div",{dangerouslySetInnerHTML:{__html:i}})),o?n.createElement("div",{className:"w-100 d-flex justify-content-center align-items-center py-2"},n.createElement("div",{className:"loader-icon_new"})):n.createElement("div",null,n.createElement("div",{className:"col w-100 submit-add-playlist input-new-playlist mb-2","data-playlist":"spinnin.new.playlist"},n.createElement("input",{type:"text",id:"input-new-playlist",className:"form-control py-4",placeholder:"Create a new "+e.data.dataPlatform+" playlist"}),n.createElement("div",{className:"icon add h-100 top-0 position-absolute",onClick:e=>{h(document.querySelector("#input-new-playlist").value,e)}})),n.createElement(Ca,{items:l,onItemClick:h})))):e.setPrivacyReducer.consentGiven?n.createElement("div",{className:"w-100 d-flex justify-content-center align-items-center py-2"},n.createElement("div",{className:"loader-icon_new"})):n.createElement(_a,{redirect:!1}))}const La=(0,C.Ng)((e=>({setPrivacyReducer:e.baseReducer.setPrivacyReducer})),(e=>(0,s.zH)({checkUser:k},e)))(Pa);function ja(e){let{data:t,consentGiven:a,tokens:l}=e;return a?l?n.createElement(La,{data:t}):n.createElement(Ra,{data:t}):n.createElement(_a,{redirect:!1})}function Oa(e){const t=()=>e.data.dataPlatform.replace(/ /g,"").toLowerCase();return n.createElement(ja,{tokens:(()=>{const a=e.checkUserReducer.user;if("no_token"!==a)for(let e=0;e<a.social_networks.length;e++)if(Object.prototype.hasOwnProperty.call(a.social_networks[e],"network")&&a.social_networks[e].network===t())return!0;return!1})(),data:e.data,consentGiven:e.setPrivacyReducer.consentGiven})}Pa.propTypes={setPrivacyReducer:j().object,checkUser:j().func,data:j().object},Ca.propTypes={items:j().array,onItemClick:j().func},Ta.propTypes={value:j().string,dataPlaylist:j().string,playlistOnClick:j().func,extraClass:j().bool},ja.propTypes={data:j().object,consentGiven:j().bool,tokens:j().bool};const Ua=(0,C.Ng)((e=>({checkUserReducer:e.baseReducer.checkUserReducer,setPrivacyReducer:e.baseReducer.setPrivacyReducer})),(e=>(0,s.zH)({set_privacy_consent:b},e)))(Oa);function Da(e){const t=a(20051);r().setRoutingData(t);
1const[l,s]=(0,n.useState)(!1),[o,c]=(0,n.useState)({});(0,n.useEffect)((()=>{const t=document.querySelectorAll(".appleMS");if("applemusic"===e.platform&&0===t.length){const e=document.createElement("script");e.classList.add("appleMS"),e.async=!0,e.src="https://js-cdn.music.apple.com/musickit/v2/musickit.js",document.head.appendChild(e)}i()}),[]);const i=()=>{new URL(document.location).searchParams.get("modal")===e.platform&&(s(!0),d())},m=t=>{ba("modal",e.platform),s(!0),d(t.currentTarget.parentNode)},d=t=>{c({dataRelease:e.dataRelease,dataDeveloperToken:e.developerToken,dataTrackTitle:e.trackTitle,dataPlatform:e.platform,dataPlatformName:e.platformName,dataText:e.text,dataAppleMusic:e.developerToken})};return n.createElement(n.Fragment,null,l?n.createElement(wa,{toggleModal:s},o?n.createElement(Ua,{data:o}):null):null,"Playlist"===e.playlistKind?n.createElement("div",{onClick:e=>m(e),className:"h-100 btn text-white",key:"1"},"ADD TO PLAYLIST","applemusic"===e.platform?n.createElement(Ea,{developerToken:e.developerToken}):null):null,"Presave"===e.playlistKind?n.createElement("div",{onClick:e=>m(e),className:"btn release-portal addplaylist",key:"1"},n.createElement("span",{className:"platform-icon pointer-none icon_"+e.platform}),n.createElement("span",{className:"center-text pointer-none"},"PRE-SAVE ON ",e.platformName),"applemusic"===e.platform?n.createElement(Ea,{developerToken:e.developerToken}):null):null)}Oa.propTypes={checkUserReducer:j().object,setPrivacyReducer:j().object,set_privacy_consent:j().func,data:j().object},Da.propTypes={platform:j().string,platformName:j().string,playlistKind:j().string,developerToken:j().string,text:j().string,dataRelease:j().string,trackTitle:j().string};const Fa=function(){const e=(0,n.useRef)(null),[t,a]=(0,n.useState)([]);return(0,n.useEffect)((()=>{a([]);const e=document.querySelectorAll("#addToPlaylist");for(let t=0;t<e.length;t++){const l=e[t].getAttribute("data-text"),r=e[t].getAttribute("data-developer-token"),s=e[t].getAttribute("data-platform"),o=s.replace(/ /g,"").toLowerCase(),c=e[t].getAttribute("data-release"),i=e[t].getAttribute("data-track-title"),m=e[t].getAttribute("data-text");a((a=>[...a,O.createPortal([n.createElement(Da,{key:t,dataRelease:c,platform:o,trackTitle:i,text:m,platformName:s,developerToken:r,playlistKind:l})],e[t])]))}}),[]),n.createElement("div",{id:"playlistPageSetupUnmount",ref:e,className:"h-100 shadow",key:"1"},t)};class Va extends n.Component{constructor(e){super(e),this.state={}}render(){const e=document.querySelectorAll("#reactVideoPlayer"),t=[];for(let a=0;a<e.length;a++){const l=e[a].getAttribute("data-url");t.push(O.createPortal([n.createElement("div",{className:"d-flex image4_2",key:1},n.createElement(Ce(),{className:"video_elem",width:"100%",light:!0,height:"100%",url:l}))],e[a]))}return n.createElement("div",{className:"d-flex",key:1},t)}}const Ma=Va,za=e=>{const[t]=(0,n.useState)(e.extraStyle||null),[l]=(0,n.useState)(e.extraClass||"");return(0,n.useEffect)((()=>{const e=a(20051);r().setRoutingData(e)}),[]),n.createElement("div",{className:"text-center d-flex flex-column justify-content-center fade_in_ani connect-button"},n.createElement("a",{href:"/connect/spotify",style:t,className:"btn mb-3 text-white d-flex px-4 fade_in_ani "+l},n.createElement("img",{className:"button_arrow arrow-left small",src:"/images/base_elements/arrows/arrow_white.svg"}),n.createElement("h2",{className:"mx-3"},"Connect with Spotify"),n.createElement("img",{className:"button_arrow arrow-right small reverse",src:"/images/base_elements/arrows/arrow_white.svg"})))},qa=(0,C.Ng)((e=>({})),(e=>(0,s.zH)({checkUser:k},e)))(za);za.propTypes={checkUser:j().func,extraClass:j().string,extraStyle:j().object};const Ba=e=>{const[t,l]=(0,n.useState)(0),[s,o]=(0,n.useState)(""),[c,i]=(0,n.useState)(!1),[m,d]=(0,n.useState)(null),[u,p]=(0,n.useState)(""),[h,g]=(0,n.useState)(""),[f,E]=(0,n.useState)("not_loaded"),b=(0,C.d4)((e=>e.baseReducer.checkUserReducer.user));(0,n.useEffect)((()=>{const e=a(20051);r().setRoutingData(e);const t=document.getElementById("playlistGeneratorSetup");t&&(d(t.dataset.id),p(t.dataset.body),g(t.dataset.title))}),[]),(0,n.useEffect)((()=>
1{if("no_token"===b)return;const e=b;for(let t=0;t<e.social_networks.length;t++)if(Object.prototype.hasOwnProperty.call(e.social_networks[t],"network")&&"spotify"===e.social_networks[t].network)return void E("got_token");E("no_token")}),[b]);const y=e=>{let t;Object.prototype.hasOwnProperty.call(e,"accepted")&&!0===e.accepted&&Object.prototype.hasOwnProperty.call(e,"confirmation_token")?(t=e.confirmation_token,w(t)):Object.prototype.hasOwnProperty.call(e,"error")&&Array.isArray(e.error)&&i(!0)};async function w(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(t<5){const a=r().generate("api_campaign_processing_status",{campaignId:m,confirmToken:e});await ke.S.post(a).then((a=>{a.is_processed?v(a):setTimeout((function(){w(e,t+1)}),1e3)})).catch((()=>{i(!0)}))}else i(!0)}const v=e=>{let t,a;e&&Object.prototype.hasOwnProperty.call(e,"is_processed")&&(t=e.is_processed),e&&Object.prototype.hasOwnProperty.call(e,"result_uri")&&(a=e.result_uri),!0===t&&(l(2),o(a))};return O.createPortal([n.createElement("div",{key:"1",className:"PridePage d-flex fade_in_ani pride_spinnin"},n.createElement("div",{className:"d-flex flex-column justify-content-center w-100"},n.createElement("div",{className:"flex-grow-1 d-flex flex-column justify-content-between overflow-hidden"},n.createElement("div",{className:"text font-all-caps text-center text-white mt-4 mb-0 px-4"},n.createElement("h1",{className:"white mb-0 text-uppercase"},h))),n.createElement("div",{className:"flex-shrink-1 d-flex flex-column justify-content-center align-items-center px-4 pb-3"},n.createElement("div",{className:"text text-white text-center my-5"},n.createElement("h3",{className:"m-0 white"},(0,fe.Ay)(u))),c?n.createElement("div",{className:"text text-white text-center my-5 fade_in_ani"},n.createElement("h3",{className:"m-0 white"},"It looks like something went wrong, please ",n.createElement("a",{href:"."},"reload the page"))):n.createElement(n.Fragment,null,0===t&&"no_token"===f?n.createElement(qa,{extraClass:"pride_spinnin_button"}):null,0===t&&"got_token"===f?n.createElement("div",{className:"connect-button"},n.createElement("div",{className:"btn mb-3 text-white d-flex px-4 fade_in_ani pride_spinnin_button",onClick:()=>async function(e){const t=r().generate("api_post_campaign_data",{campaignId:m});l(1),await ke.S.post(t,{},{method:"POST"}).then((e=>{y(e)})).catch((()=>{i(!0)}))}()},n.createElement("img",{className:"button_arrow small arrow-left",src:"/images/base_elements/arrows/arrow_white.svg"}),n.createElement("h2",{className:"mx-2"},"GENERATE YOUR PLAYLIST"),n.createElement("img",{className:"button_arrow small reverse arrow-right",src:"/images/base_elements/arrows/arrow_white.svg"}))):null,1===t?n.createElement("div",{className:"w-100 mb-3 d-flex fade_in_ani justify-content-center align-items-center"},n.createElement("div",{className:"loader-icon_new loader-white"})):null,2===t?n.createElement("div",{className:"connect-button"},n.createElement("a",{className:"btn mb-3 text-white d-flex px-4 fade_in_ani pride_spinnin_button",target:"_blank",rel:"noreferrer",href:s},n.createElement("img",{className:"button_arrow small arrow-left",src:"/images/base_elements/arrows/arrow_white.svg"}),n.createElement("h2",{className:"mx-2"},"LISTEN TO YOUR PLAYLIST"),n.createElement("img",{className:"button_arrow small reverse arrow-right",src:"/images/base_elements/arrows/arrow_white.svg"}))):null))))],document.getElementById("playlistGeneratorSetup"))},Ga=e=>{const[t,l]=(0,n.useState)(0),[s,o]=(0,n.useState)("#1f1f1f"),[c,i]=(0,n.useState)(""),[m,d]=(0,n.useState)(!1),[u,p]=(0,n.useState)(null),[h,g]=(0,n.useState)(""),[f,E]=(0,n.useState)(""),[b,y]=(0,n.useState)("not_loaded"),w=(0,C.d4)((e=>e.baseReducer.checkUserReducer.user));(0,n.useEffect)((()=>{const e=a(20051);r().setRoutingData(e);const t=document.getElementById("playlistGeneratorGeneric");t&&(p(t.dataset.id),g(t.dataset.body),E(t.dataset.title),o(t.dataset.color))}),[]),(0,n.useEffect)((()=>{if("no_token"===w)return;const e=w;for(let t=0;t<e.social_networks.length;t++)if(Object.prototype.hasOwnProperty.call(e.social_networks[t],"network")&&"spotify"===e.social_networks[t].network)return void y("got_token");y("no_token")}),[w]);const v=e=>{let t;Object.prototype.hasOwnProperty.call(e,"accepted")&&!0===e.accepted&&Object.prototype.hasOwnProperty.call(e,"confirmation_token")?(t=e.confirmation_token,N(t)):Object.prototype.hasOwnProperty.call(e,"error")&&Array.isArray(e.error)&&d(!0)};async function N(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(t<10){const a=r().generate("api_campaign_processing_status",{campaignId:u,confirmToken:e});await ke.S.post(a).then((a=>{a.is_processed?x(a):setTimeout((function(){N(e,t+1)}),1e3)}
1)).catch((()=>{d(!0)}))}else d(!0)}const x=e=>{let t,a;e&&Object.prototype.hasOwnProperty.call(e,"is_processed")&&(t=e.is_processed),e&&Object.prototype.hasOwnProperty.call(e,"result_uri")&&(a=e.result_uri),!0===t&&(l(2),i(a))},k={border:"solid 4px white",backgroundColor:s,marginTop:"40vh"};return O.createPortal([n.createElement("div",{key:"1",className:"d-flex fade_in_ani"},n.createElement("div",{className:"d-flex flex-column justify-content-center w-100"},n.createElement("div",{className:"flex-grow-1 d-flex flex-column justify-content-between overflow-hidden"},n.createElement("div",{className:"text font-all-caps text-center text-white mt-4 mb-0 px-4"},n.createElement("h1",{className:"white mb-0 text-uppercase"},f))),n.createElement("div",{className:"flex-shrink-1 d-flex flex-column justify-content-center align-items-center px-4 pb-3"},n.createElement("div",{className:"text text-white text-center my-5"},n.createElement("h3",{className:"m-0 white"},(0,fe.Ay)(h))),m?n.createElement("div",{className:"connect-button"},n.createElement("a",{href:".",className:"btn mb-3 text-white d-flex px-4 fade_in_ani",style:k},n.createElement("h2",{className:"m-0 white"},"It looks like something went wrong, please reload the page"))):n.createElement(n.Fragment,null,0===t&&"no_token"===b?n.createElement(qa,{extraStyle:k}):n.createElement("div",{className:"connect-button"},0===t&&"got_token"===b?n.createElement("div",{className:"btn mb-3 text-white d-flex px-4 fade_in_ani",onClick:()=>async function(e){const t=r().generate("api_post_campaign_data",{campaignId:u});l(1),await ke.S.post(t,{},{method:"POST"}).then((e=>{v(e)})).catch((()=>{d(!0)}))}(),style:k},n.createElement("img",{className:"button_arrow small arrow-left",src:"/images/base_elements/arrows/arrow_white.svg"}),n.createElement("h2",{className:"mx-2"},"GENERATE YOUR PLAYLIST"),n.createElement("img",{className:"button_arrow small reverse arrow-right",src:"/images/base_elements/arrows/arrow_white.svg"})):null,1===t?n.createElement("div",{className:"btn mb-3 text-white d-flex px-4 pointer-none",style:k},n.createElement("h2",{className:"mx-2 d-flex flex-row"},"Loading",n.createElement("span",{className:"dots ms-2"},n.createElement("span",{className:"first_dot"},"."),n.createElement("span",{className:"second_dot"},"."),n.createElement("span",{className:"third_dot"},".")))):null,2===t?n.createElement("a",{className:"btn mb-3 text-white d-flex px-4 ",target:"_blank",rel:"noreferrer",style:k,href:c},n.createElement("img",{className:"button_arrow small arrow-left",src:"/images/base_elements/arrows/arrow_white.svg"}),n.createElement("h2",{className:"mx-2"},"LISTEN TO YOUR PLAYLIST"),n.createElement("img",{className:"button_arrow small reverse arrow-right",src:"/images/base_elements/arrows/arrow_white.svg"})):null)))))],document.getElementById("playlistGeneratorGeneric"))};class Wa extends n.Component{constructor(e){super(e),this.state={}}render(){const e=document.querySelectorAll("#reactVideoBannerPlayer"),t=[];for(let a=0;a<e.length;a++){const l=e[a].getAttribute("data-url"),r=e[a].getAttribute("data-title"),s=e[a].getAttribute("data-subtitle");t.push(O.createPortal([n.createElement("div",{className:"video_banner with_text d-flex justify-content-center",key:1},n.createElement("div",{className:"video_overlay"},n.createElement(Ce(),{className:"video_inner banner_video overflow-hidden",volume:0,playsinline:!0,playing:!0,loop:!0,controls:!1,muted:!0,url:l,width:"100%",height:"auto"})),n.createElement("div",{className:"container h-100 d-flex align-items-end text-white"},n.createElement("div",{className:"row"},n.createElement("div",{className:"col-12 font-all-caps"},n.createElement("h1",{className:"title font-weight-black"},n.createElement("i",null,r)),n.createElement("h1",{className:"subTitle font-weight-black"},n.createElement("i",null,s))))))],e[a]))}return n.createElement("div",{className:"d-flex",key:1},t)}}const Ha=Wa;var Ya=a(22869),Ja=a(41390);const Ka=e=>{const[t,l]=(0,n.useState)(null),[s,o]=(0,n.useState)(1),[c,i]=(0,n.useState)(),m=(0,n.useRef)(null),d=a(20051);r().setRoutingData(d),(0,n.useEffect)((()=>{"profile_image_form[profile_banner]"===e.imageType&&o(6)}),[e.imageType]);const u=t=>
1{const a=document.createElement("canvas"),n=t.naturalWidth/t.width,l=t.naturalHeight/t.height;a.width=c.width,a.height=c.height;return a.getContext("2d").drawImage(t,c.x*n,c.y*l,c.width*n,c.height*l,0,0,c.width,c.height),new Promise((t=>{a.toBlob((a=>{if(!a)return;const n=new FormData,l=e.imageType;n.append(l,a),async function(t){const a=r().generate("account_edit_profile_image",{slug:e.userSlug});await fetch(a,{method:"POST",body:t}).then((e=>{new Ja.A(!1).reload()})).catch((e=>{va.A.error(e[0],6e3)}))}(n),t(a)}),"image/jpeg")}))};return n.createElement("div",{className:"App"},n.createElement("div",{className:"px-3"},n.createElement("input",{id:"edit-profile-photo","data-testid":"cropper-button",className:"d-none",type:"file",accept:"image/*",onChange:e=>(e=>{if(e.target.files&&e.target.files.length>0){const t=new FileReader;t.addEventListener("load",(()=>{l(t.result)})),t.readAsDataURL(e.target.files[0])}})(e)}),n.createElement("label",{className:"btn my-3 red w-100",htmlFor:"edit-profile-photo"},"upload a photo")),t&&n.createElement("div",{className:"px-3"},n.createElement("div",{className:"d-flex flex-column justify-content-center bg-grey-light"},n.createElement(Ya.Ay,{crop:c,aspect:s,style:{margin:"auto"},ruleOfThirds:!0,onChange:e=>i(e),imageStyle:{maxHeight:"50vh",margin:"auto"}},n.createElement("img",{alt:"Crop me",className:"max-50vh",src:t,onLoad:e=>{m.current=e.currentTarget;const{width:t,height:a}=e.currentTarget,n=.9*(t<a?t:a),l=(0,Ya.ge)((0,Ya.dS)({unit:"px",width:n},s,t,a),t,a);i(l)}}))),n.createElement("div",{className:"btn my-3 red w-100",id:"save-image",onClick:async()=>{m.current&&c.width&&c.height&&u(m.current,"newFile.jpeg")}},"Save Image")))},Qa=Ka;function Xa(e){const[t,a]=(0,n.useState)([]);(0,n.useEffect)((()=>
1{l()}),[]),(0,n.useEffect)((()=>(document.body.addEventListener("contentadded",l),()=>{document.body.removeEventListener("contentadded",l)})),[]);const l=()=>{const e=document.querySelectorAll("#imageCropperButton");for(let t=0;t<e.length;t++){const l=e[t].getAttribute("data-user-slug"),r=e[t].getAttribute("data-image-type");a((a=>[...a,O.createPortal([n.createElement($a,{key:t,userSlug:l,imageType:r})],e[t])]))}};return n.createElement("div",{id:"imageCropperUnmount",className:"h-100 shadow",key:"1"},t)}function $a(e){const t=a(20051);r().setRoutingData(t);const[l,s]=(0,n.useState)(!1);return n.createElement(n.Fragment,null,l?n.createElement(wa,{toggleModal:s},n.createElement(Qa,{userSlug:e.userSlug,imageType:e.imageType})):null,n.createElement("div",{onClick:e=>{s(!0)}},n.createElement("span",{className:"icon photo"})))}Ka.propTypes={imageType:j().string,userSlug:j().string};(0,C.Ng)((e=>(0,s.zH)({set_cropper_data:m},e)))(Xa),$a.propTypes={set_cropper_data:j().func,userSlug:j().string,imageType:j().string};class Za extends n.Component{constructor(e){super(e)}render(){let e=this.props.Author&&this.props.Author.profilePicture?this.props.Author.profilePicture:"/images/img_profile.png";return"ADMIN"!==this.props.userRole&&"AR"!==this.props.userRole||(e="/images/logos/spinnin-image-logo.png"),n.createElement("div",{className:"image1_1 bg-black profile_image_comment me-3 cover-background",style:{backgroundImage:`url(${e})`}})}}Za.propTypes={userRole:j().string,Author:j().object};var en=a(51071);function tn(e){const[t,a]=(0,n.useState)(0),[l,r]=(0,n.useState)(!1),[s,o]=(0,n.useState)(""),c=(0,n.useRef)(null),i=(0,n.useRef)(null),m="loading"===e.commentsReducer.status,{executeRecaptcha:d}=(0,A._Y)(),u=(0,n.useCallback)((async()=>{if(!d)return;p(await d("form"))}),[d]);function p(t){if(c.current.value.length>2){const a={};a.thread=e.threadId,a.body=c.current.value,a.responseTo=e.responseTo,a.commentId=e.commentId,a.recaptcha=t,e.edit?e.changeComment(a).then((t=>{e.callBack(),e.editCallback()})):e.postComment(a).then((t=>{"posts/postComment/rejected"===t.type?(o(t.error.message),h()):e.callBack()})),c.current.value="",g()}}(0,n.useEffect)((()=>{r(t>2&&t<513)}),[t]),(0,n.useEffect)((()=>{g(),window.addEventListener("resize",(()=>g())),c.current.addEventListener("keydown",(function(e){13!==(e.which||e.keyCode)||e.shiftKey||(e.preventDefault(),u())}))}),[d]);const h=()=>{setTimeout((()=>{o("")}),8e3)};function g(){c.current&&(a(c.current.value.length),c.current.style.height="44px",c.current.style.height=c.current.scrollHeight+"px")}return n.createElement("div",{className:"d-flex flex-row comment-form"},n.createElement("div",{className:"hide-mobile"},n.createElement(Za,{picture:e.checkUserReducer.user.profile_picture_url})),n.createElement("div",{className:"comment-form-holder"},n.createElement("form",{className:"d-flex flex-grow-1 position-relative align-items-center justify-content-end",ref:i,onSubmit:()=>p()},n.createElement("label",{className:"m-0",htmlFor:"comment"}),n.createElement("textarea",{disabled:m,id:"comment",ref:c,maxLength:"512",minLength:"3",onChange:g,name:"comment",placeholder:"Write your comment here...",defaultValue:e.edit,className:"rounded border-0 resize-none"})),n.createElement("div",{className:"separator_holder"},n.createElement("div",{className:"separator"})),n.createElement("div",{className:"comment-ui-holder"},n.createElement("div",{className:(!l&&t>0?"text-danger":"")+" message_length"},t+"/512"),n.createElement("button",{className:(l?"":"opacity-20 ")+"submit_button",type:"submit",onClick:u})),n.createElement("div",{className:(s.length>0?"active ":"")+"comment-error-holder"},n.createElement("span",null,s))))}const an=(0,C.Ng)((e=>({checkUserReducer:e.baseReducer.checkUserReducer,commentsReducer:e.commentsReducer})),(e=>(0,s.zH)({postComment:en.Gy,changeComment:en.EM},e)))(tn);tn.propTypes={commentsReducer:j().object,checkUserReducer:j().object,edit:j().string,postComment:j().func,changeComment:j().func,commentId:j().number,editCallback:j().func,callBack:j().func,threadId:j().oneOfType([j().string,j().number]),responseTo:j().oneOfType([j().string,j().number])};
1class nn extends n.Component{constructor(e){super(e),this.parent=n.createRef()}handleClick(){const e={commentId:this.props.commentData.id,parentId:this.props.parentId};this.props.voteComment(e)}render(){const e=this.props.commentData.user_has_voted?"voted ":"";return n.createElement("div",{className:`small btn p-0 pe-3 opacity-80 ${e}`,onClick:()=>this.handleClick()},this.props.commentData.score>0?this.props.commentData.score:"",this.props.commentData.score>1?" Likes":" Like")}}const ln=(0,C.Ng)((e=>({checkUserReducer:e.baseReducer.checkUserReducer})),(e=>(0,s.zH)({voteComment:en.uz},e)))(nn);nn.propTypes={score:j().number,voteComment:j().func,commentData:j().object,parentId:j().number};class rn extends n.Component{constructor(e){super(e)}render(){return"ADMIN"===this.props.userRole||"AR"===this.props.userRole?n.createElement("b",null,"Spinnin' Records"):this.props.Author?n.createElement("b",null,n.createElement("a",{href:"/profile/"+this.props.Author.slug},this.props.Author.username)):n.createElement("b",null,"[deleted]")}}const sn=rn;rn.propTypes={Author:j().object,userRole:j().string};var on=a(97909),cn=a(73663);function mn(e){let{comment:t=null}=e;
1const[a,l]=(0,n.useState)(0),[r,s]=(0,n.useState)(!1),[o,c]=(0,n.useState)("unset");return n.createElement("div",{className:"comment-report-modal text-center"},n.createElement("h3",null,n.createElement("b",null,"Report this comment")),n.createElement("div",{className:"comment-text"},n.createElement("i",null,'"',t.body,'"')),"unset"===o?n.createElement("div",{className:r?"opacity-50 pointer-none":null},n.createElement("label",null,"What is your reason for reporting this comment:"),n.createElement("div",{className:"comment-report-select-wrapper"},n.createElement("select",{name:"report",className:"comment-report-select",onChange:e=>(e=>{l(e.target.value)})(e)},n.createElement("option",{value:0},"Click here to choose"),n.createElement("option",{value:1},"Spam"),n.createElement("option",{value:2},"Inappropriate/Harassment"),n.createElement("option",{value:3},"Bot"),n.createElement("option",{value:4},"Vote Request"),n.createElement("option",{value:5},"Other"))),"5"===a?n.createElement("input",{id:"other-text",type:"text",placeholder:"Please explain your reason for reporting this comment"}):null,n.createElement("button",{className:(0===a?"disabled":null)+" w-100",onClick:()=>async function(){s(!0);const e={},n=5==a?document.getElementById("other-text").value:"";e.comment=t["@id"],e.reason=Number(a),e.other=n,await ke.S.post("/api/comment_reports",e).then((e=>{s(!1),c("succes")}
1)).catch((e=>{s(!1),c("error")}))}()},"Report")):"","succes"===o?n.createElement("h4",null,"We have successfully received your report, and will look into the comment."):"","error"===o?n.createElement("h4",null,"Something went wrong please try again."):"")}function dn(e){let{children:t,callback:a,dataButtonText:l="click"}=e;return n.createElement("div",null,n.createElement("div",{className:"px-3"},t),n.createElement("div",{className:"btn my-3 red w-100",id:"save-image",onClick:()=>a()},l))}mn.propTypes={comment:j().object,callBack:j().func,deleteComment:j().func,commentData:j().object,commentId:j().number};const un=dn;function pn(e){const[t,a]=(0,n.useState)(!1),[l,r]=(0,n.useState)(!1),[s,o]=(0,n.useState)(!1),[c,i]=(0,n.useState)(!1),[m,d]=(0,n.useState)("USER"),[u,p]=(0,n.useState)(!!e.commentData.author&&e.checkUserReducer.user.id===e.commentData.author.userId),[h,g]=(0,n.useState)(e.checkUserReducer.user.id===e.commentsReducer.userId);(0,n.useEffect)((()=>(f(),()=>{})),[]),(0,n.useEffect)((()=>(f(),()=>{p(!!e.commentData.author&&e.checkUserReducer.user.id===e.commentData.author.userId),g(e.checkUserReducer.user.id===e.commentsReducer.userId)})),[e.checkUserReducer.user.id,e.commentData.author?e.commentData.author.userId:null]),(0,n.useEffect)((()=>{const e=()=>{document.body.click()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const f=()=>{let t="USER";const a=e.commentData.author?Object.values(e.commentData.author.roles):[];a.includes("ROLE_SUPER_ADMIN")||a.includes("ROLE_ADMIN")?t="ADMIN":a.includes("ROLE_SPINNIN_AR")?t="AR":a.includes("ROLE_VERIFIED_ARTIST")&&(t="VER_ARTIST"),d(t)},E=()=>{o(!s)},b=()=>{i(!c)};return n.createElement(n.Fragment,null,t?n.createElement(wa,{toggleModal:a},n.createElement(mn,{comment:e.commentData})):null,l?n.createElement(wa,{toggleModal:r},n.createElement(un,{callback:()=>(()=>{const t={commentId:e.commentData.id};e.deleteComment(t).then(e.callBack())})(),dataButtonText:"Delete this comment"},"Are you sure you want to delete this comment?")):null,e.checkUserReducer.user.registered?n.createElement(cn.m_,{className:"tooltip_styling z-index-1100 opacity-1 shadow-sm",anchorId:e.commentData.id.toString(),events:["click"],clickable:!0},n.createElement("div",{className:"d-flex flex-column text-left align-items-start"},u?null:n.createElement("div",{onClick:()=>a(!0)},n.createElement("p",null,n.createElement("b",null,"Report"))),u||h?n.createElement("div",{className:"",onClick:()=>r(!0)},n.createElement("p",null,n.createElement("b",null,"Delete"))):null,u?n.createElement("div",{className:"",onClick:()=>b()},n.createElement("p",null,n.createElement("b",null,"Edit"))):null)):null,n.createElement("div",{className:"mt-4"},n.createElement("div",{className:"d-flex flex-row comment-form w-auto"},c?n.createElement("div",{className:"w-100 "},n.createElement(an,{callBack:()=>e.callBack(),editCallback:()=>b(),threadId:e.commentData.thread["@id"],commentId:e.commentData.id,edit:e.commentData.body,responseTo:e.commentData.responseTo}),n.createElement("div",{className:"d-flex flex-row mt-1 w-100"},n.createElement("div",{style:{width:"44px"},className:"me-3 hide-mobile"}),n.createElement("div",{className:"small btn p-0 opacity-80",onClick:()=>b()},"cancel edit"))):n.createElement(n.Fragment,null,n.createElement("div",{className:e.parentId?"mobile-opacity-0 ":"hide-mobile"},n.createElement(Za,{userRole:m,Author:e.commentData.author})),n.createElement("div",{className:(s?"w-100":"")+" flew-grow-1 min-w-0"},n.createElement("div",{className:"bg-white rounded p-3 break-long-text d-flex flex-column"},n.createElement("div",{className:"d-flex"},n.createElement("div",{className:"hide-desktop"},n.createElement(Za,{userRole:m,Author:e.commentData.author})),n.createElement("div",{className:"w-100"},n.createElement("div",{className:"d-flex flex-wrap"},n.createElement("b",null,n.createElement(sn,{userRole:m,Author:e.commentData.author})),n.createElement("div",{className:"mx-2"},"-"),n.createElement("div",null,(y=e.commentData.createdAt,Ie().extend(bt()),Ie()().to(y))),n.createElement("div",{className:"ms-auto"},e.checkUserReducer.user.registered?n.createElement("a",{className:"ms-2",id:e.commentData.id.toString(),"data-tooltip-variant":"light"},n.createElement(on.KV9,null)):null)),"USER"!==m?n.createElement("div",{className:"d-flex"},n.createElement("div",{className:"author_flag OR_border"},"ADMIN"===m||"AR"===m?"OFFICIAL ACCOUNT":"","VER_ARTIST"===m?"VERIFIED ACCOUNT":"")):null)),n.createElement("div",{className:"mt-2"},e.commentData.body)),e.checkUserReducer.user.registered?n.createElement("div",{className:"d-flex flex-row mt-1"},u?null:n.createElement(ln,{commentData:e.commentData,parentId:e.parentId?e.parentId:null}),null!=e.commentData.responseTo||s?null:n.createElement("span",{className:"small bt
1n p-0 pe-3 opacity-80",onClick:()=>E()},"reply")):null,s?n.createElement("div",{className:"my-4"},n.createElement(an,{callBack:()=>e.callBack(),threadId:e.commentData.thread["@id"],responseTo:e.commentData["@id"]}),n.createElement("div",{className:"d-flex flex-row mt-1 w-100"},n.createElement("div",{style:{width:"44px"},className:"me-3 hide-mobile"}),n.createElement("div",{className:"small btn p-0 opacity-80",onClick:()=>E()},"cancel"))):null,e.commentData.responses.length>0?e.commentData.responses.map((t=>n.createElement(pn,(0,V.A)({},e,{parentId:e.commentData.id,key:t.id,commentData:t})))):null)))));var y}dn.propTypes={callback:j().func,dataButtonText:j().string,children:j().string};const hn=(0,C.Ng)((e=>({checkUserReducer:e.baseReducer.checkUserReducer,commentsReducer:e.commentsReducer})),(e=>(0,s.zH)({deleteComment:en.Tu},e)))(pn);pn.propTypes={playerId:j().string,deleteComment:j().func,commentData:j().object,callBack:j().func,checkUserReducer:j().object,commentsReducer:j().object,parentId:j().number};class gn extends n.Component{constructor(e){super(e),this.state={loadedPages:[1],firstLoad:!0},this.parent=n.createRef()}componentDidMount(){this.getComments()}componentWillUnmount(){this.props.removePosts()}getComments(){this.setupFetchComments(this.state.loadedPages,!0)}nextPage(){const e=[parseInt(this.state.loadedPages[this.state.loadedPages.length-1])+1];this.setupFetchComments(e,!1).then((()=>{this.setState({loadedPages:[...this.state.loadedPages,...e]})}))}setFirstLoad(){this.setState({firstLoad:!1})}async setupFetchComments(e,t){const a={pages:e,threadId:this.props.threadId,cleanPosts:t};this.props.getThread(this.props.threadId),this.props.fetchComments(a)}render(){const e=this.props.commentsReducer.comments.length>=this.props.commentsReducer.totalItems,t="loading"===this.props.commentsReducer.status,a=1===this.props.commentsReducer.totalItems?" comment":" comments";return n.createElement("div",{className:(t?"opacity-50 pointer-events-none ":"")+"w-100",ref:this.parent},n.createElement("div",{className:"w-100 text-right mb-2"},this.props.commentsReducer.totalItems>0?this.props.commentsReducer.totalItems+a:""),"true"===this.props.userLogin?n.createElement("div",{className:"mb-4"},n.createElement(an,{callBack:()=>this.getComments(),threadId:this.props.threadId})):null,this.props.commentsReducer.comments.slice(0,this.state.firstLoad?5:this.props.commentsReducer.totalItems).map((e=>n.createElement(hn,{key:e.id,commentData:e,callBack:()=>this.getComments()}))),this.state.firstLoad&&this.props.commentsReducer.totalItems>5?n.createElement("div",{className:"mt-4 text-button",onClick:()=>this.setFirstLoad()},"Show more comments"):null,this.state.firstLoad||t||e?null:n.createElement("div",{className:"mt-4 text-button",onClick:()=>this.nextPage()},"Show more comments"))}}const fn=(0,C.Ng)((e=>({commentsReducer:e.commentsReducer})),(e=>(0,s.zH)({fetchComments:en.p4,getThread:en.fG,removePosts:en.OM},e)))(gn);gn.propTypes={threadId:j().string,userLogin:j().string,fetchComments:j().func,getThread:j().func,removePosts:j().func,commentsReducer:j().object,base:j().object,loading:j().bool};class En extends n.Component{constructor(e){super(e),this.state={}}render(){const e=document.querySelectorAll(".thread_holder"),t=[];for(let a=0;a<e.length;a++){const l=e[a].getAttribute("data-id"),r=e[a].getAttribute("data-user");t.push(O.createPortal([n.createElement("div",{className:"d-flex w-100",key:1},n.createElement(fn,{threadId:l,userLogin:r}))],e[a]))}return n.createElement("div",{className:"d-flex",key:1},t)}}const bn=En;class yn extends n.Component{constructor(e){super(e)}render(){const e=document.querySelector("#privacyConsentPage");return O.createPortal([n.createElement("div",{className:"h-auto container mt-5",key:"1"},n.createElement(_a,null))],e)}}const wn=yn;const vn=function(e){return n.createElement("div",{className:"web3-header video_overlay col-12 h-100"},n.createElement(Ce(),{className:"video_inner banner_video overflow-hidden object-cover",volume:0,playsinline:!0,playing:!0,loop:!0,controls:!1,muted:!0,url:"./../video/web3_header.mp4",width:"100%",height:"auto"}))};const Nn=function(e){return n.createElement(n.Fragment,null,n.createElement("div",{className:"col-11 col-sm-10 col-lg-9 d-flex flex-column text-center"},n.createElement("h1",{className:"new-font"},"The Spinnin' Universe"),n.createElement("hr",null),n.createElement("h4",{className:"new-font"},"JOIN US INTO UNCHARTED WEB3 TERRITORIES")),n.createElement("div",{className:"col-11 col-sm-8 col-md-8 col-lg-8 col-xl-7 col-xxl-5 d-flex flex-column text-center my-5"},n.createElement("p",{className:"mt-5"},"Welcome to the Spinnin' Universe, our immersive Web3 ecosystem of virtual and musical experiences. Connected through an infinite amount of solar systems and vinyl worlds, our universe offers a vast amount of music and opportunities yet to be discovered."),n.createElement("p",null,"Whether you are seeking knowledge, fortunes, or musical adventures, the choice is yours. But before we venture out, let's make sure you are well prepared for your first mission into uncharted territories.")))},xn=n.createContext();const kn=function(e){const[t]=(0,n.useContext)(xn),a=[{title:"LGND X WBDD",style:{backgroundImage:"url(/images/web3/lgnd.jpg)",backgroundSize:"cover"},text:"Spinninâ Records and LGND Music are proud to present the 2022 WBDD release as digital collectibles featured on LGND music.\n",internal:!1,link:"https://lgndmusic.com/spinnin",date:2022},{title:"WBDD RELEASE PARTY IN THE SANDBOX",style:{backgroundImage:"url(/images/web3/wbdd.png)",backgroundSize:"cover"},text:"In collaboration with LGND and Musical Freedom, Spinnin' Records is hosting their first ever release party in the WMG land on the sandbox. Hosting a stage featuring the WBDD winners, exclusive verch and exciting new quests.",internal:!1,link:"",date:2022},{title:"TBA",style:{backgroundImage:"url(/images/web3/nft.jpg)",backgroundSize:"cover"},text:"Stay tuned for more information, exclusive drops are coming soon!",internal:!1,link:"",date:2023},{title:"ELYNXIR X SPINNIN'",style:{backgroundImage:"url(/images/web3/elynxir.jpg)",backgroundSize:"cover"},text:"Spinnin' is teaming up with, ELYNXIR a groundbreaking new chapter in AR gaming. The mobile game lets fans and artist interact in a specially created world, using Augmented Reality (AR) technology, letting them play, socialize, remix and collect interactive music NFTs.",internal:!1,link:"",date:2023},{title:"TBA",style:{backgroundImage:"url(/images/web3/sandbox.jpg)",backgroundSize:"cover"},text:"New adventures will be announced soon",internal:!1,link:"",date:2023}];return n.createElement("div",{className:"col-11 col-sm-10 col-lg-9 d-flex flex-column text-center mt-5"},n.createElement("h1",{className:"new-font mt-3"},"THE ROADMAP"),n.createElement("div",{className:"timeLine _desktop"},n.createElement("div",{className:"timeLine-block _start _right"},n.createElement("div",{className:"timeLine-content"},n.createElement("div",{className:"timeLine-content_inner"},n.createElement("div",{className:"timeLine-content-start"},n.createElement("div",{className:"timeLine-head"},n.createElement("div",{className:"timeLine-head_date"},"KICKOFF 2022")))))),a.map(((e,a)=>a%2?function(e,a){return n.createElement("div",{className:"timeLine-block _left "+(a>0?"mt-minus-90":""),key:a},n.createElement("div",{className:"timeLine-content"},n.createElement("div",{className:"timeLine-content_outer"},n.createElement("h3",{className:"new-font"},e.title),n.createElement("div",{className:"timeLine-content_text"},e.text),e.link.length>0?e.internal?n.createElement("button",{className:"timeLine-content_button new-font",onClick:()=>t(e.link)},"read more"):n.createElement("a",{className:"timeLine-content_button new-font",target:"_blank",rel:"noopener noreferrer",href:e.link},"read more"):null),n.createElement("div",{className:"timeLine-content_inner"},n.createElement("div",{style:e.style,className:"timeLine-content-image"},n.createElement("div",{className:"timeLine-head"},n.createElement("div",{className:"timeLine-head_date"},e.date))))))}(e,a):function(e,a){return n.createElement("div",{className:"timeLine-block _right "+(a>0?"mt-minus-90":""),key:a},n.createElement("div",{className:"timeLine-content"},n.createElement("div",{className:"timeLine-content_inner"},n.createElement("div",{style:e.style,className:"timeLine-content-image"},n.createElement("div",{className:"timeLine-head"},n.createElement("div",{className:"timeLine-head_date"},e.date)))),n.createElement("div",{className:"timeLine-content_outer"},n.createElement("h3",{className:"new-font"},e.title),n.createElement("div",{className:"timeLine-content_text"},e.text),e.link.length>0?e.internal?n.createElement("button",{className:"timeLine-content_button new-font",onClick:()=>t(e.link)},"read more"):n.createElement("a",{className:"timeLine-content_button new-font",target:"_blank",rel:"noopener noreferrer",href:e.link},"read more"):null)))}
1(e,a))),a.length%2?n.createElement("div",{className:"timeLine-block _end _right"},n.createElement("div",{className:"timeLine-content"},n.createElement("div",{className:"timeLine-content_inner"},n.createElement("div",{className:"timeLine-content-start"},n.createElement("div",{className:"timeLine-head"},n.createElement("div",{className:"timeLine-head_date"},"UPCOMING ACTIVITIES")))))):n.createElement("div",{className:"timeLine-block _end _left"},n.createElement("div",{className:"timeLine-content"},n.createElement("div",{className:"timeLine-content_inner"},n.createElement("div",{className:"timeLine-content-start"},n.createElement("div",{className:"timeLine-head"},n.createElement("div",{className:"timeLine-head_date"},"UPCOMING ACTIVITIES"))))))),n.createElement("div",{className:"timeLine _mobile"},n.createElement("div",{className:"timeLine-block _start _right"},n.createElement("div",{className:"timeLine-content"},n.createElement("div",{className:"timeLine-content_inner"},n.createElement("div",{className:"timeLine-content-start"},n.createElement("div",{className:"timeLine-head"},n.createElement("div",{className:"timeLine-head_date"},"KICKOFF 2022")))))),a.map(((e,t)=>function(e,t){return n.createElement("div",{className:"timeLine-block _right",key:t},n.createElement("div",{className:"timeLine-content"},n.createElement("div",{className:"timeLine-head"},n.createElement("div",{className:"timeLine-head_date"},e.date)),n.createElement("div",{className:"timeLine-content_inner"},n.createElement("div",{style:e.style,className:"timeLine-content-image"})),n.createElement("div",{className:"timeLine-content_outer"},n.createElement("h3",{className:"new-font"},e.title),n.createElement("div",{className:"timeLine-content_text"},e.text),e.link.length>0?n.createElement("a",{className:"timeLine-content_button new-font",target:"_blank",rel:"noopener noreferrer",href:e.link},"read more"):null)))}(e,t))),n.createElement("div",{className:"timeLine-block _end _right"},n.createElement("div",{className:"timeLine-content"},n.createElement("div",{className:"timeLine-content_inner"},n.createElement("div",{className:"timeLine-content-start"},n.createElement("div",{className:"timeLine-head"},n.createElement("div",{className:"timeLine-head_date"},"UPCOMING ACTIVITIES"))))))))};const _n=function(e){const[t,a]=(0,n.useState)(!1),[l,r]=(0,n.useState)(0),[s,o]=(0,n.useState)(!1),c=(0,C.d4)((e=>e.baseReducer.checkUserReducer.user));return n.createElement(n.Fragment,null,0===l&&void 0===c.registered?n.createElement("div",{className:"col-11 col-sm-8 col-md-8 col-lg-5 col-xl-4 col-xxl-3 d-flex flex-column text-center mt-5"},n.createElement("div",{className:"w-100 px-4"},n.createElement("a",{className:"new-font w-100",href:"/login","data-referral-url":window.location.href},"SIGN UP / LOG IN"))):null,0===l&&void 0!==c.registered?n.createElement("div",{className:"col-11 col-sm-8 col-md-8 col-lg-5 col-xl-4 col-xxl-3 d-flex flex-column text-center mt-4"},n.createElement("div",{className:"d-flex flex-row"},n.createElement("h4",{className:"new-font mb-2 flex-grow-1"},"Do you consider yourself ?")),n.createElement("label",{className:"web3-switch mb-5"},n.createElement("input",{className:"web3-checkBox",id:"release_search_period",checked:s,onChange:e=>o(e.target.checked),type:"checkbox",name:"release_search_period"}),n.createElement("span",{className:"new-font mb-2 check_1"},"A Web3 beginner"),n.createElement("span",{className:"new-font mb-2 check_2"},"A Web3 expert")),n.createElement("div",{className:"d-flex align-items-start mb-3 mx-4 justify-content-center "},n.createElement("label",{className:"checkbox-container"},n.createElement("input",{type:"checkbox",onChange:e=>{a(e.target.checked)},className:"normal-checkbox me-3 mt-2 non-styled"}),n.createElement("span",{className:"checkmark"})),n.createElement("div",{className:"text-content d-flex flex-column text-start ps-2 policy-text"},n.createElement("p",null,"Yes, I want to receive marketing messages with the latest news, events and releases from Spinnin' Records and Warner Music Group companies. I understand that these emails are based on my information, interests, website visits, activities, device data, and in accordance with the ",n.createElement("a",{target:"_blank",rel:"noopener noreferrer",className:"non-styled",href:"https://spinninrecords.com/privacy"}
1,n.createElement("u",null,"Privacy Policy."))))),n.createElement("div",{className:"w-100 px-4"},n.createElement("button",{className:(t?"":"disabled ")+"new-font w-100",onClick:()=>async function(e){const a={method:"POST"};t&&await ke.S.post("/api/web3_mailings",{isExpert:s},a).then((e=>{r(1)})).catch((()=>{r(-1)}))}()},"SIGNUP"))):null,1===l?n.createElement("div",{className:"col-11 col-sm-8 col-md-8 col-lg-5 col-xl-4 col-xxl-3 d-flex flex-column text-center mt-5"},n.createElement("div",{className:"d-flex flex-row"},n.createElement("h4",{className:"new-font mb-2 flex-grow-1"},"You have successfully signed up!"))):null,-1===l?n.createElement("div",{className:"col-11 col-sm-8 col-md-8 col-lg-5 col-xl-4 col-xxl-3 d-flex flex-column text-center mt-5"},n.createElement("div",{className:"d-flex flex-row"},n.createElement("h4",{className:"new-font mb-2 flex-grow-1"},"It seems something went wrong, please try again!"))):null)};const Sn=function(e){return n.createElement("div",{className:"col-11 col-sm-10 col-lg-9 d-flex flex-column text-center my-5"},n.createElement("h1",{className:"new-font mt-3"},"START YOUR ADVENTURE"))},Rn=e=>n.createElement(n.Fragment,null,n.createElement(vn,null),n.createElement(Nn,null),n.createElement(Sn,null),n.createElement(_n,null),n.createElement(kn,null)),Cn=e=>{const[t,a]=(0,n.useState)("unset");(0,n.useEffect)((()=>
1{l()}),[]);const l=()=>{const e=new URLSearchParams(document.location.search).get("page");a("opensea"===e)};return n.createElement(n.Fragment,null,n.createElement("div",{className:"web3-base d-flex flex-column align-items-center"},n.createElement(xn.Provider,{value:[e=>{if("home"===e){const e=new URLSearchParams(location.search);e.delete("page"),window.history.pushState({},"",`${location.pathname}?${e}`),l()}else if(e){document.body.scrollTop=0,document.documentElement.scrollTop=0;const t=new URLSearchParams(location.search);t.set("page",e),window.history.pushState({},"",`${location.pathname}?${t}`),l()}}]},n.createElement(Rn,null))))};Cn.propTypes={};const Tn=e=>O.createPortal([n.createElement(Cn,{key:"1"})],document.getElementById("web3Page"));function In(e){let{editUrl:t}=e;const[a,l]=(0,n.useState)(t),r=e=>{const t=e.detail.htmlContent.querySelector("#adminEditUrl");l(t?t.dataset.adminUrl:null)};return(0,n.useEffect)((()=>(window.addEventListener("contentadded",r),()=>{window.removeEventListener("contentadded",r)})),[r]),n.createElement(n.Fragment,null,a&&n.createElement("div",{className:"frame"},n.createElement("div",{className:"wrapper"},n.createElement("div",{className:"btn edit default fixed"},n.createElement("a",{href:a,className:"no-xhr"},"Edit")))))}In.propTypes={editUrl:j().string};const An=In;const Pn=function(e){const[t,a]=(0,n.useState)(!0);(0,n.useEffect)((()=>(r(!1),document.body.addEventListener("XHRStart",(()=>r(!0))),document.body.addEventListener("XHRSwitch",(()=>r(!1))),()=>{document.body.addEventListener("XHRStart",(()=>r(!0))),document.body.addEventListener("XHRSwitch",(()=>r(!1)))})),[]);const l=e=>document.querySelector(e),r=e=>{a(e)};return n.createElement(A.G3,{reCaptchaKey:"6Lc1M8QbAAAAAOdwy2q7Sulu4XpDIYck-Gggk-TZ",scriptProps:{async:!0,defer:!0,appendTo:"body"}},n.createElement("div",{id:"modal-holder"}),n.createElement(I,null),n.createElement(D,null),n.createElement(An,{editUrl:((e,t)=>{const a=document.querySelector(e);if(a)return a.dataset[t]})("#adminEditUrl","adminUrl")}),t?null:n.createElement(n.Fragment,null,l("#playlistGeneratorSetup")?n.createElement(Ba,null):null,l("#playlistGeneratorGeneric")?n.createElement(Ga,null):null,l("#votePageSetup")?n.createElement(he,null):null,l("#releaseBrowserSetup")?n.createElement(oe,null):null,l("#submitPageSetup")?n.createElement(ve,null):null,l("#cupraPageSetup")?n.createElement(ta,null):null,l("#sonyPageSetup")?n.createElement(ca,null):null,l("#parookavillePageSetup")?n.createElement(ga,null):null,l("#academyPageSetup")?n.createElement(ct,null):null,l("#
1web3Page")?n.createElement(Tn,null):null,l("#addToPlaylist")?n.createElement(Fa,null):null,l("#reactVideoPlayer")?n.createElement(Ma,null):null,l("#reactVideoBannerPlayer")?n.createElement(Ha,null):null,l("#imageCropperButton")?n.createElement(Xa,null):null,l("#privacyConsentPage")?n.createElement(wn,null):null,l(".thread_holder")?n.createElement(bn,null):null,l("#uploadHolderSetup")?n.createElement(Ot,null):null))}},84254:(e,t,a)=>{async function n(e){let{body:t,...a}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n={method:t?"POST":"GET",...a,headers:{"Content-Type":"application/json",...a.headers}};return t&&(n.body=JSON.stringify(t)),window.fetch(e,n).then((async e=>{let t=await e.json();return e.ok?t:(t=t.violations?t.violations:t["hydra:description"]?t["hydra:description"]:t,Promise.reject(t))}))}a.d(t,{S:()=>n}),n.get=function(e){return n(e,{...arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},method:"GET"})},n.post=function(e,t){return n(e,{...arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},body:t})}},84805:(e,t,a)=>{a.d(t,{LP:()=>r,WB:()=>o,p:()=>c,pp:()=>s});var n=a(76348),l=a.n(n);const r=()=>{const e=window.navigator.userAgentData?.mobile;return"boolean"==typeof e?e:(()=>{let e=!1;var t;return t=navigator.userAgent||navigator.vendor||window.opera,(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(t)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(t.substr(0,4)))&&(e=!0),e})(window.navigator.userAgent)},s=e=>new Date(e).toLocaleDateString("en-US",{timeZone:"CET",year:"numeric",month:"short",day:"numeric"}),o=e=>new Date(e).toLocaleString("en-US",{timeZone:"CET",hour12:!0,hour:"numeric",minute:"numeric"})+" (CEST)",c=()=>new Promise(((e,t)=>{MusicKit.getInstance().authorize().then((t=>{const a={network_id:11};a.access_token=t,fetch(l().generate("api_store_token",{}),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)}).then((()=>{e(!0)})).catch((()=>{e(!1)}))})).catch((e=>{t(e)}))}))},63521:(e,t,a)=>{a.d(t,{A:()=>s});var n=a(15522);let l=!1,r=!1;class s extends n.A{constructor(){if(super(),l=!1,r=!1,this.listenerConfig=[this.createListenerItem("click",".menu-trigger",this.toggleMenu,this),this.createListenerItem("click",".toggle-account",this.toggleAccountMenu,this)],!document.querySelector(".no-menu")){let e;window.addEventListener("resize",(function(){clearTimeout(e),e=setTimeout(s.resetMenu,200)}))}}toggleMenu(){r?s.resetMenu():(s.animateMenu("300px","0","300px"),document.querySelector(".toggle-menu").classList.add("opened"),document.querySelector("html").classList.add("slideout-open"),r=!0,l=!1)}toggleAccountMenu(){l?s.resetMenu():(s.animateMenu("0px","300px","-300px"),document.querySelector(".toggle-menu").classList.remove("opened"),document.querySelector("html").classList.add("slideout-open"),l=!0,r=!1)}static resetMenu(){s.animateMenu("0px","0px","0px"),document.querySelector(".toggle-menu").classList.remove("opened"),document.querySelector("html").classList.remove("slideout-open"),r=!1,l=!1}static animateMenu(e,t,a){const n=document.querySelectorAll(".main-panel");for(let e=0;e<n.length;e++)n[e].style.transform="translateX("+a+")";document.querySelector(".slide-out-left").style.width=e,document.querySelector(".slide-out-right")&&(document.querySelector(".slide-out-right").style.width=t)}}},41390:(e,t,a)=>{a.d(t,{A:()=>c});var n=a(69197),l=a(63521),r=a(91534),s=a(15522),o=a(31466);class c extends s.A{constructor(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];super(),!1!==e&&(this.currentPath=!1,this.lastCall=!1,this.listenerConfig=[this.createListenerItem("click",".SpinninInternalLink",this.onInternalClick,this),this.createListenerItem("contentadded","body",this.afterXhr,this)],this.handlePopState(),c.followRedirectLinks(),c.openShareContent(),c.set
1Links(),o.A.setupResponsiveVideos())}afterXhr(){c.setLinks();document.querySelectorAll(".jw-state-playing").length>0&&document.querySelector("main").classList.add("slideout-margin");(new n.A).close()}handlePopState(){const e=this;window.addEventListener("popstate",(function(){if(e.currentPath!==history.state){const t=location.pathname+window.location.search;e.changeUrl(t,!1,!0),e.currentPath=t}}))}onInternalClick(e){e.preventDefault();const t=e.currentTarget,a=e.target;if(!a.classList.contains("icon")&&this.currentPath!==history.state){const e=t.getAttribute("href"),n=!a.classList.contains("stopscroll");this.changeUrl(e,n,!1)}}static setLinks(){const e=document.querySelectorAll("a:not(.no-xhr):not(.btn-connect):not(.log-in):not(.tab):not(sf-dump-ref):not(sf-toolbar)");for(let t=0;t<e.length;t++)e[t].hostname===location.hostname&&e[t].classList.add("SpinninInternalLink")}static followRedirectLinks(){const e=document.querySelectorAll(".redirect-url"),t=new CustomEvent("click",{bubbles:!0,cancelable:!0});for(let a=0;a<e.length;a++)e[a].dispatchEvent(t)}static openShareContent(){const e=document.querySelectorAll(".spinnin-share-content"),t=new CustomEvent("click",{bubbles:!0,cancelable:!0});for(let a=0;a<e.length;a++)e[a].dispatchEvent(t)}changeUrl(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=null;const s=new CustomEvent("XHRStart",{bubbles:!0,cancelable:!0});document.body.dispatchEvent(s),this.lastCall&&this.lastCall.abort(),fetch(e,{credentials:"same-origin",headers:{"Content-Type":"text/html"}}).then((e=>(n=e,e.text()))).then((e=>{const s=new r.A,o=(new DOMParser).parseFromString(e,"text/html"),i=document.querySelector('meta[name="spinninrecords:bundle"]'),m=document.querySelector('meta[property="spinninrecords:content:id"]'),d=document.querySelector('meta[property="spinninrecords:content:type"]');i&&i.parentNode.removeChild(i),m&&m.parentNode.removeChild(m),d&&d.parentNode.removeChild(d);const u=[];u.push.apply(u,o.head.childNodes),u.push.apply(u,o.body.childNodes);for(let e=0;e<u.length;e++)if("TITLE"===u[e].nodeName&&c.changeTitle(u[e]),"META"===u[e].nodeName&&("spinninrecords:content:id"!==u[e].getAttribute("property")&&"spinninrecords:content:type"!==u[e].getAttribute("property")&&"spinninrecords:bundle"!==u[e].getAttribute("name")||document.head.appendChild(u[e])),"DIV"===u[e].nodeName&&u[e].classList.contains("xhr-wrapper")){const t=document.querySelector("div.xhr-wrapper");t&&t.parentNode.replaceChild(u[e],t),l.A.resetMenu()}c.changeUrlBar(n,a),c.changeClass(e),t&&c.scrollTop(),s.runXhr();const p=new CustomEvent("contentadded",{bubbles:!0,cancelable:!0,detail:{htmlContent:o}});document.body.dispatchEvent(p);const h=new CustomEvent("XHRSwitch",{bubbles:!0,cancelable:!0});document.body.dispatchEvent(h)})).catch((function(t){c.classicRequest(e)}))}reload(){this.changeUrl(document.querySelector("#url").value,!1,!1)}static classicRequest(e){location.replace(e)}static changeTitle(e){const t=e.innerText;""===t&&"undefined"===t||(document.title=t)}static scrollTop(){window.scrollTo(0,0)}static changeClass(e){const t=e.match(/body\sclass=['|"]([^'|"]*)['|"]/)[1],a=document.querySelector("body");a.className="",void 0!==t&&(a.className=t)}static changeUrlBar(e,t){const a=e.url,n={url:a},l=document.title.toString();t||(history.pushState(n,l,a),this.currentPath=a)}}},51071:(e,t,a)=>{a.d(t,{Ay:()=>g,EM:()=>m,Gy:()=>o,OM:()=>h,Tu:()=>i,fG:()=>r,p4:()=>s,uz:()=>c});var n=a(92167),l=a(84254);const r=(0,n.zD)("posts/getThread",(async e=>{const t=await l.S.get(e);if(t.owner)return t.owner.userId})),s=(0,n.zD)("posts/fetchPosts",(async e=>{const t=[];let a=0;const n=e.cleanPosts;for(let n=0;n<e.pages.length;n++){const r=e.threadId+"/comments?page="+e.pages[n],s=await l.S.get(r);t.push(...s["hydra:member"]),a=s["hydra:totalItems"]}return[t,a,n]})),o=(0,n.zD)("posts/postComment",(async e=>await l.S.post("/api/comments",e))),c=(0,n.zD)("posts/voteComment",(async e=>[await l.S.post("/api/comments/"+e.commentId+"/vote",{},{method:"PUT",headers:{"Content-Type":"application/json",accept:"application/ld+json"}}),e.parentId])),i=(0,n.zD)("posts/deleteComment",(async e=>[await l.S.post("/api/comments/"+e.commentId,{},{method:"DELETE"}),e.parentId])),m=(0,n.zD)("posts/changeComment",(async e=>(await l.S.post("/api/comments/"+e.commentId,e,{method:"PUT"})).post)),d=(0,n.Z0)({name:"comments",initialState:{comments:[],totalItems:0,userId:"no_owner",status:"idle",error:null},reducers:{removePosts(e,t){e.comments=[],e.totalItems=0,e.userId="no_owner",e.status="idle",e.error=null}},extraReducers:e=>{e.addCase(s.pending,(e=>{e.status="loading"})),e.addCase(o.pending,(e=>{e.status="loading"})),e.addCase(m.pending,(e=>{e.status="loading"})),e.addCase(s.fulfilled,((e,t)=>{e.status="succeeded",t.payload[2]?e.comments=t.payload[0]:e.comments=e.comments.concat(t.payload[0]),e.totalItems=t.payload[1]})),e.addCase(s.rejected,((e,t)=>{e.status="failed",e.error=t.payload})),e.addCase(o.rejected,((e,t)=>{e.status="failed",e.error=t.payload})),e.addCase(m.rejected,((e,t)=>{e.status="failed",e.error=t.payload})),e.addCase(c.fulfilled,((e,t)=>{const a=t.payload[1]?u(e.comments,t.payload[0]):p(e.comments,t.payload[0]);e.status="succeeded",e.comments=a})),e.addCase(r.pending,(e=>{e.status="loading"})),e.addCase(r.fulfilled,((e,t)=>{e.status="succeeded",e.userId=t.payload,e.totalItems=t.payload[1]})),e.addCase(r.rejected,((e,t)=>{e.status="failed",e.error=t.payload}))}}),u=(e,t)=>
1e.map((e=>(t.responseTo.id===e.id&&(e.responses=p(e.responses,t)),e))),p=(e,t)=>e.map((e=>{const a=[t].find((t=>{let{id:a}=t;return a===e.id}));return a||e})),{removePosts:h}=d.actions,g=d.reducer},6568:(e,t,a)=>{a.d(t,{C5:()=>d,E$:()=>c,LT:()=>i,Mg:()=>r,NV:()=>m,QD:()=>n,R0:()=>g,SF:()=>b,Si:()=>l,TK:()=>f,Y:()=>E,ZK:()=>h,bV:()=>o,mQ:()=>u,nI:()=>s,wk:()=>p});const n="TOGGLE_FILTER_VIEW",l="FETCH_RELEASES_BEGIN",r="FETCH_RELEASES_SUCCESS",s="FETCH_RELEASES_FAILURE",o="TOGGLE_RELEASE_VIEW",c="TOGGLE_SEARCH_SOON",i="TOGGLE_SEARCH_QUERY",m="TOGGLE_SEARCH_LABEL",d="TOGGLE_SEARCH_GENRE",u="TOGGLE_SEARCH_RANGE",p="TOGGLE_SEARCH_SCROLLING",h="SET_PRIVACY_CONSENT",g="CHECK_USER_BEGIN",f="CHECK_USER_SUCCESS",E="CHECK_USER_FAILURE",b="SET_CROPPER_DATA"}}]);
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.