@aranova/tracking-react 1.8.1 → 1.9.0

package/dist/client.mjs

@@ -977,6 +977,7 @@ function parseBookingRules(value) {
     closed_dates: isStringList(r.closed_dates) ? r.closed_dates : [],
     special_hours: parseWindowsMap(r.special_hours),
     vehicle_required: r.vehicle_required === true,
+    vehicle_deferred: r.vehicle_deferred === true,
     drop_off_options: isStringList(r.drop_off_options) ? r.drop_off_options : []
   };
 }
@@ -1712,6 +1713,7 @@ function camelRules(rules) {
     closedDates: rules.closed_dates,
     specialHours: rules.special_hours,
     vehicleRequired: rules.vehicle_required,
+    vehicleDeferred: rules.vehicle_deferred,
     dropOffOptions: rules.drop_off_options
   };
 }
@@ -3276,6 +3278,7 @@ function attachMultiPageSession(client, config) {
 }
 
 // ../tracking-core/src/triggers/form-start.ts
+var TAP_SLOP_PX = 10;
 function attachFormStart(client, config) {
   if (typeof window === "undefined" || typeof document === "undefined") {
     return () => {
@@ -3284,6 +3287,7 @@ function attachFormStart(client, config) {
   const selector = config.selector ?? "form";
   let firedForms = /* @__PURE__ */ new Set();
   let currentPath2 = window.location.pathname;
+  let pendingTap = null;
   function getFormKey(form) {
     if (form.id) return `id:${form.id}`;
     const explicitAction = form.getAttribute("action");
@@ -3294,10 +3298,23 @@ function attachFormStart(client, config) {
   function onFocusIn(event) {
     startFrom(event.target);
   }
-  function onPointerDown(event) {
+  function onClick(event) {
     if (event.button !== 0) return;
     startFrom(event.target);
   }
+  function onPointerDown(event) {
+    pendingTap = event.button === 0 ? { pointerId: event.pointerId, x: event.clientX, y: event.clientY, target: event.target } : null;
+  }
+  function onPointerCancel() {
+    pendingTap = null;
+  }
+  function onPointerUp(event) {
+    const tap = pendingTap;
+    pendingTap = null;
+    if (!tap || tap.pointerId !== event.pointerId) return;
+    if (Math.hypot(event.clientX - tap.x, event.clientY - tap.y) > TAP_SLOP_PX) return;
+    startFrom(tap.target);
+  }
   function startFrom(target) {
     if (!(target instanceof Element)) return;
     const form = target.closest(selector);
@@ -3334,17 +3351,24 @@ function attachFormStart(client, config) {
     originalReplaceState(...args);
     setTimeout(resetIfPathChanged, 0);
   }
+  const passiveCapture = { capture: true, passive: true };
   history.pushState = patchedPushState;
   history.replaceState = patchedReplaceState;
   window.addEventListener("popstate", resetIfPathChanged);
   document.addEventListener("focusin", onFocusIn);
-  document.addEventListener("pointerdown", onPointerDown, { capture: true, passive: true });
+  document.addEventListener("click", onClick, passiveCapture);
+  document.addEventListener("pointerdown", onPointerDown, passiveCapture);
+  document.addEventListener("pointerup", onPointerUp, passiveCapture);
+  document.addEventListener("pointercancel", onPointerCancel, passiveCapture);
   return () => {
     history.pushState = originalPushState;
     history.replaceState = originalReplaceState;
     window.removeEventListener("popstate", resetIfPathChanged);
     document.removeEventListener("focusin", onFocusIn);
+    document.removeEventListener("click", onClick, { capture: true });
     document.removeEventListener("pointerdown", onPointerDown, { capture: true });
+    document.removeEventListener("pointerup", onPointerUp, { capture: true });
+    document.removeEventListener("pointercancel", onPointerCancel, { capture: true });
   };
 }
 
@@ -3934,7 +3958,7 @@ function GoogleAdsTracking(props) {
 import { createContext as createContext2, useContext as useContext2, useEffect as useEffect5, useMemo as useMemo4 } from "react";
 
 // package.json
-var version = "1.8.1";
+var version = "1.9.0";
 
 // ../tracking-core/src/phone-react.tsx
 import {
@@ -4257,25 +4281,31 @@ function useBookingSubmit(bookings, options = {}) {
   const [outcome, setOutcome] = useState4(null);
   const [submitting, setSubmitting] = useState4(false);
   const attemptKey = useRef(null);
+  const [booked, setBooked] = useState4(null);
   const inFlight = useRef(null);
   const { formSubmit, simulate } = options;
   const submit = useCallback3(
     (input) => {
       if (inFlight.current) return inFlight.current;
       attemptKey.current ?? (attemptKey.current = newBookingAttemptKey());
+      const key = attemptKey.current;
       setSubmitting(true);
       const run = bookings.submit(input, {
-        attemptKey: attemptKey.current,
+        attemptKey: key,
         formSubmit,
         simulate,
         // The server has it: show the pending success while the final answer is polled.
         onPending: (pending) => {
+          setBooked({ bookingId: pending.id, attemptKey: key });
           setOutcome(pending);
           setSubmitting(false);
         }
       }).then((result) => {
         const unrecorded = result.status === "invalid" || result.status === "stale" || result.status === "failed" && result.id === null;
         if (!unrecorded) attemptKey.current = null;
+        if (result.status !== "invalid" && result.status !== "stale" && result.id) {
+          setBooked({ bookingId: result.id, attemptKey: key });
+        }
         setOutcome(result);
         return result;
       }).finally(() => {
@@ -4287,12 +4317,23 @@ function useBookingSubmit(bookings, options = {}) {
     },
     [bookings, formSubmit, simulate]
   );
+  const updateBooking = useCallback3(
+    async (details, target) => {
+      const attempt = target ?? booked;
+      if (!attempt) return { status: "not_found", id: "", message: "Nothing has been booked yet." };
+      return bookings.updateBooking(attempt.bookingId, details, {
+        attemptKey: attempt.attemptKey
+      });
+    },
+    [bookings, booked]
+  );
   const reset = useCallback3(() => {
     attemptKey.current = null;
+    setBooked(null);
     setOutcome(null);
   }, []);
   const status = submitting ? "submitting" : outcome?.status ?? "idle";
-  return { status, outcome, submit, reset };
+  return { status, outcome, booked, submit, updateBooking, reset };
 }
 export {
   AdPlatformTracking,