MIQ Fix 29th July (#102)

* MIQ Fix 29th July

* Fix scroll

* Update readme

Author: alexDrinkwater

MIQ-Booking-Assistance/miq-assistance.js

@@ -1,7 +1,7 @@
 // MIQ BOOKING ASSISTANCE
 
 // CHANGE DATES TO WHAT YOU ARE LOOKING FOR
-let myDates = ['2021-08-5', '2021-08-10', '2021-09'];
+let myDates = ['2021-08', '2021-09-10'];
 
 // DON'T CARE ABOUT A SPECIFIC DATE? SET THIS TO TRUE
 let findAnyDate = true;
@@ -33,9 +33,8 @@ let reset = false;
 let checkedCount = 0;
 let electronWindow;
 
-// Enter some dates to simulate the MIQ website having availability, e.g. '2021-10-1'
-// It allows three checks before the injecting the date
-let testDates = [];
+// Set to true to turn on test mode
+let testDates = false;
 
 const service = {
     start: start
@@ -65,6 +64,16 @@ function start(window, ipcMain) {
         updateElectronStatus('status', 'A new browser window should appear. Please navigate to "Secure your allocation" page.');
         console.log('A new browser window should appear. Please navigate to "Secure your allocation" page.')
 
+        // Modify DOM before js loads to remove a no class on date item.
+        await page.evaluateOnNewDocument((testDates) => {
+            window.addEventListener('DOMContentLoaded', (event) => {
+                if (testDates) {
+                    //Todo, add test dates back
+                    document.querySelectorAll('[class$="d__item"]')[65]?.children[0]?.classList?.remove('no')
+                }
+            });
+        }, testDates)
+
         if (step === "login") await login(page)
         if (!page.url().includes('MIQ-DEFAULT-EVENT/accommodation')) {
             await page.goto('https://allocation.miq.govt.nz/portal/dashboard');
@@ -106,7 +115,7 @@ async function login(page) {
 }
 
 async function prepareAndCheckPage(page) {
-    await page.waitForSelector('#accommodation-calendar', {visible: true});
+    await page.waitForSelector('#accommodation', {visible: true});
 
     if (await findAvailability(page)) {
         const status = "AVAILABLE! Found at: " + new Date().toLocaleString();
@@ -131,28 +140,34 @@ async function prepareAndCheckPage(page) {
 
 async function findAvailability(page) {
     return await page.evaluate((myDates, testDates, findAnyDate, checkedCount) => {
-        const calendarElem = document.getElementById('accommodation-calendar');
-        const fp = calendarElem._flatpickr;
-        if (testDates && testDates.length > 0 && checkedCount > 2) {
-            fp.config.enable = testDates;
-        }
-        calendarElem.scrollIntoView();
+        const nextElem = document.getElementById('form_next');
+        nextElem.scrollIntoView();
+
+        const availableDateElements = [...document.querySelectorAll('[class$="_item"] :not(.no)')].filter(d => d.ariaLabel);
+        const availableDates = availableDateElements.map(e => {
+            return {
+                elem: e,
+                str: getDateStringFromElement(e)
+            }
+        });
+
+        console.log(availableDates);
 
-        const dataArrivalDates = fp?.config?.enable;
-        if (!dataArrivalDates || typeof dataArrivalDates[0] === 'function' || dataArrivalDates.length <= 0 ){
+        if (availableDateElements.length <= 0){
             return false;
         }
 
-        const availableDates = dataArrivalDates.map(d => d.toISOString().split('T')[0]);
-        const matchingDates = availableDates.filter(d => myDates.indexOf(d) !== -1);
+        const matchingDates = availableDates.filter(d => myDates.indexOf(d.str) !== -1);
+        console.log(matchingDates);
         const myMonths = [...new Set(myDates.filter(d => d.split('-').length === 2).map(d => d.split('-')[1]))].sort();
-        const matchingMonths = availableDates.filter(d => myMonths.indexOf(d.split('-')[1]) > -1);
+        const matchingMonths = availableDates.filter(d => myMonths.indexOf(d.str.split('-')[1]) > -1);
+        console.log(matchingMonths);
 
         if (matchingDates.length > 0 || matchingMonths.length > 0 || (findAnyDate && availableDates[0])) {
-            const month = (findAnyDate ? availableDates[0] : matchingDates[0] || matchingMonths[0]).split('-')[1] - 1;
-            fp.changeMonth(month, false);
+            const date = (findAnyDate ? availableDates[0] : matchingDates[0] || matchingMonths[0]);
+            console.log(date.elem);
+            date.elem.click();
             beep()
-            fp.setDate(matchingDates[0] || matchingMonths[0] || availableDates[0], true);
             return true;
         }
 
@@ -163,6 +178,13 @@ async function findAvailability(page) {
             snd.loop = true;
             snd.play();
         }
+
+        function getDateStringFromElement(e) {
+            let i = e.innerText
+                , n = e.parentElement.parentElement.parentElement.querySelector('[class$="m__title"]').children[0].className
+                , s = n.split("-")[1];
+            return n.split("-")[2] + "-" + (s < 10 ? "0" + s : s) + "-" + (i < 10 ? "0" + i : i)
+        }
     }, myDates, testDates, findAnyDate, checkedCount)
 }
 

MIQ-Booking-Assistance/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miq-nz-booking-assistance",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "description": "A tool to help you book MIQ",
   "main": "main.js",
   "scripts": {

README.md

@@ -51,10 +51,6 @@ It seems that currently, less than 3 seconds. This might vary though.
 
 This means that unfortunately, someone was quicker than you to secure the date.
 
-> The alert sounds but I don't see a date selected in tha calendar.
-
-Don't worry, the app will input the date without having to change the calendar UI. You can proceed to complete the reCAPTCHA and click next as soon as you hear the beep.
-
 ## Contributions
 
 These tools are only a quick attempt to create some remedy. They are by far, not finished or perfect. Also, in case MIQ changes their website, they might break any time too.