@ticketboothapp/booking 1.2.122 → 1.2.124

package/src/components/booking/useChangeBookingAutoSelections.ts

@@ -0,0 +1,148 @@
+'use client';
+
+import { useEffect, useRef, type RefObject } from 'react';
+import type { Availability, PickupLocation } from '../../lib/booking-api';
+
+export interface UseChangeBookingAutoSelectionsOptions {
+  autoSelectFirstAvailableDate?: boolean;
+  autoSelectFirstHighlightedPickup?: boolean;
+  isPartialLaunch: boolean;
+  initialDateTime?: string | null;
+  selectedDate: string;
+  dates: string[];
+  getRowsForDate: (date: string) => Availability[];
+  isAdmin: boolean;
+  isCustomerSelfServeChange: boolean;
+  changeFlowInitialTicketCount: number;
+  getCalendarEffectiveOutboundVacancies: (availability: Availability) => number;
+  setSelectedDate: (date: string) => void;
+  onDateSelect: (date: string) => void;
+  suppressCalendarDateScroll?: boolean;
+  contentRef?: RefObject<HTMLDivElement | null>;
+  useWindowScroll: boolean;
+  highlightedPickupLocationIds?: string[];
+  pickupLocationId: string | null;
+  pickupLocationSkipped: boolean;
+  initialPickupLocationId?: string | null;
+  pickupLocations?: PickupLocation[];
+  setPickupLocationId: (locationId: string | null) => void;
+  setPickupLocationSkipped: (skipped: boolean) => void;
+}
+
+function scrollAfterCalendarSelection(
+  contentRef: RefObject<HTMLDivElement | null> | undefined,
+  useWindowScroll: boolean,
+) {
+  setTimeout(() => {
+    const container = contentRef?.current;
+    if (!useWindowScroll && container && container.scrollHeight > container.clientHeight + 16) {
+      container.scrollBy({ top: 400, behavior: 'smooth' });
+    } else if (typeof window !== 'undefined') {
+      window.scrollBy({ top: 400, behavior: 'smooth' });
+    }
+  }, 100);
+}
+
+export function useChangeBookingAutoSelections({
+  autoSelectFirstAvailableDate = false,
+  autoSelectFirstHighlightedPickup = false,
+  isPartialLaunch,
+  initialDateTime,
+  selectedDate,
+  dates,
+  getRowsForDate,
+  isAdmin,
+  isCustomerSelfServeChange,
+  changeFlowInitialTicketCount,
+  getCalendarEffectiveOutboundVacancies,
+  setSelectedDate,
+  onDateSelect,
+  suppressCalendarDateScroll,
+  contentRef,
+  useWindowScroll,
+  highlightedPickupLocationIds,
+  pickupLocationId,
+  pickupLocationSkipped,
+  initialPickupLocationId,
+  pickupLocations,
+  setPickupLocationId,
+  setPickupLocationSkipped,
+}: UseChangeBookingAutoSelectionsOptions) {
+  const hasAutoSelectedPartnerDateRef = useRef(false);
+  const hasAutoSelectedPartnerPickupRef = useRef(false);
+
+  useEffect(() => {
+    if (!autoSelectFirstAvailableDate) return;
+    if (isPartialLaunch) return;
+    if (initialDateTime?.trim()) return;
+    if (selectedDate !== '') return;
+    if (dates.length === 0) return;
+    if (hasAutoSelectedPartnerDateRef.current) return;
+
+    const firstWithInventory = dates.find((date) => {
+      const rows = getRowsForDate(date);
+      if (rows.length === 0) return false;
+      if (isAdmin) return rows.some((availability) => (availability.vacancies ?? 0) > 0);
+      if (isCustomerSelfServeChange && changeFlowInitialTicketCount > 0) {
+        return rows.some(
+          (availability) =>
+            getCalendarEffectiveOutboundVacancies(availability) >= changeFlowInitialTicketCount,
+        );
+      }
+      return rows.some((availability) => (availability.vacancies ?? 0) > 0);
+    });
+    const first = firstWithInventory ?? (isAdmin && dates[0] ? dates[0] : undefined);
+    if (!first) return;
+
+    hasAutoSelectedPartnerDateRef.current = true;
+    setSelectedDate(first);
+    onDateSelect(first);
+    if (!suppressCalendarDateScroll) {
+      scrollAfterCalendarSelection(contentRef, useWindowScroll);
+    }
+  }, [
+    autoSelectFirstAvailableDate,
+    isPartialLaunch,
+    initialDateTime,
+    selectedDate,
+    dates,
+    getRowsForDate,
+    isAdmin,
+    isCustomerSelfServeChange,
+    changeFlowInitialTicketCount,
+    getCalendarEffectiveOutboundVacancies,
+    setSelectedDate,
+    onDateSelect,
+    suppressCalendarDateScroll,
+    contentRef,
+    useWindowScroll,
+  ]);
+
+  useEffect(() => {
+    if (!autoSelectFirstHighlightedPickup) return;
+    if (hasAutoSelectedPartnerPickupRef.current) return;
+    if (!highlightedPickupLocationIds?.length) return;
+    if (pickupLocationId) return;
+    if (pickupLocationSkipped) return;
+    if (initialPickupLocationId?.trim()) return;
+    if (!pickupLocations?.length) return;
+
+    const match = highlightedPickupLocationIds.find((id) =>
+      pickupLocations.some((location) => location.id === id),
+    );
+    if (!match) return;
+
+    hasAutoSelectedPartnerPickupRef.current = true;
+    setPickupLocationId(match);
+    setPickupLocationSkipped(false);
+  }, [
+    autoSelectFirstHighlightedPickup,
+    highlightedPickupLocationIds,
+    pickupLocationId,
+    pickupLocationSkipped,
+    initialPickupLocationId,
+    pickupLocations,
+    setPickupLocationId,
+    setPickupLocationSkipped,
+  ]);
+}