\n If required, we will get back to you\n as soon as we can.\n
\n ),\n icon: false,\n closable: false,\n keyboard: false,\n });\n } else {\n Modal.error({\n className: \"unavailable-survey\",\n title: \"Error!\",\n content:\n \"Sorry, an error occurred. Please try again!\",\n icon: false,\n closable: false,\n keyboard: false,\n });\n }\n this.setState({\n saving: false,\n });\n })\n .catch((error) => {\n Modal.error({\n className: \"unavailable-survey\",\n title: \"Error!\",\n content:\n \"Sorry, an error occurred. Please try again!\",\n icon: false,\n closable: false,\n keyboard: false,\n });\n this.setState({\n saving: false,\n });\n });\n }\n );\n });\n };\n\n render() {\n const { getFieldDecorator } = this.props.form;\n\n let ContactFormToRender = (\n <>\n \n \n );\n\n if (this.props.embed) {\n return ReactDOM.createPortal(\n ContactFormToRender,\n document.getElementById(\"react-contact-form\")\n );\n }\n\n return ContactFormToRender;\n }\n}\n\nconst ContactForm = Form.create({ name: \"contact_form\" })(ContactFormClass);\nexport default withRouter(ContactForm);\n","const base64Decode = (str) => {\n return decodeURIComponent(\n atob(str).replace(/(.)/g, (_m, c) => {\n let code = c.charCodeAt(0).toString(16).toUpperCase();\n if (code.length < 2) {\n code = \"0\" + code;\n }\n return \"%\" + code;\n })\n );\n};\n\nconst base64UrlDecode = (str) => {\n let output = str.replace(/-/g, \"+\").replace(/_/g, \"/\");\n switch (output.length % 4) {\n case 0:\n break;\n case 2:\n output += \"==\";\n break;\n case 3:\n output += \"=\";\n break;\n default:\n console.log(\"no good here\");\n throw new Error(\"Illegal Base64URL string!\");\n }\n\n try {\n return base64Decode(output);\n } catch (err) {\n return atob(output);\n }\n};\n\nconst decode = (token, { header = false } = {}) => {\n const pos = header === true ? 0 : 1;\n try {\n return JSON.parse(base64UrlDecode(token.split(\".\")[pos]));\n } catch (err) {\n return {};\n }\n};\n\nexport default decode;\n","import React from \"react\";\n\n//Ant Design Elements\nimport Button from \"antd/lib/button\";\nimport Modal from \"antd/lib/modal\";\nimport Table from \"antd/lib/table\";\n\nimport config from \"../../../config\";\nimport api from \"../../../helpers/api\";\nimport decode from \"../../../helpers/decode\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faUserCheck } from \"@fortawesome/free-solid-svg-icons\";\nimport Spinner from \"../../elements/Spinner\";\n\nimport { GoogleOAuthProvider } from \"@react-oauth/google\";\nimport { GoogleLogin } from \"@react-oauth/google\";\n\nclass GoogleLoginButton extends React.Component {\n state = {\n multipleUsersModalVisible: false,\n multipleUsers: {},\n singleUserModalVisible: false,\n singleUser: {},\n noUserModalVisible: false,\n loading: false,\n connecting: false,\n savingStudent: false,\n };\n\n googleProfile = null;\n googleAuth = null;\n\n modalToggle = (modal_name) => {\n this.setState({\n [modal_name + \"ModalVisible\"]:\n !this.state[modal_name + \"ModalVisible\"],\n });\n };\n\n /**\n * Create a new Student account with returned details from Google.\n * The Student Refresh script will then populate everything else we need.\n */\n createNewGoogleStudent = () => {\n let values = {};\n values.email = this.googleProfile.email;\n values.first_name = this.googleProfile.given_name;\n values.last_name = this.googleProfile.family_name;\n values.google_user_id = this.googleProfile.sub;\n values.source = \"app\";\n\n return api\n .post(\"students/save/google\", {\n body: JSON.stringify(values),\n })\n .then((res) => {\n //Convert to JSON in case we've received a string response\n if (typeof res === \"string\") {\n res = JSON.parse(res);\n }\n //Check for an error response (status of \"NOK\")\n if (res.status === \"NOK\" || res.result.success === false) {\n this.setState({\n showErrorMessage: true,\n loading: false,\n });\n } else {\n // Save the access token\n this.props.cookies.set(\n config.environmentShort + \"AT\",\n res.result.access_token,\n { path: \"/\", domain: config.siteDomain }\n );\n // Update state\n this.props.setAppStateValue(\"user\", {\n id: res.result.student_id,\n });\n this.props.sendPageviewToGoogleAnalytics(\n \"/virtual/bookings-new/user-details/login\"\n ); //First ping to signal login\n this.props.sendEventToGoogleTagManager({\n event: \"user-signup-google\",\n });\n // Smartlook - Track User Registration with Google\n if (\n window.location.hostname === \"app.ltrent.com.au\" &&\n typeof smartlook !== \"undefined\" &&\n typeof smartlook === \"function\"\n ) {\n /*global smartlook*/ // This line prevents the below throwing an error when not on production\n smartlook(\"track\", \"user\", {\n type: \"registration-google\",\n });\n }\n\n this.props.setAppStateValue(\n \"googleUserId\",\n values.google_user_id,\n false,\n () => {\n this.props.setAppStateValue(\n \"connectedWithGoogle\",\n true\n );\n }\n );\n\n // Start Student TimeStamp Polling\n this.props.startStudentTimeStampChecker();\n\n window.setTimeout(() => {\n if (\n typeof this.props.loginModalCallback === \"function\"\n ) {\n // If we have a callback, call it\n this.props.loginModalCallback();\n } else {\n // Otherwise, just close the modal.\n this.props.loginModalToggle();\n }\n }, 1000);\n }\n })\n .catch((error) => {\n this.setState({\n showErrorMessage: true,\n loading: false,\n });\n });\n };\n\n // Selecting a User from found Google Users list\n selectUser = async (record) => {\n if (this.props.context === \"Log In\") {\n await this.setState({ connecting: true }, async () => {\n // Connect the User to this Google Login, then login as the user\n await api\n .post(\"students/connectGoogle\", {\n body: JSON.stringify({\n student_id: record.id,\n email: this.googleProfile.email,\n google_user_id: this.googleProfile.sub,\n google_auth_id_token: this.googleAuth,\n }),\n })\n .then((res) => {\n //Convert to JSON in case we've received a string response\n if (typeof res === \"string\") {\n res = JSON.parse(res);\n }\n //Check for an error response (status of \"NOK\")\n if (\n res.status === \"NOK\" ||\n res.result.success === false\n ) {\n this.setState({\n showErrorMessage: true,\n errorMessage: res.result.error,\n });\n } else {\n this.props.loginSocialMediaUser(\n res,\n \"google\",\n () => {\n if (\n typeof this.props.loginModalCallback ===\n \"function\"\n ) {\n this.props.loginModalCallback();\n }\n }\n );\n }\n });\n });\n } else {\n // If they're trying to register, reset their status and then log them in.\n await this.setState({ connecting: true }, async () => {\n // Connect the User to this Google Login, then login as the user\n await api\n .post(\"students/connectGoogle\", {\n body: JSON.stringify({\n student_id: record.id,\n email: this.googleProfile.email,\n google_user_id: this.googleProfile.sub,\n google_auth_id_token: this.googleAuth,\n }),\n })\n .then((res) => {\n //Convert to JSON in case we've received a string response\n if (typeof res === \"string\") {\n res = JSON.parse(res);\n }\n //Check for an error response (status of \"NOK\")\n if (\n res.status === \"NOK\" ||\n res.result.success === false\n ) {\n this.setState({\n showErrorMessage: true,\n errorMessage: res.result.error,\n });\n } else {\n // Log them in and Reload the window\n this.props.loginSocialMediaUser(\n res,\n \"google\",\n () => {\n if (\n typeof this.props.loginModalCallback ===\n \"function\"\n ) {\n this.props.loginModalCallback();\n }\n }\n );\n }\n });\n });\n }\n };\n\n successfulGoogleConnection = async (credentialResponse) => {\n //set state, determine login or register and call func below.\n await this.setState(\n {\n loading: true,\n },\n async () => {\n this.googleProfile = decode(credentialResponse.credential);\n this.googleAuth = credentialResponse;\n await this.checkStudentExistsGoogle(\n this.googleProfile,\n this.googleAuth\n );\n }\n );\n };\n\n checkStudentExistsGoogle = async (googleProfile, googleAuth) => {\n //API Request\n await api\n .post(\"students/checkStudentExists\", {\n body: JSON.stringify({\n email: googleProfile.email,\n // + (config.environment === 'production' ? '' : Math.random().toString(36).replace(/[^a-z]+/g, ''))\n google_user_id: googleProfile.sub,\n google_auth_id_token: googleAuth,\n getData: true,\n }),\n })\n .then((data) => {\n if (data.result.access_token) {\n // User already Connected with Google.\n // Log them straight in and process our cart if needed.\n this.props.loginSocialMediaUser(data, \"google\", () => {\n if (\n typeof this.props.loginModalCallback === \"function\"\n ) {\n this.props.loginModalCallback();\n }\n });\n } else if (data.result.exists) {\n if (\n data.result.students.length === 1 &&\n data.result.students[0].google_user_id !==\n googleProfile.sub\n ) {\n // Email Exists and is NOT attached to Google ID\n this.setState(\n {\n loading: false,\n singleUser: data.result.students[0],\n },\n () => {\n this.modalToggle(\"singleUser\");\n }\n );\n } else if (data.result.students.length > 1) {\n // Multiple Students found with that email\n this.setState(\n {\n loading: false,\n multipleUsers: data.result.students,\n },\n () => {\n this.modalToggle(\"multipleUsers\");\n }\n );\n } else {\n // Email exists, but no unconnected students\n Modal.error({\n title: \"Unable to connect to Google Account.\",\n content: (\n \n Sorry - we were unable to connect your\n Google account to a student profile.\n\n We have found multiple student accounts with that email\n address.\n
\n Unfortunately we can only link ONE to your Google\n account.\n
\n Please select an account from the list below.\n
\n If you believe this to be an error, or the students\n listed above are the same person, please contact the\n office so that we can assist you.\n
\n\n\n Your Google Account is not linked to a Student record.\n
\n However, your email address exists in our system.\n
\n
\n Would you like to link this Google account to student{\" \"}\n \n \"{this.state.singleUser.first_name}{\" \"}\n {this.state.singleUser.last_name}\"\n \n ?\n
\n Your Google Account is not linked to a Student record,\n and we don't have your email address in our system.\n
\n
\n Would you like to register a new account?\n
\n
\n If you believe this to be an error, please contact the\n office so that we can assist you.\n
\n Welcome\n back!\n
\n\n Sorry, the\n reservation(s)\n you had did\n not match\n your\n Assigned\n Driver\n Trainer.\n
\n\n Please try\n again. The\n available\n times shown\n will now be\n those of\n your Driver\n Trainer.\n
\n\n If you are\n having\n trouble\n booking,\n please{\" \"}\n
\n Welcome\n back!\n
\n\n Sorry, some\n of the\n Reservations\n you had in\n your Cart\n clashed with\n other\n Bookings in\n your\n account.\n
\n\n Please try\n again. The\n times shown\n will now be\n those where\n both you and\n your Driver\n Trainer are\n available.\n
\n\n If you are\n having\n trouble\n booking,\n please{\" \"}\n
{res.result.message}
\n\n \"I had Rob Barilla at{\" \"}\n {config.drivingSchoolMediumName} and it was\n a great and fulfilling experience! The\n lessons were organised, enjoyable and\n helpful. Thanks to Rob for helping get my\n red P's\"\n
\n- Gemma
\n\n
\n Make sure to check your email\n regularly for your exclusive\n content.\n
\n ),\n icon: false,\n closable: false,\n keyboard: false,\n onOk: () => {\n if (this.props.callback && typeof this.props.callback === \"function\") {\n this.props.callback();\n }\n }\n });\n } else {\n Modal.error({\n className: \"unavailable-survey\",\n title: \"Error!\",\n content:\n \"Sorry, an error occurred. Please try again!\",\n icon: false,\n closable: false,\n keyboard: false,\n });\n }\n this.setState({\n saving: false,\n });\n })\n .catch((error) => {\n Modal.error({\n className: \"unavailable-survey\",\n title: \"Error!\",\n content:\n \"Sorry, an error occurred. Please try again!\",\n icon: false,\n closable: false,\n keyboard: false,\n });\n this.setState({\n saving: false,\n });\n });\n }\n );\n });\n };\n\n render() {\n const { getFieldDecorator } = this.props.form;\n\n let NewsletterFormToRender = (\n \n );\n\n return NewsletterFormToRender;\n }\n}\n\nconst NewsletterForm = Form.create({ name: \"newsletter_form\" })(\n NewsletterFormClass\n);\nexport default withRouter(NewsletterForm);\n","import React from \"react\";\nimport { withRouter } from \"react-router\";\nimport ReactDOM from \"react-dom\";\n\n//Ant Design Elements\nimport Drawer from \"antd/lib/drawer\";\n\nimport NewsletterForm from \"./NewsletterForm\";\n\nclass NewsletterFormDrawerClass extends React.Component {\n state = {\n drawerVisible: false,\n // Once set to True, the Drawer cannot be re-opened (stops it being annoying)\n drawerHasBeenClosed: false,\n };\n\n componentDidMount = () => {\n // After 5 minutes on a page, open the Drawer\n setTimeout(() => {\n this.setState({\n drawerVisible: true,\n });\n }, 300000);\n\n // Start the Exit Intent Trigger to show Modal when pointer exits the top of the window\n this.applyExitIntentTrigger(() =>\n this.setState({\n drawerVisible: true,\n })\n );\n };\n\n /**\n * This function was copied from EmailOctopus' newsletter subscription modal\n */\n applyExitIntentTrigger = (exitIntentCallback) => {\n // How close to the top of the screen (in pixels) the mouse should move to,\n // before we trigger the modal.\n const sensitivity = 20;\n\n // How long before we activate the exit intent logic in ms.\n // We may want the page to have been loaded for a certain amount of time\n // before showing any modals.\n const timer = 3_000;\n\n // The delay between the mouse leaving the screen and the modal being\n // shown. If the mouse re-enters the screen during the delay, the display\n // of the modal is cancelled.\n const MODAL_DISPLAY_DELAY = 500;\n\n // The timeout ID for the current (if any) setTimeout call to show the\n // modal. Can be used to cancel the display of the modal.\n let modalTimeoutId = null;\n\n setTimeout(attachEventListeners, timer);\n\n function attachEventListeners() {\n document.documentElement.addEventListener(\n \"mouseleave\",\n onMouseleave\n );\n\n document.documentElement.addEventListener(\n \"mouseenter\",\n onMouseenter\n );\n }\n\n /**\n * If the mouse leaves the screen via the top of the screen (as if the user\n * is getting ready to close the current tab), we queue the display of the\n * modal after the `MODAL_DISPLAY_DELAY`.\n */\n function onMouseleave(event) {\n if (event.clientY > sensitivity) {\n return;\n }\n\n modalTimeoutId = setTimeout(showModal, MODAL_DISPLAY_DELAY);\n }\n\n /**\n * Cancel the display of the modal, if the mouse moves back into the\n * screen sooner than `MODAL_DISPLAY_DELAY`.\n */\n function onMouseenter() {\n if (modalTimeoutId) {\n clearTimeout(modalTimeoutId);\n modalTimeoutId = null;\n }\n }\n\n function showModal() {\n exitIntentCallback();\n\n removeEventListeners();\n }\n\n function removeEventListeners() {\n document.documentElement.removeEventListener(\n \"mouseleave\",\n onMouseleave\n );\n\n document.documentElement.removeEventListener(\n \"mouseenter\",\n onMouseenter\n );\n }\n };\n\n render() {\n let NewsletterFormToRender = (\n <>\n\n Sorry, the SDC course you\n were attempting to book is\n now full.\n
\n\n Sorry, one or more of the\n bookings you were making has\n timed out.\n
\nWelcome back!
\n\n Your email address is already registered on our system,\n please log in before continuing.\n
\n\n If you are having trouble booking, please{\" \"}\n
Welcome back!
\n\n A student account already exists with your email address or\n phone number.\n
\n\n To ensure that we re-connect you to your previous driver\n trainer, and that your personalised experience is\n guaranteed, please log in before continuing.\n
\n\n If you are having trouble booking, please{\" \"}\n
Welcome back!
\n\n Sorry, the reservation(s) you had did not\n match your Assigned Driver Trainer.\n
\n\n Please try again. The available times shown\n will now be those of your Driver Trainer.\n
\n\n If you are having trouble booking, please{\" \"}\n
Welcome back!
\n\n Sorry, some of the Reservations you had in\n your Cart clashed with other Bookings in\n your account.\n
\n\n Please try again. The times shown will now\n be those where both you and your Driver\n Trainer are available.\n
\n\n If you are having trouble booking, please{\" \"}\n