\r\n \r\n {this.props.children}\r\n
\r\n \r\n \r\n {this.props.children}\r\n
\r\n );\r\n }\r\n}\r\nexport default Page;\r\n","import logo1x from \"./imgs/logo.png\";\r\nimport logo2x from \"./imgs/logo@2x.png\";\r\nimport logo3x from \"./imgs/logo@3x.png\";\r\nimport microphone1x from \"./imgs/microphone.png\";\r\nimport microphone2x from \"./imgs/microphone@2x.png\";\r\nimport microphone3x from \"./imgs/microphone@3x.png\";\r\nfunction getSrcSet(im1, im2, im3) {\r\n return { src: im1, set: `${im1} 640w,${im2} 750w,${im3} 1080w` };\r\n}\r\n\r\nconst logo = getSrcSet(logo1x, logo2x, logo3x);\r\nconst microphone = getSrcSet(microphone1x, microphone2x, microphone3x);\r\n\r\nexport { microphone, logo };\r\n","import React, { Component } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport Page from \"./page\";\r\nimport { logo } from \"../images\";\r\nimport \"../scss/pages/home.scss\";\r\nclass Home extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {content.title}
\r\n \r\n {content.content}\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n {\" \"}\r\n Örnek Anlatım İçin Tıklayınız!\r\n \r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n
\r\n {howjoin.title}
\r\n\r\n
\r\n \r\n 
\r\n
\r\n {howjoin.content.watch.title}
\r\n {howjoin.content.watch.content}\r\n\r\n 
\r\n
\r\n {howjoin.content.save.title}
\r\n {howjoin.content.save.content}\r\n\r\n 
\r\n
\r\n {howjoin.content.upload.title}
\r\n {howjoin.content.upload.content}\r\n ev.stopPropagation()} className=\"modal-content\">\r\n {props.children}\r\n
\r\n \r\n );\r\n};\r\n\r\nlet Loader = props => {\r\n return ;\r\n};\r\n\r\nclass ModalContainer extends Component {\r\n constructor(props) {\r\n super(props);\r\n container = this;\r\n this.state = {\r\n modals: [],\r\n loader: false\r\n };\r\n }\r\n add = modal => {\r\n var modals = [...this.state.modals, modal];\r\n this.setState({ modals });\r\n };\r\n remove = modal => {\r\n var modals = [...this.state.modals];\r\n let index = modals.indexOf(modal);\r\n if (index >= 0) modals.splice(index, 1);\r\n this.setState({ modals });\r\n };\r\n removeAll = () => {\r\n this.setState({ modals: [] });\r\n };\r\n openLoader = () => {\r\n this.setState({ loader: true });\r\n };\r\n closeLoader = () => {\r\n this.setState({ loader: false });\r\n };\r\n render() {\r\n return (\r\n \r\n {this.state.modals.map((item, index) => {\r\n let Comp = item.component;\r\n return (\r\n {\r\n if (item.options.outerClose) this.remove(item);\r\n }}\r\n className={classNames(item.className, `modal-${index}`)}\r\n >\r\n
\r\n {this.state.loader ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default VideoPlayer;*/\r\n\r\n//bitmovin\r\n/*\r\nimport { Player } from \"bitmovin-player\";\r\nvar bitmovinConfig = {\r\n key: \"047ddde8-7d3f-4355-959a-4dc51ec5b10e\"\r\n};\r\nclass BitmovinPlayer extends React.Component {\r\n state = {\r\n player: null\r\n };\r\n playerConfig = {\r\n key: \"047ddde8-7d3f-4355-959a-4dc51ec5b10e\"\r\n };\r\n componentDidMount() {\r\n this.setupPlayer();\r\n }\r\n componentWillUnmount() {\r\n this.destroyPlayer();\r\n }\r\n setupPlayer = p => {\r\n if (!p || this.state.player) return;\r\n const player = new Player(p, this.playerConfig);\r\n player\r\n .load({\r\n progressive: this.props.url,\r\n poster: this.props.poster\r\n })\r\n .then(\r\n () => {\r\n this.setState({\r\n ...this.state,\r\n player\r\n });\r\n player.play();\r\n console.log(\"Successfully loaded source\");\r\n },\r\n () => {\r\n console.log(\"Error while loading source\");\r\n }\r\n );\r\n };\r\n destroyPlayer = () => {\r\n if (this.state.player != null) {\r\n this.state.player.destroy();\r\n this.setState({\r\n ...this.state,\r\n player: null\r\n });\r\n }\r\n };\r\n render() {\r\n return this.setupPlayer(ref)} />;\r\n }\r\n}\r\n\r\nexport default BitmovinPlayer;*/\r\nimport { Player } from \"video-react\";\r\nimport \"video-react/styles/scss/video-react.scss\"; // or import scss\r\n\r\nexport default props => {\r\n var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\r\n if (iOS)\r\n return (\r\n \r\n );\r\n return \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default SelectVideo;\r\n","var characters =\r\n \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\r\n\r\nexport default function makeid(length, chars = characters) {\r\n var result = \"\";\r\n\r\n var charactersLength = chars.length;\r\n for (var i = 0; i < length; i++) {\r\n result += chars.charAt(Math.floor(Math.random() * charactersLength));\r\n }\r\n return result;\r\n}\r\n","import React, { Component } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport \"../../scss/components/label-textbox.scss\";\r\nimport randKey from \"../../libs/randkey\";\r\nimport DatePicker, { registerLocale } from \"react-datepicker\";\r\nimport tr from \"date-fns/locale/tr\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\n\r\nregisterLocale(\"tr\", tr);\r\nclass LabelTexbox extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { top: props.value };\r\n this.id = this.props.id ? this.props.id : randKey();\r\n }\r\n control = () => {\r\n var oldS = this.state.top;\r\n var newS = this.state.focus || this.props.value;\r\n if (newS !== oldS) this.setState({ top: newS });\r\n };\r\n setFocus = (focused) => {\r\n this.setState({ focus: focused }, () => {\r\n this.control();\r\n });\r\n };\r\n componentWillReceiveProps(next) {\r\n this.control();\r\n }\r\n getLabel = () => {\r\n return !this.props.error || this.state.top\r\n ? this.props.label\r\n : this.props.error;\r\n };\r\n render() {\r\n return (\r\n \r\n \r\n {this.getLabel()}\r\n \r\n {this.props.type === \"date\" ? (\r\n this.setFocus(true)}\r\n dateFormat={\"dd.MM.yyyy\"}\r\n locale={\"tr\"}\r\n onBlur={() => {\r\n this.setFocus(false);\r\n }}\r\n />\r\n ) : (\r\n this.setFocus(true)}\r\n onBlur={() => {\r\n this.setFocus(false);\r\n }}\r\n />\r\n )}{\" \"}\r\n
\r\n );\r\n }\r\n}\r\n\r\nLabelTexbox.defaultProps = {\r\n type: \"text\",\r\n};\r\nexport default LabelTexbox;\r\n","import React, { Component } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport \"../../scss/components/checkbox.scss\";\r\nimport checkImg from \"./check.svg\";\r\nclass Checkbox extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n {selectvideo.title}
\r\n\r\n {videos.map((item, index) => {\r\n return (\r\n
\r\n \r\n this.openVideo(item)}\r\n poster={item.poster}\r\n />\r\n
\r\n );\r\n })}\r\n \r\n this.props.onChange(!this.props.checked)}\r\n >\r\n 
\r\n \r\n \r\n {this.props.children}\r\n \r\n
\r\n );\r\n }\r\n}\r\nCheckbox.defaultPros = {\r\n onChange: () => {}\r\n};\r\nexport default Checkbox;\r\n","import React from \"react\";\r\nimport \"../../scss/components/modalMessage.scss\";\r\nimport { terms, kvkkRules } from \"../../config/texts.json\";\r\n\r\nconst ModalMessage = props => {\r\n return (\r\n {terms.title}
\r\n{terms.textA}
\r\n\r\n {terms.textB.map((item, index) => {\r\n return
\r\n \r\n ) : (\r\n <>\r\n {item}
;\r\n })}\r\n{kvkkRules.title}
\r\n{kvkkRules.textA}
\r\n{kvkkRules.textB}
\r\n \r\n )}\r\nLütfen telefonunuza gelen doğrulama kodunu giriniz
\r\n{this.props.message}
\r\n\r\n \r\n {firstDate > new Date() ? (\r\n \r\n Başvurular{\" \"}\r\n {moment(firstDate).lang(\"tr\").format(\"DD MMMM YYYY HH:mm\")}{\" \"}\r\n itibariyle başlayacaktır.\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {lastDate < new Date() ? (\r\n \r\n Başvurular{\" \"}\r\n {moment(lastDate).lang(\"tr\").format(\"DD MMMM YYYY HH:mm\")}{\" \"}\r\n itibariyle sona ermiştir.\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n İlginiz için teşekkür ederiz.\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ClosedModal;\r\n","import React, { Component } from \"react\";\r\nimport Page from \"./gradientback\";\r\nimport \"../scss/pages/join.scss\";\r\nimport LabelTextbox from \"../components/labeltextbox\";\r\nimport Checkbox from \"../components/checkbox\";\r\nimport ModalMessage from \"../components/modal/modalMessage\";\r\nimport SmsModal from \"../components/modals/smsmodal\";\r\nimport MessageModal from \"../components/modals/messagemodal\";\r\nimport GreChapcha from \"../libs/grechapcha\";\r\nimport { seasonStart, seasonEnd } from \"../config/settings.json\";\r\nimport {\r\n ModalModel,\r\n addModal,\r\n removeAll,\r\n openLoader,\r\n closeLoader,\r\n} from \"../components/modal\";\r\nimport { join } from \"../config/texts.json\";\r\nimport classNames from \"classnames\";\r\nimport settings from \"../config/settings.json\";\r\nimport moment from \"moment\";\r\nimport ClosedModal from \"../components/closedmodal\";\r\nimport cities from \"../config/cities.json\";\r\nvar firstDate = new Date(seasonStart);\r\nvar lastDate = new Date(seasonEnd);\r\nvar grechapcha = new GreChapcha(settings.recaptchaSiteKey);\r\nlet replaceNames = {\r\n name: \"FullName\",\r\n birth: \"BirthDate\",\r\n // sex: \"Gender\",\r\n tckn: \"IdentityNumber\",\r\n email: \"Email\",\r\n phone: \"PhoneNumber\",\r\n code: \"Code\",\r\n file: \"File\",\r\n city: \"city\",\r\n};\r\nlet defaults = {};\r\nif (!process.env.NODE_ENV || process.env.NODE_ENV === \"development\") {\r\n defaults = {\r\n name: \"asd asdsadsad\",\r\n birth: new Date(1990, 1, 1),\r\n // sex: 1,\r\n email: \"a@bccc.com\",\r\n phone: \"05439189856\",\r\n tckn: \"46243040014\",\r\n cond: true,\r\n kvkk: true,\r\n };\r\n}\r\nvar errorController = {\r\n name: (name) => {\r\n var keys = name.split(\" \");\r\n if (keys.length === 1) return \"İsim kısmı en az 2 kelimeden oluşmalı!\";\r\n if (keys.find((item) => item.length < 2)) return \"En az 2 harf olmalı\";\r\n },\r\n birth: (birth) => {\r\n if (!birth) return \"Zorunlu!\";\r\n },\r\n // sex: sex => {\r\n // if (!sex) return \"Zorunlu!\";\r\n // },\r\n tckn: (tcno) => {\r\n if (!tcno || tcno.length < 11) return \"Zorunlu!\";\r\n var sum;\r\n sum =\r\n Number(tcno.substring(0, 1)) +\r\n Number(tcno.substring(1, 2)) +\r\n Number(tcno.substring(2, 3)) +\r\n Number(tcno.substring(3, 4)) +\r\n Number(tcno.substring(4, 5)) +\r\n Number(tcno.substring(5, 6)) +\r\n Number(tcno.substring(6, 7)) +\r\n Number(tcno.substring(7, 8)) +\r\n Number(tcno.substring(8, 9)) +\r\n Number(tcno.substring(9, 10));\r\n var strsum = String(sum);\r\n var eleven = strsum.substring(strsum.length, strsum.length - 1);\r\n\r\n if (eleven === tcno.substring(10, 11)) {\r\n return undefined;\r\n } else {\r\n return \"Hatalı TCKN\";\r\n }\r\n },\r\n email: (email) => {\r\n if (!email) return \"Zorunlu!\";\r\n var re = /^(([^<>()\\[\\]\\\\.,;:\\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,}))$/;\r\n var res = re.test(String(email).toLowerCase());\r\n if (!res) return \"Hatalı Email!\";\r\n },\r\n phone: (phone) => {\r\n if (!phone) return \"Zorunlu!\";\r\n var re = /(05){1}((0)|(3)|(4)|(5)){1}([0-9]){8}/g;\r\n if (!re.test(phone)) return \"Hatalı Telefon!\";\r\n\r\n return undefined;\r\n },\r\n file: (file) => {\r\n if (!file) return \"Zorunlu!\";\r\n if (file.size / 1024 / 1024 > settings.maxVideoSize)\r\n return `Maksimum dosya boyutu: ${settings.maxVideoSize}MB`;\r\n },\r\n cond: (val) => {\r\n return !val ? \"Zorunlu!\" : undefined;\r\n },\r\n kvkk: (val) => {\r\n return !val ? \"Zorunlu!\" : undefined;\r\n },\r\n city: (val) => {\r\n return !val ? \"Zorunlu!\" : undefined;\r\n },\r\n};\r\nclass Join extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n ...{\r\n name: \"\",\r\n birth: \"\",\r\n // sex: 0,\r\n email: \"\",\r\n phone: \"\",\r\n //phone: \"\",\r\n tckn: \"\",\r\n file: undefined,\r\n cond: false,\r\n kvkk: false,\r\n city: undefined,\r\n closed: lastDate < new Date() || firstDate > new Date(),\r\n error: {},\r\n },\r\n ...defaults,\r\n };\r\n var diff = lastDate - new Date();\r\n if (diff > 0 && diff < 1000 * 60 * 60 * 24 * 3)\r\n setTimeout(() => {\r\n this.setState({ closed: true });\r\n }, diff);\r\n //addModal(new ModalModel(SmsModal));\r\n }\r\n onSend = async (code) => {\r\n if (this.state.closed) return;\r\n\r\n var token = await grechapcha.run(\"create\");\r\n let data = new FormData();\r\n this.setState({ code }, () => {\r\n for (var key of Object.keys(replaceNames)) {\r\n if (key === \"birth\") {\r\n data.append(\r\n replaceNames[key],\r\n moment(this.state[key]).format(\"YYYY-MM-DD\")\r\n );\r\n } else data.append(replaceNames[key], this.state[key]);\r\n }\r\n data.set(\"g-recaptcha-response\", token);\r\n openLoader();\r\n fetch(`${settings.origin}/${settings.createSpeaker}`, {\r\n method: \"post\",\r\n body: data,\r\n headers: {\r\n //\"Access-Control-Allow-Origin\": \"*\"\r\n },\r\n })\r\n .then((resp) => {\r\n closeLoader();\r\n return resp.json();\r\n })\r\n .then((data) => {\r\n if (data.success) {\r\n this.openMessage(join.success, true);\r\n this.setState({\r\n name: \"\",\r\n birth: \"\",\r\n // sex: 0,\r\n email: \"\",\r\n phone: \"\",\r\n //phone: \"\",\r\n tckn: \"\",\r\n // file: undefined,\r\n cond: false,\r\n kvkk: false,\r\n });\r\n } else this.openMessage(data.errors[0].description, false);\r\n })\r\n .catch((err) => {\r\n closeLoader();\r\n this.openMessage(join.error, false);\r\n });\r\n });\r\n };\r\n setValue = (key, value) => {\r\n let error = { ...this.state.error };\r\n error[key] = errorController[key](value);\r\n let state = { error };\r\n state[key] = value;\r\n this.setState(state);\r\n };\r\n submit = async (ev) => {\r\n ev.preventDefault();\r\n if (this.state.closed) return;\r\n var token = await grechapcha.run(\"sendCode\");\r\n let error = {};\r\n let result;\r\n for (const valid of Object.keys(errorController)) {\r\n result = errorController[valid](this.state[valid]);\r\n if (result) error[valid] = result;\r\n }\r\n if (Object.keys(error).length > 0) {\r\n this.setState({ error });\r\n return;\r\n }\r\n var data = new FormData();\r\n data.set(\"phoneNumber\", this.state.phone);\r\n data.set(\"g-recaptcha-response\", token);\r\n openLoader();\r\n fetch(`${settings.origin}/${settings.sendSms}`, {\r\n method: \"post\",\r\n body: data,\r\n headers: {\r\n //\"Access-Control-Allow-Origin\": \"*\"\r\n },\r\n })\r\n .then((resp) => {\r\n closeLoader();\r\n return resp.json();\r\n })\r\n .then((data) => {\r\n if (data.success) {\r\n removeAll();\r\n this.modal = new ModalModel(SmsModal, \"sms-modal\", {\r\n onSend: this.onSend,\r\n });\r\n addModal(this.modal);\r\n } else this.openMessage(data.errors[0].description, false);\r\n })\r\n .catch((err) => {\r\n closeLoader();\r\n this.openMessage(join.smsError, false);\r\n });\r\n };\r\n openMessage = (message, status) => {\r\n removeAll();\r\n this.modal = new ModalModel(\r\n MessageModal,\r\n \"message-modal\",\r\n {\r\n status,\r\n message,\r\n onClose: () => {\r\n removeAll();\r\n },\r\n },\r\n { outerClose: true }\r\n );\r\n addModal(this.modal);\r\n };\r\n openModal = (flag) => {\r\n removeAll();\r\n this.modal = new ModalModel(\r\n ModalMessage,\r\n \"term-modal\",\r\n {\r\n flag,\r\n },\r\n { outerClose: true }\r\n );\r\n addModal(this.modal);\r\n };\r\n selectFile = () => {\r\n this.fileInput.click();\r\n };\r\n setFile(file) {\r\n if (!file) file = null;\r\n this.setValue(\"file\", file);\r\n }\r\n\r\n setCity = (ev) => {\r\n let selectedCity = ev.target.value;\r\n let autoComplete = false;\r\n let backspace = this.state.keydown;\r\n if (!backspace)\r\n for (const city of cities) {\r\n if (city.toLowerCase().startsWith(ev.target.value.toLowerCase())) {\r\n selectedCity = city;\r\n autoComplete = true;\r\n break;\r\n }\r\n }\r\n if (autoComplete) {\r\n let start = ev.target.value.length;\r\n ev.target.value = selectedCity;\r\n ev.target.setSelectionRange(start, selectedCity.length);\r\n this.setValue(\"city\", selectedCity);\r\n } else this.setValue(\"city\", ev.target.value);\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n İlginiz için teşekkür ederiz.\r\n
\r\n
*/}\r\n \r\n
\r\n {join.title}
\r\n\r\n this.setValue(\"tckn\", ev.target.value)}\r\n label={join.labels.tckn}\r\n error={this.state.error.tckn}\r\n />\r\n
{\" \"}\r\n \r\n this.setValue(\"email\", ev.target.value)}\r\n label={join.labels.email}\r\n error={this.state.error.email}\r\n />\r\n
\r\n \r\n this.setValue(\"phone\", ev.target.value)}\r\n label={join.labels.phone}\r\n error={this.state.error.phone}\r\n />\r\n
\r\n \r\n \r\n this.setState({ keydown: ev.keyCode === 8 })\r\n }\r\n onChange={(ev) => this.setCity(ev)}\r\n label={join.labels.city}\r\n error={this.state.error.city}\r\n >\r\n
\r\n \r\n \r\n (this.fileInput = ref)}\r\n accept=\"video/mp4,video/x-m4v,video/*\"\r\n onChange={(ev) => {\r\n this.setFile(ev.target.files[0]);\r\n }}\r\n style={{ display: \"none\" }}\r\n />\r\n {join.labels.selectfile}\r\n \r\n {this.state.error.file ? (\r\n
\r\n {join.labels.upload}
\r\n\r\n {this.state.error.file}\r\n
\r\n ) : (\r\n \r\n {this.state.file\r\n ? this.state.file.name\r\n : `Henüz Dosya Seçilmedi Maksimum dosya boyutu ${settings.maxVideoSize}MB`}\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n (top = ref)}\r\n page={this.state.page}\r\n onToggle={st => {\r\n left.toggle(st);\r\n }}\r\n />\r\n (left = ref)}\r\n page={this.state.page}\r\n pages={pages}\r\n onPageChange={page => {\r\n this.setPage(page);\r\n top.toggle(false);\r\n left.toggle(false);\r\n }}\r\n />\r\n {\r\n this.setPage(this.state.page + value);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n {jury.title}
\r\n- \r\n {juryList.map((item, index) => {\r\n return (\r\n
- \r\n \r\n\r\n
\r\n
{item.name}
\r\n {/*{item.q}
*/}\r\n \r\n );\r\n })}\r\n
\r\n
\r\n \r\n \r\n \r\n {terms.textB.map((item, index) => {\r\n return
\r\n \r\n
\r\n\r\n {terms.title}
\r\n{item}
;\r\n })}\r\n