{"version":3,"file":"js/generated/LandingPage-2c29306bd53754677409.js","mappings":"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","sources":["webpack://uncle/./client/app/entrypoints/LandingPage.jsx","webpack://uncle/./client/app/packs/generated/LandingPage.js","webpack://uncle/./client/app/page.js"],"sourcesContent":["import React from 'react'\nimport Modal from 'react-modal'\nimport page from '../page'\n\nconst modalCustomStyles = {\n  content : {\n    top                   : '50%',\n    left                  : '50%',\n    right                 : 'auto',\n    bottom                : 'auto',\n    marginRight           : '-50%',\n    transform             : 'translate(-50%, -50%)',\n    fontFamily           : 'SourceSansPro',\n    minWidth                : '275px'\n  },\n  overlay : {\n    position          : 'fixed',\n    top               : 0,\n    left              : 0,\n    right             : 0,\n    bottom            : 0,\n    backgroundColor   : 'rgba(0, 0, 0, 0.8)'\n  }\n}\n\nexport default class LandingPage extends React.Component {\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      modalIsOpen: false\n    };\n    this.closeModal = this.closeModal.bind(this);\n\n  }\n\n  closeModal() {\n    this.setState({modalIsOpen: false});\n  }\n\n  renderBanner() {\n    var bannerStyle\n    if (this.props.aggregator.banner_type === 'banner_image') {\n      bannerStyle = {backgroundImage: `url(${this.props.background_image})`}\n    } else {\n      bannerStyle = {backgroundColor: `${this.props.aggregator.homepage_banner_color}`}\n    }\n    return bannerStyle\n  }\n\n  renderModal() {\n    return (\n      <Modal isOpen={this.state.modalIsOpen}\n             style={modalCustomStyles}\n             contentLabel=\"Age Modal\"\n             ariaHideApp={false}>\n        <h5 className='modal-title'>How old are you?</h5>\n        <button className='age-range-button'\n                onClick={ () => page.submissionFail() }\n                style={{backgroundColor: `${this.props.aggregator.primary_color}`,\n                        color: `${this.props.aggregator.primary_font_color}`}} >12 and Under</button>\n        <button className='age-range-button'\n                onClick={ () => page.underEighteenFlow() }\n                style={{backgroundColor: `${this.props.aggregator.primary_color}`,\n                        color: `${this.props.aggregator.primary_font_color}`}} >13 to 17</button>\n        <button className='age-range-button'\n                onClick={() => page.overEighteenFlow() }\n                style={{backgroundColor: `${this.props.aggregator.primary_color}`,\n                        color: `${this.props.aggregator.primary_font_color}`}} >18 and Over</button>\n        <button className='age-range-button'\n                onClick={this.closeModal}>Cancel</button>\n      </Modal>\n    )\n  }\n\n  render() {\n    const year = new Date(Date.now()).getFullYear()\n\n    return (\n      <div id='submissions' style={{backgroundColor: `${this.props.aggregator.background_color}`}} >\n        { this.renderModal() }\n        <div id=\"index-container\" style={{maxWidth: ((this.props.aggregator.banner_type === 'banner_image')? 1400 : '100%')}}>\n          <div id=\"intro-container\" style={this.renderBanner()} >\n            <div className=\"row justify-content-center\">\n              <img src={this.props.logo} className=\"caution-man\"></img>\n            </div>\n            <div className='row justify-content-center'>\n              <section id=\"intro-text\"\n                        style={{fontFamily: `${this.props.aggregator.primary_font}`,\n                                color: `${this.props.aggregator.homepage_title_color}`}}>\n                Submit your clip to {this.props.aggregator.name}\n              </section>\n            </div>\n          </div>\n          <div id=\"sub-content-container\" className=\"container-fluid\">\n            <div className=\"row justify-content-center\">\n              <p id=\"intro-description-text\"\n                  style={{color: `${this.props.aggregator.homepage_font_color}`}}>\n                {this.props.aggregator.homepage_description}\n              </p>\n            </div>\n            <div className=\"row justify-content-center\">\n              <img src={this.props.homepage_small_image} id=\"oscar-star\" className=\"sub-content-logo\"></img>\n            </div>\n            <div className=\"row justify-content-center\">\n              <p className=\"sub-content-body-text\"\n                style={{color: `${this.props.aggregator.homepage_font_color}`}}>{this.props.aggregator.credit_description}</p>\n            </div>\n            <div className=\"row justify-content-center\">\n              <button id=\"submit-button\"\n                      onClick={() => this.setState({modalIsOpen: true})}\n                      style={{backgroundColor: `${this.props.aggregator.primary_color}`,\n                              fontFamily: `${this.props.aggregator.primary_font}`,\n                              color: `${this.props.aggregator.primary_font_color}`}} >\n                submit your clip!\n              </button>\n            </div>\n            <footer className=\"footer\">\n              <div className=\"row justify-content-center\">\n                <ul className=\"list-inline\">\n                  <li className=\"list-inline-item\"><a href=\"/terms\" target=\"__blank\" style={{color: `${this.props.aggregator.homepage_font_color}`}}>Terms</a></li>\n                  <li className=\"list-inline-item\"><a href=\"/privacy\" target=\"__blank\" style={{color: `${this.props.aggregator.homepage_font_color}`}}>Privacy</a></li>\n                  { (this.props.aggregator.youtube != \"\") ? (<li className=\"list-inline-item\"><a href={this.props.aggregator.youtube} target=\"__blank\" style={{color: `${this.props.aggregator.homepage_font_color}`}}>Youtube</a></li>) : ''}\n                  { (this.props.aggregator.facebook != \"\") ? (<li className=\"list-inline-item\"><a href={this.props.aggregator.facebook} target=\"__blank\" style={{color: `${this.props.aggregator.homepage_font_color}`}}>Facebook</a></li>) : ''}\n                  { (this.props.aggregator.instagram != \"\") ? (<li className=\"list-inline-item\"><a href={this.props.aggregator.instagram} target=\"__blank\" style={{color: `${this.props.aggregator.homepage_font_color}`}}>Instagram</a></li>) : ''}\n                  { (this.props.aggregator.tiktok != \"\") ? (<li className=\"list-inline-item\"><a href={this.props.aggregator.tiktok} target=\"__blank\" style={{color: `${this.props.aggregator.homepage_font_color}`}}>TikTok</a></li>) : ''}\n                </ul>\n              </div>\n              <div className=\"row justify-content-center\">\n                <ul className='list-inline'>\n  <li className='copyright' style={{color: `${this.props.aggregator.homepage_font_color}`}}>&copy; {this.props.aggregator.name} {year}</li>\n                </ul>\n              </div>\n            </footer>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n","import ReactOnRails from 'react-on-rails';\nimport LandingPage from '../../entrypoints/LandingPage.jsx';\n\nReactOnRails.register({LandingPage});\n","const page = {\n  landingPage: () => window.location.href = \"/\",\n\n  underEighteenFlow: () => window.location.href = \"/submissions/new?over_eighteen=false\",\n\n  overEighteenFlow: () => window.location.href = \"/submissions/new?over_eighteen=true\",\n\n  submissionConfirmation: (isOverEighteen) => window.location.href = `/submissions/confirmation?over_eighteen=${isOverEighteen}`,\n\n  submissionFail: () => window.location.href = '/submissions/fail',\n}\n\nexport default page\n"],"names":["modalCustomStyles","content","top","left","right","bottom","marginRight","transform","fontFamily","minWidth","overlay","position","backgroundColor","LandingPage","_React$Component","props","_this","_classCallCheck","_callSuper","state","modalIsOpen","closeModal","bind","_inherits","key","value","this","setState","aggregator","banner_type","backgroundImage","concat","background_image","homepage_banner_color","React","Modal","isOpen","style","contentLabel","ariaHideApp","className","onClick","page","submissionFail","primary_color","color","primary_font_color","underEighteenFlow","overEighteenFlow","_this2","year","Date","now","getFullYear","id","background_color","renderModal","maxWidth","renderBanner","src","logo","primary_font","homepage_title_color","name","homepage_font_color","homepage_description","homepage_small_image","credit_description","href","target","youtube","facebook","instagram","tiktok","ReactOnRails","landingPage","window","location","submissionConfirmation","isOverEighteen"],"sourceRoot":""}