.gitignore

@@ -5,5 +5,3 @@ web/sites/default/files/*
 
 # Never commit real credentials
 .env
-
-node_modules/

jsconfig.json

@@ -1,14 +0,0 @@
-{
-  "compilerOptions": {
-    "checkJs": true,
-    "paths": {
-      "https://esm.sh/preact@10": ["./node_modules/preact/src/index.d.ts"],
-      "https://esm.sh/preact@10/hooks": ["./node_modules/preact/hooks/src/index.d.ts"],
-      "https://esm.sh/htm@3/preact": ["./node_modules/htm/preact/index.d.ts"]
-    }
-  },
-  "include": [
-    "web/modules/custom/riverside_pt/js/**/*.js",
-    "web/modules/custom/riverside_pt/js/globals.d.ts"
-  ]
-}

node_modules/.package-lock.json

@@ -15,25 +15,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@fullcalendar/core": {
-      "version": "6.1.20",
-      "resolved": "https://registry.npmjs.org/@fullcalendar/core/-/core-6.1.20.tgz",
-      "integrity": "sha512-1cukXLlePFiJ8YKXn/4tMKsy0etxYLCkXk8nUCFi11nRONF2Ba2CD5b21/ovtOO2tL6afTJfwmc1ed3HG7eB1g==",
-      "dev": true,
-      "dependencies": {
-        "preact": "~10.12.1"
-      }
-    },
-    "node_modules/@fullcalendar/core/node_modules/preact": {
-      "version": "10.12.1",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.12.1.tgz",
-      "integrity": "sha512-l8386ixSsBdbreOAkqtrwqHwdvR35ID8c3rKPa8lCWuO86dBi32QWHV4vfsZK1utLLFMvw+Z5Ad4XLkZzchscg==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/preact"
-      }
-    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -336,12 +317,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/htm": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/htm/-/htm-3.1.1.tgz",
-      "integrity": "sha512-983Vyg8NwUE7JkZ6NmOqpCZ+sh1bKv2iYTlUkzlWmA5JD2acKoxd4KVxbMmxX/85mtfdnDmTFoNKcg5DGAvxNQ==",
-      "dev": true
-    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -702,16 +677,6 @@
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
       "dev": true
     },
-    "node_modules/preact": {
-      "version": "10.29.2",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.29.2.tgz",
-      "integrity": "sha512-7tNmwg/7mzzAoB/8kSg6Hl37JraAZw3Z3A0JSY7VXlZwo82Xn0G7wKbNNs2qoF4ZEEsQGTwDAroNdqKs1ofJxQ==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/preact"
-      }
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -971,19 +936,6 @@
       "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
       "dev": true
     },
-    "node_modules/typescript": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz",
-      "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==",
-      "dev": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",

package-lock.json

@@ -6,11 +6,7 @@
     "": {
       "name": "riverside-therapeutics",
       "devDependencies": {
-        "@fullcalendar/core": "^6.1.20",
+        "tailwindcss": "^3.4.17"
-        "htm": "^3.1.1",
-        "preact": "^10.29.2",
-        "tailwindcss": "^3.4.17",
-        "typescript": "^6.0.3"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -25,25 +21,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@fullcalendar/core": {
-      "version": "6.1.20",
-      "resolved": "https://registry.npmjs.org/@fullcalendar/core/-/core-6.1.20.tgz",
-      "integrity": "sha512-1cukXLlePFiJ8YKXn/4tMKsy0etxYLCkXk8nUCFi11nRONF2Ba2CD5b21/ovtOO2tL6afTJfwmc1ed3HG7eB1g==",
-      "dev": true,
-      "dependencies": {
-        "preact": "~10.12.1"
-      }
-    },
-    "node_modules/@fullcalendar/core/node_modules/preact": {
-      "version": "10.12.1",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.12.1.tgz",
-      "integrity": "sha512-l8386ixSsBdbreOAkqtrwqHwdvR35ID8c3rKPa8lCWuO86dBi32QWHV4vfsZK1utLLFMvw+Z5Ad4XLkZzchscg==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/preact"
-      }
-    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -346,12 +323,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/htm": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/htm/-/htm-3.1.1.tgz",
-      "integrity": "sha512-983Vyg8NwUE7JkZ6NmOqpCZ+sh1bKv2iYTlUkzlWmA5JD2acKoxd4KVxbMmxX/85mtfdnDmTFoNKcg5DGAvxNQ==",
-      "dev": true
-    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -712,16 +683,6 @@
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
       "dev": true
     },
-    "node_modules/preact": {
-      "version": "10.29.2",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.29.2.tgz",
-      "integrity": "sha512-7tNmwg/7mzzAoB/8kSg6Hl37JraAZw3Z3A0JSY7VXlZwo82Xn0G7wKbNNs2qoF4ZEEsQGTwDAroNdqKs1ofJxQ==",
-      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/preact"
-      }
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -981,19 +942,6 @@
       "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
       "dev": true
     },
-    "node_modules/typescript": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz",
-      "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==",
-      "dev": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",

package.json

