{"version":3,"sources":["webpack:///./src/app/pages/NewslettersPage.js"],"names":["Subcribe","props","handleChange","bind","handleCheckboxChange","handleSubmit","verifyCallback","this","reinitialize","event","newState","target","name","value","updateForm","toggleNewsletterSubscription","email","match","captchaVerified","preventDefault","validateEmail","validateName","firstName","lastName","listIds","length","output","subscribeNewsletter","isSubmitting","hasSubmitted","title","main","px","mt","sm","lg","w","maxWidth","mx","div","my","h1","text","borderWidth","borderStyle","borderColor","pb","mb","description","src","async","defer","form","display","flexDirection","id","encType","onSubmit","p","label","htmlFor","input","bg","placeholder","required","type","onChange","className","checked","includes","sitekey","error","header","content","color","textTransform","fontWeight","Component","connect","state","subscribe","dispatch","bindActionCreators"],"mappings":"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","file":"static/js/pages-NewslettersPage.73b39bb2.chunk.js","sourcesContent":["import Recaptcha from 'react-google-recaptcha'\nimport React, { Component, Fragment } from 'react'\nimport { x } from '@xstyled/styled-components'\nimport Helmet from 'react-helmet'\nimport { bindActionCreators } from 'redux'\nimport { connect } from 'react-redux'\nimport { subscribeNewsletter, updateForm, reinitialize, toggleNewsletterSubscription } from '../../store/subscribe'\n\nexport class Subcribe extends Component {\n  constructor (props) {\n    super(props)\n    this.handleChange = this.handleChange.bind(this)\n    this.handleCheckboxChange = this.handleCheckboxChange.bind(this)\n    this.handleSubmit = this.handleSubmit.bind(this)\n    this.verifyCallback = this.verifyCallback.bind(this)\n  }\n  componentDidMount () {\n    this.props.reinitialize()\n  }\n  handleChange (event) {\n    let newState = {}\n    newState[event.target.name] = event.target.value\n    this.props.updateForm(newState)\n  }\n  handleCheckboxChange (event) {\n    this.props.toggleNewsletterSubscription(event.target.value)\n  }\n  validateEmail (email) {\n    var re = /^[^.@][^@]+@{1}[^@]+\\.[^@]+[^.@]$/i\n    return email.match(re)\n  }\n  validateName (name) {\n    var re = /^[`a-zA-ZàèìòùÀÈÌÒÙáéíóúýÁÉÍÓÚÝâêîôûÂÊÎÔÛãñõÃÑÕäëïöüÿÄËÏÖÜŸçÇßØøÅåÆæœ' -]{2,45}$/i\n    return name.match(re)\n  }\n  verifyCallback () {\n    this.props.updateForm({ captchaVerified: true })\n  }\n  handleSubmit (event) {\n    event.preventDefault()\n    if (!this.validateEmail(this.props.email)) {\n      this.props.updateForm({ output: 'Please enter a valid email address' })\n      return false\n    } else if (!this.validateName(this.props.firstName)) {\n      this.props.updateForm({ output: 'Please enter a valid first name' })\n      return false\n    } else if (!this.validateName(this.props.lastName)) {\n      this.props.updateForm({ output: 'Please enter a valid last name' })\n      return false\n    } else if (this.props.listIds.length < 1) {\n      this.props.updateForm({ output: 'Please select at least one newsletter' })\n      return false\n    } else if (!this.props.captchaVerified) {\n      this.props.updateForm({ output: 'Please enter a Captcha to verify that you are not a robot' })\n      return false\n    }\n    this.props.subscribeNewsletter(this.props.firstName, this.props.lastName, this.props.email, this.props.listIds)\n    return true\n  }\n\n  render () {\n    if (!this.props.isSubmitting && !this.props.hasSubmitted) {\n      return (\n        <>\n          <x.main px={20} mt={{ sm: '96px', lg: '173px' }} w='100%' maxWidth={1260} mx='auto'>\n            <Helmet title='Sign up to Receive our Newsletters | IOL'\n              description='Sign up for IOL`s newsletters and receive the latest news, sport, motoring, business, entertainment and lifestyle updates in your inbox.'>\n              <script src='https://www.google.com/recaptcha/api.js' async defer />\n            </Helmet>\n            <x.div w='100%' maxWidth={1220} mx='auto' my={50}>\n              <x.h1 text='h1' borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider' pb={10} mb={20}>Newsletter Subscription Form</x.h1>\n              <x.form maxWidth={550} display='flex' flexDirection='column' id='item-form' name='item-form' encType='text/plain' onSubmit={this.handleSubmit}>\n                <x.p text='small' mb={15}>Fill in your details and select which newsletters you would like to subscribe to.</x.p>\n                <x.label text='madium' display='block' htmlFor='firstName' mb={15}>First Name:</x.label>\n                <x.input mb={15} bg='ltGrey' p={10} text='medium' id='firstName' placeholder='Type your first name' required='required' type='text' name='firstName' value={this.props.firstName} onChange={this.handleChange} />\n                <x.label text='madium' display='block' htmlFor='lastName' mb={15}>Last Name:</x.label>\n                <x.input mb={15} bg='ltGrey' p={10} text='medium' id='lastName' placeholder='Type your last name' required='required' type='text' name='lastName' value={this.props.lastName} onChange={this.handleChange} />\n                <x.label text='madium' display='block' htmlFor='email' mb={15}>Email:</x.label>\n                <x.input mb={15} bg='ltGrey' p={10} text='medium' id='email' placeholder='example@domain.com' required='required' type='email' name='email' value={this.props.email} onChange={this.handleChange} />\n                <x.p text='h5' my={15}>Select the Newsletters you would like to receive:</x.p>\n                <x.div mb={20} className='checkboxes'>\n                  <input id='OJ4zwxCfnDwA9iw1aRjXdg' type='checkbox' value='OJ4zwxCfnDwA9iw1aRjXdg' onChange={this.handleCheckboxChange} checked={this.props.listIds.includes('OJ4zwxCfnDwA9iw1aRjXdg')} /><label htmlFor='OJ4zwxCfnDwA9iw1aRjXdg'><span />Business Report</label>\n                  <input id='UvMIi9m2RuP4MphsG52Vvw' type='checkbox' value='UvMIi9m2RuP4MphsG52Vvw' onChange={this.handleCheckboxChange} checked={this.props.listIds.includes('UvMIi9m2RuP4MphsG52Vvw')} /><label htmlFor='UvMIi9m2RuP4MphsG52Vvw'><span />IOL Daily</label>\n                  <input id='76CEXq8GPTio5JhV892n6ttQ' type='checkbox' value='76CEXq8GPTio5JhV892n6ttQ' onChange={this.handleCheckboxChange} checked={this.props.listIds.includes('76CEXq8GPTio5JhV892n6ttQ')} /><label htmlFor='76CEXq8GPTio5JhV892n6ttQ'><span />Personal Finance</label>\n                  <input id='D6JzNYvmEh2D8763k8hPHlcA' type='checkbox' value='D6JzNYvmEh2D8763k8hPHlcA' onChange={this.handleCheckboxChange} checked={this.props.listIds.includes('D6JzNYvmEh2D8763k8hPHlcA')} /><label htmlFor='D6JzNYvmEh2D8763k8hPHlcA'><span />Sport</label>\n                  <input id='R0qYpcb4Ue2SnS892ISLR3zw' type='checkbox' value='R0qYpcb4Ue2SnS892ISLR3zw' onChange={this.handleCheckboxChange} checked={this.props.listIds.includes('R0qYpcb4Ue2SnS892ISLR3zw')} /><label htmlFor='R0qYpcb4Ue2SnS892ISLR3zw'><span />Education</label>\n                  <input id='yxHoP7IZr8gCEU1gsy7Ppg' type='checkbox' value='yxHoP7IZr8gCEU1gsy7Ppg' onChange={this.handleCheckboxChange} checked={this.props.listIds.includes('yxHoP7IZr8gCEU1gsy7Ppg')} /><label htmlFor='yxHoP7IZr8gCEU1gsy7Ppg'><span />Lifestyle</label>\n                  <input id='FsPwab7kNQUCR1fO2edIZA' type='checkbox' value='FsPwab7kNQUCR1fO2edIZA' onChange={this.handleCheckboxChange} checked={this.props.listIds.includes('FsPwab7kNQUCR1fO2edIZA')} /><label htmlFor='FsPwab7kNQUCR1fO2edIZA'><span />Motoring</label>\n                  <input id='UiIQSJPTxuu0RwnQs7632NQg' type='checkbox' value='UiIQSJPTxuu0RwnQs7632NQg' onChange={this.handleCheckboxChange} checked={this.props.listIds.includes('UiIQSJPTxuu0RwnQs7632NQg')} /><label htmlFor='UiIQSJPTxuu0RwnQs7632NQg'><span />Entertainment</label>\n                  <input id='oOtAMxQ3QF3CP892cFL4pnIQ' type='checkbox' value='oOtAMxQ3QF3CP892cFL4pnIQ' onChange={this.handleCheckboxChange} checked={this.props.listIds.includes('oOtAMxQ3QF3CP892cFL4pnIQ')} /><label htmlFor='oOtAMxQ3QF3CP892cFL4pnIQ'><span />Travel</label>\n                  <input id='XcmPmowzjES3p8laNTW892GA' type='checkbox' value='XcmPmowzjES3p8laNTW892GA' onChange={this.handleCheckboxChange} checked={this.props.listIds.includes('XcmPmowzjES3p8laNTW892GA')} /><label htmlFor='XcmPmowzjES3p8laNTW892GA'><span />Technology</label>\n                </x.div>\n                <Recaptcha sitekey='6LfsLz4cAAAAALqO3FpVjEBCqOp-wBHVF9qJXuWn' onChange={this.verifyCallback} />\n                {(!(this.props.output === '') &&\n                  <p\n                    error\n                    header='Errors'\n                    content={this.props.output}\n                  />\n                )}\n                <x.input mt={15} mb={15} bg='red' p={10} text='medium' color='white' textTransform='uppercase' fontWeight='medium' w={150} id='submitbutton' type='submit' value='Submit' />\n                <input type='hidden' name='form_hash' value='n1opdyilO0bEvwBq' id='form_hash' />\n              </x.form>\n            </x.div>\n          </x.main>\n        </>\n      )\n    } else if (this.props.isSubmitting) {\n      return (\n        <>\n          <Helmet title='Article' />\n          <p>Submitting your subscription request</p>\n        </>\n      )\n    } else if (this.props.hasSubmitted) {\n      return (\n        <>\n          <x.main px={20} mt={{ sm: '96px', lg: '173px' }} w='100%' maxWidth={1260} mx='auto'>\n            <Helmet title='Thank you for your submission' />\n            <x.div w='100%' maxWidth={1220} mx='auto' my={50}>\n              <x.h1 text='h1' borderWidth='0 0 1px 0' borderStyle='solid' borderColor='divider' pb={10} mb={20}>Thank you for your subscription</x.h1>\n              <p>Please check your email inbox to verify your subscription.</p>\n            </x.div>\n          </x.main>\n        </>\n      )\n    }\n  }\n}\n\nconst mapStateToProps = (state) => (state.subscribe)\nconst mapDispatchToProps = (dispatch) => bindActionCreators({ subscribeNewsletter, reinitialize, updateForm, toggleNewsletterSubscription }, dispatch)\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Subcribe)\n"],"sourceRoot":""}