{"version":3,"file":"component---src-pages-our-first-show-js-65bf8f19872c0ebbadaf.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/aws-exports.js","webpack://gatsby-starter-default/./src/components/shared/ApplicationOver.js","webpack://gatsby-starter-default/./src/pages/our-first-show.js","webpack://gatsby-starter-default/./src/images/LK-Home-1linelogo-lyceum-1.svg"],"sourcesContent":["/* eslint-disable */\n// WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.\n\nconst awsmobile = {\n    \"aws_project_region\": \"eu-west-2\",\n    \"aws_cloud_logic_custom\": [\n        {\n            \"name\": \"LKEducationAPI\",\n            \"endpoint\": \"https://960bxbtkcd.execute-api.eu-west-2.amazonaws.com/master\",\n            \"region\": \"eu-west-2\"\n        },\n        {\n            \"name\": \"lionKingEducationCircleofLifeAward\",\n            \"endpoint\": \"https://sy3hn28431.execute-api.eu-west-2.amazonaws.com/master\",\n            \"region\": \"eu-west-2\"\n        }\n    ],\n    \"aws_cognito_identity_pool_id\": \"eu-west-2:62c2fcf5-780d-4b3b-961b-1a4a87a10147\",\n    \"aws_cognito_region\": \"eu-west-2\",\n    \"aws_user_pools_id\": \"eu-west-2_y5F1F5HVb\",\n    \"aws_user_pools_web_client_id\": \"738j4k5rupgo93btc1jovm6i3a\",\n    \"oauth\": {},\n    \"aws_cognito_username_attributes\": [],\n    \"aws_cognito_social_providers\": [],\n    \"aws_cognito_signup_attributes\": [\n        \"EMAIL\"\n    ],\n    \"aws_cognito_mfa_configuration\": \"OFF\",\n    \"aws_cognito_mfa_types\": [\n        \"SMS\"\n    ],\n    \"aws_cognito_password_protection_settings\": {\n        \"passwordPolicyMinLength\": 8,\n        \"passwordPolicyCharacters\": []\n    },\n    \"aws_cognito_verification_mechanisms\": [\n        \"EMAIL\"\n    ],\n    \"aws_user_files_s3_bucket\": \"lkeducations3bucket120646-master\",\n    \"aws_user_files_s3_bucket_region\": \"eu-west-2\"\n};\n\n\nexport default awsmobile;\n","import React from 'react'\nimport styled from 'styled-components'\n\nconst ApplicationOverStyles = styled.section`\n    width: 100%;\n    h1 {\n        text-align: center;\n        padding: 2rem 0;\n        width: 90%;\n        margin: 0 auto;\n    }\n\n    p {\n        font-weight: bold;\n        text-align: center;\n        font-size: 1rem;\n    }\n`\nconst ApplicationOver = ({children}) => {\n    return (\n        <ApplicationOverStyles>\n            {/* <h1>APPLICATIONS ARE NOW CLOSED</h1> */}\n            {!children ? (\n                <>\n                    <p>The ‘Our First Show’ scheme for Disney’s THE LION KING enables school groups to purchase a limited number of £10 tickets to the musical on select performances.</p>\n        \n                    <p>Applications to take part in this scheme are currently closed – however information about new dates will be issued shortly.</p>\n                </>\n            ) : (\n                children\n            )}\n\n        </ApplicationOverStyles>\n    )\n}\n\nexport default ApplicationOver\n","import React, {Component} from \"react\"\nimport ReactDOM from \"react-dom\"\nimport Layout from \"components/Layout/Layout\"\nimport styled from \"styled-components\";\nimport {Link, navigate} from \"gatsby\"\nimport Amplify, {API, Storage} from \"aws-amplify\"\nimport awsconfig from \"../aws-exports.js\"\nimport {media} from \"utils/Media\"\nimport londonLogo from \"images/LK-Home-1linelogo-lyceum-1.svg\"\nimport Cookies from \"js-cookie\"\nimport {\n  Container,\n  Row,\n  Col,\n  Form,\n  FormGroup,\n  FormFeedback,\n  Label,\n  Input\n} from \"reactstrap\"\nimport {\n  validateRequired,\n  validateEmail,\n  validatePhone,\n  validateAmount,\n  validateRequiredCheckbox\n} from \"js/validations\"\nimport iconDropDown from \"images/icons/icon-drop-down.svg\"\nimport ApplicationOver from \"../components/shared/ApplicationOver.js\";\n\nconst captchaSiteKey = \"6LdfWPIpAAAAANkOaXSBrE4PLnEOaOfEmp0jM0f_\"\n\nAmplify.configure(awsconfig)\n\nconst HeaderWrapper = styled.div`\n  margin: 0 auto 2rem;\n  max-width: 1600px;\n  width: 100%;\n  background-color: ${props => props.theme.colors.yellow};\n  text-align: center;\n  padding: 0;\n  position: relative;\n  z-index: 2;\n\n  @media ${media.md} {\n    text-align: left;\n  }\n\n  .container {\n    position: relative;\n  }\n\n  a {\n    color: ${props => props.theme.colors.red};\n  }\n\n`\n\nconst HeaderContent = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  flex-direction: column-reverse;\n  padding: 1rem 0;\n\n  @media ${media.md} {\n    flex-direction: unset;\n    padding: 0;\n    flex-wrap: no-wrap;\n  }\n\n  .items {\n    width: 100%;\n    @media ${media.md} {\n      width: 50%;\n    }\n  }\n\n  a {\n    margin: 0 auto;\n    display: block;\n\n    @media ${media.md} {\n      text-align: right;\n    }\n  }\n\n  img {\n    width: 190px;\n\n    @media ${media.md} {\n      width: 320px;\n    }\n  }\n\n  h1 {\n    margin: 0 auto;\n    font-family: ${props => props.theme.font.family.bold};\n    color: ${props => props.theme.colors.brown};\n\n    @media (max-width: 767px) {\n      font-size: 28px;\n    }\n  }\n\n  p {\n    margin: 0 auto;\n    line-height: 100%;\n    color: ${props => props.theme.colors.brown};\n    @media (max-width: 767px) {\n      font-size: 0.875rem;\n    }\n  }\n`\n\nconst FormTheme = styled.div`\n  label {\n    font-size: 1.125rem;\n    font-family: ${props => props.theme.font.family.light};\n    width: 100%;\n  }\n\n  input:not([type=\"checkbox\"]), select, textarea {\n    background-color: ${props => props.theme.colors.superLightGrey};\n    width: 100%;\n    border-radius: 0;\n    padding: 0 1rem;\n    min-height: 3rem;\n  }\n\n  select {\n    background-image: url(${iconDropDown});\n    background-position: calc(100% - 0.625rem) center;\n    background-size: 15px;\n    background-repeat: no-repeat;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n  }\n\n  .invalid-feedback {\n    color: ${props => props.theme.colors.red};\n    font-family: ${props => props.theme.font.family.base};\n    font-size: 0.875rem !important;\n    padding: 12px;\n  }\n\n  .red {\n    color: ${props => props.theme.colors.red};\n  }\n\n  a {\n    color: ${props => props.theme.colors.red};\n  }\n\n  .form-check:not(.no-border) {\n    border: 1px solid ${props => props.theme.colors.grey};\n    padding: 1rem;\n    margin-bottom: 1rem;\n\n    label {\n      margin-left: 3rem;\n    }\n\n    input {\n      left: -1rem;\n    }\n  }\n\n  .form-check-input {\n    top: 0;\n    left: 0;\n    width: 20px;\n    height: 20px;\n  }\n\n  label.form-check-label.checkbox-btn {\n    display: block;\n    position: relative;\n    padding-left: 10px;\n    margin-bottom: 12px;\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n  }\n`\n\nconst SubmitButton = styled.button`\n  width: 198px;\n  height: 50px;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 1rem;\n  line-height: 200%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  border: none;\n  color: ${props => props.theme.colors.black};\n  background-color: ${props => props.theme.colors.yellow};\n  transition: all 150ms ease-in-out;\n\n  &:hover {\n    color: ${props => props.theme.colors.white};\n    background-color: ${props => props.theme.colors.black};\n  }\n`\nconst CompetitionOver = styled.section`\n  width: 100%;\n  text-align: center;\n  height: 60vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  width: 90%;\n  margin: 0 auto;\n\n  p {\n    font-size: 20px;\n    font-weight: 900;\n  }\n`\nclass OurFirstShowForm extends Component {\n  \n  constructor(props) {\n    super(props)\n    \n    this.state = {\n      nameOfSchool: '',\n      postcode: '',\n      borough: '',\n      fullName: '',\n      city: 'London',\n      positionAtSchool: '',\n      email: '',\n      phoneNumber: '',\n      alternativeContactName: '',\n      alternativeContactNumber: '',\n      firstPreferredDate: '',\n      secondPreferredDate: '',\n      numberOfTickets: '',\n      numberOfStudentTickets: '',\n      numberOfTeacherTickets: '',\n      yearGroup: '',\n      freeSchoolMeals: '',\n      pupilPremium: '',\n      pupilsWhoNever: '',\n      accessRequirementsNeeded: '',\n      accessRequirements: '',\n      performingArts: '',\n      howToImpact: '',\n      headTeacherReviewed: '',\n      marketing: '',\n      googleVerified: '',\n      \n      validate: {\n        nameOfSchool: '',\n        postcode: '',\n        borough: '',\n        fullName: '',\n        city: 'London',\n        positionAtSchool: '',\n        email: '',\n        emailErrMsg: 'A valid email is required',\n        phoneNumber: '',\n        phoneErrMsg: 'A valid UK phone number is required',\n        alternativeContactName: '',\n        alternativeContactNumber: '',\n        alternativeContactNumberErrMsg: 'A valid UK phone number is required',\n        firstPreferredDate: '',\n        secondPreferredDate: '',\n        numberOfTickets: '',\n        numberOfTicketsErrMsg: 'Total number of tickets field is required',\n        numberOfStudentTickets: '',\n        numberOfStudentTicketsErrMsg: 'How many student tickets do you require field is required',\n        numberOfTeacherTickets: '',\n        numberOfTeacherTicketsErrMsg: 'How many teacher tickets do you require field is required',\n        yearGroup: '',\n        freeSchoolMeals: '',\n        pupilPremium: '',\n        pupilsWhoNever: '',\n        accessRequirementsNeeded: '',\n        accessRequirements: '',\n        performingArts: '',\n        howToImpact: '',\n        headTeacherReviewed: '',\n        marketing: '',\n        googleVerified: '',\n        googleVerifiedErrMsg: 'Google recaptcha is required'\n      },\n      success: false,\n      cookieAccepted: true\n    }\n    \n    // Bind this to methods\n    this.handleSubmit = this.handleSubmit.bind(this)\n    this.onGoogleVerify = this.onGoogleVerify.bind(this)\n    \n    // Bind this to validation methods\n    this.validateRequired = validateRequired.bind(this);\n    this.validateEmail = validateEmail.bind(this);\n    this.validatePhone = validatePhone.bind(this);\n    this.validateAmount = validateAmount.bind(this);\n    this.validateRequiredCheckbox = validateRequiredCheckbox.bind(this);\n    \n    // Create form ref\n    this.form = React.createRef();\n  }\n  \n  // componentDidMount() {\n  //   if (Cookies.get('TWDC-DTCI_ENSIGHTEN_PRIVACY_TWDC_Vendor_Consent') !== '1') {\n  //     this.setState({\n  //       cookieAccepted: true\n  //     })\n  //   }\n    \n  //   if (Cookies.get('TWDC-DTCI_ENSIGHTEN_PRIVACY_TWDC_Vendor_Consent') === '1') {\n  //     const script = document.createElement(\"script\")\n  //     script.src = `https://www.google.com/recaptcha/api.js?render=${captchaSiteKey}`\n  //     script.addEventListener(\"load\", this.onGoogleVerify)\n  //     document.body.appendChild(script)\n  //   }\n    \n  //   const that = this\n    \n  //   if (typeof window.grecaptcha !== \"undefined\" && Cookies.get('TWDC-DTCI_ENSIGHTEN_PRIVACY_TWDC_Vendor_Consent') === '1') {\n  //     window.grecaptcha.ready(function () {\n  //       window.grecaptcha.execute(captchaSiteKey, {action: \"validate_captcha\"}).then(function (token) {\n  //         console.log(token);\n  //         that.onGoogleVerify(token)\n  //       });\n  //       // refresh token every minute to prevent expiration\n  //       setInterval(function () {\n  //         window.grecaptcha.execute(captchaSiteKey, {action: \"validate_captcha\"}).then(function (token) {\n  //           console.log(\"refreshed token:\", token);\n  //           that.onGoogleVerify(token)\n  //         });\n  //       }, 60000);\n        \n  //     });\n  //   }\n  // }\n\n  componentDidMount() {\n    console.log('mounted')\n    const script = document.createElement('script')\n    script.src = `https://www.google.com/recaptcha/enterprise.js?render=${captchaSiteKey}`\n    script.addEventListener('load', () => {\n      console.log('window.grecaptcha: loaded')\n      const that = this\n      if (typeof window.grecaptcha !== 'undefined') {\n        window.grecaptcha.enterprise.ready(() => {\n          window.grecaptcha.enterprise\n            .execute(captchaSiteKey, { action: 'validate' })\n            .then(token => {\n              // console.log(token)\n              that.onGoogleVerify(token)\n            })\n          // refresh token every minute to prevent expiration\n          setInterval(() => {\n            window.grecaptcha.enterprise\n              .execute(captchaSiteKey, { action: 'validate' })\n              .then(token => {\n                that.onGoogleVerify(token)\n              })\n          }, 60000)\n        })\n      }\n    })\n    document.body.appendChild(script)\n  }\n  \n  handleChangeNumbers = (evt, stateName, stateValue) => {\n    const value = (evt.target.validity.valid) ? evt.target.value : stateValue;\n    \n    this.setState({[stateName]: value});\n  }\n  \n  async onGoogleVerify(response) {\n    console.log('GR')\n    const { validate } = this.state\n    const myInit = {\n      headers: {},\n      body: {\n        recaptchaResponse: response,\n      },\n    }\n    const res = await API.post(\n      'LKEducationAPI',\n      '/LKRecaptcha',\n      myInit\n    )\n      .then(response => {\n        // If there are errors update validation state\n        console.log(response)\n        if (response.event.success === false || response.event < 0.3) {\n          validate.googleVerified = 'has-danger'\n          console.log('FAILED')\n          this.setState({\n            validate,\n            googleVerified: false,\n          })\n          throw Error('Failed recaptcha')\n        } else {\n          // success\n          console.log('SUCCESS')\n          validate.googleVerified = ''\n          this.setState({\n            validate,\n            googleVerified: true,\n          })\n        }\n      })\n      .catch(error => {\n        console.log('caught error', error)\n        // handle errors and timeout error\n        validate.googleVerified = 'has-danger'\n        this.setState({\n          validate,\n          googleVerified: false,\n        })\n      })\n  }\n  \n  // Method to update field values in state on change\n  handleChange(e) {\n    const target = e.target;\n    const name = target.name\n    const value = target.type === \"checkbox\" ? target.checked : target.value;\n    \n    // Update value in state\n    this.setState({\n      [name]: value,\n    });\n  }\n  \n  // Method to handle form submit\n  async handleSubmit(e) {\n    e.preventDefault();\n    \n    const {validate} = this.state;\n    \n    let formData = {};\n    for (let key in this.state) {\n      formData[key] = this.state[key];\n    }\n    formData[\"form\"] = \"ourfirstshow\";\n    \n    const myInit = {\n      body: {\n        formData\n      },\n    };\n    \n    const res = await API.post(\"LKEducationAPI\", \"/LKOurFirstShow\", myInit)\n      .then((response) => {\n        console.log(response)\n        const event = response.event\n        \n        // If there are errors update validation state\n        if (event.errors !== false && event.errors !== undefined) {\n          // Scroll top top of form\n          const domNode = ReactDOM.findDOMNode(this.form.current)\n          window.scrollTo({\n            top: domNode.offsetTop,\n            behavior: \"smooth\"\n          })\n          \n          const {validate} = this.state\n          \n          for (let key in event.errors) {\n            if (event.errors[key] === true) {\n              validate[key] = \"has-danger\"\n            } else {\n              validate[key] = event.errors[key]\n            }\n            \n            this.setState({validate});\n          }\n          \n          //re-enable the button\n          this.setState({\n            sendingFormRequest: false,\n            submitBtnCopy: \"Submit\"\n          });\n          \n        } else {\n          if (event.success === true) {\n            this.setState({\n              success: true,\n              submitBtnCopy: \"Sending form\"\n            });\n          }\n          if (typeof event.MessageId !== \"undefined\") {\n            navigate(\"/thank-you\");\n          } else {\n            console.log(event.code)\n          }\n          // navigate(\"/thank-you\");\n        }\n        \n        //re-enable the button\n        this.setState({\n          sendingFormRequest: false,\n          submitBtnCopy: \"Submit\"\n        });\n        \n        // Scroll top top of form\n        const domNode = ReactDOM.findDOMNode(this.form.current)\n        window.scrollTo({\n          top: domNode.offsetTop,\n          behavior: \"smooth\"\n        })\n      })\n  }\n  \n \n\n  openDialog = e => {\n    if (\n      typeof window !== 'undefined' &&\n      typeof window.__dataLayer !== 'undefined'\n    ) {\n      window.__dataLayer.OneTrustDialog(e)\n    }\n  }\n\n  \n  render() {\n    return (\n      <Layout slug=\"ourfirstshow\" title=\"Our First Show Application Form\">\n        <HeaderWrapper>\n          <Container fluid={true}>\n            <Container>\n              <HeaderContent>\n                <div className=\"items\">\n                  <h1 className=\"pb-3\">Our First Show Application Form</h1>\n                </div>\n                <Link className=\"items\" to=\"/\"><img src={londonLogo}\n                                                    alt=\"The Lion King - Lyceum Theatre, London\"/></Link>\n              </HeaderContent>\n            </Container>\n          </Container>\n        </HeaderWrapper>\n        {/*<ApplicationOver />*/}\n        {/*}\n        <Container fluid={true}>\n          <Container>\n            <Row>\n              <Col xs={12} md={6}>\n              <p>Welcome to the Our First Show Scheme for Disney's THE LION KING that enables school groups to purchase a limited number of £10 tickets to the West End musical on select performances. To take part in the scheme, fill in and return the application form before 13<sup>th</sup> November.</p>\n<p>Do this by filling in the online form below.</p>\n<p>The Our First Show Scheme supports cultural engagement within schools by giving pupils who may not otherwise be able the chance to experience a live theatre production.</p>\n              </Col>\n              \n              <Col xs={12} md={6}>\n                <p><strong>Key information you need to know</strong></p>\n                <ul>\n                <li>Tickets are &pound;10 each</li>\n                <li>A maximum of 70 tickets can be allocated per school/youth group, this includes teachers/leaders</li>\n                <li>The scheme is open to primary/secondary schools and youth groups</li>\n                <li>You can choose from the dates below</li>\n                <li>The closing date for applications is Wednesday 13<sup>th</sup> November</li>\n                <li>You will be contacted if you have been successful with your application by Friday 15<sup>th</sup> November</li>\n                <li>Successful applications must confirm their booking and access requirements by Thursday 21<sup>st</sup> November.</li>\n                <li>Successful applicants must pay by Friday 13<sup>th</sup> December</li>\n                </ul>\n              </Col>\n            </Row>\n          </Container>\n        </Container>\n        */}\n        <CompetitionOver>\n          <p>Applications for Our First Show 2024 have now closed.</p>\n        </CompetitionOver>\n\n        {/*\n        {!this.state.cookieAccepted ?\n          <div className=\"text-center\">\n            <p><strong>Note: To be able to see the form below and submit your details, you must accept the cookies.</strong></p>\n            <a className=\"no-interstitial-check btn--red btn--block\" onClick={(e) => this.openDialog(e)} href=\"#\" role=\"button\">\n              Manage Your Cookie Settings\n            </a>\n          </div>\n            :\n          <FormTheme>\n            <Container fluid={true}>\n              <Container>\n                <h2 className=\"mb-3\">Application Form</h2>\n                \n                <Form onSubmit={(e) => this.handleSubmit(e)} noValidate ref={this.form}>\n                  <Row>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"name\">Name of school:*</Label>\n                        <Input\n                          type=\"text\"\n                          name=\"nameOfSchool\"\n                          id=\"nameOfSchool\"\n                          value={this.state.nameOfSchool}\n                          valid={this.state.validate.nameOfSchool === 'has-success'}\n                          invalid={this.state.validate.nameOfSchool === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        />\n                        <FormFeedback>\n                          Name of school is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"name\">Postcode:*</Label>\n                        <Input\n                          type=\"text\"\n                          name=\"postcode\"\n                          id=\"postcode\"\n                          value={this.state.postcode}\n                          valid={this.state.validate.postcode === 'has-success'}\n                          invalid={this.state.validate.postcode === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        />\n                        <FormFeedback>\n                          Postcode is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  \n                  <Row>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"name\">Borough:*</Label>\n                        <Input\n                          type=\"text\"\n                          name=\"borough\"\n                          id=\"borough\"\n                          value={this.state.borough}\n                          valid={this.state.validate.borough === 'has-success'}\n                          invalid={this.state.validate.borough === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        />\n                        <FormFeedback>\n                          Borough is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                  \n                  </Row>\n                  \n                  <Row>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"name\">Full Name:*</Label>\n                        <Input\n                          type=\"text\"\n                          name=\"fullName\"\n                          id=\"fullName\"\n                          value={this.state.fullName}\n                          valid={this.state.validate.fullName === 'has-success'}\n                          invalid={this.state.validate.fullName === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        />\n                        <FormFeedback>\n                          Full name is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"name\">Position at school:*</Label>\n                        <Input\n                          type=\"text\"\n                          name=\"positionAtSchool\"\n                          id=\"positionAtSchool\"\n                          value={this.state.positionAtSchool}\n                          valid={this.state.validate.positionAtSchool === 'has-success'}\n                          invalid={this.state.validate.positionAtSchool === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        />\n                        <FormFeedback>\n                          Position at school is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  <Row>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"email\">Email:*</Label>\n                        <Input\n                          type=\"email\"\n                          name=\"email\"\n                          id=\"email\"\n                          value={this.state.email}\n                          valid={this.state.validate.email === 'has-success'}\n                          invalid={this.state.validate.email === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                            this.validateEmail(e)\n                          }}\n                        />\n                        <FormFeedback>\n                          {this.state.validate.emailErrMsg}\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"name\">Phone number*</Label>\n                        <Input\n                          type=\"text\"\n                          name=\"phoneNumber\"\n                          id=\"phoneNumber\"\n                          value={this.state.phoneNumber}\n                          valid={this.state.validate.phoneNumber === 'has-success'}\n                          invalid={this.state.validate.phoneNumber === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                            this.validatePhone(e, 'phoneNumber', true)\n                          }}\n                        />\n                        <FormFeedback>\n                          {this.state.validate.phoneErrMsg}\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  <Row className=\"pb-5\">\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"alternativeContactName\">Alternative contact name</Label>\n                        <Input\n                          type=\"text\"\n                          name=\"alternativeContactName\"\n                          id=\"alternativeContactName\"\n                          value={this.state.alternativeContactName}\n                          onChange={e => {\n                            this.handleChange(e)\n                          }}\n                        />\n                      </FormGroup>\n                    </Col>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"alternativeContactNumber\">Alternative contact number</Label>\n                        <Input\n                          type=\"text\"\n                          name=\"alternativeContactNumber\"\n                          id=\"alternativeContactNumber\"\n                          value={this.state.alternativeContactNumber}\n                          valid={this.state.validate.alternativeContactNumber === 'has-success'}\n                          invalid={this.state.validate.alternativeContactNumber === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validatePhone(e, 'alternativeContactNumber')\n                          }}\n                        />\n                        <FormFeedback>\n                          {this.state.validate.alternativeContactNumberErrMsg}\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  \n                  <h3 className=\"mt-4 mb-5\">\n                    Please select your dates in order of 1 and 2, with 1 being the most preferred option.\n                  </h3>\n                  <Row>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"firstPreferredDate\">My first preferred date*</Label>\n                        <Input\n                          type=\"select\"\n                          name=\"firstPreferredDate\"\n                          id=\"firstPreferredDate\"\n                          value={this.state.firstPreferredDate}\n                          valid={this.state.validate.firstPreferredDate === 'has-success'}\n                          invalid={this.state.validate.firstPreferredDate === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        >\n                          <option value=\"\">Select</option>\n                          <option value=\"09/01/2025 19:30:00\">09/01/2025 19:30:00</option>\n                          <option value=\"14/01/2025 19:30:00\">14/01/2025 19:30:00</option>\n                          <option value=\"15/01/2025 19:30:00\">15/01/2025 19:30:00</option>\n                          <option value=\"16/01/2025 19:30:00\">16/01/2025 19:30:00</option>\n                          <option value=\"21/01/2025 19:30:00\">21/01/2025 19:30:00</option>\n                          <option value=\"22/01/2025 19:30:00\">22/01/2025 19:30:00</option>\n                          <option value=\"28/01/2025 19:30:00\">28/01/2025 19:30:00</option>\n                          <option value=\"29/01/2025 19:30:00\">29/01/2025 19:30:00</option>\n                          <option value=\"04/02/2025 19:30:00\">04/02/2025 19:30:00</option>\n                          <option value=\"05/02/2025 19:30:00\">05/02/2025 19:30:00</option>\n                        </Input>\n                        <FormFeedback>\n                          First preferred date is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"secondPreferredDate\">My second preferred date*</Label>\n                        <Input\n                          type=\"select\"\n                          name=\"secondPreferredDate\"\n                          id=\"secondPreferredDate\"\n                          value={this.state.secondPreferredDate}\n                          valid={this.state.validate.secondPreferredDate === 'has-success'}\n                          invalid={this.state.validate.secondPreferredDate === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        >\n                          <option value=\"\">Select</option>\n                          <option value=\"09/01/2025 19:30:00\">09/01/2025 19:30:00</option>\n                          <option value=\"14/01/2025 19:30:00\">14/01/2025 19:30:00</option>\n                          <option value=\"15/01/2025 19:30:00\">15/01/2025 19:30:00</option>\n                          <option value=\"16/01/2025 19:30:00\">16/01/2025 19:30:00</option>\n                          <option value=\"21/01/2025 19:30:00\">21/01/2025 19:30:00</option>\n                          <option value=\"22/01/2025 19:30:00\">22/01/2025 19:30:00</option>\n                          <option value=\"28/01/2025 19:30:00\">28/01/2025 19:30:00</option>\n                          <option value=\"29/01/2025 19:30:00\">29/01/2025 19:30:00</option>\n                          <option value=\"04/02/2025 19:30:00\">04/02/2025 19:30:00</option>\n                          <option value=\"05/02/2025 19:30:00\">05/02/2025 19:30:00</option>\n                        </Input>\n                        <FormFeedback>\n                          Second preferred date is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  \n                  <Row>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"numberOfTickets\">Total number of tickets required* (Max 70)</Label>\n                        <Input\n                          type=\"text\"\n                          pattern=\"[0-9]*\"\n                          name=\"numberOfTickets\"\n                          id=\"numberOfTickets\"\n                          onInput={e => this.handleChangeNumbers(e, 'numberOfTickets', this.state.numberOfTickets)}\n                          value={this.state.numberOfTickets}\n                          valid={this.state.validate.numberOfTickets === 'has-success'}\n                          invalid={this.state.validate.numberOfTickets === 'has-danger'}\n                          onChange={e => {\n                            this.validateAmount(e, 'numberOfTickets', 'numberOfTicketsErrMsg', 70, 'Total number of tickets field is required')\n                          }}\n                        />\n                        <FormFeedback>\n                          {this.state.validate.numberOfTicketsErrMsg}\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"numberOfStudentTickets\">How many student tickets do you require*\n                          (Max 60)</Label>\n                        <Input\n                          type=\"text\"\n                          pattern=\"[0-9]*\"\n                          name=\"numberOfStudentTickets\"\n                          id=\"numberOfStudentTickets\"\n                          onInput={e => this.handleChangeNumbers(e, 'numberOfStudentTickets', this.state.numberOfStudentTickets)}\n                          value={this.state.numberOfStudentTickets}\n                          valid={this.state.validate.numberOfStudentTickets === 'has-success'}\n                          invalid={this.state.validate.numberOfStudentTickets === 'has-danger'}\n                          onChange={e => {\n                            this.validateAmount(e, 'numberOfStudentTickets', 'numberOfStudentTicketsErrMsg', 60, 'How many student tickets do you require field is required')\n                          }}\n                        />\n                        <FormFeedback>\n                          {this.state.validate.numberOfStudentTicketsErrMsg}\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  \n                  <Row>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"numberOfTeacherTickets\">How many teacher tickets do you require*\n                          (Max 10)</Label>\n                        <Input\n                          type=\"text\"\n                          pattern=\"[0-9]*\"\n                          name=\"numberOfTeacherTickets\"\n                          id=\"numberOfTeacherTickets\"\n                          onInput={e => this.handleChangeNumbers(e, 'numberOfTeacherTickets', this.state.numberOfTeacherTickets)}\n                          value={this.state.numberOfTeacherTickets}\n                          valid={this.state.validate.numberOfTeacherTickets === 'has-success'}\n                          invalid={this.state.validate.numberOfTeacherTickets === 'has-danger'}\n                          onChange={e => {\n                            this.validateAmount(e, 'numberOfTeacherTickets', 'numberOfTeacherTicketsErrMsg', 10, 'How many teacher tickets do you require field is required')\n                          }}\n                        />\n                        <FormFeedback>\n                          {this.state.validate.numberOfTeacherTicketsErrMsg}\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                    <Col md={6}>\n                    </Col>\n                  </Row>\n                  \n                  <Row className=\"mt-5\">\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"yearGroup\">Year group*</Label>\n                        <Input\n                          type=\"text\"\n                          name=\"yearGroup\"\n                          id=\"yearGroup\"\n                          value={this.state.yearGroup}\n                          valid={this.state.validate.yearGroup === 'has-success'}\n                          invalid={this.state.validate.yearGroup === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        />\n                        <FormFeedback>\n                          Year group is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"freeSchoolMeals\">Free school meals, in percentage*</Label>\n                        <Input\n                          type=\"text\"\n                          name=\"freeSchoolMeals\"\n                          id=\"freeSchoolMeals\"\n                          value={this.state.freeSchoolMeals}\n                          valid={this.state.validate.freeSchoolMeals === 'has-success'}\n                          invalid={this.state.validate.freeSchoolMeals === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        />\n                        <FormFeedback>\n                          Free school meals field is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  \n                  <Row>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"pupilPremium\">Pupil premium, in percentage*</Label>\n                        <Input\n                          type=\"text\"\n                          name=\"pupilPremium\"\n                          id=\"pupilPremium\"\n                          value={this.state.pupilPremium}\n                          valid={this.state.validate.pupilPremium === 'has-success'}\n                          invalid={this.state.validate.pupilPremium === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        />\n                        <FormFeedback>\n                          Pupil premium field is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                    <Col md={6}>\n                      <FormGroup>\n                        <Label for=\"pupilsWhoNever\">Pupils who have never been to the theatre, in\n                          percentage*</Label>\n                        <Input\n                          type=\"text\"\n                          name=\"pupilsWhoNever\"\n                          id=\"pupilsWhoNever\"\n                          value={this.state.pupilsWhoNever}\n                          valid={this.state.validate.pupilsWhoNever === 'has-success'}\n                          invalid={this.state.validate.pupilsWhoNever === 'has-danger'}\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        />\n                        <FormFeedback>\n                          Pupils who have never been to the theatre field is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  \n                  <Row>\n                    <Col xs={12}>\n                      <FormGroup>\n                        <Label for=\"accessRequirementsNeeded\">Does your group have any access requirements?*</Label>\n                        <Input\n                          type=\"select\"\n                          name=\"accessRequirementsNeeded\"\n                          id=\"accessRequirementsNeeded\"\n                          value={this.state.accessRequirementsNeeded}\n                          valid={this.state.validate.accessRequirementsNeeded === 'has-success'}\n                          invalid={this.state.validate.accessRequirementsNeeded === 'has-danger'}\n                          rows=\"5\"\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        >\n                          <option value=\"\">Select</option>\n                          <option value=\"Yes\">Yes</option>\n                          <option value=\"No\">No</option>\n                        </Input>\n                        <FormFeedback>\n                          Access facilities field is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  <Row>\n                    <Col xs={12}>\n                      <FormGroup>\n                        <Label for=\"accessRequirements\">If answered yes, please specify all access requirements below\n                          e.g.\n                          wheelchair users (transferable/non-transferable), step free access etc.<br/>\n                          If answered no, please write N/A.*</Label>\n                        <Input\n                          type=\"textarea\"\n                          name=\"accessRequirements\"\n                          id=\"accessRequirements\"\n                          value={this.state.accessRequirements}\n                          valid={this.state.validate.accessRequirements === 'has-success'}\n                          invalid={this.state.validate.accessRequirements === 'has-danger'}\n                          rows=\"5\"\n                          onChange={e => {\n                            this.handleChange(e)\n                            this.validateRequired(e)\n                          }}\n                        />\n                        \n                        <FormFeedback>\n                          Access requirements field is required\n                        </FormFeedback>\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  \n                  <Row>\n                    <Col xs={12}>\n                      <FormGroup>\n                        <Label for=\"performingArts\">Why is it important for your students to have access\n                          to the performing arts? (Max 500 characters)</Label>\n                        <Input\n                          type=\"textarea\"\n                          name=\"performingArts\"\n                          id=\"performingArts\"\n                          value={this.state.performingArts}\n                          valid={this.state.validate.performingArts === 'has-success'}\n                          invalid={this.state.validate.performingArts === 'has-danger'}\n                          rows=\"5\"\n                          onChange={e => {\n                            this.handleChange(e)\n                          }}\n                        />\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  \n                  <Row>\n                    <Col xs={12}>\n                      <FormGroup>\n                        <Label for=\"howToImpact\">Beyond an opportunity of bringing your students to see\n                          Disney’s THE LION KING, how would this project impact your school?\n                          Enhance the curriculum, arts award, arts mark etc (Max 500\n                          characters)</Label>\n                        <Input\n                          type=\"textarea\"\n                          name=\"howToImpact\"\n                          id=\"howToImpact\"\n                          value={this.state.howToImpact}\n                          valid={this.state.validate.howToImpact === 'has-success'}\n                          invalid={this.state.validate.howToImpact === 'has-danger'}\n                          rows=\"5\"\n                          onChange={e => {\n                            this.handleChange(e)\n                          }}\n                        />\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  \n                  <Row className=\"pb-5\">\n                    <Col md={6}>\n                      <FormGroup className=\"no-border\" check>\n                        <Label check className=\"font-normal font-weight-light checkbox-btn\">\n                          <p>My head teacher has reviewed and is supportive of this application / I am\n                            the head teacher*</p>\n                          <Input\n                            type=\"checkbox\"\n                            name=\"headTeacherReviewed\"\n                            id=\"headTeacherReviewed\"\n                            value={this.state.headTeacherReviewed}\n                            valid={this.state.validate.headTeacherReviewed === 'has-success'}\n                            invalid={this.state.validate.headTeacherReviewed === 'has-danger'}\n                            onChange={e => {\n                              this.handleChange(e)\n                              this.validateRequiredCheckbox(e)\n                            }}\n                          />\n                          <FormFeedback>\n                            Head teacher review is required\n                          </FormFeedback>\n                        </Label>\n                      </FormGroup>\n                    </Col>\n                    \n                    <Col md={6}>\n                      <FormGroup className=\"no-border\" check>\n                        <Label check className=\"font-normal font-weight-light checkbox-btn\">\n                          <p>If you wish to be contacted about future schemes providing access to\n                            discounted tickets please tick here</p>\n                          <Input\n                            type=\"checkbox\"\n                            name=\"marketing\"\n                            id=\"marketing\"\n                            value={this.state.marketing}\n                            onChange={e => {\n                              this.handleChange(e)\n                            }}\n                          />\n                        </Label>\n                      </FormGroup>\n                    </Col>\n                  </Row>\n                  <Row>\n                    <Col md={6}>\n                      <p>The information provided in this application form will be subject to Disney’s Privacy Policy\n                        and will be used solely for the purpose of assessing your application.</p>\n                      \n                      <p>Disclaimer: by applying for these tickets I am committing to being able to bring a group on one\n                        of my preferred dates.</p>\n                    </Col>\n                  </Row>\n                  <Row className=\"mb-4 mt-2\">\n                    <Col md={4}>\n                      <SubmitButton className=\"btn--red btn--block\">Submit</SubmitButton>\n                    </Col>\n                  </Row>\n                  <Row>\n                    <Col xs={12}>\n                    <p>Maximum number of tickets allowed at the special rate per school is 70, any additional tickets will be at the standard education rate (&pound;22.50/&pound;29.50) or the off-peak education rate (&pound;19.50/&pound;25). One application allowed per school (per term). All tickets are &pound;10 irrespective of whether they are for teachers or pupils. The price of &pound;10 per ticket is inclusive of a reduced theatre levy of 75p for this offer. Please following Government guidance of teacher to pupil ratios when booking tickets.</p>\n        <p>The closing date for applications is Wednesday 13th November. Successful groups will be contacted by Friday 15th November. Successful applications must confirm their booking and access requirements by Thursday 21st November. Regrettably we cannot contact unsuccessful schools. Successful applicants must pay by Friday 13th December.</p>\n        <p>Please email any queries to&nbsp;<a href=\"mailto:theatreeducationuk@disney.co.uk\" target=\"_blank\"><strong>theatreeducationuk@disney.co.uk</strong></a>&nbsp;&copy;Disney.</p>\n        <p><a href=\"https://privacy.thewaltdisneycompany.com/en/current-privacy-policy/\" target=\"_blank\"><strong>https://privacy.thewaltdisneycompany.com/en/current-privacy-policy/</strong></a></p>\n                    </Col>\n                  </Row>\n                </Form>\n              </Container>\n            </Container>\n          </FormTheme>\n          }*/}\n      </Layout>\n    )\n  }\n  \n}\n\nexport default OurFirstShowForm\n\n\n","export default __webpack_public_path__ + \"static/LK-Home-1linelogo-lyceum-1-c35f50c154ee78c6ebaa611572223dea.svg\";"],"names":["styled","displayName","componentId","captchaSiteKey","Amplify","awsconfig","HeaderWrapper","props","theme","colors","yellow","media","red","HeaderContent","font","family","bold","brown","CompetitionOver","light","superLightGrey","iconDropDown","base","grey","black","white","OurFirstShowForm","_Component","_this","call","handleChangeNumbers","evt","stateName","stateValue","_this$setState","value","target","validity","valid","setState","openDialog","e","window","__dataLayer","OneTrustDialog","state","nameOfSchool","postcode","borough","fullName","city","positionAtSchool","email","phoneNumber","alternativeContactName","alternativeContactNumber","firstPreferredDate","secondPreferredDate","numberOfTickets","numberOfStudentTickets","numberOfTeacherTickets","yearGroup","freeSchoolMeals","pupilPremium","pupilsWhoNever","accessRequirementsNeeded","accessRequirements","performingArts","howToImpact","headTeacherReviewed","marketing","googleVerified","validate","emailErrMsg","phoneErrMsg","alternativeContactNumberErrMsg","numberOfTicketsErrMsg","numberOfStudentTicketsErrMsg","numberOfTeacherTicketsErrMsg","googleVerifiedErrMsg","success","cookieAccepted","handleSubmit","bind","_assertThisInitialized","onGoogleVerify","validateRequired","validateEmail","validatePhone","validateAmount","validateRequiredCheckbox","form","React","_inheritsLoose","_proto","prototype","componentDidMount","_this2","console","log","script","document","createElement","src","addEventListener","that","grecaptcha","enterprise","ready","execute","action","then","token","setInterval","body","appendChild","_onGoogleVerify","_asyncToGenerator","_regeneratorRuntime","_callee","response","myInit","_this3","_context","prev","next","this","headers","recaptchaResponse","API","event","Error","catch","error","sent","stop","_x","apply","arguments","handleChange","_this$setState2","name","type","checked","_handleSubmit","_callee2","formData","key","_this4","_context2","preventDefault","errors","undefined","domNode","ReactDOM","current","scrollTo","top","offsetTop","behavior","sendingFormRequest","submitBtnCopy","MessageId","navigate","code","_x2","render","Layout","slug","title","Container","fluid","className","Link","to","londonLogo","alt","Component"],"sourceRoot":""}