@@ -3,14 +3,9 @@
   "private": true,
   "scripts": {
     "watch": "tailwindcss -i ./web/modules/custom/riverside_pt/css/tailwind.css -o ./web/modules/custom/riverside_pt/css/app.css --watch",
-    "build": "tailwindcss -i ./web/modules/custom/riverside_pt/css/tailwind.css -o ./web/modules/custom/riverside_pt/css/app.css --minify",
+    "build": "tailwindcss -i ./web/modules/custom/riverside_pt/css/tailwind.css -o ./web/modules/custom/riverside_pt/css/app.css --minify"
-    "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@fullcalendar/core": "^6.1.20",
+    "tailwindcss": "^3.4.17"
-    "htm": "^3.1.1",
-    "preact": "^10.29.2",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^6.0.3"
   }
 }

tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "checkJs": true,
-    "allowJs": true,
-    "noEmit": true,
-    "strict": true,
-    "lib": ["dom", "es2022"],
-    "target": "es2022",
-    "module": "es2022",
-    "moduleResolution": "bundler",
-    "paths": {
-      "https://esm.sh/preact@10": ["./node_modules/preact/src/index.d.ts"],
-      "https://esm.sh/preact@10/hooks": ["./node_modules/preact/hooks/src/index.d.ts"],
-      "https://esm.sh/htm@3/preact": ["./node_modules/htm/preact/index.d.ts"]
-    }
-  },
-  "include": [
-    "web/modules/custom/riverside_pt/js/**/*.js",
-    "web/modules/custom/riverside_pt/js/globals.d.ts"
-  ]
-}

web/modules/custom/riverside_pt/js/calendar.js

@@ -0,0 +1,145 @@
+(function (drupalSettings) {
+  document.addEventListener('DOMContentLoaded', function () {
+    var el = document.getElementById('riverside-calendar');
+    if (!el) return;
+
+    requestAnimationFrame(function () {
+      var slotsWrap = document.getElementById('riverside-slots-wrap');
+      var slotsGrid = document.getElementById('riverside-booking-slots');
+
+      var selectedDate = null;
+      var initialized  = false;
+      var currentService = 'diagnostic';
+
+      function buildEventsUrl(service) {
+        return drupalSettings.riversidePt.eventsUrl + '?service=' + service;
+      }
+
+      function localDateStr(d) {
+        return d.getFullYear() + "-" +
+          String(d.getMonth() + 1).padStart(2, "0") + "-" +
+          String(d.getDate()).padStart(2, "0");
+      }
+
+      function nextBusinessDay() {
+        var d = new Date();
+        d.setDate(d.getDate() + 1);
+        while (d.getDay() === 0 || d.getDay() === 6) d.setDate(d.getDate() + 1);
+        return localDateStr(d);
+      }
+
+      var initDate = nextBusinessDay();
+
+      function slotLabel(date) {
+        var h = date.getHours();
+        return (h % 12 || 12) + (h < 12 ? 'AM' : 'PM') + ' PST';
+      }
+
+      function renderSlots(dateStr, events) {
+        var dayEvents = events
+          .filter(function (e) { return e.startStr.startsWith(dateStr); })
+          .sort(function (a, b) { return a.start - b.start; });
+
+        if (!slotsWrap || !slotsGrid || dayEvents.length === 0) return;
+
+        slotsGrid.innerHTML = '';
+        dayEvents.forEach(function (event, idx) {
+          var btn = document.createElement('button');
+          btn.type = 'button';
+          btn.textContent = slotLabel(event.start);
+          btn.className = 'riverside-slot-btn' + (idx === 0 ? ' is-selected' : '');
+          btn.addEventListener('click', function () {
+            slotsGrid.querySelectorAll('.riverside-slot-btn').forEach(function (b) {
+              b.classList.remove('is-selected');
+            });
+            btn.classList.add('is-selected');
+            fetch(drupalSettings.riversidePt.storeSlotUrl, {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({ start: event.startStr, end: event.endStr, service: currentService }),
+            }).then(function (res) {
+              if (res.ok) {
+                window.location.href = drupalSettings.riversidePt.bookingUrl;
+              } else {
+                btn.textContent += ' (unavailable)';
+                btn.disabled = true;
+              }
+            });
+          });
+          slotsGrid.appendChild(btn);
+        });
+
+        slotsWrap.hidden = false;
+      }
+
+      function selectDay(dateStr, events) {
+        el.querySelectorAll('.fc-daygrid-day.is-selected').forEach(function (d) {
+          d.classList.remove('is-selected');
+        });
+        var dayEl = el.querySelector('.fc-daygrid-day[data-date="' + dateStr + '"]');
+        if (dayEl) dayEl.classList.add('is-selected');
+        selectedDate = dateStr;
+        renderSlots(dateStr, events);
+      }
+
+      var calendar = new FullCalendar.Calendar(el, {
+        initialView: 'dayGridMonth',
+        initialDate: initDate,
+        headerToolbar: { left: 'prev', center: 'title', right: 'next' },
+        titleFormat: { year: 'numeric', month: 'long' },
+        dayHeaderFormat: { weekday: 'narrow' },
+        validRange: function (now) {
+          return {
+            start: new Date(now.getFullYear(), now.getMonth(), 1),
+            end: new Date(now.getFullYear(), now.getMonth() + 7, 1),
+          };
+        },
+        fixedWeekCount: false,
+        showNonCurrentDates: false,
+        height: 'auto',
+        events: buildEventsUrl(currentService),
+        eventDisplay: 'none',
+        dayMaxEvents: false,
+
+        datesSet: function () {
+          el.querySelectorAll('.fc-daygrid-day.is-selected').forEach(function (d) {
+            d.classList.remove('is-selected');
+          });
+          selectedDate = null;
+          if (slotsWrap) slotsWrap.hidden = true;
+        },
+
+        eventsSet: function (events) {
+          el.querySelectorAll('.fc-daygrid-day.has-availability').forEach(function (d) {
+            d.classList.remove('has-availability');
+          });
+          events.forEach(function (event) {
+            var dateStr = event.startStr.substring(0, 10);
+            var dayEl = el.querySelector('.fc-daygrid-day[data-date="' + dateStr + '"]');
+            if (dayEl) dayEl.classList.add('has-availability');
+          });
+
+          if (!initialized) {
+            initialized = true;
+            var targetEl = el.querySelector('.fc-daygrid-day[data-date="' + initDate + '"]');
+            if (targetEl && targetEl.classList.contains('has-availability')) {
+              selectDay(initDate, events);
+            }
+          }
+        },
+
+        dayCellClassNames: function (arg) {
+          var date = arg.date.toISOString().substring(0, 10);
+          if (drupalSettings.riversidePt.holidays[date]) return ['is-holiday'];
+        },
+
+        dateClick: function (arg) {
+          if (!arg.dayEl.classList.contains('has-availability')) return;
+          selectDay(arg.dateStr, calendar.getEvents());
+        },
+      });
+
+      calendar.render();
+    });
+  });
+})(drupalSettings);

