@ticketboothapp/booking 1.2.180 → 1.2.182

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticketboothapp/booking",
-  "version": "1.2.180",
+  "version": "1.2.182",
   "private": false,
   "sideEffects": [
     "**/*.css",

package/src/components/booking/AdminChangeBookingFlow.tsx

@@ -18,7 +18,6 @@ import { CURRENCIES, DEFAULT_CURRENCY, type Currency } from './CurrencySwitcher'
 import { useCompanyTimezone } from '../../contexts/CompanyContext';
 import { useBookingApp } from '../../contexts/BookingAppContext';
 import { useBookingHost } from '../../runtime';
-import { filterAvailabilitiesAfterCurrentTime } from '../../lib/booking/booking-cutoffs';
 import type { ChangeBookingFlowProps } from './booking-flow-types';
 import {
   normalizeAddOnSelections,
@@ -26,6 +25,7 @@ import {
 } from './change-booking-flow-helpers';
 import {
   buildChangeBookingMinimumQuantities,
+  filterAdminChangeCalendarAvailabilities,
   isAdminManualOverrideEligibleLine,
   resolveChangeFlowOriginalDate,
   resolveInitialChangeProductOptionId,
@@ -156,6 +156,10 @@ export function AdminChangeBookingFlow({
     isAdmin,
     companyId: env.COMPANY_ID,
   });
+  const changeFlowOriginalDate = useMemo(
+    () => resolveChangeFlowOriginalDate(initialValues?.dateTime, companyTimezone),
+    [initialValues?.dateTime, companyTimezone],
+  );
   const [adminAvailabilityNowMs, setAdminAvailabilityNowMs] = useState(() => Date.now());
 
   useEffect(() => {
@@ -171,8 +175,13 @@ export function AdminChangeBookingFlow({
     (rows: Availability[]) =>
       product.productType === 'PRIVATE_SHUTTLE'
         ? rows
-        : filterAvailabilitiesAfterCurrentTime(rows, adminAvailabilityNow),
-    [adminAvailabilityNow, product.productType],
+        : filterAdminChangeCalendarAvailabilities({
+            availabilities: rows,
+            originalDate: changeFlowOriginalDate,
+            companyTimezone,
+            now: adminAvailabilityNow,
+          }),
+    [adminAvailabilityNow, changeFlowOriginalDate, companyTimezone, product.productType],
   );
   const [selectedAvailability, setSelectedAvailability] = useState<Availability | null>(null);
   const [selectedReturnOption, setSelectedReturnOption] = useState<ReturnOption | null>(null);
@@ -279,10 +288,6 @@ export function AdminChangeBookingFlow({
   const [skipConfirmationCommunications, setSkipConfirmationCommunications] = useState(false);
   /** Admin only: disable all auto communications for this booking (provider dashboard). */
   const [disableAutoCommunications, setDisableAutoCommunications] = useState(false);
-  const changeFlowOriginalDate = useMemo(
-    () => resolveChangeFlowOriginalDate(initialValues?.dateTime, companyTimezone),
-    [initialValues?.dateTime, companyTimezone],
-  );
   const isProviderDashboardChange = Boolean(onChangeBooking);
   const useAdminFeAuthoritativeQuote = isAdmin && isProviderDashboardChange;
   /** Any change from an existing booking (public or provider). */

package/src/components/booking/BookingDialog.tsx

@@ -8,6 +8,7 @@ import { getProduct, type Product } from '../../lib/booking-api';
 import './booking-flow.css';
 import BookingProductGrid from './BookingProductGrid';
 import { BookingFlow } from './BookingFlow';
+import { VIAVIA_TICKET_FINE_PRINT_BY_CATEGORY } from './booking-flow-ui';
 import { PrivateShuttleBookingFlow } from './PrivateShuttleBookingFlow';
 import { BookingFlowPreview } from './BookingFlowPreview';
 import { useIsBookingLaunchLive } from '../../hooks/useIsBookingLaunchLive';
@@ -162,6 +163,7 @@ function BookFlowScreen({
             onComplete();
           }}
           isPartialLaunch={isPartialLaunch}
+          flowUi={{ ticketFinePrintByCategory: VIAVIA_TICKET_FINE_PRINT_BY_CATEGORY }}
         />
       )}
     </div>
@@ -194,6 +196,9 @@ export default function BookingDialog() {
   const isLaunchLive = useIsBookingLaunchLive();
   const isPartialLaunch = !isLaunchLive;
   const currentScreen = stack[stack.length - 1];
+  const currentScreenType = currentScreen.type;
+  const currentBookFlowProductId =
+    currentScreenType === 'book-flow' ? currentScreen.productId : null;
   const [productName, setProductName] = useState<string | null>(null);
   const dialogRef = useRef<HTMLDivElement>(null);
 
@@ -209,18 +214,18 @@ export default function BookingDialog() {
   const contentRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
-    if (currentScreen.type === 'product-grid') {
+    if (currentScreenType === 'product-grid') {
       setProductName(null);
     }
-  }, [currentScreen.type]);
+  }, [currentScreenType]);
 
   // Reset scroll when switching to book-flow so we don't appear partially scrolled
   // (product-grid restores its own scroll when returning from a product)
   useEffect(() => {
-    if (currentScreen.type === 'book-flow' && contentRef.current) {
+    if (currentScreenType === 'book-flow' && contentRef.current) {
       contentRef.current.scrollTop = 0;
     }
-  }, [currentScreen.type, currentScreen.type === 'book-flow' ? currentScreen.productId : null]);
+  }, [currentBookFlowProductId, currentScreenType]);
 
   const overlayRef = useRef<HTMLDivElement>(null);
 

package/src/components/booking/BookingProductGrid.module.css

@@ -49,7 +49,7 @@
 
 .grid {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: 1fr;
   gap: 0.75rem;
 }
 
@@ -65,10 +65,11 @@
   transform: scale(1.05);
 }
 
+/* Mobile: full-width landscape card (single column) */
 .tileImageContainer {
   position: relative;
   width: 100%;
-  height: 280px;
+  height: 220px;
   overflow: hidden;
 }
 
@@ -328,31 +329,42 @@
     display: none;
   }
 
-  .tileImageContainer {
-    height: 280px;
-  }
-
   .tileStartTime {
-    font-size: 2.5rem;
+    font-size: 2rem;
   }
 
   .expandedInner {
     flex-direction: column;
+    min-height: 0;
   }
 
   .expandedImage {
-    flex: 0 0 340px;
-    min-height: 340px;
+    flex: 0 0 260px;
+    min-height: 260px;
   }
 
   .expandedVideo {
-    min-height: 340px;
+    min-height: 260px;
   }
 
   .expandedContent {
     padding: 1rem;
   }
 
+  /* Keep the CTA above the fold: title → book button → description → pills */
+  .expandedTitle {
+    order: -2;
+  }
+
+  .expandedActions {
+    order: -1;
+    margin: 0;
+  }
+
+  .bookButton {
+    width: 100%;
+  }
+
   .expandedTags {
     left: 0.75rem;
   }

package/src/components/booking/BookingProductGrid.tsx

@@ -375,7 +375,7 @@ export default function BookingProductGrid({
   const expandedProduct =
     expandedIndex >= 0 ? products[expandedIndex] : null;
 
-  // Column count for expand-in-place logic (2 mobile, 3 desktop; compact always 2)
+  // Column count for expand-in-place logic (1 mobile, 3 desktop; compact always 2)
   const [cols, setCols] = useState(compact ? 2 : 3);
   useEffect(() => {
     if (compact) {
@@ -383,7 +383,7 @@ export default function BookingProductGrid({
       return;
     }
     const mq = window.matchMedia('(min-width: 768px)');
-    const update = () => setCols(mq.matches ? 3 : 2);
+    const update = () => setCols(mq.matches ? 3 : 1);
     update();
     mq.addEventListener('change', update);
     return () => mq.removeEventListener('change', update);

package/src/components/booking/ChangeBookingDialog.tsx

@@ -8,6 +8,7 @@ import { useBookingHost } from '../../runtime';
 import { formatCurrencyAmount, type Currency } from '../../lib/currency';
 import { CURRENCIES, DEFAULT_CURRENCY } from './CurrencySwitcher';
 import { ChangeBookingFlow } from './ChangeBookingFlow';
+import { VIAVIA_TICKET_FINE_PRINT_BY_CATEGORY } from './booking-flow-ui';
 import type { ChangeFlowSelectionPreview } from './booking-flow-types';
 import { useBookingSourceMetadataFromLocation } from '../../hooks/useBookingSourceMetadataFromLocation';
 import styles from './BookingDialog.module.css';
@@ -131,7 +132,7 @@ export default function ChangeBookingDialog({
     return () => {
       cancelled = true;
     };
-  }, [isOpen, apiProductId, minimalProduct, staticProduct]);
+  }, [isOpen, apiProductId, env.COMPANY_ID, minimalProduct, staticProduct]);
 
   useEffect(() => {
     if (isOpen) {
@@ -448,6 +449,7 @@ export default function ChangeBookingDialog({
                 }}
                 initialValues={initialValues}
                 onChangeFlowSelectionPreview={handleChangeFlowSelectionPreview}
+                flowUi={{ ticketFinePrintByCategory: VIAVIA_TICKET_FINE_PRINT_BY_CATEGORY }}
               />
             </div>
           )}

package/src/components/booking/ChangeBookingFlow.tsx

@@ -329,7 +329,6 @@ export function ChangeBookingFlow({
 
   const {
     initialAddOnQtyByKey,
-    initialAddOnMinQtyByKey,
     initialAddOnMinTotalByAddOnId,
     updateAddOnSelections,
   } = useChangeBookingAddOnFloorController({
@@ -953,6 +952,7 @@ export function ChangeBookingFlow({
             addOnSelections={addOnSelections}
             onAddOnSelectionsChange={updateAddOnSelections}
             minimumTotalByAddOnId={isCustomerSelfServeChange ? initialAddOnMinTotalByAddOnId : undefined}
+            ticketFinePrintByCategory={flowUi?.ticketFinePrintByCategory}
           />
 
           {/* Total and Checkout — shared PriceSummary component */}

package/src/components/booking/ChangeBookingSelectionControlsPanel.tsx

@@ -50,6 +50,7 @@ export interface ChangeBookingSelectionControlsPanelProps {
   suppressUnitPrices?: boolean;
   suppressReturnPerPersonPrices?: boolean;
   suppressAddOnPrices?: boolean;
+  ticketFinePrintByCategory?: Record<string, string>;
 }
 
 export function ChangeBookingSelectionControlsPanel({
@@ -90,6 +91,7 @@ export function ChangeBookingSelectionControlsPanel({
   suppressUnitPrices = false,
   suppressReturnPerPersonPrices = false,
   suppressAddOnPrices = false,
+  ticketFinePrintByCategory,
 }: ChangeBookingSelectionControlsPanelProps) {
   return (
     <>
@@ -156,6 +158,7 @@ export function ChangeBookingSelectionControlsPanel({
           onAddOnSelectionsChange={onAddOnSelectionsChange}
           minimumTotalByAddOnId={minimumTotalByAddOnId}
           suppressAddOnPrices={suppressAddOnPrices}
+          ticketFinePrintByCategory={ticketFinePrintByCategory}
         />
       ) : null}
     </>

package/src/components/booking/ChangeBookingTicketsAndAddOnsPanel.tsx

@@ -40,6 +40,7 @@ export interface ChangeBookingTicketsAndAddOnsPanelProps {
   minimumTotalByAddOnId?: Map<string, number>;
   suppressUnitPrices?: boolean;
   suppressAddOnPrices?: boolean;
+  ticketFinePrintByCategory?: Record<string, string>;
 }
 
 export function ChangeBookingTicketsAndAddOnsPanel({
@@ -69,6 +70,7 @@ export function ChangeBookingTicketsAndAddOnsPanel({
   minimumTotalByAddOnId,
   suppressUnitPrices = false,
   suppressAddOnPrices = false,
+  ticketFinePrintByCategory,
 }: ChangeBookingTicketsAndAddOnsPanelProps) {
   const incompatibleSelections = incompatibleAddOnSelections(
     addOnSelections,
@@ -101,6 +103,7 @@ export function ChangeBookingTicketsAndAddOnsPanel({
         minimumQuantities={minimumQuantities}
         ticketUnitFloorByCategory={applyReceiptPaidFloors ? ticketUnitFloorByCategory : undefined}
         suppressUnitPrices={suppressUnitPrices}
+        ticketFinePrintByCategory={ticketFinePrintByCategory}
       />
 
       {totalQuantity > 0 && addOns.length > 0 ? (

package/src/components/booking/NewBookingFlow.tsx

@@ -69,13 +69,14 @@ export function NewBookingFlow({
   bookingSourceAttribution,
   partnerPortalBooking = false,
   availabilityPricingProfileId,
+  availabilityPricingProfileOverrides,
   availabilityCancellationPolicyProfileId,
 }: NewBookingFlowProps) {
   const { env, analytics, catalog } = useBookingHost();
   const { t } = useTranslations();
   const { locale } = useLocale();
   const companyTimezone = useCompanyTimezone(); // Get timezone from context
-  const pricingProfileIdForAvailabilities = (availabilityPricingProfileId ?? '').trim() || null;
+  const fallbackPricingProfileIdForAvailabilities = (availabilityPricingProfileId ?? '').trim() || null;
   const cancellationPolicyProfileIdForAvailabilities =
     (availabilityCancellationPolicyProfileId ?? '').trim() || null;
   const {
@@ -162,6 +163,7 @@ export function NewBookingFlow({
     setSelectedReturnOption,
     selectedDate,
     setSelectedDate,
+    pricingProfileIdForAvailabilities,
     loadingAvailabilities,
     isFetchingMoreAvailabilities,
     pricingConfig,
@@ -182,7 +184,8 @@ export function NewBookingFlow({
     isAdmin,
     companyTimezone,
     appliedPromoCode,
-    pricingProfileIdForAvailabilities,
+    pricingProfileIdForAvailabilities: fallbackPricingProfileIdForAvailabilities,
+    pricingProfileOverridesForAvailabilities: availabilityPricingProfileOverrides,
     cancellationPolicyProfileIdForAvailabilities,
     bookingCutoffNow,
     bookingCutoffMinutes,
@@ -952,6 +955,7 @@ export function NewBookingFlow({
             returnVacancies={effectiveSelectedReturnVacancies}
             isSimplifiedPricingView={isSimplifiedPricingView}
             onQuantityChange={handleQuantityChange}
+            ticketFinePrintByCategory={flowUi?.ticketFinePrintByCategory}
             addOns={addOns}
             addOnSelections={addOnSelections}
             onAddOnSelectionsChange={updateAddOnSelections}

package/src/components/booking/PrivateShuttleAddOnsSection.tsx

@@ -153,7 +153,7 @@ export function PrivateShuttleAddOnsSection({
           Food restrictions
         </label>
         <p className="mb-2 text-sm text-stone-500">
-          Shuttle includes croissants, coffee, tea, hot chocolate, and trail snacks.
+          Shuttle includes coffee, tea, hot chocolate, and trail snacks. If you are adding on breakfast or lunch, please let us know if you have any dietary restrictions or allergies.
         </p>
         <textarea
           id="food-restrictions"

package/src/components/booking/PrivateShuttleBookingFlow.tsx

@@ -59,6 +59,10 @@ import {
   resolveInitialPrivateShuttlePassengerCount,
 } from './private-shuttle-passenger-count';
 import { privateShuttleHiddenLunchAddOnId } from './private-shuttle-lunch-visibility';
+import {
+  resolvePartnerPricingProfileId,
+  type PartnerPricingProfileOverride,
+} from '../../lib/booking/partner-pricing-profile';
 
 interface PrivateShuttleBookingFlowProps {
   product: Product;
@@ -85,6 +89,8 @@ interface PrivateShuttleBookingFlowProps {
   partnerPortalBooking?: boolean;
   /** When set (e.g. partner portal), get-availabilities requests this pricing profile from the API. */
   availabilityPricingProfileId?: string | null;
+  /** Month-specific partner profiles resolved against selectedDate. */
+  availabilityPricingProfileOverrides?: readonly PartnerPricingProfileOverride[];
   /** When set (e.g. partner portal), get-availabilities filters cancellation policies by this profile. */
   availabilityCancellationPolicyProfileId?: string | null;
   initialValues?: {
@@ -117,6 +123,7 @@ export function PrivateShuttleBookingFlow({
   bookingSourceAttribution,
   partnerPortalBooking = false,
   availabilityPricingProfileId,
+  availabilityPricingProfileOverrides,
   availabilityCancellationPolicyProfileId,
   initialValues,
   initialBooking,
@@ -126,7 +133,7 @@ export function PrivateShuttleBookingFlow({
   const { t } = useTranslations();
   const { locale } = useLocale();
   const companyTimezone = useCompanyTimezone();
-  const pricingProfileIdForAvailabilities = (availabilityPricingProfileId ?? '').trim() || null;
+  const fallbackPricingProfileIdForAvailabilities = (availabilityPricingProfileId ?? '').trim() || null;
   const cancellationPolicyProfileIdForAvailabilities =
     (availabilityCancellationPolicyProfileId ?? '').trim() || null;
   const {
@@ -145,6 +152,19 @@ export function PrivateShuttleBookingFlow({
       companyTimezone,
     )
   );
+  const pricingProfileIdForAvailabilities = useMemo(
+    () => resolvePartnerPricingProfileId(
+      fallbackPricingProfileIdForAvailabilities,
+      availabilityPricingProfileOverrides,
+      selectedDate || formatInTimeZone(new Date(), companyTimezone, 'yyyy-MM-dd'),
+    ),
+    [
+      availabilityPricingProfileOverrides,
+      companyTimezone,
+      fallbackPricingProfileIdForAvailabilities,
+      selectedDate,
+    ],
+  );
   const [selectedAvailability, setSelectedAvailability] = useState<Availability | null>(null);
   const [selectedOption, setSelectedOption] = useState<string>('');
   const [selectedStartTime, setSelectedStartTime] = useState<string>('');

package/src/components/booking/StandardBookingSelectionControlsPanel.tsx

@@ -65,6 +65,7 @@ export interface StandardBookingSelectionControlsPanelProps {
   returnVacancies: number | null;
   isSimplifiedPricingView: boolean;
   onQuantityChange: (category: string, delta: number) => void;
+  ticketFinePrintByCategory?: Record<string, string>;
   addOns: AddOn[];
   addOnSelections: AddOnSelection[];
   onAddOnSelectionsChange: AddOnSelectionsChangeHandler;
@@ -107,6 +108,7 @@ export function StandardBookingSelectionControlsPanel({
   returnVacancies,
   isSimplifiedPricingView,
   onQuantityChange,
+  ticketFinePrintByCategory,
   addOns,
   addOnSelections,
   onAddOnSelectionsChange,
@@ -142,9 +144,13 @@ export function StandardBookingSelectionControlsPanel({
       ) : null}
 
       {selectedBookingOptionsHydrating ? (
-        <div className="flex items-center justify-center gap-3 rounded-lg border border-stone-200 bg-white p-4 text-stone-600">
+        <div
+          className="flex items-center justify-center gap-3 py-2 text-stone-600"
+          role="status"
+          aria-live="polite"
+        >
           <div className="booking-loading-spinner" aria-hidden />
-          <div>{t('booking.loadingTimes')}</div>
+          <div>{t('booking.confirmingAvailability')}</div>
         </div>
       ) : null}
 
@@ -218,6 +224,7 @@ export function StandardBookingSelectionControlsPanel({
           onQuantityChange={onQuantityChange}
           minimumQuantities={undefined}
           ticketUnitFloorByCategory={undefined}
+          ticketFinePrintByCategory={ticketFinePrintByCategory}
         />
       ) : null}
 

package/src/components/booking/TicketSelector.module.css

@@ -49,6 +49,14 @@
   color: var(--booking-stone-500, #78716c);
 }
 
+.finePrint {
+  margin-top: 0.25rem;
+  font-size: 0.7rem;
+  line-height: 1.3;
+  color: var(--booking-stone-500, #78716c);
+  max-width: 16rem;
+}
+
 .priceStrikethrough {
   text-decoration: line-through;
   color: var(--booking-stone-400, #a8a29e);

package/src/components/booking/TicketSelector.tsx

@@ -48,6 +48,8 @@ interface TicketSelectorProps {
   ticketUnitFloorByCategory?: Map<string, number>;
   /** Hide unit/strike prices (customer change flow until server-backed pricing is shown). */
   suppressUnitPrices?: boolean;
+  /** Optional small fine print rendered under a ticket row, keyed by category (e.g. INFANT). */
+  ticketFinePrintByCategory?: Record<string, string>;
 }
 
 export function TicketSelector({
@@ -70,6 +72,7 @@ export function TicketSelector({
   minimumQuantities,
   ticketUnitFloorByCategory,
   suppressUnitPrices = false,
+  ticketFinePrintByCategory,
 }: TicketSelectorProps) {
   /** Party size vs tighter of pickup/return vacancies (parent passes min of both legs). */
   const isOverbookedTickets = totalQuantity > selectedVacancies;
@@ -166,6 +169,11 @@ export function TicketSelector({
                     formatCurrencyAmount(effectiveUnitPrice, currency, locale as 'en' | 'fr')
                   )}
                 </p>
+                {ticketFinePrintByCategory?.[rate.category] && (
+                  <p className={styles.finePrint}>
+                    {ticketFinePrintByCategory[rate.category]}
+                  </p>
+                )}
               </div>
               <div className={styles.controls}>
                 <button

package/src/components/booking/admin-change-flow-state-helpers.ts

@@ -1,5 +1,6 @@
 import { formatInTimeZone } from 'date-fns-tz';
 import type { Availability, Product } from '../../lib/booking-api';
+import { isAvailabilityAfterCurrentTime } from '../../lib/booking/booking-cutoffs';
 import {
   effectiveProductOptionIdForChangeFlow,
   normalizeProductOptionIdForChangeFlow,
@@ -45,6 +46,40 @@ export function resolveChangeFlowOriginalDate(
   }
 }
 
+/**
+ * Admin changes may need to edit the return for a tour that is already in progress.
+ * Keep every availability on that booking's service date visible even after its
+ * start time passes, while retaining the normal "future starts only" rule for
+ * every other date.
+ */
+export function filterAdminChangeCalendarAvailabilities({
+  availabilities,
+  originalDate,
+  companyTimezone,
+  now = new Date(),
+}: {
+  availabilities: Availability[];
+  originalDate: string | null;
+  companyTimezone: string;
+  now?: Date;
+}): Availability[] {
+  return availabilities.filter((availability) => {
+    if (originalDate) {
+      try {
+        const availabilityDate = formatInTimeZone(
+          parseAvailabilityDateTime(availability.dateTime),
+          companyTimezone,
+          'yyyy-MM-dd',
+        );
+        if (availabilityDate === originalDate) return true;
+      } catch {
+        /* fall through to the normal time guard */
+      }
+    }
+    return isAvailabilityAfterCurrentTime(availability, now);
+  });
+}
+
 export function buildChangeBookingMinimumQuantities({
   isCustomerSelfServeChange,
   isAdmin,

package/src/components/booking/availability-cache-policy.ts

@@ -0,0 +1,10 @@
+/**
+ * A covered cache range is revalidated only after the cache TTL expires.
+ * Reserve/checkout perform their own fresh validation before committing inventory.
+ */
+export function shouldRevalidateAvailabilityCache(
+  cacheCoversRange: boolean,
+  isStale: boolean,
+): boolean {
+  return cacheCoversRange && isStale;
+}

package/src/components/booking/booking-flow-types.ts

@@ -6,6 +6,7 @@ import type {
   Product,
 } from '../../lib/booking-api';
 import type { BookingSourceMetadata } from '../../lib/booking/source-metadata';
+import type { PartnerPricingProfileOverride } from '../../lib/booking/partner-pricing-profile';
 import type { Currency } from './CurrencySwitcher';
 import type { PriceSummaryLine } from './PriceSummary';
 import type { BookingFlowUiOptions } from './booking-flow-ui';
@@ -129,6 +130,8 @@ export interface BookingFlowBaseProps {
   partnerPortalBooking?: boolean;
   /** When set (e.g. partner portal), get-availabilities requests this pricing profile from the API. */
   availabilityPricingProfileId?: string | null;
+  /** Month-specific partner pricing profiles resolved against the selected booking date. */
+  availabilityPricingProfileOverrides?: readonly PartnerPricingProfileOverride[];
   /** When set (e.g. partner portal), get-availabilities filters cancellation policies by this profile. */
   availabilityCancellationPolicyProfileId?: string | null;
   /** Admin change-booking: available destination products for switching the booking to another product. */

package/src/components/booking/booking-flow-ui.ts

@@ -69,8 +69,18 @@ export interface BookingFlowUiOptions {
   providerDashboardChangePricingUi?: ProviderDashboardChangePricingUi;
   /** Override the orange section heading above cancellation policy cards (e.g. photo-first shuttle flow). */
   cancellationPolicySectionLabel?: string;
+  /** Small fine print shown under a ticket category row, keyed by category (e.g. { INFANT: "..." }). */
+  ticketFinePrintByCategory?: Record<string, string>;
 }
 
+/**
+ * Via Via default per-category ticket fine print, shown under the ticket row in the
+ * ticket selector. Surfaces that pass their own `flowUi` can override or omit it.
+ */
+export const VIAVIA_TICKET_FINE_PRINT_BY_CATEGORY: Record<string, string> = {
+  INFANT: 'You are required to bring your own safety seat for children under 40lbs (20kg).',
+};
+
 /**
  * Baseline UX for embedded partner-style surfaces (partner portal Book tab, TicketBooth provider dashboard):
  * skip collage + tour description, auto-pick the earliest bookable calendar day and first time slot,

package/src/components/booking/use-private-shuttle-availability.ts

@@ -32,6 +32,7 @@ import {
   privateShuttleAvailabilityDateInZone,
   privateShuttleStartTimeAllowed,
 } from './private-shuttle-availability';
+import { shouldRevalidateAvailabilityCache } from './availability-cache-policy';
 import { getStartOfCurrentDay } from './standard-booking-availability';
 
 interface UsePrivateShuttleAvailabilityParams {
@@ -364,7 +365,10 @@ export function usePrivateShuttleAvailability({
         );
         const isStale = availabilitiesCache?.isStale(cached) ?? false;
         if (cacheCoversRange) {
-          shouldRevalidateCachedRange = true;
+          shouldRevalidateCachedRange = shouldRevalidateAvailabilityCache(
+            cacheCoversRange,
+            isStale,
+          );
           setAvailabilities(cached.availabilities);
           if (cached.pricingConfig) applyCachedPricingConfig(cached.pricingConfig);
           if (cached.precomputedPrices) setPrecomputedPrices(cached.precomputedPrices);