Thank you for your interest in becoming an artist with Music Vine
\n
We receive a high volume of applications on a daily basis with a member of the team reviewing every application we receive. We will be in touch soon – but please allow up to 12 weeks for someone to respond.
\n
If you haven’t come across it already, we’d recommend you have a browse of our handy How It Works if you’d like to learn more about being an artist at Music Vine.
\n
\n
\n
\n
\n );\n }\n\n}\n\n","import React, { Component } from 'react';\nimport className from 'classnames';\n\n// eslint-disable-next-line react/prefer-stateless-function\nexport class PrePortfolioContent extends Component {\n\n render() {\n return (\n
\n
\n
\n
\n \n 1,\n })}\n name={'how'} value={this.props.how} onChange={this.props.handleChange}\n />\n {this.props.values.howError.length > 0 && ({'This is a required field'})}\n
\n );\n }\n}\n","import React, { Component } from 'react';\n// Notification pop up creator: https://github.com/teodosii\nimport 'react-notifications-component/dist/theme.css';\nimport { store } from 'react-notifications-component';\nimport {\n API,\n} from '../../constants';\nconst emailRegex = /^\\S+@\\S+\\.\\S+$/i;\nconst urlRegex = /[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)?/gi;\n\n\n// eslint-disable-next-line react/prefer-stateless-function\nexport default class ApplicationFormSubmission extends Component {\n constructor() {\n super();\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n CreateNotification(errorMessage) {\n store.addNotification({\n title: 'Form Incomplete!',\n message: ' ',\n type: 'danger',\n insert: 'top',\n container: 'top-center',\n customContent: 'danger-with-icon',\n animationIn: ['animated', 'fadeIn'],\n animationOut: ['animated', 'fadeOut'],\n dismiss: {\n duration: 3000,\n onScreen: false,\n },\n });\n }\n\n handleSubmit(event) {\n let errorCount = 0;\n let yErrorPos = 0;\n event.preventDefault();\n // If there is an error message for last name field or the field is empty\n if (this.props.values.firstName === '') {\n errorCount += 1;\n yErrorPos = document.getElementById('PersonalDetails').getBoundingClientRect().y;\n this.props.ChangeColor('firstName', 'error');\n } else {\n this.props.ChangeColor('firstName', 'valid');\n }\n\n // If there is an error message for last name field or the field is empty\n if (this.props.values.lastName === '') {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('PersonalDetails').getBoundingClientRect().y;\n }\n this.props.ChangeColor('lastName', 'error');\n } else {\n this.props.ChangeColor('lastName', 'valid');\n }\n // If there is an error message for email field or the field is empty\n if (this.props.values.email === '' || !emailRegex.test(this.props.values.email)) {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('PersonalDetails').getBoundingClientRect().y;\n }\n // If the email field is empty\n if (this.props.values.email === '') {\n // this.CreateNotification('Please tell us your email address ');\n this.props.ChangeColor('email', 'error', 'This is a required field');\n } else {\n // this.CreateNotification(this.props.errors.email);\n this.props.ChangeColor('email', 'error', 'Please enter a valid email address');\n }\n } else {\n this.props.ChangeColor('email', 'valid');\n }\n // If country is empty\n if (this.props.values.country === '') {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('LocationSelection').getBoundingClientRect().y;\n }\n // this.CreateNotification('Please select a country ');\n this.props.ChangeColor('country', 'error');\n } else {\n this.props.ChangeColor('country', 'valid');\n }\n // If there is an error message for how field or the field is empty\n if (this.props.values.how === '') {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('PrePortfolioContent').getBoundingClientRect().y;\n }\n // this.CreateNotification(this.props.errors.how);\n this.props.ChangeColor('how', 'error');\n } else {\n this.props.ChangeColor('how', 'valid');\n }\n // If there is an error message for why field or the field is empty\n if (this.props.values.why === '') {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('PrePortfolioContent').getBoundingClientRect().y;\n }\n // this.CreateNotification('Please tell us why you want to be a Music Vine artist ');\n this.props.ChangeColor('why', 'error');\n } else {\n this.props.ChangeColor('why', 'valid');\n }\n // If the field is empty\n if (this.props.values.styles === '') {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('PrePortfolioContent').getBoundingClientRect().y;\n }\n this.props.ChangeColor('styles', 'error');\n } else {\n this.props.ChangeColor('styles', 'valid');\n }\n\n // If there is an error message for sample1 field or the field is empty\n if (this.props.values.sample1 === '' || !this.props.values.sample1.match(urlRegex)) {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('PortfolioContent').getBoundingClientRect().y;\n }\n // If the artist name field is empty\n if (this.props.values.sample1 === '') {\n // this.CreateNotification('Please give us a link to your 5 best tracks ');\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('PortfolioContent').getBoundingClientRect().y;\n }\n this.props.ChangeColor('sample1', 'error', 'This is a required field');\n } else {\n this.props.ChangeColor('sample1', 'error', 'Please enter a valid URL');\n }\n } else {\n this.props.ChangeColor('sample1', 'valid');\n }\n\n if ( this.props.values.additionalSamples === \"Yes\" ) {\n\n // If there is an error message for sample1 field or the field is empty\n if (this.props.values.sample2 !== '' && !this.props.values.sample2.match(urlRegex)) {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('PortfolioContent').getBoundingClientRect().y;\n }\n // this.CreateNotification('Please give us a link to your 5 best tracks ');\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('PortfolioContent').getBoundingClientRect().y;\n }\n this.props.ChangeColor('sample2', 'error', 'Please enter a valid URL');\n }\n else {\n this.props.ChangeColor('sample2', 'valid');\n }\n\n // If there is an error message for sample1 field or the field is empty\n if (this.props.values.sample3 !== '' && !this.props.values.sample3.match(urlRegex)) {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('PortfolioContent').getBoundingClientRect().y;\n }\n // this.CreateNotification('Please give us a link to your 5 best tracks ');\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('PortfolioContent').getBoundingClientRect().y;\n }\n this.props.ChangeColor('sample3', 'error', 'Please enter a valid URL');\n } else {\n this.props.ChangeColor('sample3', 'valid');\n }\n\n\n }\n\n // has the applicant told us they are working with other platforms\n if (this.props.values.otherPlatforms === 'Yes') {\n // check that they have entered details\n if (this.props.values.otherPlatformDetails === '') {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('PortfolioContent').getBoundingClientRect().y;\n }\n // this.CreateNotification('Please tell us what other platforms you are working with ');\n this.props.ChangeColor('otherPlatformDetails', 'error');\n // return;\n }\n }\n if (this.props.values.otherPlatforms === '') {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('OtherPlatformsSelection').getBoundingClientRect().y;\n }\n this.props.ChangeColor('otherPlatforms', 'error');\n } else {\n this.props.ChangeColor('otherPlatforms', 'valid');\n }\n if (this.props.values.exclusivity === '') {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('ExclusivitySelection').getBoundingClientRect().y;\n }\n this.props.ChangeColor('exclusivity', 'error');\n } else {\n this.props.ChangeColor('exclusivity', 'valid');\n }\n if (this.props.values.licensingOption === '') {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('LicenseSelection').getBoundingClientRect().y;\n }\n this.props.ChangeColor('licensingOption', 'error');\n } else {\n this.props.ChangeColor('licensingOption', 'valid');\n }\n if (!this.props.values.privacyAgreement) {\n errorCount += 1;\n if (yErrorPos === 0) {\n yErrorPos = document.getElementById('ApplicationFormSubmission').getBoundingClientRect().y;\n }\n this.props.ChangeColor('privacyAgreement', 'error');\n } else {\n this.props.ChangeColor('privacyAgreement', 'valid');\n }\n if (errorCount > 0) {\n this.CreateNotification('Please complete the form');\n window.scrollTo(0, yErrorPos + window.scrollY);\n return;\n }\n\n const url = `${API}Application_Submission`;\n fetch(url, {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(this.props.values),\n }).then((r) => this.props.completeApplication());\n }\n\n render() {\n return (\n
\n \n {/* if the form is loaded form the contact page */}\n {this.props.ignorePreformContent === \"Yes\" && (\n
\n
Artist Application
\n {/*
\n Having launched mid 2015, Music Vine now represents some of the\n most esteemed and exciting production music artists in the world.\n Our growing client-base ranges from revered marketing agencies and\n global brands to independent filmmakers and hobbyists. We have an\n ambitious vision for the coming years and welcome applications\n from those looking for a licensing company which shares their\n passion for music, quality and a sustainable, prosperous music\n licensing landscape.\n
*/}\n
\n Thank you for your interest in joining Music Vine as an artist.\n Our applications are currently closed but we encourage you to\n check back periodically, as we may reopen them in the future.\n
\n
\n Please note: Until we reopen, artist application inquiries\n will not be considered or receive a response from our Customer\n Support team.\n
\n {/*
\n Important note - As advocates of fair payment for\n musicians and a sustainable licensing industry,{\" \"}\n \n we are unable to work with artists that are associated with\n licensing platforms operating a one-size-fits-all subscription\n model\n \n . We share this policy with numerous other respected licensing\n companies.{\" \"}\n \n Our CEO has published an open letter on this matter\n \n .\n
\n
\n Essential reading before applying\n
\n
\n Before completing the application form below, please read through\n our How It Works page\n to ensure your work is suitable for Music Vine.\n
\n
We look forward to receiving your application!
*/}\n
\n )}\n {/* if the form is loaded from the index page */}\n {/* {this.props.showPreformContent === 'Yes' && (
Join an acclaimed platform which celebrates expressive, authentic music with exceptional production values.
\n \n
Having launched mid 2015, Music Vine now represents some of the most esteemed and exciting production music artists in the world. Our growing client-base ranges from revered marketing agencies and global brands to independent filmmakers and hobbyists. We have an ambitious vision for the coming years and welcome applications from those looking for a licensing company which shares their passion for music, quality and a sustainable, prosperous music licensing landscape.
\n
Important note - As advocates of fair payment for musicians and a sustainable licensing industry, we are unable to work with artists that are associated with licensing platforms operating a one-size-fits-all subscription model. We share this policy with numerous other respected licensing companies. Our CEO has published an open letter on this matter.
\n
Essential reading before applying
\n
Before completing the application form below, please read through our How It Works page to ensure your work is suitable for Music Vine.
\n
We look forward to receiving your application!
\n
\n
\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport className from 'classnames';\n// eslint-disable-next-line react/prefer-stateless-function\nexport default class AdditionalSamples extends Component {\n\n render() {\n return (\n
\n
\n
\n \n 1,\n })}\n name=\"sample2\" type=\"text\" placeholder=\"Do not use time-limited services such as WeTransfer\"\n autoComplete=\"off\" onChange={this.props.handleChange} value={this.props.values.sample2}\n />\n {this.props.values.sample2Error.length > 0 && ({this.props.values.sample2Error})}\n
\n
\n
\n
\n \n 1,\n })}\n name=\"sample3\" type=\"text\" placeholder=\"Do not use time-limited services such as WeTransfer\"\n autoComplete=\"off\" onChange={this.props.handleChange} value={this.props.values.sample3}\n />\n {this.props.values.sample3Error.length > 0 && ({this.props.values.sample3Error})}\n\n
\n
\n
\n );\n }\n}\n\n","import React, { Component } from 'react';\nimport className from 'classnames';\nimport AdditionalSamples from './AdditionalSamples';\n// eslint-disable-next-line react/prefer-stateless-function\nexport default class PortfolioContent extends Component {\n render() {\n return (\n
\n
\n
\n \n 1,\n })}\n name=\"sample1\" type=\"text\" placeholder=\"Do not use time-limited services such as WeTransfer\"\n value={this.props.values.sample1} onChange={this.props.handleChange}\n autoComplete=\"off\"\n />\n {this.props.values.sample1Error.length > 0 && ({this.props.values.sample1Error})}\n