web/modules/custom/riverside_pt/js/components/rpt-appt-type.js

@@ -16,7 +16,6 @@ const CHECK = html`<svg width="14" height="11" viewBox="0 0 14 11" fill="none" x
 function ApptType() {
   const [selected, setSelected] = useState("diagnostic");
 
-  /** @param {string} id */
   function select(id) {
     setSelected(id);
     document.dispatchEvent(new CustomEvent("rpt:appt-type-change", { detail: { type: id } }));

web/modules/custom/riverside_pt/js/components/rpt-booking.js

@@ -15,7 +15,6 @@ const CHECK = html`<svg width="14" height="11" viewBox="0 0 14 11" fill="none" x
 
 const EMPTY_FORM = { firstName: "", lastName: "", email: "", phone: "", comments: "" };
 
-/** @param {string | number} [raw] */
 function formatPhone(raw) {
   let d = String(raw || "").replace(/\D/g, "");
   if (d.length === 11 && d[0] === "1") {
@@ -71,7 +70,6 @@ const CX = {
   successNote:    "text-sm text-green-700",
 };
 
-/** @param {Date} d */
 function localDateStr(d) {
   return d.getFullYear() + "-" +
     String(d.getMonth() + 1).padStart(2, "0") + "-" +
@@ -85,14 +83,12 @@ function nextBusinessDay() {
   return localDateStr(d);
 }
 
-/** @param {string} startStr */
 function slotLabel(startStr) {
   var d = new Date(startStr);
   var h = d.getHours();
   return (h % 12 || 12) + (h < 12 ? "AM" : "PM") + " PST";
 }
 
-/** @param {string} startStr */
 function formatAppointmentDate(startStr) {
   var parts = startStr.split("T")[0].split("-");
   var d = new Date(parseInt(parts[0]), parseInt(parts[1]) - 1, parseInt(parts[2]));
@@ -104,35 +100,32 @@ function formatAppointmentDate(startStr) {
 // Keyed by service in the parent, so it always mounts fresh for each service.
 // service is a prop here — it never changes within an instance's lifetime,
 // which means the fetch effect can depend only on dateRange (no stale-service risk).
-/**
- * @param {{ service: string, settings: RiversidePtSettings }} props
- */
 function BookingPanel({ service, settings }) {
-  const [dateRange, setDateRange] = useState(/** @type {string | null} */ (null));
+  const [dateRange, setDateRange] = useState(null);
-  const [fetchedEvents, setFetchedEvents] = useState(/** @type {RiversidePtEvent[] | null} */ (null));
+  const [fetchedEvents, setFetchedEvents] = useState(null);
   const [fetchLoading, setFetchLoading] = useState(false);
-  const [slots, setSlots] = useState(/** @type {RiversidePtEvent[]} */ ([]));
+  const [slots, setSlots] = useState([]);
-  const [selectedSlotId, setSelectedSlotId] = useState(/** @type {number | string | null} */ (null));
+  const [selectedSlotId, setSelectedSlotId] = useState(null);
   const [formData, setFormData] = useState(EMPTY_FORM);
   const [submitting, setSubmitting] = useState(false);
-  const [submitError, setSubmitError] = useState(/** @type {string | null} */ (null));
+  const [submitError, setSubmitError] = useState(null);
   const [success, setSuccess] = useState(false);
-  const [confirmedAppointment, setConfirmedAppointment] = useState(/** @type {{ start: string, service: string, firstName: string, lastName: string, email: string } | null} */ (null));
+  const [confirmedAppointment, setConfirmedAppointment] = useState(null);
   const [noSlotsInMonth, setNoSlotsInMonth] = useState(false);
 
-  const calEl = useRef(/** @type {HTMLDivElement | null} */ (null));
+  const calEl = useRef(null);
-  const calRef = useRef(/** @type {any} */ (null));
+  const calRef = useRef(null);
   const initializedRef = useRef(false);
   const autoAdvanceRef = useRef(0);
-  const fetchAbortRef = useRef(/** @type {AbortController | null} */ (null));
+  const fetchAbortRef = useRef(null);
   // Instance-scoped vars for FullCalendar callbacks (no stale-closure risk via .current).
-  const selectedDateRef = useRef(/** @type {string | null} */ (null));
+  const selectedDateRef = useRef(null);
-  const selectedDateSlotsRef = useRef(/** @type {RiversidePtEvent[]} */ ([]));
+  const selectedDateSlotsRef = useRef([]);
-  const currentEventsRef = useRef(/** @type {RiversidePtEvent[]} */ ([]));
+  const currentEventsRef = useRef([]);
   const initDate = useMemo(nextBusinessDay, []);
-  const formRef = useRef(/** @type {HTMLFormElement | null} */ (null));
+  const formRef = useRef(null);
-  const prevSlotIdRef = useRef(/** @type {number | string | null} */ (null));
+  const prevSlotIdRef = useRef(null);
-  const successRef = useRef(/** @type {HTMLDivElement | null} */ (null));
+  const successRef = useRef(null);
 
   function buildEventsUrl() {
     return settings.eventsUrl + "?service=" + service;
@@ -140,19 +133,15 @@ function BookingPanel({ service, settings }) {
 
   // ── Initialize FullCalendar once ─────────────────────────────────────
   useEffect(function () {
-    var root = calEl.current;
+    if (!calEl.current || !window.FullCalendar) return;
-    if (!root || !window.FullCalendar) return;
-    /** @type {HTMLDivElement} */
-    var rootEl = root;
 
-    var FC = window.FullCalendar || FullCalendar;
+    var cal = new FullCalendar.Calendar(calEl.current, {
-    var cal = new FC.Calendar(root, {
       initialView: "dayGridMonth",
       initialDate: initDate,
       headerToolbar: { left: "prev", center: "title", right: "next" },
       titleFormat: { year: "numeric", month: "long" },
       dayHeaderFormat: { weekday: "narrow" },
-      validRange: function (/** @type {any} */ now) {
+      validRange: function (now) {
         return {
           start: new Date(now.getFullYear(), now.getMonth(), 1),
           end: new Date(now.getFullYear(), now.getMonth() + 7, 1),
@@ -164,14 +153,14 @@ function BookingPanel({ service, settings }) {
       eventDisplay: "none",
       dayMaxEvents: false,
 
-      datesSet: function (/** @type {any} */ info) {
+      datesSet: function (info) {
-        rootEl.querySelectorAll(".fc-daygrid-day.is-selected").forEach(function (/** @type {any} */ d) {
+        calEl.current.querySelectorAll(".fc-daygrid-day.is-selected").forEach(function (d) {
           d.classList.remove("is-selected");
         });
         setSelectedSlotId(null);
         setNoSlotsInMonth(false);
         if (selectedDateRef.current) {
-          var dayEl = rootEl.querySelector(".fc-daygrid-day[data-date=\"" + selectedDateRef.current + "\"]");
+          var dayEl = calEl.current.querySelector(".fc-daygrid-day[data-date=\"" + selectedDateRef.current + "\"]");
           if (dayEl) {
             dayEl.classList.add("is-selected");
             setSlots(selectedDateSlotsRef.current);
@@ -184,31 +173,31 @@ function BookingPanel({ service, settings }) {
         setDateRange(info.startStr + "/" + info.endStr);
       },
 
-      eventsSet: function (/** @type {any[]} */ events) {
+      eventsSet: function (events) {
-        rootEl.querySelectorAll(".fc-daygrid-day.has-availability").forEach(function (/** @type {any} */ d) {
+        calEl.current.querySelectorAll(".fc-daygrid-day.has-availability").forEach(function (d) {
           d.classList.remove("has-availability");
         });
-        events.forEach(function (/** @type {any} */ event) {
+        events.forEach(function (event) {
           var dateStr = event.startStr.substring(0, 10);
-          var dayEl = rootEl.querySelector(".fc-daygrid-day[data-date=\"" + dateStr + "\"]");
+          var dayEl = calEl.current.querySelector(".fc-daygrid-day[data-date=\"" + dateStr + "\"]");
           if (dayEl) dayEl.classList.add("has-availability");
         });
       },
 
-      dayCellClassNames: function (/** @type {any} */ arg) {
+      dayCellClassNames: function (arg) {
         var date = arg.date.toISOString().substring(0, 10);
-        return settings.holidays[date] ? ["is-holiday"] : [];
+        if (settings.holidays[date]) return ["is-holiday"];
       },
 
-      dateClick: function (/** @type {any} */ arg) {
+      dateClick: function (arg) {
         if (!arg.dayEl.classList.contains("has-availability")) return;
-        rootEl.querySelectorAll(".fc-daygrid-day.is-selected").forEach(function (/** @type {any} */ d) {
+        calEl.current.querySelectorAll(".fc-daygrid-day.is-selected").forEach(function (d) {
           d.classList.remove("is-selected");
         });
         arg.dayEl.classList.add("is-selected");
         var daySlots = currentEventsRef.current
-          .filter(function (/** @type {RiversidePtEvent} */ e) { return e.start.startsWith(arg.dateStr); })
+          .filter(function (e) { return e.start.startsWith(arg.dateStr); })
-          .sort(function (/** @type {RiversidePtEvent} */ a, /** @type {RiversidePtEvent} */ b) { return a.start < b.start ? -1 : 1; });
+          .sort(function (a, b) { return a.start < b.start ? -1 : 1; });
         selectedDateRef.current = arg.dateStr;
         selectedDateSlotsRef.current = daySlots;
         setSelectedSlotId(null);
@@ -220,11 +209,6 @@ function BookingPanel({ service, settings }) {
 
     cal.render();
     calRef.current = cal;
-
-    requestAnimationFrame(() => {
-      window.rptScrollTo(rootEl, true);
-    })
-
     return function () { cal.destroy(); };
   }, []);
 
@@ -242,12 +226,12 @@ function BookingPanel({ service, settings }) {
     setFetchedEvents(null);
     fetch(url, { signal: controller.signal })
       .then(function (r) { return r.json(); })
-      .then(function (/** @type {RiversidePtEvent[]} */ data) {
+      .then(function (data) {
         currentEventsRef.current = data;
         setFetchedEvents(data);
         setFetchLoading(false);
       })
-      .catch(function (/** @type {any} */ err) {
+      .catch(function (err) {
         if (err.name === "AbortError") return;
         currentEventsRef.current = [];
         setFetchedEvents([]);
@@ -267,16 +251,15 @@ function BookingPanel({ service, settings }) {
       cal.addEventSource(fetchedEvents);
 
       if (!initializedRef.current) {
-        var dates = [...new Set(fetchedEvents.map(function (/** @type {RiversidePtEvent} */ e) { return e.start.substring(0, 10); }))].sort();
+        var dates = [...new Set(fetchedEvents.map(function (e) { return e.start.substring(0, 10); }))].sort();
         var firstDate = dates[0];
         if (firstDate) {
           var firstSlots = fetchedEvents
-            .filter(function (/** @type {RiversidePtEvent} */ e) { return e.start.startsWith(firstDate); })
+            .filter(function (e) { return e.start.startsWith(firstDate); })
-            .sort(function (/** @type {RiversidePtEvent} */ a, /** @type {RiversidePtEvent} */ b) { return a.start < b.start ? -1 : 1; });
+            .sort(function (a, b) { return a.start < b.start ? -1 : 1; });
           selectedDateRef.current = firstDate;
           selectedDateSlotsRef.current = firstSlots;
-          var root = calEl.current;
+          var targetEl = calEl.current.querySelector(".fc-daygrid-day[data-date=\"" + firstDate + "\"]");
-          var targetEl = root ? root.querySelector(".fc-daygrid-day[data-date=\"" + firstDate + "\"]") : null;
           if (targetEl) {
             initializedRef.current = true;
             autoAdvanceRef.current = 0;
@@ -294,7 +277,7 @@ function BookingPanel({ service, settings }) {
   }, [fetchedEvents]);
 
   useEffect(function () {
-    if (selectedSlotId && prevSlotIdRef.current !== selectedSlotId && formRef.current) {
+    if (selectedSlotId && !prevSlotIdRef.current && formRef.current) {
       window.rptScrollTo(formRef.current, true);
     }
     prevSlotIdRef.current = selectedSlotId;
@@ -306,34 +289,28 @@ function BookingPanel({ service, settings }) {
     }
   }, [success]);
 
-  /** @param {RiversidePtEvent} slot */
   function handleSlotClick(slot) {
     setSelectedSlotId(slot.id);
     setSubmitError(null);
     setSuccess(false);
   }
 
-  /** @param {string} field @param {string} value */
   function handleFormChange(field, value) {
     setFormData(function (prev) { return Object.assign({}, prev, { [field]: value }); });
   }
 
-  /** @param {Event} e */
   function handleSubmit(e) {
     e.preventDefault();
-    var slot = slots.find(function (/** @type {RiversidePtEvent} */ s) { return s.id === selectedSlotId; });
+    var slot = slots.find(function (s) { return s.id === selectedSlotId; });
     if (!slot) return;
-    // Capture values synchronously; the async callbacks close over these, not the find result.
-    var chosenStart = slot.start;
-    var chosenEnd = slot.end;
     setSubmitting(true);
     setSubmitError(null);
     fetch(settings.storeSlotUrl, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({
-        start: chosenStart,
+        start: slot.start,
-        end: chosenEnd,
+        end: slot.end,
         service: service,
         firstName: formData.firstName,
         lastName: formData.lastName,
@@ -346,7 +323,7 @@ function BookingPanel({ service, settings }) {
         setSubmitting(false);
         setSubmitError(null);
         setConfirmedAppointment({
-          start: chosenStart,
+          start: slot.start,
           service: service,
           firstName: formData.firstName,
           lastName: formData.lastName,
@@ -360,7 +337,7 @@ function BookingPanel({ service, settings }) {
         if (res.status === 422) {
           setSubmitError("That slot was just booked. Please choose another time.");
         } else {
-          res.json().then(function (/** @type {{message?: string}} */ data) {
+          res.json().then(function (data) {
             setSubmitError(data.message || "Something went wrong. Please try again.");
           }).catch(function () {
             setSubmitError("Something went wrong. Please try again.");
@@ -373,7 +350,7 @@ function BookingPanel({ service, settings }) {
     });
   }
 
-  var selectedSlot = slots.find(function (/** @type {RiversidePtEvent} */ s) { return s.id === selectedSlotId; });
+  var selectedSlot = slots.find(function (s) { return s.id === selectedSlotId; });
 
   return html`
     <div>
@@ -392,11 +369,11 @@ function BookingPanel({ service, settings }) {
         ${slots.length > 0 ? html`
           <div id="riverside-slots-wrap">
             <p class="text-xs text-gray-500 mb-3">Select a time on ${(function () {
-              var p = slots[0] ? slots[0].start.split("T")[0].split("-") : ["","",""];
+              var p = slots[0].start.split("T")[0].split("-");
               return parseInt(p[1]) + "/" + parseInt(p[2]) + "/" + p[0];
             })()}:</p>
             <div id="riverside-booking-slots">
-              ${slots.map(function (/** @type {RiversidePtEvent} */ slot) {
+              ${slots.map(function (slot) {
                 return html`
                   <button
                     key=${slot.id}
@@ -427,7 +404,7 @@ function BookingPanel({ service, settings }) {
                 autocomplete="given-name"
                 required
                 value=${formData.firstName}
-                onInput=${function (/** @type {any} */ e) { handleFormChange("firstName", e.target.value); }}
+                onInput=${function (e) { handleFormChange("firstName", e.target.value); }}
                 class=${CX.formInput}
               />
             </div>
@@ -442,7 +419,7 @@ function BookingPanel({ service, settings }) {
                 autocomplete="family-name"
                 required
                 value=${formData.lastName}
-                onInput=${function (/** @type {any} */ e) { handleFormChange("lastName", e.target.value); }}
+                onInput=${function (e) { handleFormChange("lastName", e.target.value); }}
                 class=${CX.formInput}
               />
             </div>
@@ -457,7 +434,7 @@ function BookingPanel({ service, settings }) {
                 autocomplete="email"
                 required
                 value=${formData.email}
-                onInput=${function (/** @type {any} */ e) { handleFormChange("email", e.target.value); }}
+                onInput=${function (e) { handleFormChange("email", e.target.value); }}
                 class=${CX.formInput}
               />
             </div>
@@ -472,7 +449,7 @@ function BookingPanel({ service, settings }) {
                 autocomplete="tel"
                 required
                 value=${formatPhone(formData.phone)}
-                onInput=${function (/** @type {any} */ e) {
+                onInput=${function (e) {
                   handleFormChange("phone", formatPhone(e.target.value));
                 }}
                 class=${CX.formInput}
@@ -490,7 +467,7 @@ function BookingPanel({ service, settings }) {
               name="comments"
               autocomplete="off"
               value=${formData.comments}
-              onInput=${function (/** @type {any} */ e) { handleFormChange("comments", e.target.value); }}
+              onInput=${function (e) { handleFormChange("comments", e.target.value); }}
               class=${CX.formTextarea}
             ></textarea>
           </div>
@@ -511,7 +488,7 @@ function BookingPanel({ service, settings }) {
             <div class=${CX.successSummary}>
               <p>${confirmedAppointment.firstName} ${confirmedAppointment.lastName}</p>
               <p>${confirmedAppointment.email}</p>
-              <p>${(TYPES.find(function (/** @type {{id:string,label:string}} */ t) { return t.id === confirmedAppointment.service; }) || {}).label}</p>
+              <p>${TYPES.find(function (t) { return t.id === confirmedAppointment.service; }).label}</p>
               <p>${formatAppointmentDate(confirmedAppointment.start)}</p>
             </div>
             <p class=${CX.successNote}>We'll contact you shortly to confirm your appointment.</p>
@@ -526,11 +503,8 @@ function BookingPanel({ service, settings }) {
 // Owns service selection and the type selector UI. Keys BookingPanel by
 // service so it mounts fresh on every change — no reset effects, no races.
 // Starts with null so no service is pre-selected.
-/**
- * @param {{ settings: RiversidePtSettings }} props
- */
 function Booking({ settings }) {
-  const [service, setService] = useState(/** @type {string | null} */ (null));
+  const [service, setService] = useState(null);
 
   return html`
     <div style="min-height:460px">
@@ -541,9 +515,7 @@ function Booking({ settings }) {
           return html`
             <button
               key=${t.id}
-              onClick=${function () {
+              onClick=${function () { setService(t.id); }}
-                setService(/** @type {string} */ (t.id));
-              }}
               style="text-align:left; cursor:pointer;"
               class=${CX.typeBtn + " " + (active ? CX.typeBtnActive : CX.typeBtnInactive)}
             >
@@ -571,8 +543,7 @@ function Booking({ settings }) {
 
 class RptBooking extends HTMLElement {
   connectedCallback() {
-    var settings = (window.drupalSettings && window.drupalSettings.riversidePt) || /** @type {RiversidePtSettings} */ ({ eventsUrl: "", storeSlotUrl: "", holidays: {} });
+    render(html`<${Booking} settings=${window.drupalSettings.riversidePt} />`, this);
-    render(html`<${Booking} settings=${settings} />`, this);
   }
   disconnectedCallback() {
     render(null, this);

web/modules/custom/riverside_pt/js/components/rpt-carousel.js

@@ -12,7 +12,7 @@ const IMAGES = [
 function Carousel() {
   const [index, setIndex] = useState(0);
   const [itemWidth, setItemWidth] = useState(0);
-  const containerRef = useRef(/** @type {HTMLDivElement | null} */ (null));
+  const containerRef = useRef(null);
 
   useLayoutEffect(() => {
     const update = () => {

web/modules/custom/riverside_pt/js/components/rpt-faq.js

@@ -29,9 +29,6 @@ const FAQS = [
   },
 ];
 
-/**
- * @param {{ item: {q: string, a: string}, open: boolean, onToggle: () => void }} props
- */
 function FaqItem({ item, open, onToggle }) {
   return html`
     <div class="border-b border-gray-200">
@@ -53,9 +50,9 @@ function FaqItem({ item, open, onToggle }) {
 }
 
 function Faq() {
-  const [openIndex, setOpenIndex] = useState(/** @type {number | null} */ (null));
+  const [openIndex, setOpenIndex] = useState(null);
 
-  const toggle = function(/** @type {number} */ i) {
+  const toggle = function(i) {
     setOpenIndex(function(prev) { return prev === i ? null : i; });
   };
 

web/modules/custom/riverside_pt/js/components/rpt-testimonials.js

@@ -35,10 +35,10 @@ const STEP = CARD_W + GAP;
 const TOTAL_W = TESTIMONIALS.length * CARD_W + (TESTIMONIALS.length - 1) * GAP;
 
 function Testimonials() {
-  const containerRef = useRef(/** @type {HTMLDivElement | null} */ (null));
+  const containerRef = useRef(null);
-  const trackRef = useRef(/** @type {HTMLDivElement | null} */ (null));
+  const trackRef = useRef(null);
   const [left, setLeft] = useState(0);
-  const [, forceUpdate] = useReducer(/** @type {(n: number, action?: any) => number} */ (function (n) { return n + 1; }), 0);
+  const [, forceUpdate] = useReducer(function (n) { return n + 1; }, 0);
 
   function measureMax() {
     if (!containerRef.current) return 0;
@@ -55,14 +55,13 @@ function Testimonials() {
   };
 
   useEffect(function () {
-    /** @type {number | undefined} */
     var timer;
     function onResize() {
       clearTimeout(timer);
       timer = setTimeout(function () {
         var max = measureMax();
         setLeft(function (l) { return Math.min(0, Math.max(-max, l)); });
-        forceUpdate(0);
+        forceUpdate();
       }, 150);
     }
     window.addEventListener("resize", onResize);
@@ -72,26 +71,23 @@ function Testimonials() {
     };
   }, []);
 
-  var drag = useRef(/** @type {{x: number, left: number} | null} */ (null)); // null when idle, {x, left} when dragging
+  var drag = useRef(null); // null when idle, {x, left} when dragging
 
-  /** @param {PointerEvent} e */
   var onPointerDown = function (e) {
     drag.current = { x: e.clientX, left: left };
-    if (trackRef.current) trackRef.current.style.transition = "none";
+    trackRef.current.style.transition = "none";
-    if (e.currentTarget instanceof Element) e.currentTarget.setPointerCapture(e.pointerId);
+    e.currentTarget.setPointerCapture(e.pointerId);
   };
 
-  /** @param {PointerEvent} e */
   var onPointerMove = function (e) {
     if (!drag.current) return;
     setLeft(drag.current.left + (e.clientX - drag.current.x));
   };
 
-  /** @param {PointerEvent} e */
   var onPointerUp = function (e) {
     if (!drag.current) return;
     drag.current = null;
-    if (trackRef.current) trackRef.current.style.transition = "left 0.5s ease";
+    trackRef.current.style.transition = "left 0.5s ease";
     var max = measureMax();
     setLeft(function (l) {
       var clamped = Math.min(0, Math.max(-max, l));

web/modules/custom/riverside_pt/js/globals.d.ts

@@ -1,42 +0,0 @@
-import type { Calendar } from "@fullcalendar/core";
-
-declare global {
-  interface RiversidePtSettings {
-    eventsUrl: string;
-    storeSlotUrl: string;
-    bookingUrl?: string;
-    holidays: Record<string, boolean>;
-    scrollTo?: string;
-  }
-
-  interface RiversidePtEvent {
-    id: number | string;
-    title?: string;
-    start: string;
-    end: string;
-    startStr?: string;
-  }
-
-  interface ConfirmedAppointment {
-    start: string;
-    service: string;
-    firstName: string;
-    lastName: string;
-    email: string;
-  }
-
-  // FullCalendar is loaded as a UMD global. The Calendar constructor accepts
-  // any options object because plugin-specific options (e.g. dateClick from
-  // @fullcalendar/interaction) are not reflected in @fullcalendar/core types.
-  namespace FullCalendar {
-    const Calendar: new (el: HTMLElement, options?: Record<string, any>) => Calendar;
-  }
-
-  interface Window {
-    FullCalendar?: typeof FullCalendar;
-    rptScrollTo: (el: Element, animate?: boolean) => void;
-    drupalSettings?: {
-      riversidePt?: RiversidePtSettings;
-    };
-  }
-}

web/modules/custom/riverside_pt/js/nav.js

@@ -2,8 +2,8 @@
   'use strict';
 
   document.addEventListener('DOMContentLoaded', function () {
-    const btn = document.querySelector('.rpt-header__hamburger');
+    var btn = document.querySelector('.rpt-header__hamburger');
-    const nav = document.getElementById('rpt-main-nav');
+    var nav = document.getElementById('rpt-main-nav');
     if (!btn || !nav) return;
 
     btn.addEventListener('click', function () {
@@ -20,7 +20,7 @@
     });
 
     document.addEventListener('click', function (e) {
-      if (!(e.target instanceof Element) || !e.target.closest('.rpt-header')) {
+      if (!e.target.closest('.rpt-header')) {
         nav.classList.remove('is-open');
         btn.setAttribute('aria-expanded', 'false');
       }

web/modules/custom/riverside_pt/js/phone-format.js

@@ -1,5 +1,4 @@
 (function () {
-  /** @param {unknown} raw */
   function formatPhone(raw) {
     let d = String(raw || "").replace(/\D/g, "");
     if (d.length === 11 && d[0] === "1") {
@@ -14,7 +13,6 @@
     return "(" + d.slice(0, 3) + ") " + d.slice(3, 6) + "-" + d.slice(6);
   }
 
-  /** @param {HTMLInputElement} input */
   function enhancePhoneInput(input) {
     if (input.dataset.phoneEnhanced) return;
     input.dataset.phoneEnhanced = "true";
@@ -57,7 +55,7 @@
   }
 
   function scan() {
-    /** @type {NodeListOf<HTMLInputElement>} */ (document.querySelectorAll("input.rpt-phone")).forEach(enhancePhoneInput);
+    document.querySelectorAll("input.rpt-phone").forEach(enhancePhoneInput);
   }
 
   if (document.readyState === "loading") {

web/modules/custom/riverside_pt/js/scroll.js

@@ -4,7 +4,7 @@ var FIXED_BUFFER = 0; // breathing room below fixed header when menu is closed
 // When the hamburger is open, offsetHeight already includes the expanded nav,
 // so no extra buffer is needed. When closed, add FIXED_BUFFER for breathing room.
 function headerOffset() {
-  var header = /** @type {HTMLElement | null} */ (document.querySelector(".rpt-header"));
+  var header = document.querySelector(".rpt-header");
   if (!header) return 0;
   var pos = window.getComputedStyle(header).position;
   if (pos !== "fixed" && pos !== "sticky") return 0;
@@ -13,7 +13,6 @@ function headerOffset() {
   return header.offsetHeight + (menuOpen ? 0 : FIXED_BUFFER);
 }
 
-/** @param {Element} el @param {boolean} [animate] */
 function scrollToEl(el, animate) {
   var top = Math.max(0, el.getBoundingClientRect().top + window.scrollY - headerOffset());
   window.scrollTo({ top: top, behavior: animate ? "smooth" : "instant" });
@@ -27,7 +26,7 @@ document.addEventListener("DOMContentLoaded", function () {
   var settings = window.drupalSettings && window.drupalSettings.riversidePt;
   var anchor = window.location.hash || (settings && settings.scrollTo);
   if (!anchor) return;
-  const target = document.querySelector(anchor);
+  var target = document.querySelector(anchor);
   if (!target) return;
   requestAnimationFrame(function () {
     scrollToEl(target, false);
@@ -35,10 +34,9 @@ document.addEventListener("DOMContentLoaded", function () {
 });
 
 document.addEventListener("click", function (e) {
-  if (!(e.target instanceof Element)) return;
+  var link = e.target.closest("[data-scroll-to]");
-  var link = /** @type {HTMLElement | null} */ (e.target.closest("[data-scroll-to]"));
   if (!link) return;
-  var target = document.querySelector(link.dataset.scrollTo || "");
+  var target = document.querySelector(link.dataset.scrollTo);
   if (!target) return;
   e.preventDefault();
   history.pushState({}, "", link.getAttribute("href"));