\n \n \n {this.state.formHasBeenSubmitted ? (\n <>\n Thank You
\n \n You will receive an email shortly with your results.\n
\n \n ) : (\n <>\n {this.state.displayQuestion === 0 && (\n <>\n \n Take the next step of your driving journey and see if you are ready to be a P-plate driver.\n
\n \n Test your knowledge with 10 multiple choice questions now.\n
\n {\n this.setState({\n displayQuestion: 1,\n });\n }}\n id=\"StartButton\"\n >\n Start Quiz\n \n \n )}\n\n {this.state.displayQuestion === 1 && (\n <>\n 1. If you are driving at 60km/h, how much space is needed to avoid a crash?
\n\n \n {\n this.setState({\n answer_1: 'A',\n displayQuestion: 2,\n });\n }}\n >\n A: 20m\n \n {\n this.setState({\n answer_1: 'B',\n displayQuestion: 2,\n });\n }}\n >\n B: 35m\n \n {\n this.setState({\n answer_1: 'C',\n displayQuestion: 2,\n });\n }}\n >\n C: 50m\n \n {\n this.setState({\n answer_1: 'D',\n displayQuestion: 2,\n });\n }}\n >\n D: 60m\n \n \n \n )}\n\n {this.state.displayQuestion === 2 && (\n <>\n 2. How close can you kerbside parallel park to another vehicle?
\n\n \n {\n this.setState({\n answer_2: 'A',\n displayQuestion: 3,\n });\n }}\n >\n A: You must leave at least 1 metre front and back.\n \n {\n this.setState({\n answer_2: 'B',\n displayQuestion: 3,\n });\n }}\n >\n B: You must leave at least 2 metres front and back.\n \n {\n this.setState({\n answer_2: 'C',\n displayQuestion: 3,\n });\n }}\n >\n C: You must leave at least 3 metres front and back.\n \n {\n this.setState({\n answer_2: 'D',\n displayQuestion: 3,\n });\n }}\n >\n D: You must leave at least 4 metres front and back.\n \n \n \n )}\n\n {this.state.displayQuestion === 3 && (\n <>\n 3. Where do you stop at a stop sign?
\n\n \n {\n this.setState({\n answer_3: 'A',\n displayQuestion: 4,\n });\n }}\n >\n A: Stop so that your back wheels are just behind the stop sign.\n \n {\n this.setState({\n answer_3: 'B',\n displayQuestion: 4,\n });\n }}\n >\n B: Stop so that you are behind the line, as close as possible to it.\n \n {\n this.setState({\n answer_3: 'C',\n displayQuestion: 4,\n });\n }}\n >\n C: Stop so that your back wheels are just behind the line.\n \n {\n this.setState({\n answer_3: 'D',\n displayQuestion: 4,\n });\n }}\n >\n D: Stop next to the stop sign.\n \n \n \n )}\n\n {this.state.displayQuestion === 4 && (\n <>\n 4. When driving along a tricky road (hilly/curvy), how many seconds should you stay behind the car in front?
\n\n \n {\n this.setState({\n answer_4: 'A',\n displayQuestion: 5,\n });\n }}\n >\n A: 2 Seconds\n \n {\n this.setState({\n answer_4: 'B',\n displayQuestion: 5,\n });\n }}\n >\n B: 3 Seconds\n \n {\n this.setState({\n answer_4: 'C',\n displayQuestion: 5,\n });\n }}\n >\n C: 5 Seconds\n \n {\n this.setState({\n answer_4: 'D',\n displayQuestion: 5,\n });\n }}\n >\n D: 7 Seconds\n \n \n \n )}\n\n {this.state.displayQuestion === 5 && (\n <>\n 5. What is the maximum speed a P1 (red P) licence holder can drive at?
\n\n \n {\n this.setState({\n answer_5: 'A',\n displayQuestion: 6,\n });\n }}\n >\n A: 80 km/h\n \n {\n this.setState({\n answer_5: 'B',\n displayQuestion: 6,\n });\n }}\n >\n B: 90 km/h\n \n {\n this.setState({\n answer_5: 'C',\n displayQuestion: 6,\n });\n }}\n >\n C: 100 km/h\n \n {\n this.setState({\n answer_5: 'D',\n displayQuestion: 6,\n });\n }}\n >\n D: 120 km/h\n \n \n \n )}\n\n {this.state.displayQuestion === 6 && (\n <>\n 6. If you get caught using your phone as a P1 (red P) licence holder, what will happen?
\n\n \n {\n this.setState({\n answer_6: 'A',\n displayQuestion: 7,\n });\n }}\n >\n A: You will get a warning.\n \n {\n this.setState({\n answer_6: 'B',\n displayQuestion: 7,\n });\n }}\n >\n B: You will lose 2 demerit points and get fined.\n \n {\n this.setState({\n answer_6: 'C',\n displayQuestion: 7,\n });\n }}\n >\n C: You will lose 5 demerit points and face a 3 month suspension.\n \n {\n this.setState({\n answer_6: 'D',\n displayQuestion: 7,\n });\n }}\n >\n D: You will get fined.\n \n \n \n )}\n\n {this.state.displayQuestion === 7 && (\n <>\n 7. Can you drive a manual car as a P1 (red P) licence holder?
\n\n \n {\n this.setState({\n answer_7: 'A',\n displayQuestion: 8,\n });\n }}\n >\n A: No, not at all.\n \n {\n this.setState({\n answer_7: 'B',\n displayQuestion: 8,\n });\n }}\n >\n B: Yes, only if you have had driving lessons in one.\n \n {\n this.setState({\n answer_7: 'C',\n displayQuestion: 8,\n });\n }}\n >\n C: Yes, only if you have passed your driving test with a manual car.\n \n {\n this.setState({\n answer_7: 'D',\n displayQuestion: 8,\n });\n }}\n >\n D: Yes, of course.\n \n \n \n )}\n\n {this.state.displayQuestion === 8 && (\n <>\n 8. How many passengers under the age of 21 can a P1 (red P) licence holder carry between 11PM and 5AM?
\n\n \n {\n this.setState({\n answer_8: 'A',\n displayQuestion: 9,\n });\n }}\n >\n A: 1\n \n {\n this.setState({\n answer_8: 'B',\n displayQuestion: 9,\n });\n }}\n >\n B: 2\n \n {\n this.setState({\n answer_8: 'C',\n displayQuestion: 9,\n });\n }}\n >\n C: 3\n \n {\n this.setState({\n answer_8: 'D',\n displayQuestion: 9,\n });\n }}\n >\n D: 4\n \n \n \n )}\n\n {this.state.displayQuestion === 9 && (\n <>\n 9. Which of the following is the most common crash type?
\n\n \n {\n this.setState({\n answer_9: 'A',\n displayQuestion: 10,\n });\n }}\n >\n A: Running off the road on a straight.\n \n {\n this.setState({\n answer_9: 'B',\n displayQuestion: 10,\n });\n }}\n >\n B: Running off the road on a curve.\n \n {\n this.setState({\n answer_9: 'C',\n displayQuestion: 10,\n });\n }}\n >\n C: Colliding with an oncoming vehicle.\n \n {\n this.setState({\n answer_9: 'D',\n displayQuestion: 10,\n });\n }}\n >\n D: Colliding with the rear of a vehicle.\n \n \n \n )}\n\n {this.state.displayQuestion === 10 && (\n <>\n 10. Can you use your phone while driving as a Learner, P1 or P2 driver?
\n\n \n {\n this.setState({\n answer_10: 'A',\n displayQuestion: 11,\n });\n }}\n >\n A: Yes, only when the car is stationary.\n \n {\n this.setState({\n answer_10: 'B',\n displayQuestion: 11,\n });\n }}\n >\n B: Yes, as long as it is on hands-free mode.\n \n {\n this.setState({\n answer_10: 'C',\n displayQuestion: 11,\n });\n }}\n >\n C: Yes, but only for navigation.\n \n {\n this.setState({\n answer_10: 'D',\n displayQuestion: 11,\n });\n }}\n >\n D: No, not at all.\n \n \n \n )}\n\n {this.state.displayQuestion === 11 && (\n <>\n \n Now let's find out how you went!
\n Fill in your details below to receive your results.\n
\n\n \n {getFieldDecorator(\"first_name\", {\n rules: [\n {\n required: true,\n message: \"Enter your first name.\",\n whitespace: true,\n },\n {\n max: 60,\n message:\n \"First Name cannot be more than 60 characters.\",\n },\n ],\n initialValue: !!this.props.user.id && !this.props.shell_student ? this.props.user.first_name : \"\",\n })(\n \n )}\n \n\n \n {getFieldDecorator(\"last_name\", {\n rules: [\n {\n required: true,\n message: \"Enter your last name.\",\n whitespace: true,\n },\n {\n max: 60,\n message:\n \"Last Name cannot be more than 60 characters.\",\n },\n ],\n initialValue: !!this.props.user.id && !this.props.shell_student ? this.props.user.last_name : \"\",\n })(\n \n )}\n \n\n \n {getFieldDecorator(\"email\", {\n rules: [\n {\n required: true,\n type: \"email\",\n message: \"Enter a valid Email.\",\n whitespace: true,\n },\n {\n max: 60,\n message: \"Email cannot be more than 60 characters.\",\n },\n ],\n initialValue: !!this.props.user.id && !this.props.shell_student ? this.props.user.email : \"\",\n })(\n \n )}\n \n\n \n this.submitForm()}\n disabled={\n this.state.submitButtonDisabled ||\n this.state.saving\n }\n loading={this.state.saving}\n id=\"DKTDownloadButton\"\n >\n Submit\n \n \n \n )}\n \n )}\n \n
\n \n \n );\n\n if (this.props.embed) {\n return ReactDOM.createPortal(\n PPlaterReadinessQuizToRender,\n document.getElementById(\"react-p-plater-readiness-quiz\")\n );\n }\n\n return PPlaterReadinessQuizToRender;\n }\n}\n\nconst PPlaterReadinessQuiz = Form.create({ name: \"p_plater_readiness_quiz\" })(\n PPlaterReadinessQuizClass\n);\nexport default withRouter(PPlaterReadinessQuiz);\n","import React, { lazy, Suspense } from \"react\";\nimport LoginLogout from \"./components/elements/Web/LoginLogout\";\nimport SuburbDropDown from \"./components/elements/Web/SuburbDropDown\";\nimport ContactForm from \"./components/elements/Web/ContactForm\";\nimport NewsletterForm from \"./components/elements/Web/NewsletterForm\";\nimport NewsletterFormDrawer from \"./components/elements/Web/NewsletterFormDrawer\";\nimport DKTDownloadForm from \"./components/elements/Web/DKTDownloadForm\";\nimport PPlaterReadinessQuiz from \"./components/elements/Web/PPlaterReadinessQuiz\";\n\nconst Base = lazy(() =>\n import(\"./Base\" /* webpackChunkName: \"Base\" */).catch((e) =>\n window.location.reload()\n )\n);\n\nclass Wrapper extends React.Component {\n render() {\n let base =\n document.getElementById(\"root\") !== null ? (\n \n \n \n ) : null;\n let loginOut =\n document.getElementById(\"header-login-button-holder\") !== null ? (\n \n \n \n ) : null;\n let mobileLoginOut =\n document.getElementById(\"mobile-header-login-button-holder\") !==\n null ? (\n \n \n \n ) : null;\n let suburbDropDown =\n document.getElementById(\"react-suburb-dropdown\") !== null ? (\n \n \n \n ) : null;\n let contactForm =\n document.getElementById(\"react-contact-form\") !== null ? (\n \n \n \n ) : null;\n let newsletterFormDrawer =\n document.getElementById(\"react-newsletter-form\") !== null ? (\n \n \n \n ) : null;\n let newsletterFormOnly =\n document.getElementById(\"react-newsletter-form-only\") !== null ? (\n \n \n \n ) : null;\n let dktDownloadForm =\n document.getElementById(\"react-dkt-download-form\") !== null ? (\n \n \n \n ) : null;\n let pPlaterReadinessQuiz =\n document.getElementById(\"react-p-plater-readiness-quiz\") !== null ? (\n \n \n \n ) : null;\n\n return (\n \n {base}\n {loginOut}\n {mobileLoginOut}\n {suburbDropDown}\n {contactForm}\n {newsletterFormDrawer}\n {newsletterFormOnly}\n {dktDownloadForm}\n {pPlaterReadinessQuiz}\n \n );\n }\n}\n\nexport default Wrapper;\n","import React from \"react\";\nimport { Router } from \"react-router-dom\";\n\n//Ant Design Elements\nimport Modal from \"antd/lib/modal\";\n\nimport history from \"./helpers/history\";\nimport api from \"./helpers/api\";\nimport config from \"./config\";\nimport ReactGA from \"react-ga\";\nimport Cookies from \"universal-cookie\";\nimport { compressToBase64 as lzStringCompress } from \"lz-string\";\nimport { decompressFromBase64 as lzStringDecompress } from \"lz-string\";\n\nimport Wrapper from \"./Wrapper\";\n\nimport \"antd/dist/antd.css\";\nimport(\"./styles/App.css\" /* webpackChunkName: \"App\" */);\n\nconst cookies = new Cookies();\n\nclass App extends React.Component {\n // NOTE: If you change the items defined in the App state, it is best practice\n // to also increment the AppVersion number defined here.\n // When pulling a stored state from a users' cookie, we check against their\n // version. If missing or less than current, we force them to reload.\n state = {\n /**************************/\n /**/ /**/\n /**/ AppVersion: 1.2 /**/,\n /**/ /**/\n /**************************/\n\n user: {},\n cart: {},\n paidCart: {},\n bookings: {},\n bookingsSDC: {},\n confirmedBookings: {},\n confirmedBookingsSDC: {},\n processingCart: false,\n assignedDriverTrainer: null,\n transmissionType: \"A\",\n findAvailability: false,\n totalCartBookingDuration: 0,\n // Facebook\n connectedWithFacebook: false,\n facebookUserId: null,\n // Google\n connectedWithGoogle: false,\n googleUserId: null,\n googleUserAuthId: null,\n // Pickup Address\n pickupAddressChosen: false,\n pickupAddressString: \"\",\n pickup_address_id: null,\n pickup_address_suburb_id: null,\n pickup_address_suburb_manual_string: null,\n pickup_address_street_number: null,\n pickup_address_street_name: null,\n pickup_address_suburb_name: null,\n pickup_address_state: null,\n pickup_address_postcode: null,\n pickupAddressManualFields: false,\n // Dropoff Address\n displayDropoffAddress: false,\n dropoffAddressChosen: false,\n dropoffAddressString: \"\",\n dropoff_address_id: null,\n dropoff_address_suburb_id: null,\n dropoff_address_suburb_manual_string: null,\n dropoff_address_street_number: null,\n dropoff_address_street_name: null,\n dropoff_address_suburb_name: null,\n dropoff_address_state: null,\n dropoff_address_postcode: null,\n dropoffAddressManualFields: false,\n loginModalVisible: false,\n loginModalTab: \"register\",\n loginModalCallback: null,\n contactModalVisible: false,\n dtModalVisible: false,\n userDrawerVisible: false,\n // Existing User:\n existingUser: false,\n completedLesson: false,\n futureLessons: false,\n firstPurchase: false,\n payByCash: false,\n paidByCash: false,\n prepaidData: {\n available: 0,\n using: 0,\n remaining: 0,\n owing: 0,\n mod1: 0,\n mod2: 0,\n },\n // Temporary User Data:\n newGoogleUser: null,\n newFacebookUser: null,\n // Data Validation (database records 'modified' values):\n timestamps: {\n user: null,\n student: null,\n },\n prelim: false,\n\n // Reservation Info\n expiring_notice: null,\n expired_modal_visible: false,\n shortest_reservation: 30,\n sdc_full_modal_visible: false,\n shell_student: false,\n\n // Voucher Objects\n voucher: {\n package: null,\n hours: 0,\n qty: 1,\n sdc: false,\n form: {\n // Who are we sending it to?\n who: \"to\",\n // Delivery Method:\n how: \"email\",\n // Personalisation:\n personalise: true,\n occasion: \"None\",\n message: null,\n },\n },\n cartGV: {},\n paidCartGV: {},\n driverReferralCode: null,\n studentReferralCode: null,\n referringStudentName: null,\n\n showBanners: false,\n banners: {},\n };\n\n studentTimeStampCheckerIntervalVar = null;\n\n reservationCheckIntervalVar = null;\n\n // Before anything else happens, check cookie for our state object\n constructor(props) {\n super(props);\n\n /**\n * Load the User State from their previously stored Cookie\n */\n if (\n typeof cookies.get(config.environmentShort + \"BS\") !== \"undefined\"\n ) {\n // Decrypt the stored state and store it in the App state.\n var decryptedStateData = JSON.parse(\n lzStringDecompress(cookies.get(config.environmentShort + \"BS\"))\n );\n\n // Check for a stored AppVersion. If out of date, force refresh.\n if (\n typeof decryptedStateData.AppVersion === \"undefined\" ||\n decryptedStateData.AppVersion !== this.state.AppVersion\n ) {\n console.log(\n \"Sorry! There has been an update to our software, and you will need to log in again.\"\n );\n // Outdated or non-existant Version. Force refresh.\n cookies.remove(config.environmentShort + \"AT\", {\n path: \"/\",\n domain: config.siteDomain,\n });\n cookies.remove(config.environmentShort + \"BS\", {\n path: \"/\",\n domain: config.siteDomain,\n });\n // Reload to start over\n window.setTimeout(() => {\n history.go(0);\n }, 1);\n } else {\n // Current Version - set to state and continue to load.\n if (!decryptedStateData.shell_student) {\n decryptedStateData.loginModalVisible = false;\n }\n this.state = decryptedStateData;\n }\n }\n\n // If we have a user, start polling for updates from database\n if (!!this.state.user.id) {\n this.startStudentTimeStampChecker();\n }\n\n ReactGA.initialize(config.googleAnalyticsTrackingKey);\n }\n\n componentDidUpdate = (prevProps, prevState) => {\n // Send User Data to SmartLook on Production, if it's changed.\n if (\n prevState.user !== this.state.user &&\n window.location.hostname === \"app.ltrent.com.au\" &&\n typeof smartlook !== \"undefined\" &&\n typeof smartlook === \"function\"\n ) {\n let userData = { ...this.state.user };\n userData[\"name\"] = userData.first_name + \" \" + userData.last_name;\n // eslint-disable-next-line\n /*global smartlook*/ // This line prevents the below throwing an error when not on production\n smartlook(\"identify\", this.state.user?.id, userData);\n }\n };\n\n // Encrypt the state data and store it in cookie\n storeEncryptedState = (callback) => {\n cookies.set(\n config.environmentShort + \"BS\",\n lzStringCompress(JSON.stringify(this.state)),\n { path: \"/\", domain: config.siteDomain }\n );\n\n if (typeof callback === \"function\") {\n callback();\n }\n };\n\n sendPageviewToGoogleAnalytics = (page) => {\n ReactGA.pageview(page);\n };\n\n /**\n * @object data Data Object to Send\n */\n sendEventToGoogleTagManager = (data) => {\n // Send to GTM\n if (typeof window.dataLayer !== \"undefined\") {\n window.dataLayer.push(data);\n }\n\n // Send to our own API for Analytics purposes\n api.post(\"analytics\", {\n body: JSON.stringify({\n data: data,\n }),\n });\n };\n\n async componentDidMount() {\n //Send initial page view to analytics:\n this.sendPageviewToGoogleAnalytics(\n window.location.pathname + window.location.search\n );\n\n // Check for Expired Reservations every 30 seconds.\n if (this.reservationCheckIntervalVar === null) {\n this.reservationCheckIntervalVar = setInterval(() => {\n this.checkReservationExpiry();\n }, 30000);\n // Uncomment the line below, and comment the above line to temporarily keep renewing reservations every 2 minutes to prevent timeouts while developing...\n // @todo: ensure that the above is uncommented and the below is commented prior to go live!!!\n // this.reservationCheckIntervalVar = setInterval(this.renewReservations, 120000);\n }\n this.checkReservationExpiry();\n\n // TDS-910 Add Christmas Voucher Banner:\n // await this.addCustomBanner('christmas', \"🎄 🎅 Christmas Special - 3x driving lessons for $279 (SAVE $30!). Buy a Gift Voucher now. 🎄 🎅\", 'christmas', '/buy/voucher?occasion=xmas');\n this.clearCustomBanner(\"christmas\");\n\n // TDS-980 Add April 2025 Banner:\n await this.addCustomBanner('april2025', \"Book & complete a Lesson in APRIL & go in the draw to WIN 4 x FREE LESSONS (valued at $412). BOOK NOW! T&Cs apply.\", 'red', '/book/lesson');\n// this.clearCustomBanner(\"april2025\");\n }\n\n componentWillUnmount() {\n clearInterval(this.studentTimeStampCheckerIntervalVar);\n\n clearInterval(this.reservationCheckIntervalVar);\n Modal.destroyAll();\n }\n\n checkReservationExpiry = () => {\n //Only check if we have at least one booking, and we're not currently processing the cart\n if (\n (Object.keys(this.state.bookings).length > 0 ||\n Object.keys(this.state.bookingsSDC).length > 0) &&\n !this.state.processingCart\n ) {\n //API Request\n api.post(\"bookings/checkReservations\", {\n body: JSON.stringify({\n bookings: Object.keys(this.state.bookings),\n bookingsSDC: Object.values(this.state.bookingsSDC).reduce(\n (acc, elem) => {\n acc[elem.module] = elem.id;\n return acc;\n },\n {}\n ),\n }),\n })\n .then((data) => {\n // If an SDC Full notice is received, alert user and remove SDC Bookings from Cart\n if (\n typeof data.result !== \"undefined\" &&\n typeof data.result.sdc_full !== \"undefined\" &&\n data.result.sdc_full\n ) {\n if (!this.state.sdc_full_modal_visible) {\n this.setState(\n {\n sdc_full_modal_visible: true,\n },\n () => {\n Modal.error({\n title: \"Safer Drivers Course Full\",\n content: (\n \n
\n Sorry, the SDC course you\n were attempting to book is\n now full.\n
\n
\n
\n Sorry, one or more of the\n bookings you were making has\n timed out.\n
\n
Welcome 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 \n contact our office\n \n .\n
\n \n ) : (\n \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 \n contact our office\n \n .\n
\n \n );\n Modal.error({\n icon: false,\n title: false,\n content: contentToShow,\n onOk: prelim\n ? this.restartWithPrelimLoginModal\n : same_dt\n ? this.restartWithLoginModal\n : this.clearEverythingAndStartWithLoginModal,\n });\n };\n\n clearEverythingAndStartWithLoginModal = () => {\n let previouslyEnteredEmail = { ...this.state.user.email };\n let previousShellState = { ...this.state }.shell_student;\n // If a Shell Student, remove the \"Logged in\" student info\n if (this.state.shell_student) {\n cookies.remove(config.environmentShort + \"AT\", {\n path: \"/\",\n domain: config.siteDomain,\n });\n cookies.remove(config.environmentShort + \"BS\", {\n path: \"/\",\n domain: config.siteDomain,\n });\n this.stopStudentTimeStampChecker();\n\n // On production end the smartlook session and start a new one\n if (\n window.location.hostname === \"app.ltrent.com.au\" &&\n typeof smartlook !== \"undefined\" &&\n typeof smartlook === \"function\"\n ) {\n // eslint-disable-next-line\n /*global smartlook*/ // This line prevents the below throwing an error when not on production\n smartlook(\"anonymize\");\n }\n }\n // Empty cart / bookings\n this.basicStateReset(() => {\n // Reload window with updated state\n this.setState(\n {\n loginModalVisible: true,\n loginModalTab: \"login\",\n user: {\n email: previouslyEnteredEmail,\n },\n shell_student: previousShellState,\n },\n () => {\n window.scrollTo(0, 0);\n this.storeEncryptedState(() => {\n window.setTimeout(() => {\n window.location.reload();\n }, 1);\n });\n }\n );\n });\n };\n\n restartWithPrelimLoginModal = () => {\n // Reload window with updated state\n this.setState(\n {\n loginModalVisible: true,\n loginModalTab: \"login\",\n prelim: true,\n },\n () => {\n window.scrollTo(0, 0);\n this.storeEncryptedState(() => {\n window.setTimeout(() => {\n window.location.reload();\n }, 1);\n });\n }\n );\n };\n\n restartWithLoginModal = () => {\n // Reload window with updated state\n this.setState(\n {\n loginModalVisible: true,\n loginModalTab: \"login\",\n },\n () => {\n window.scrollTo(0, 0);\n this.storeEncryptedState(() => {\n window.setTimeout(() => {\n window.location.reload();\n }, 1);\n });\n }\n );\n };\n\n clearReservations = () => {\n if (Object.keys(this.state.bookings).length > 0) {\n api.post(\"bookings/clearReservations\", {\n body: JSON.stringify({\n bookings: Object.keys(this.state.bookings),\n }),\n }).then(() => {\n this.updateBookingsDuration();\n });\n }\n };\n\n addCustomBanner = async (type, content, custom_class, link) => {\n let banners = { ...this.state.banners };\n\n banners[type] = {\n content: content,\n custom_class: custom_class,\n link: link,\n };\n\n // Update the State\n this.setState({\n banners: banners,\n showBanners: true,\n });\n };\n\n clearCustomBanner = (type) => {\n let banners = { ...this.state.banners };\n\n //Clear specified banner type (if it exists)\n if (banners[type]) {\n delete banners[type];\n }\n\n // Update the State\n this.setState({\n banners: banners,\n });\n };\n\n basicStateReset = (callback) => {\n // If there was anything in the bookings object, send a request to clear reservations\n this.clearReservations();\n\n this.setState(\n {\n user: {},\n cart: {},\n bookings: {},\n bookingsSDC: {},\n confirmedBookings: {},\n confirmedBookingsSDC: {},\n assignedDriverTrainer: null,\n processingCart: false,\n transmissionType: \"A\",\n findAvailability: false,\n // Facebook\n connectedWithFacebook: false,\n facebookUserId: null,\n // Google\n connectedWithGoogle: false,\n googleUserId: null,\n googleUserAuthId: null,\n // Pickup Address\n pickupAddressChosen: false,\n pickupAddressString: \"\",\n pickup_address_id: null,\n pickup_address_suburb_id: null,\n pickup_address_street_number: null,\n pickup_address_street_name: null,\n pickup_address_suburb_name: null,\n pickup_address_state: null,\n pickup_address_postcode: null,\n // Dropoff Address\n displayDropoffAddress: false,\n dropoffAddressChosen: false,\n dropoffAddressString: \"\",\n dropoff_address_id: null,\n dropoff_address_suburb_id: null,\n dropoff_address_street_number: null,\n dropoff_address_street_name: null,\n dropoff_address_suburb_name: null,\n dropoff_address_state: null,\n dropoff_address_postcode: null,\n loginModalVisible: false,\n showPrepaidError: false,\n timestamps: {\n user: null,\n student: null,\n },\n prepaidData: {\n available: 0,\n using: 0,\n remaining: 0,\n owing: 0,\n mod1: 0,\n mod2: 0,\n },\n },\n callback\n );\n };\n\n redirect = (url) => {\n history.push(url);\n };\n\n checkStudentExists = (callback, email, mobile_phone) => {\n let data = {};\n if (\n !this.state.shell_student &&\n typeof this.state.user.email !== \"undefined\" &&\n this.state.user.email !== null\n ) {\n data[\"email\"] = this.state.user.email;\n } else if (email !== null) {\n data[\"email\"] = email;\n }\n if (\n !this.state.shell_student &&\n typeof this.state.user.mobile_phone !== \"undefined\" &&\n this.state.user.mobile_phone !== null\n ) {\n data[\"mobile_phone\"] = this.state.user.mobile_phone;\n } else if (mobile_phone !== null) {\n data[\"mobile_phone\"] = mobile_phone;\n }\n if (Object.keys(data).length === 0) {\n return null;\n }\n\n //API Request\n api.post(\"students/checkStudentExists\", {\n body: JSON.stringify(data),\n }).then((data) => {\n if (data.result.exists) {\n let prelim = false;\n if (data.result.prelim) {\n prelim = true;\n }\n\n let same_dt = false;\n if (\n typeof data.result.driver_trainer_id !== \"undefined\" &&\n this.state.assignedDriverTrainer !== null &&\n parseInt(data.result.driver_trainer_id) ===\n parseInt(this.state.assignedDriverTrainer.id)\n ) {\n same_dt = true;\n }\n\n this.showExistingUserModal(prelim, same_dt);\n this.storeEncryptedState();\n } else {\n this.storeEncryptedState();\n if (typeof callback === \"function\") {\n callback();\n }\n }\n });\n };\n\n // Check Reserved Bookings against logged in Students' existing Bookings\n checkStudentClashes = async (student_id) => {\n return await api\n .post(\"students/clashes\", {\n body: JSON.stringify({\n student_id: student_id,\n bookings: this.state.bookings,\n bookings_sdc: this.state.bookingsSDC,\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 (res.status === \"NOK\" || res.result.success === false) {\n this.setState({\n showErrorMessage: true,\n errorMessage: res.result.error,\n loading: false,\n });\n } else {\n return res.result.unavailable;\n }\n // Return an empty array, just in case.\n return [];\n })\n .catch((error) => {\n console.log(error);\n });\n };\n\n // Make sure that no Bookings or BookingsSDC items in State clash with each other\n checkCartClashes = async (bookingsToCheck) => {\n let clashingBookings = [];\n\n // Convert to checkable format and loop\n Object.entries(bookingsToCheck).forEach(\n ([check_booking_id, check_booking_data]) => {\n // Check against Bookings\n Object.entries(this.state.bookings).forEach(\n ([against_booking_id, against_booking_data]) => {\n if (check_booking_id === against_booking_id) {\n return;\n }\n // Check if check_booking_data.start_time BETWEEN against_booking_data.start_time AND against_booking_data.end_time\n if (\n check_booking_data.start_time.replaceAll(\" \", \"T\") >\n against_booking_data.start_time.replaceAll(\n \" \",\n \"T\"\n ) &&\n check_booking_data.start_time.replaceAll(\" \", \"T\") <\n against_booking_data.end_time.replaceAll(\n \" \",\n \"T\"\n )\n ) {\n clashingBookings.push(check_booking_id);\n return;\n }\n // Check if check_booking_data.end_time BETWEEN against_booking_data.start_time AND against_booking_data.end_time\n if (\n check_booking_data.end_time.replaceAll(\" \", \"T\") >\n against_booking_data.start_time.replaceAll(\n \" \",\n \"T\"\n ) &&\n check_booking_data.end_time.replaceAll(\" \", \"T\") <\n against_booking_data.end_time.replaceAll(\n \" \",\n \"T\"\n )\n ) {\n clashingBookings.push(check_booking_id);\n return;\n }\n // Check if against_booking_data.start_time BETWEEN check_booking_data.start_time AND check_booking_data.end_time\n if (\n against_booking_data.start_time.replaceAll(\n \" \",\n \"T\"\n ) >\n check_booking_data.start_time.replaceAll(\n \" \",\n \"T\"\n ) &&\n against_booking_data.start_time.replaceAll(\n \" \",\n \"T\"\n ) < check_booking_data.end_time.replaceAll(\" \", \"T\")\n ) {\n clashingBookings.push(check_booking_id);\n return;\n }\n // Check if against_booking_data.end_time BETWEEN check_booking_data.start_time AND check_booking_data.end_time\n if (\n against_booking_data.end_time.replaceAll(\" \", \"T\") >\n check_booking_data.start_time.replaceAll(\n \" \",\n \"T\"\n ) &&\n against_booking_data.end_time.replaceAll(\" \", \"T\") <\n check_booking_data.end_time.replaceAll(\" \", \"T\")\n ) {\n clashingBookings.push(check_booking_id);\n return;\n }\n }\n );\n // Check against BookingsSDC\n Object.entries(this.state.bookingsSDC).forEach(\n ([against_booking_id, against_booking_data]) => {\n if (check_booking_id === against_booking_id) {\n return;\n }\n // Check if check_booking_data.start_time BETWEEN against_booking_data.start_time AND against_booking_data.end_time\n if (\n check_booking_data.start_time.replaceAll(\" \", \"T\") >\n against_booking_data.start_time.replaceAll(\n \" \",\n \"T\"\n ) &&\n check_booking_data.start_time.replaceAll(\" \", \"T\") <\n against_booking_data.end_time.replaceAll(\n \" \",\n \"T\"\n )\n ) {\n clashingBookings.push(check_booking_id);\n return;\n }\n // Check if check_booking_data.end_time BETWEEN against_booking_data.start_time AND against_booking_data.end_time\n if (\n check_booking_data.end_time.replaceAll(\" \", \"T\") >\n against_booking_data.start_time.replaceAll(\n \" \",\n \"T\"\n ) &&\n check_booking_data.end_time.replaceAll(\" \", \"T\") <\n against_booking_data.end_time.replaceAll(\n \" \",\n \"T\"\n )\n ) {\n clashingBookings.push(check_booking_id);\n return;\n }\n // Check if against_booking_data.start_time BETWEEN check_booking_data.start_time AND check_booking_data.end_time\n if (\n against_booking_data.start_time.replaceAll(\n \" \",\n \"T\"\n ) >\n check_booking_data.start_time.replaceAll(\n \" \",\n \"T\"\n ) &&\n against_booking_data.start_time.replaceAll(\n \" \",\n \"T\"\n ) < check_booking_data.end_time.replaceAll(\" \", \"T\")\n ) {\n clashingBookings.push(check_booking_id);\n return;\n }\n // Check if against_booking_data.end_time BETWEEN check_booking_data.start_time AND check_booking_data.end_time\n if (\n against_booking_data.end_time.replaceAll(\" \", \"T\") >\n check_booking_data.start_time.replaceAll(\n \" \",\n \"T\"\n ) &&\n against_booking_data.end_time.replaceAll(\" \", \"T\") <\n check_booking_data.end_time.replaceAll(\" \", \"T\")\n ) {\n clashingBookings.push(check_booking_id);\n return;\n }\n }\n );\n }\n );\n\n //Return Clashing Bookings from Supplied\n return clashingBookings;\n };\n\n loginSocialMediaUser = async (res, source, callback) => {\n let previouslyAssignedDT = null;\n if (this.state.shell_student) {\n previouslyAssignedDT = this.state.assignedDriverTrainer.id;\n }\n\n this.sendPageviewToGoogleAnalytics(\n \"/virtual/bookings-new/user-details/login\"\n );\n if (source === \"facebook\") {\n this.sendEventToGoogleTagManager({\n event: \"user-login-facebook\",\n });\n // Smartlook - Track User Login with Facebook\n if (\n window.location.hostname === \"app.ltrent.com.au\" &&\n typeof smartlook !== \"undefined\" &&\n typeof smartlook === \"function\"\n ) {\n // eslint-disable-next-line\n /*global smartlook*/ // This line prevents the below throwing an error when not on production\n smartlook(\"track\", \"user\", {\n type: \"login-facebook\",\n });\n }\n } else if (source === \"google\") {\n this.sendEventToGoogleTagManager({\n event: \"user-login-google\",\n });\n // Smartlook - Track User Login with Google\n if (\n window.location.hostname === \"app.ltrent.com.au\" &&\n typeof smartlook !== \"undefined\" &&\n typeof smartlook === \"function\"\n ) {\n // eslint-disable-next-line\n /*global smartlook*/ // This line prevents the below throwing an error when not on production\n smartlook(\"track\", \"user\", {\n type: \"login-google\",\n });\n }\n }\n\n // Set all of our App Level properties\n if (!this.state.shell_student) {\n this.setAppStateValue(\n \"assignedDriverTrainer\",\n {\n id: res.result.user.student.driver_trainer_id,\n display_name:\n res.result.user.student.driver_trainer === null\n ? null\n : res.result.user.student.driver_trainer\n .display_name,\n headshot:\n res.result.user.student?.driver_trainer === null\n ? null\n : typeof res.result.user.student?.driver_trainer\n ?.website_headshot !== \"undefined\" &&\n res.result.user.student?.driver_trainer\n ?.website_headshot !== null &&\n res.result.user.student?.driver_trainer\n ?.website_headshot !== \"\"\n ? res.result.user.student?.driver_trainer\n ?.website_headshot\n : typeof res.result.user.student?.driver_trainer\n ?.website_photo !== \"undefined\" &&\n res.result.user.student?.driver_trainer\n ?.website_photo !== null &&\n res.result.user.student?.driver_trainer\n ?.website_photo !== \"\"\n ? res.result.user.student?.driver_trainer\n ?.website_photo\n : process.env.REACT_APP_SITE_URL +\n \"/img/default-headshot.webp\", // @todo: remove this fallback to using website_photo when we remove that field in favour of headshots\n bio_length:\n res.result.user.student.driver_trainer === null\n ? null\n : res.result.user.student.driver_trainer.website_bio.length,\n transmissionType:\n res.result.user.student.driver_trainer === null\n ? \"A\"\n : res.result.user.student.driver_trainer\n .vehicle_transmission,\n },\n true\n );\n }\n this.setAppStateValue(\n \"timestamps\",\n {\n user: res.result.user.modified,\n student: res.result.user.student.modified,\n },\n true\n );\n if (typeof res.result.user.address !== \"undefined\") {\n this.setAppStateValue(\n \"pickupAddressString\",\n res.result.user.address.street_number +\n \" \" +\n res.result.user.address.street_name +\n \", \" +\n res.result.user.address.suburb.suburb_full_details\n );\n this.setAppStateValue(\n \"pickup_address_id\",\n res.result.user.address.id\n );\n this.setAppStateValue(\n \"pickup_address_postcode\",\n res.result.user.address.suburb.post_code\n );\n this.setAppStateValue(\n \"pickup_address_state\",\n res.result.user.address.suburb.states.name\n );\n this.setAppStateValue(\n \"pickup_address_street_name\",\n res.result.user.address.street_name\n );\n this.setAppStateValue(\n \"pickup_address_street_number\",\n res.result.user.address.street_number\n );\n this.setAppStateValue(\n \"pickup_address_suburb_id\",\n res.result.user.address.suburb_id\n );\n this.setAppStateValue(\n \"pickup_address_suburb_name\",\n res.result.user.address.suburb.suburb_name\n );\n }\n this.setAppStateValue(\n \"transmissionType\",\n res.result.user.student.driver_trainer === null\n ? \"A\"\n : res.result.user.student.driver_trainer.vehicle_transmission\n );\n this.setAppStateValue(\"existingUser\", true);\n this.setAppStateValue(\n \"completedLesson\",\n typeof res.result.user.completed_lessons === \"undefined\" ||\n res.result.user.completed_lessons === null ||\n parseInt(res.result.user.completed_lessons) === 0\n ? false\n : true\n );\n this.setAppStateValue(\n \"futureLessons\",\n typeof res.result.user.has_future_lessons === \"undefined\" ||\n res.result.user.has_future_lessons === null\n ? false\n : res.result.user.has_future_lessons\n );\n this.setAppStateValue(\"loginModalVisible\", false);\n\n cookies.set(config.environmentShort + \"AT\", res.result.access_token, {\n path: \"/\",\n domain: config.siteDomain,\n });\n this.setAppStateValue(\n \"prepaidData\",\n {\n available: parseFloat(res.result.user.credits.remaining),\n using: 0,\n remaining: 0,\n owing: 0,\n mod1: !!res.result.user.credits?.sdc_remaining\n ? parseInt(res.result.user.credits?.sdc_remaining[10])\n : 0,\n mod2: !!res.result.user.credits?.sdc_remaining\n ? parseInt(res.result.user.credits?.sdc_remaining[11])\n : 0,\n },\n true\n );\n\n this.setAppStateValue(\n \"user\",\n {\n id: res.result.user.id,\n email: res.result.user.email,\n mobile_phone: res.result.user.mobile_phone,\n first_name: res.result.user.first_name,\n last_name: res.result.user.last_name,\n licence_number: res.result.user.student.licence_number,\n hours: res.result.user.student.driving_experience,\n dob: res.result.user.dob,\n hadSDC: res.result.user.hadSDC,\n referral_code: res.result.user.referral_code,\n hide_cash: res.result.user.student.hide_cash_on_website,\n },\n true,\n async () => {\n this.setAppStateValue(\n \"pickupAddressChosen\",\n typeof res.result.user.address === \"undefined\"\n ? false\n : true\n );\n\n // Clear Cart if Assigned DT Clash:\n let dtClash = false;\n // Check for NO Assigned DT.. that's actually okay, but we'll need to assign THIS DT\n if (\n this.state.shell_student &&\n res.result.user.student.driver_trainer_id === null\n ) {\n // Assign the selected DT to the Student\n api.post(\"students/assignDT\", {\n body: JSON.stringify({\n student_id: res.result.user.id,\n driver_trainer_id: previouslyAssignedDT,\n }),\n }).catch((error) => {\n console.log(error);\n });\n }\n // Check for Assigned DT != Current DT.. Clear Cart and Alert User\n else if (\n this.state.shell_student &&\n parseInt(previouslyAssignedDT) !==\n parseInt(res.result.user.student.driver_trainer_id)\n ) {\n // Set dtClash = true to throw error later\n dtClash = true;\n this.clearReservations();\n this.setAppStateValue(\"cart\", {}, true);\n this.setAppStateValue(\"bookings\", {}, true);\n this.setAppStateValue(\"bookingsSDC\", {}, true);\n // Force the Assigned DT to the Student's Assigned DT\n this.setAppStateValue(\n \"assignedDriverTrainer\",\n {\n id: res.result.user.student.driver_trainer_id,\n display_name:\n res.result.user.student?.driver_trainer === null\n ? null\n : res.result.user.student?.driver_trainer\n ?.display_name,\n headshot:\n typeof res.result.user.student?.driver_trainer\n ?.website_headshot !== \"undefined\" &&\n res.result.user.student?.driver_trainer\n ?.website_headshot !== null &&\n res.result.user.student?.driver_trainer\n ?.website_headshot !== \"\"\n ? res.result.user.student?.driver_trainer\n ?.website_headshot\n : typeof res.result.user.student\n ?.driver_trainer?.website_photo !==\n \"undefined\" &&\n res.result.user.student?.driver_trainer\n ?.website_photo !== null &&\n res.result.user.student?.driver_trainer\n ?.website_photo !== \"\"\n ? res.result.user.student?.driver_trainer\n ?.website_photo\n : process.env.REACT_APP_SITE_URL +\n \"/img/default-headshot.webp\", // @todo: remove this fallback to using website_photo when we remove that field in favour of headshots\n bio_length:\n res.result.user.student?.driver_trainer === null\n ? null\n : res.result.user.student?.driver_trainer?.website_bio.length,\n transmissionType:\n res.result.user.student?.driver_trainer === null\n ? \"A\"\n : res.result.user.student?.driver_trainer\n ?.vehicle_transmission,\n },\n true\n );\n }\n\n // Check for Student Clashes (is logged in Student busy at any of the Reserved times?)\n let studentClash = false;\n if (!dtClash && this.state.shell_student) {\n let clashingBookings = await this.checkStudentClashes(\n res.result.user.id\n );\n if (clashingBookings.length > 0) {\n // Cancel any Unavailable ones, remove from Bookings object\n let cloneBookings = { ...this.state.bookings };\n\n // Loop through and Cancel any Reservations that Clash\n Object.values(clashingBookings).forEach(\n (booking_id) => {\n if (!!cloneBookings[booking_id]) {\n // Remove from Bookings object\n delete cloneBookings[booking_id];\n // Send Cancel Reservation API Request - We don't need to wait for a response - just assume it's ok\n api.post(\"bookings/cancelReservation\", {\n body: JSON.stringify({\n booking: booking_id,\n student: true,\n }),\n }).then(() => {\n this.sendEventToGoogleTagManager({\n event: \"cart-removal-driving-lesson\",\n });\n });\n }\n }\n );\n // Update State\n this.updateBookingsDuration();\n this.setAppStateValue(\"bookings\", cloneBookings, true);\n\n // Alert Student\n studentClash = true;\n }\n }\n\n // Clear Shell Student status, we're now logged in.\n this.setAppStateValue(\"shell_student\", false);\n\n // Hide Login Modal\n this.setAppStateValue(\"loginModalVisible\", false);\n\n // Start Student TimeStamp Polling\n this.startStudentTimeStampChecker();\n\n // Finish Up - Either show an Error, or process the supplied Callback\n if (\n !studentClash &&\n !dtClash &&\n typeof callback === \"function\"\n ) {\n callback();\n } else if (dtClash) {\n Modal.error({\n icon: false,\n title: false,\n content: (\n <>\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 \n contact our office\n \n .\n
\n \n ),\n });\n } else if (studentClash) {\n Modal.error({\n icon: false,\n title: false,\n content: (\n <>\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 \n contact our office\n \n .\n
\n \n ),\n });\n }\n }\n );\n };\n\n formatter = new Intl.NumberFormat(\"en-AU\", {\n style: \"currency\",\n currency: \"AUD\",\n });\n\n updateBookingsDuration = () => {\n // Sum our Durations\n let duration = 0;\n Object.keys(this.state.bookings).forEach((key) => {\n duration = duration + this.state.bookings[key].duration;\n });\n\n this.setState({\n totalCartBookingDuration: duration,\n });\n };\n\n renderLoader = () => ;\n\n render() {\n let content = (\n \n \n \n );\n\n return {content}
;\n }\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport config from \"./config\";\nimport * as Sentry from \"@sentry/react\";\n\nif (config.environment === \"production\") {\n Sentry.init({\n dsn: \"https://6cc06a27464449ce871a44c988699afa@sentry.twopicode.com/73\",\n });\n}\n\nif (document.getElementById(\"react-main\") !== null) {\n ReactDOM.render(, document.getElementById(\"react-main\"));\n}\n","import { createBrowserHistory } from \"history\";\nexport default createBrowserHistory();\n","import React from \"react\";\n\n//Ant Design Elements\nimport Spin from \"antd/lib/spin\";\n\nimport(\"../../styles/Spinner.css\" /* webpackChunkName: \"Spinner\" */);\n\nclass Spinner extends React.Component {\n render() {\n return (\n \n \n }\n />\n \n );\n }\n}\n\nexport default Spinner;\n"],"sourceRoot":""}