\n
\n \n \n Организаторы\n \n\n \n
\n \n \n
\n \n\n \n
\n \n \n \n
\n);\n\nSpeaker.propTypes = {\n number: PropTypes.string.isRequired,\n image: PropTypes.string,\n fullname: PropTypes.string.isRequired,\n about: PropTypes.string,\n topic: PropTypes.string\n};\n\nSpeaker.defaultProps = {\n image: null,\n about: null,\n topic: null\n};\n\nconst SpeakersList = ({ speakers }) => (\n \n
\n\n \n {number}\n
\n )}\n \n {fullname}\n
\n\n {!!about && (\n\n {about}\n
\n )}\n\n {!!topic && (\n\n {topic}\n
\n )}\n\n
\n );\n }}\n />\n);\n\nCampImage.propTypes = {\n image: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired\n};\n\nconst CampsCarousel = ({ camps }) => (\n \n ![]()
\n
\n\n \n {title}\n
\n \n {children}\n
\n);\n\nErrorMessage.propTypes = {\n className: PropTypes.string,\n children: PropTypes.any\n};\n\nErrorMessage.defaultProps = {\n className: '',\n children: null\n};\n\nexport default ErrorMessage;\n","import React from 'react';\nimport Dropzone from 'react-dropzone';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport ErrorMessage from '../ErrorMessage';\n\nimport style from './FileField.module.scss';\n\nconst FileField = ({\n className,\n error,\n accept,\n label,\n onDrop\n}) => (\n \n \n {({\n getRootProps,\n getInputProps,\n isDragAccept,\n isDragReject,\n isDragActive\n }) => (\n event.preventDefault()\n })}\n >\n \n\n {label}\n
\n )}\n \n\n {(!!error) && (\n \n {renderControlResult(selected || null)}\n\n \n {options.map(option => (\n \n {renderOption(option)}\n \n ))}\n \n\n \n
\n );\n};\n\nSelectField.propTypes = {\n id: PropTypes.string,\n name: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.shape({\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number\n ]),\n label: PropTypes.string\n })),\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number\n ]),\n className: PropTypes.string,\n renderControl: PropTypes.func,\n renderOption: PropTypes.func,\n onChange: PropTypes.func\n};\n\nSelectField.defaultProps = {\n id: null,\n name: null,\n options: [],\n value: '',\n className: null,\n renderControl: null,\n renderOption: getOptionLabelText,\n onChange: noop\n};\n\nexport default memo(SelectField);\n","/* eslint-disable jsx-a11y/label-has-for */\nimport React from 'react';\nimport cn from 'classnames';\nimport PropTypes from 'prop-types';\nimport InputMask from 'react-input-mask';\n\nimport ErrorMessage from '../ErrorMessage';\n\nimport style from './styles.module.scss';\n\nconst TextField = ({\n className,\n error,\n name,\n mask,\n notice,\n ...otherProps\n}) => {\n const inputProps = {\n id: `field-${name}`,\n className: cn(style.input, {\n [style.error]: !!error\n }),\n name,\n type: 'text',\n ...otherProps\n };\n\n return (\n \n {(!mask) && (\n \n )}\n\n {(!!mask) && (\n \n {error}\n \n )}\n
\n );\n};\n\nTextField.propTypes = {\n className: PropTypes.string,\n error: PropTypes.string,\n name: PropTypes.string.isRequired,\n mask: PropTypes.string,\n notice: PropTypes.string\n};\n\nTextField.defaultProps = {\n className: '',\n error: '',\n mask: null,\n notice: null\n};\n\nexport default TextField;\n","/* eslint-disable jsx-a11y/label-has-for */\nimport React from 'react';\nimport cn from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport ErrorMessage from '../ErrorMessage';\n\nimport style from './styles.module.scss';\n\nconst TextArea = ({\n className,\n error,\n name,\n notice,\n ...otherProps\n}) => {\n const inputProps = {\n id: `field-${name}`,\n className: cn(style.input, style.textarea, {\n [style.error]: !!error\n }),\n name,\n ...otherProps\n };\n\n return (\n \n {notice}\n
\n )}\n\n {(!!error) && (\n\n \n\n {(!!notice) && (\n \n {error}\n \n )}\n
\n );\n};\n\nTextArea.propTypes = {\n className: PropTypes.string,\n error: PropTypes.string,\n name: PropTypes.string.isRequired,\n notice: PropTypes.string\n};\n\nTextArea.defaultProps = {\n className: '',\n error: '',\n notice: null\n};\n\nexport default TextArea;\n","/* eslint-disable no-unused-vars, quote-props */\nimport React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\n\nimport TextField from './TextField';\n\nclass PhoneField extends PureComponent {\n beforeMaskedValueChange = (newState, oldState, userInput) => {\n let { value, selection } = newState;\n let cursorPosition = selection ? selection.start : null;\n\n if (userInput === '8' && cursorPosition === 1) {\n value = `+7${value.slice(1)}`;\n\n cursorPosition += 1;\n\n selection = {\n start: cursorPosition,\n end: cursorPosition\n };\n }\n\n return { value, selection };\n };\n\n render() {\n const {\n value,\n onChange,\n ...props\n } = this.props;\n\n return (\n \n {notice}\n
\n )}\n\n {(!!error) && (\n\n
\n);\n\nconst defaultState = {\n fetching: false,\n success: null,\n errors: {},\n\n uid: '',\n roles: [],\n firstName: '',\n lastName: '',\n age: '',\n phone: '',\n email: '',\n city: '',\n bestWork: '',\n bestWorkRole: '',\n about: '',\n portfolio: '',\n trackLanguage: '',\n social: '',\n vkontakteUrl: '',\n instagramUrl: '',\n photo: null,\n team: null,\n canCreateVocals: false,\n isReadyToTravel: false,\n isFamiliarWithCopyrightLaw: false,\n isAvailableForCollaboration: false,\n isAgreeForEverysongExclusives: false,\n isReadyToEntranceFee: false\n};\n\nclass RegistrationForm extends PureComponent {\n state = { ...defaultState };\n\n validate = () => Object.keys(validators).reduce((errors, field) => {\n const value = this.state[field];\n\n const rules = Array.isArray(validators[field])\n ? validators[field]\n : [validators[field]];\n\n const rule = rules.find(r => !r.check(value));\n\n if (rule) {\n return {\n ...errors,\n [field]: rule.message\n };\n }\n\n return errors;\n }, {});\n\n validateField = name => this.setState((state) => {\n const errors = { ...state.errors };\n const value = state[name];\n const fieldValidator = validators[name];\n\n if (!fieldValidator) {\n return null;\n }\n\n const rules = Array.isArray(validators[name])\n ? validators[name]\n : [validators[name]];\n\n const rule = rules.find(r => !r.check(value));\n\n if (rule) {\n errors[name] = rule.message;\n } else {\n delete errors[name];\n }\n\n return { errors };\n });\n\n onFocus = ({ target: { name } }) => this.setState((state) => {\n const errors = { ...state.errors };\n delete errors[name];\n this.setState({ errors });\n });\n\n onBlur = (event) => {\n this.validateField(event.target.name);\n };\n\n onSubmit = (event) => {\n event.preventDefault();\n\n if (this.state.fetching) {\n return;\n }\n\n const validationErrors = this.validate();\n this.setState({ errors: validationErrors });\n\n if (Object.keys(validationErrors).length) {\n return;\n }\n\n this.setState({ fetching: true });\n\n const data = {\n roles: this.state.roles,\n firstName: this.state.firstName,\n lastName: this.state.lastName,\n age: this.state.age,\n phone: this.state.phone,\n email: this.state.email,\n city: this.state.city,\n bestWork: this.state.bestWork,\n bestWorkRole: this.state.bestWorkRole,\n about: this.state.about,\n portfolio: this.state.portfolio,\n trackLanguage: this.state.trackLanguage,\n social: this.state.social,\n vkontakteUrl: this.state.vkontakteUrl,\n instagramUrl: this.state.instagramUrl,\n team: this.state.team,\n canCreateVocals: this.state.canCreateVocals,\n isReadyToTravel: this.state.isReadyToTravel,\n isFamiliarWithCopyrightLaw: this.state.isFamiliarWithCopyrightLaw,\n isAvailableForCollaboration: this.state.isAvailableForCollaboration,\n isAgreeForEverysongExclusives: this.state.isAgreeForEverysongExclusives,\n isReadyToEntranceFee: this.state.isReadyToEntranceFee\n };\n\n register(data)\n .then(({ uid }) => this.setState({\n uid,\n fetching: false\n }, this.sendPhoto))\n .catch(errors => this.setState({\n fetching: false,\n errors: { ...errors }\n }));\n };\n\n sendPhoto = () => {\n const { uid, photo } = this.state;\n\n this.setState({\n fetching: true\n });\n\n return setPhoto(uid, photo)\n .then(() => this.setState(state => ({\n ...defaultState,\n success: state.email\n }), this.onSuccess))\n .catch(errors => this.setState({\n fetching: false,\n errors: { ...errors }\n }));\n };\n\n onSuccess = () => setTimeout(() => {\n scrollToElement('block-registration');\n }, 100);\n\n onRoleChange = role => this.setState((state) => {\n const roles = [...state.roles];\n const index = roles.indexOf(role);\n\n if (index > -1) {\n roles.splice(index, 1);\n } else {\n roles.push(role);\n }\n\n return { roles };\n }, () => {\n this.validateField('roles');\n });\n\n onTeamSelect = value => this.setState(state => ({\n ...state,\n team: value\n }));\n\n onTextFieldChange = ({ target }) => this.setState({\n [target.name]: target.value\n });\n\n onCheckboxFieldChange = ({ target }) => this.setState({\n [target.name]: !!target.checked\n });\n\n onFileDrop = ([photo]) => this.setState({\n photo\n }, () => {\n this.validateField('photo');\n });\n\n render() {\n const {\n fetching,\n success,\n errors,\n\n roles,\n firstName,\n lastName,\n age,\n phone,\n email,\n city,\n bestWork,\n bestWorkRole,\n about,\n portfolio,\n trackLanguage,\n social,\n vkontakteUrl,\n instagramUrl,\n photo,\n team,\n canCreateVocals,\n isReadyToTravel,\n isFamiliarWithCopyrightLaw,\n isAvailableForCollaboration,\n isAgreeForEverysongExclusives,\n isReadyToEntranceFee\n } = this.state;\n\n const {\n roleOptions,\n teamOptions\n } = this.props;\n\n if (success) {\n return \n Спасибо за заявку!\n
\n\n\n Мы ответим вам в 2021 году\n
\n\n \n
\n );\n }\n}\n\nRegistrationForm.propTypes = {\n roleOptions: PropTypes.array.isRequired,\n teamOptions: PropTypes.array.isRequired\n};\n\nexport default RegistrationForm;\n","import React, { useEffect, useState } from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\n\nimport { getAvailableTeams, getRoles } from '../../api';\nimport Title from '../../components/Title';\nimport RegistrationForm from './RegistrationForm';\n\nimport style from './Registration.module.scss';\n\nconst toOptions = (items) => {\n const options = items.map(item => ({\n label: item.name,\n value: item.id\n }));\n\n return [\n { label: 'Не выбрано', value: null },\n ...options\n ];\n};\n\nconst Registration = () => {\n const [roles, setRoles] = useState([]);\n const [teams, setTeams] = useState([]);\n\n useEffect(() => {\n getRoles().then(setRoles);\n getAvailableTeams().then(items => setTeams(toOptions(items)));\n }, []);\n\n return (\n \n Анкета на участие в Songwriting Camp ’21.\n
\n\n\n Вы можете подать заявку на участие в команде на 2021 год.\n
\n \n\n\n
\n\n \n Организаторы\n
\n\n\n {person},\n\n
\n\n\n {phone}\n \n\n
\n\n\n {email}\n \n
\n \n\n
\n\n
\n \n instagram\n \n\n
\n\n\n vkontakte\n \n
\n \n\n \n Социальные сети\n
\n\n\n\n
\n
\n\n \n {place}
{address}\n
\n \n \n \n \n \n \n\n \n \n \n
\n \n);\n\nPlayButton.propTypes = {\n className: PropTypes.string\n};\n\nPlayButton.defaultProps = {\n className: ''\n};\n\nexport default PlayButton;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Img from 'gatsby-image';\nimport {\n Container, Col, Row, Visible, Hidden\n} from 'react-grid-system';\n\nimport Modal from '../../components/Modal';\nimport PlayButton from '../../components/PlayButton';\n\nimport style from './Networking.module.scss';\n\nconst Networking = ({\n preview,\n videoId\n}) => {\n const [open, setOpen] = useState(false);\n\n return (\n \n \n \n \n \n \n
\n \n\n {(open) && (\n setOpen(false)}\n >\n \n \n \n )}\n
\n );\n};\n\nNetworking.propTypes = {\n preview: PropTypes.object.isRequired,\n videoId: PropTypes.string.isRequired\n};\n\nexport default Networking;\n","import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\n\nimport NetworkingTemplate from './Networking';\n\nconst Networking = () => {\n const data = useStaticQuery(graphql`\n query {\n preview: file(relativePath: { eq: \"networking.png\" }) {\n childImageSharp {\n fluid(maxWidth: 610) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n yaml: allDataYaml(filter: { block: { eq: \"networking\" } }) {\n edges {\n node {\n videoId\n }\n }\n }\n }\n `);\n\n return (\n \n \n \n\n \n \n\n \n \n
\n \n\n \n Нетворкинг\n
\n \n тренды\n
\n \n setOpen(true)} />\n
\n\n \n Нетворкинг\n
\n\n \n творчество\n
\n \n Участвовать могут все\n
\n \n \n
\n \n
\n );\n }}\n />\n);\n\nSongStoryImage.propTypes = {\n image: PropTypes.string.isRequired,\n date: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired\n};\n\nconst SongStoryCarousel = ({ slides }) => (\n \n ![]()
\n
\n\n \n \n {date}\n \n\n
\n \n \n \n <span className={style.outlineText}>\n {titleOutline}\n </span>\n\n {` ${titleSolid}`}\n \n\n \n
\n);\n\nSongStory.propTypes = {\n titleOutline: PropTypes.string.isRequired,\n titleSolid: PropTypes.string.isRequired,\n slides: PropTypes.array.isRequired\n};\n\nexport default SongStory;\n","import React from 'react';\nimport { useStaticQuery, graphql } from 'gatsby';\n\nimport SongStory from './SongStory';\n\nexport default () => {\n const data = useStaticQuery(graphql`\n query {\n yaml: allDataYaml(filter: { block: { eq: \"song-story\" } }) {\n edges {\n node {\n titleOutline\n titleSolid\n slides {\n image\n date\n title\n }\n }\n }\n }\n }\n `);\n\n const {\n titleOutline,\n titleSolid,\n slides\n } = data.yaml.edges[0].node;\n\n return (\n \n \n \n\n {(open) && (\n setOpen(false)}\n >\n \n \n \n )}\n
\n );\n};\n\nPromoVideo.propTypes = {\n preview: PropTypes.object.isRequired,\n videoId: PropTypes.string.isRequired\n};\n\nexport default PromoVideo;\n","import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\n\nimport PromoVideoTemplate from './PromoVideo';\n\nconst PromoVideo = () => {\n const data = useStaticQuery(graphql`\n query {\n preview: file(relativePath: { eq: \"promo-video.jpg\" }) {\n childImageSharp {\n fluid(maxWidth: 1280) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n yaml: allDataYaml(filter: { block: { eq: \"promo-video\" } }) {\n edges {\n node {\n videoId\n }\n }\n }\n }\n `);\n\n return (\n \n setOpen(true)} />\n
\n \n \n
\n \n
\n \n \n Участвовать в 2021 году\n \n
\n Прием заявок на участие в Songwriting Camp ’20 завершен.
\nВы можете подать заявку на участие в команде на 2021 год.
\n\nLoading (StaticQuery)
\n }\n }}\n \n {children}\n
\n \n);\n\nButtonLink.propTypes = {\n linkStyle: PropTypes.oneOf([\n 'outlineWhite',\n 'outlineRed',\n 'solidRed'\n ]),\n size: PropTypes.oneOf([\n 'md',\n 'lg'\n ]),\n block: PropTypes.bool,\n className: PropTypes.string,\n children: PropTypes.node\n};\n\nButtonLink.defaultProps = {\n className: '',\n linkStyle: 'outlineWhite',\n size: 'md',\n block: false,\n children: null\n};\n\nexport default ButtonLink;\n","import Button from './Button';\nimport ButtonLink from './ButtonLink';\n\nexport {\n Button as default,\n ButtonLink\n};\n","import React from 'react';\nimport { Container, Row, Col } from 'react-grid-system';\n\nimport { EverysongLogoImage } from '../Images';\n\nimport style from './Footer.module.scss';\n\nconst Footer = () => (\n \n \n \n
\n \n
\n);\n\nexport default Footer;\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport InternalPageRenderer from \"./page-renderer\"\nimport loader from \"./loader\"\n\nconst ProdPageRenderer = ({ location }) => {\n const pageResources = loader.getResourcesForPathnameSync(location.pathname)\n if (!pageResources) {\n return null\n }\n\n return React.createElement(InternalPageRenderer, {\n location,\n pageResources,\n ...pageResources.json,\n })\n}\n\nProdPageRenderer.propTypes = {\n location: PropTypes.shape({\n pathname: PropTypes.string.isRequired,\n }).isRequired,\n}\n\nexport default ProdPageRenderer\n","import React from 'react';\nimport {\n Row, Col, Container, Hidden\n} from 'react-grid-system';\nimport PropTypes from 'prop-types';\n\nimport { EverysongLogoImage } from '../Images';\nimport { ButtonLink } from '../Button';\n\nimport style from './Header.module.scss';\n\nconst Header = ({\n date,\n isMainPage\n}) => (\n \n
\n \n\n \n
\n \n © 2009 - 2020 Everysong ОГРНИП 318547600168972
\n\n Продюсер проекта:\n {' '}\n
\n \n \n \n \n \n\n {!isMainPage && (\n \n
\n \n )}\n
\n \n
\n);\n\nHeader.propTypes = {\n isMainPage: PropTypes.bool,\n date: PropTypes.string.isRequired\n};\n\nHeader.defaultProps = {\n isMainPage: false\n};\n\nexport default Header;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport style from './Checkbox.module.scss';\n\nconst Checkbox = ({\n className,\n children,\n checked,\n name,\n ...props\n}) => (\n \n {date}\n
\n \n \n \n На главную\n \n
\n