@ticketboothapp/booking 1.2.55 → 1.2.58

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

@@ -195,11 +195,16 @@
   border: 1px solid var(--cal-dropdown-border);
   border-radius: var(--cal-dropdown-radius);
   box-shadow: var(--cal-dropdown-shadow);
-  z-index: 9999;
+  z-index: 10060;
   padding: var(--cal-dropdown-padding);
   min-width: var(--cal-dropdown-min-width);
   max-height: var(--cal-dropdown-max-height);
   overflow-y: auto;
+  pointer-events: auto;
+}
+
+.calendarDropdown * {
+  pointer-events: auto;
 }
 
 .calendarDropdownGridWrapper {

package/src/components/booking/ChangeBookingDialog.tsx

@@ -13,6 +13,14 @@ import './booking-flow.css';
 import type { BookingData } from '../../components/BookingDetails';
 import { getItineraryStepLabel } from '../../lib/booking/itinerary-display';
 import { effectiveProductOptionIdForChangeFlow } from '../../lib/booking/product-option-id';
+import {
+  BookingChangeSummaryColumn,
+  changeBookingCompareColumnsVisuallyMatch,
+  computeItineraryStepChanged,
+  formatBookingDateForChangeCompare,
+  formatBookingItemsForCompare,
+  type ItineraryStepLine,
+} from './change-booking-compare';
 
 interface ChangeBookingDialogProps {
   isOpen: boolean;
@@ -21,42 +29,6 @@ interface ChangeBookingDialogProps {
   onChangeCompleted?: (preview: ChangeFlowSelectionPreview | null) => void;
 }
 
-function formatBookingDate(dateTime: string | null | undefined): string {
-  if (!dateTime) return '—';
-  try {
-    const date = new Date(dateTime);
-    return date.toLocaleDateString('en-US', {
-      weekday: 'short',
-      year: 'numeric',
-      month: 'short',
-      day: 'numeric',
-      timeZone: 'America/Denver',
-    });
-  } catch {
-    return dateTime;
-  }
-}
-
-function formatBookingItems(
-  items: Array<{ category: string; count: number }> | null | undefined
-): string {
-  if (!items?.length) return '—';
-  const labels: Record<string, string> = {
-    ADULT: 'adult',
-    CHILD: 'child',
-    INFANT: 'infant',
-    SENIOR: 'senior',
-    STUDENT: 'student',
-  };
-  const parts = items
-    .filter((item) => item.count > 0)
-    .map((item) => {
-      const label = labels[item.category] || item.category.toLowerCase();
-      return `${item.count} ${label}${item.count !== 1 ? 's' : ''}`;
-    });
-  return parts.length > 0 ? parts.join(', ') : '—';
-}
-
 function getOriginalPromoFromReceipt(receipt: BookingData['receipt']): {
   amount: number;
   label: string | null;
@@ -88,141 +60,6 @@ function getOriginalPromoFromReceipt(receipt: BookingData['receipt']): {
   return { amount, label: line.label || receipt.promoCode || receipt.promoName || null, code };
 }
 
-type ItineraryStepLine = { time: string | null; label: string };
-
-type ChangeHighlightVariant = 'current' | 'new';
-
-function BookingChangeSummaryColumn({
-  kicker,
-  tourName,
-  dateStr,
-  ticketsStr,
-  itinerarySteps,
-  highlightVariant,
-  totalFormatted,
-  dateChanged = false,
-  ticketsChanged = false,
-  itineraryStepChanged,
-}: {
-  kicker: string;
-  tourName: string;
-  dateStr: string;
-  ticketsStr: string;
-  itinerarySteps: ItineraryStepLine[] | null;
-  highlightVariant: ChangeHighlightVariant;
-  /** e.g. "C$123.45" */
-  totalFormatted: string;
-  dateChanged?: boolean;
-  ticketsChanged?: boolean;
-  itineraryStepChanged?: boolean[];
-}) {
-  const dateClass =
-    highlightVariant === 'current' && dateChanged
-      ? 'line-through text-stone-500'
-      : highlightVariant === 'new' && dateChanged
-        ? 'font-semibold text-stone-900'
-        : '';
-  const ticketsClass =
-    highlightVariant === 'current' && ticketsChanged
-      ? 'line-through text-stone-500'
-      : highlightVariant === 'new' && ticketsChanged
-        ? 'font-semibold text-stone-900'
-        : '';
-
-  return (
-    <div
-      className="overflow-hidden rounded-lg border border-stone-200 px-4 py-3 text-sm text-stone-600"
-      style={{ background: 'var(--light-orange-background)' }}
-    >
-      <p className="text-xs font-semibold uppercase tracking-wide text-stone-500">{kicker}</p>
-      <p className="mt-1 text-base font-semibold text-stone-900">Tour: {tourName}</p>
-      <dl className="mt-3 space-y-2">
-        <div className="flex flex-wrap gap-x-2 gap-y-0">
-          <dt className="shrink-0 font-medium text-stone-500">Date:</dt>
-          <dd className="min-w-0 text-stone-800">
-            {dateClass ? <span className={dateClass}>{dateStr}</span> : dateStr}
-          </dd>
-        </div>
-        <div className="flex flex-wrap gap-x-2 gap-y-0">
-          <dt className="shrink-0 font-medium text-stone-500">Tickets:</dt>
-          <dd className="min-w-0 text-stone-800">
-            {ticketsClass ? <span className={ticketsClass}>{ticketsStr}</span> : ticketsStr}
-          </dd>
-        </div>
-        <div>
-          <dt className="font-medium text-stone-500">Itinerary:</dt>
-          <dd className="mt-1">
-            {itinerarySteps && itinerarySteps.length > 0 ? (
-              <ul className="list-none pl-0 text-sm leading-snug text-stone-700">
-                {itinerarySteps.map((step, i) => (
-                  <li
-                    key={i}
-                    className={
-                      itineraryStepChanged?.[i]
-                        ? highlightVariant === 'current'
-                          ? 'min-w-0 line-through text-stone-500'
-                          : 'min-w-0 font-semibold text-stone-900'
-                        : 'min-w-0'
-                    }
-                  >
-                    {step.time ? (
-                      <>
-                        <span
-                          className={
-                            itineraryStepChanged?.[i]
-                              ? highlightVariant === 'current'
-                                ? 'font-medium text-stone-500'
-                                : 'font-semibold text-stone-900'
-                              : 'font-medium text-stone-800'
-                          }
-                        >
-                          {step.time}
-                        </span>
-                        <span className={itineraryStepChanged?.[i] && highlightVariant === 'new' ? 'text-stone-400' : 'text-stone-500'}>
-                          {' '}
-                          ·{' '}
-                        </span>
-                        <span className={itineraryStepChanged?.[i] && highlightVariant === 'new' ? 'font-semibold text-stone-900' : undefined}>
-                          {step.label}
-                        </span>
-                      </>
-                    ) : (
-                      <span
-                        className={
-                          itineraryStepChanged?.[i] && highlightVariant === 'new' ? 'font-semibold text-stone-900' : undefined
-                        }
-                      >
-                        {step.label}
-                      </span>
-                    )}
-                  </li>
-                ))}
-              </ul>
-            ) : (
-              <span className="text-sm text-stone-500">—</span>
-            )}
-          </dd>
-        </div>
-      </dl>
-      <div className="mt-3 flex flex-wrap items-baseline justify-between gap-x-2 border-t border-stone-200/80 pt-3">
-        <span className="font-medium text-stone-500">Total:</span>
-        <span className="font-semibold tabular-nums text-stone-900">{totalFormatted}</span>
-      </div>
-    </div>
-  );
-}
-
-function computeItineraryStepChanged(
-  stepsA: ItineraryStepLine[] | null,
-  stepsB: ItineraryStepLine[] | null,
-): boolean[] | undefined {
-  if (!stepsA) return undefined;
-  return stepsA.map((a, i) => {
-    const b = stepsB?.[i];
-    return !b || a.time !== b.time || a.label !== b.label;
-  });
-}
-
 function getFocusableElements(container: HTMLElement): HTMLElement[] {
   const selector =
     'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
@@ -381,7 +218,7 @@ export default function ChangeBookingDialog({
   const ticketsLine =
     booking.productType === 'PRIVATE_SHUTTLE'
       ? `${booking.privateShuttleDetails?.requestedPassengerCount ?? booking.privateShuttleDetails?.passengerCount ?? 0} passengers`
-      : formatBookingItems(booking.bookingItems);
+      : formatBookingItemsForCompare(booking.bookingItems);
 
   const currentItinerarySteps: ItineraryStepLine[] | null =
     booking.itineraryDisplay && booking.itineraryDisplay.length > 0
@@ -391,8 +228,9 @@ export default function ChangeBookingDialog({
         }))
       : null;
 
+  const currentDateStr = formatBookingDateForChangeCompare(booking.dateTime);
   const newDateStr = newBookingPreview?.dateTime
-    ? formatBookingDate(newBookingPreview.dateTime)
+    ? formatBookingDateForChangeCompare(newBookingPreview.dateTime)
     : '—';
   const newTicketsStr = newBookingPreview?.ticketsLine ?? '—';
   const newItinerarySteps: ItineraryStepLine[] | null =
@@ -400,9 +238,6 @@ export default function ChangeBookingDialog({
       ? newBookingPreview.itinerarySteps
       : null;
 
-  const showNewBookingColumn = Boolean(newBookingPreview?.hasChangesFromInitial);
-  const dateChanged = Boolean(newBookingPreview?.dateChanged);
-  const ticketsChanged = Boolean(newBookingPreview?.ticketsChanged);
   const currentTotalFormatted = formatCurrencyAmount(
     booking.receipt.totalAmount,
     receiptCurrency,
@@ -416,6 +251,28 @@ export default function ChangeBookingDialog({
           'en',
         )
       : '—';
+
+  const visuallyMatches =
+    Boolean(newBookingPreview) &&
+    changeBookingCompareColumnsVisuallyMatch({
+      dateCurrent: currentDateStr,
+      dateNew: newDateStr,
+      ticketsCurrent: ticketsLine,
+      ticketsNew: newTicketsStr,
+      itineraryCurrent: currentItinerarySteps,
+      itineraryNew: newItinerarySteps,
+      totalCurrent: currentTotalFormatted,
+      totalNew: newTotalFormatted,
+    });
+
+  const showNewBookingColumn = Boolean(
+    newBookingPreview?.hasChangesFromInitial && !visuallyMatches,
+  );
+  const dateChanged =
+    Boolean(newBookingPreview?.dateChanged) && currentDateStr !== newDateStr;
+  const ticketsChanged =
+    Boolean(newBookingPreview?.ticketsChanged) && ticketsLine !== newTicketsStr;
+
   const itineraryStepChangedCurrent = showNewBookingColumn
     ? computeItineraryStepChanged(currentItinerarySteps, newItinerarySteps)
     : undefined;
@@ -482,7 +339,7 @@ export default function ChangeBookingDialog({
           {product && (
             <div className={`${styles.screen} booking-flow-preflight`}>
               <div
-                className="sticky top-0 z-10 mb-4 flex w-full flex-col gap-4 rounded-2xl py-4 md:flex-row md:items-stretch"
+                className="sticky top-0 z-10 mb-3 flex w-full flex-col gap-0 rounded-2xl py-2 md:flex-row md:items-stretch"
                 style={{ background: 'var(--light-orange-background)' }}
               >
                 <motion.div
@@ -498,7 +355,7 @@ export default function ChangeBookingDialog({
                     highlightVariant="current"
                     kicker="Current booking"
                     tourName={tourName}
-                    dateStr={formatBookingDate(booking.dateTime)}
+                    dateStr={currentDateStr}
                     ticketsStr={ticketsLine}
                     itinerarySteps={currentItinerarySteps}
                     totalFormatted={currentTotalFormatted}
@@ -507,6 +364,12 @@ export default function ChangeBookingDialog({
                     itineraryStepChanged={itineraryStepChangedCurrent}
                   />
                 </motion.div>
+                {showNewBookingColumn ? (
+                  <div
+                    aria-hidden
+                    className="booking-change-compare-divider max-md:my-3 md:my-0"
+                  />
+                ) : null}
                 <AnimatePresence initial={false} mode="popLayout">
                   {showNewBookingColumn && (
                     <motion.div

package/src/components/booking/CheckoutForm.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import type { ReactNode } from 'react';
 import { PriceSummary, type PriceSummaryLine } from './PriceSummary';
 import { TermsAcceptance } from './TermsAcceptance';
 import { PickupLocationSelector } from './PickupLocationSelector';
@@ -24,6 +25,14 @@ interface CheckoutFormProps {
   extraBetweenTaxAndTotal: React.ReactNode;
   /** Overrides PriceSummary final row label (e.g. change booking) */
   totalSummaryLabel?: string;
+  /** Passed through to PriceSummary (e.g. provider price delta + checkbox) */
+  extraAfterTotal?: ReactNode;
+  /** Optional map + handler for inline editable amount rows in PriceSummary. */
+  lineAmountInputs?: Record<string, string>;
+  onLineAmountInputChange?: (lineKey: string, value: string) => void;
+  onLineAmountInputBlur?: (lineKey: string) => void;
+  onLineAmountReset?: (lineKey: string) => void;
+  extraBeforeSubtotal?: ReactNode;
   // Promo (passed as extraBetweenTaxAndTotal content - we'll keep it in parent for now)
   // Contact info
   firstName: string;
@@ -48,6 +57,7 @@ interface CheckoutFormProps {
   onTermsChange: (checked: boolean) => void;
   // Admin
   isAdmin: boolean;
+  showCommunicationAdminSection?: boolean;
   skipConfirmationCommunications: boolean;
   disableAutoCommunications: boolean;
   onSkipConfirmationChange: (checked: boolean) => void;
@@ -78,6 +88,12 @@ export function CheckoutForm({
   t,
   extraBetweenTaxAndTotal,
   totalSummaryLabel,
+  extraAfterTotal,
+  lineAmountInputs,
+  onLineAmountInputChange,
+  onLineAmountInputBlur,
+  onLineAmountReset,
+  extraBeforeSubtotal,
   firstName,
   lastName,
   email,
@@ -97,6 +113,7 @@ export function CheckoutForm({
   termsAccepted,
   onTermsChange,
   isAdmin,
+  showCommunicationAdminSection = true,
   skipConfirmationCommunications,
   disableAutoCommunications,
   onSkipConfirmationChange,
@@ -136,6 +153,12 @@ export function CheckoutForm({
           t={t}
           extraBetweenTaxAndTotal={extraBetweenTaxAndTotal}
           totalLabel={totalSummaryLabel}
+          extraAfterTotal={extraAfterTotal}
+          lineAmountInputs={lineAmountInputs}
+          onLineAmountInputChange={onLineAmountInputChange}
+          onLineAmountInputBlur={onLineAmountInputBlur}
+          onLineAmountReset={onLineAmountReset}
+          extraBeforeSubtotal={extraBeforeSubtotal}
         />
       </div>
 
@@ -292,7 +315,7 @@ export function CheckoutForm({
       )}
 
       {/* Admin: communication options */}
-      {isAdmin && (
+      {isAdmin && showCommunicationAdminSection && (
         <div className={styles.adminSection}>
           <p className={styles.adminTitle}>Communications (admin)</p>
           <label className={styles.adminCheckbox}>
@@ -364,9 +387,11 @@ export function CheckoutForm({
           </Button>
         </div>
       )}
-      <p className={styles.secureNote}>
-        {t('booking.securePayment')}
-      </p>
+      {!hideSubmitButton && (
+        <p className={styles.secureNote}>
+          {t('booking.securePayment')}
+        </p>
+      )}
     </div>
   );
 }

package/src/components/booking/DefaultTermsContent.tsx

@@ -0,0 +1,178 @@
+'use client';
+
+/**
+ * Shared terms content bundled in @ticketboothapp/booking so host apps get
+ * full Terms & Conditions text by default without custom slot wiring.
+ */
+export function DefaultTermsContent({ className = '' }: { className?: string }) {
+  return (
+    <div className={`text-sm text-stone-600 [&_p]:mb-3 [&_p:last-child]:mb-0 ${className}`}>
+      <h1 className="text-xl font-bold text-stone-900 mb-4">Via Via Moraine Lake Shuttle</h1>
+
+      <h2 className="text-base font-semibold text-stone-900 mt-6 mb-2">Terms & Conditions</h2>
+      <p>
+        Via Via Moraine Lake Shuttle is owned and operated by Via Via Shuttle Service Inc. By purchasing a ticket, you enter into an agreement with Via Via Shuttle Service Inc. and acknowledge that you have read, understood, and agreed to the terms and conditions outlined herein. If you make a booking on behalf of other passengers, you confirm that you have the legal authority to accept these terms on behalf of all individuals in your booking party.
+      </p>
+      <p>
+        These terms and conditions govern the agreement between you and Via Via Shuttle Service Inc., including important provisions regarding your legal rights and limitations of liability. Please review them carefully before booking your tickets.
+      </p>
+
+      <h2 className="text-base font-semibold text-stone-900 mt-6 mb-2">Prices</h2>
+      <p>
+        All of our prices are displayed in Canadian Dollars (CAD) and do not include applicable taxes and fees (including GST and a service charge), which are added during checkout, as well as a $15.99 contribution towards the per-trip Parks Canada Moraine Lake Road License of Occupation.
+      </p>
+
+      <h2 className="text-base font-semibold text-stone-900 mt-6 mb-2">Payments, fees, and changes</h2>
+      <p>
+        Payments must be made in Canadian Funds. Via Via Shuttle Service Inc. accepts Visa, MasterCard, and American Express. Payments are securely processed through our booking partner, FareHarbor. For more specific details regarding privacy policies, please visit their website here
+      </p>
+
+      <h2 className="text-base font-semibold text-stone-900 mt-6 mb-2">Cancellations & refunds</h2>
+
+      <h3 className="text-sm font-semibold text-stone-800 mt-6 mb-2">Weather conditions</h3>
+      <p>
+        When booking seats for regular round-trip tours, private shuttle experiences, or direct shuttle services with Via Via Shuttle Service Inc., you&apos;re reserving seats for specific dates and times. Our shuttles run rain, snow, smoke, or shine — no matter the weather or temperatures. As such, cancellations due to weather conditions are not accepted. While we can&apos;t control the weather, we can help you prepare — check out our Frequently Asked Questions page for tips on what to expect and how to make the most of your adventure in the Rockies.
+      </p>
+
+      <h3 className="text-sm font-semibold text-stone-800 mt-6 mb-2">Flexible Cancellation Policy</h3>
+      <p>
+        Via Via Shuttle Service Inc. offers a flexible cancellation policy for regular shuttle services (excluding private shuttles). Generally, cancellations made up to 7 days before departure are eligible for a full refund, OR the specifications of the cancellation policy you purchase at checkout will be honored. Refunds will be automatically processed to the original payment method.
+      </p>
+      <p>
+        Changes to the booking date or time can be made up to 72 hours before departure (subject to availability). If the booking is rescheduled to a date with a lower advertised price than the original booking, the original price will be maintained and no partial refund will be issued. If no suitable alternative date is available, a refund will not be possible.
+      </p>
+      <p>
+        Refunds will not be issued for cancellations received less than 7 days before the scheduled departure time. This applies to all shuttle tickets (excluding private shuttles).
+      </p>
+      <p>
+        Cancellations and rescheduling requests must be submitted via phone at +1 587 907 4560 or email at info@viaviamorainelake.com.
+      </p>
+
+      <h3 className="text-sm font-semibold text-stone-800 mt-6 mb-2">Private Shuttle Cancellation Policy</h3>
+      <p>
+        For private shuttle experiences, Via Via Shuttle Service Inc. applies a different cancellation policy. Once the booking is confirmed, the deposit is non-refundable.
+      </p>
+      <p>
+        Cancellations made up to 14 days before departure are eligible for a full refund, excluding the non-refundable deposit. Cancellations made between 14 and 7 days before departure will receive a 50% refund. Cancellations made less than 7 days before departure are non-refundable.
+      </p>
+      <p>
+        Changes to the booking date or time can be made up to 72 hours before departure (subject to availability). If no suitable alternative date is available, a refund will not be possible.
+      </p>
+      <p>
+        To cancel or reschedule your private shuttle experience, please contact us via phone at +1 587 907 4560 or email at info@viaviamorainelake.com.
+      </p>
+
+      <h3 className="text-sm font-semibold text-stone-800 mt-6 mb-2">Cancellation by operator</h3>
+      <p>
+        In the event of a cancellation of any service (private or regular) initiated by Via Via Moraine Lake Shuttle, operated by Via Via Shuttle Service Inc., passengers will be offered either a full refund or the option to select an alternative date. Cancellations made by us will be communicated to affected passengers prior to the scheduled departure.
+      </p>
+      <p>
+        If a trip is canceled during its course, affected passengers will be notified promptly. Such cancellations may occur due to vehicle malfunctions or accidents. However, cancellations caused by traffic delays or passenger-related issues do not qualify for refunds. In all cases, the safety of our passengers is our top priority, and our employees are entrusted to make informed decisions on whether to continue or pause the journey until conditions allow for safe travel.
+      </p>
+
+      <h3 className="text-sm font-semibold text-stone-800 mt-6 mb-2">Cancellation by customer</h3>
+      <p>
+        If you need to cancel your booking, please contact us as soon as possible. Cancellations made up to 7 days before departure are eligible for a full refund, minus a $5 cancellation fee per booking to cover non-recoverable transaction costs. Refunds will be automatically processed to the original payment method.
+      </p>
+
+      <h2 className="text-base font-semibold text-stone-900 mt-6 mb-2">Tour Confirmation Policy</h2>
+      <p>
+        For some of our tours and services, we require a minimum of 5 bookings to confirm the tour. This requirement will be clearly displayed at checkout. If the minimum number of bookings is not met, we will contact you directly to offer an alternative date for your tour. If no suitable alternative date can be found, we will issue a full refund for your booking.
+      </p>
+      <p>
+        If you see 8 or fewer seats available in the calendar, it means the tour has reached its required bookings and will run as scheduled. If more than 8 seats are available, the tour is still pending confirmation.
+      </p>
+      <p>
+        Please note that this policy applies only to certain tours and some times of the season and may not always apply. We are committed to providing the best experience possible and will work with you to find a suitable solution if the tour cannot be confirmed.
+      </p>
+
+      <h2 className="text-base font-semibold text-stone-900 mt-6 mb-2">Shuttle Departure & Return Policy</h2>
+      <p>
+        The departure time for your designated pick-up location is clearly stated in your email booking confirmation, as well as on our website and booking platform. Passengers must board at the location selected in their booking. If you wish to change your pick-up location, you must contact Via Via Shuttle Service Inc. at least 24 hours prior to departure and receive confirmation. Our drivers use a passenger list with exact pick-up locations, and the shuttle will not stop at locations without passengers booked to save time.
+      </p>
+      <p>
+        Pick-up times vary by location, so please refer to your email confirmation for the exact departure time. We recommend allowing up to 15 minutes for the shuttle&apos;s arrival in case of unforeseen delays or traffic conditions.
+      </p>
+      <p>
+        You are required to be ready to board at least 5 minutes before the scheduled departure time. If you are not ready, the shuttle will depart without you, and you will be marked as a no-show with no refunds or credits issued. The shuttle will not wait for any passengers under any circumstances, and contacting us will not change this.
+      </p>
+      <p>
+        To stay informed, we recommend opting in for text and/or email notifications when finalizing your booking. This will allow you to receive updates about your shuttle&apos;s status and confirm when it is on its way. Opting in will not result in any spam or promotional messages; the notifications are solely for keeping you informed about your shuttle departure.
+      </p>
+      <p>
+        The return time listed on your itinerary or booking confirmation is the time you must be at the shuttle for your return trip. Return times may differ from your original booking if communicated differently by your driver-guide upon arrival. Return times are not the same for all passengers, as there are options to pre-book different combinations of locations. Returning on a later shuttle is only possible if pre-booked and confirmed by Via Via Shuttle Service Inc. Changes to your shuttle or tour type cannot be made on the day of travel.
+      </p>
+      <p>
+        If you miss your return shuttle, it is your responsibility to arrange alternative transportation back to your accommodation. Via Via Shuttle Service Inc. will not cover any costs related to this, nor are we liable for any incidents or damages that may occur while you arrange your own transportation.
+      </p>
+      <p>
+        Shuttle times provided on your booking confirmation and our website are for reference only, as our service operates on an internal schedule that may vary slightly. If you experience a delay due to unforeseen circumstances beyond our control, it will not be considered a cancellation on our part. If you arrive after the scheduled departure time, please allow 15-20 minutes for our shuttle to arrive. If the shuttle does not arrive within 20 minutes, it means the shuttle has already departed.
+      </p>
+      <p>
+        It is your responsibility to return to the shuttle on time after your visit. If you miss the shuttle at locations like Moraine Lake or Lake Louise, you must arrange your own transportation back to your pick-up location at your own expense. Please note that there may be limited or no cell service at some locations in Banff National Park. Our drivers maintain passenger lists for each shuttle, and missed departures will not be accommodated on a later shuttle.
+      </p>
+      <p>
+        Via Via Shuttle Service Inc. is not responsible for missed departures or delayed returns. By booking a seat on our shuttles, you acknowledge your responsibility to adhere to the specified times, and failure to do so may result in financial and logistical challenges in securing alternative transportation.
+      </p>
+
+      <h2 className="text-base font-semibold text-stone-900 mt-6 mb-2">Travel Policies</h2>
+      <p>
+        Children under the age of 6 are required by law in Alberta to be seated in a child safety seat.
+      </p>
+      <p>
+        For children aged 2-6 years, a front-facing child safety seat is mandatory. We can provide a limited number of front-facing safety seats for children aged 2 years and up or weighing +40 lbs (18 kg). For children younger than 2 years old, or those weighing less than the indicated weight, a rear-facing safety seat is required, which must be provided by the customer(s). Communication with Via Via Shuttle Service Inc. at least 24 hours prior to departure is necessary to arrange the use of a front-facing safety seat. Tickets and seats must be booked for children of all ages, regardless of whether they are occupying a safety seat.
+      </p>
+      <p>
+        It is the responsibility of our customers to provide a child safety seat where required. Our drivers are authorized to decline boarding if a child safety seat is required but not provided. In such instances, passengers unable to board due to this requirement will be considered &quot;missed,&quot; and no refund will be issued.
+      </p>
+      <p>
+        Under no circumstances are passengers permitted to hold children of any age on their lap or person. Guests under the age of 18 must be accompanied by an adult.
+      </p>
+
+      <h2 className="text-base font-semibold text-stone-900 mt-6 mb-2">Force Majeure</h2>
+      <p>
+        If Via Via Shuttle Service Inc. operating as Via Via Moraine Lake Shuttle are hindered or restricted, directly or indirectly, from fulfilling any or all of their obligations under these terms and conditions due to causes beyond the reasonable control of the affected party, including but not limited to war, civil commotion, riot, strikes, lockouts, fire, explosion, floods, and acts of God (collectively referred to as a &quot;Force Majeure&quot; event), Via Via Shuttle Service Inc. shall be excused from its obligations for the duration of the Force Majeure event.
+      </p>
+      <p>
+        In such instances, Via Via Shuttle Service Inc. shall not be held liable for any delays or failure in the performance of its obligations, nor for any loss or damages suffered by the other party as a result of such delay or failure. However, written notice of the inability to perform due to the Force Majeure event must be provided by Via Via Shuttle Service Inc. within 48 hours of the event&apos;s commencement.
+      </p>
+
+      <h2 className="text-base font-semibold text-stone-900 mt-6 mb-2">Applicable Law</h2>
+      <p>
+        This contract, governed by these terms and conditions, is subject to the laws of Alberta, Canada. By agreeing to these terms, you consent to the exclusive jurisdiction of the courts located in Calgary, Alberta, Canada, for the resolution of any disputes arising under these terms or related to any shuttle service, product, or service provided.
+      </p>
+
+      <h2 className="text-base font-semibold text-stone-900 mt-6 mb-2">Liability Release</h2>
+      <p>
+        By booking a ticket for the shuttle through Via Via Shuttle Service Inc. operating as Via Via Moraine Lake Shuttle, you and all participants in the shuttle service waive any claims and agree to release and indemnify Via Via Shuttle Service Inc. operating as Via Via Moraine Lake Shuttle, its employees, and agents from any and all liability or damages arising from the use of our services.
+      </p>
+      <p>
+        You acknowledge that traveling and participating in the shuttle service involves inherent risks, which may result in death, personal injury, loss or damage to property, delays, inconvenience, additional costs, or other losses.
+      </p>
+      <p>
+        Via Via Shuttle Service Inc. operating as Via Via Moraine Lake Shuttle, along with its employees and agents, shall not be responsible for any misrepresentation or omission regarding the suitability of any shuttle service, health or insurance matters, or any other related issues.
+      </p>
+      <p>
+        Additionally, Via Via Shuttle Service Inc. operating as Via Via Moraine Lake Shuttle, its employees and agents, shall not be liable for any loss or damage, including injury, death, loss of personal effects or luggage, loss of revenue or profit, costs, expenses, delays, inconvenience, loss of enjoyment, or emotional distress, regardless of the cause. This includes situations arising from the actions, omissions, or negligence of Via Via Shuttle Service Inc. operating as Via Via Moraine Lake Shuttle, its employees, agents, or other guests.
+      </p>
+      <p>
+        If any part of this Liability Release is found unenforceable for any reason, the total liability of Via Via Shuttle Service Inc. operating as Via Via Moraine Lake Shuttle will be limited to the lesser of the total price paid for the service provided.
+      </p>
+
+      <h2 className="text-base font-semibold text-stone-900 mt-6 mb-2">Insurance coverage</h2>
+      <p>
+        All participants are strongly advised to purchase medical insurance coverage and travel cancellation insurance to ensure adequate protection during their trip.
+      </p>
+
+      <h2 className="text-base font-semibold text-stone-900 mt-6 mb-2">Media Policy</h2>
+      <p>
+        Any pictures, videos, or promotional footage captured by Via Via Shuttle Service Inc. operating as Via Via Moraine Lake Shuttle, its employees, or other parties collaborating with Via Via Shuttle Service Inc. (which may include passengers) during the shuttle service shall remain the property of Via Via Shuttle Service Inc. operating as Via Via Moraine Lake Shuttle. By using our services, passengers consent to the use and disclosure of such materials for future promotional purposes.
+      </p>
+
+      <h3 className="text-sm font-semibold text-stone-800 mt-6 mb-2">Terms and Conditions update notice</h3>
+      <p>
+        Updated on Monday, March 3rd 2025 by Via Via Shuttle Service Inc., operating as Via Via Moraine Lake Shuttle. If you have any questions or concerns regarding our terms and conditions, please contact us at info@viaviamorainelake.com.
+      </p>
+    </div>
+  );
+}

package/src/components/booking/ItineraryBox.tsx

@@ -252,7 +252,7 @@ export function ItineraryBox({
                           <button
                             type="button"
                             onClick={handlePickupLocationClick}
-                            className={styles.placeLink}
+                            className={`${styles.placeLink} text-emerald-600`}
                           >
                             {getDisplayLabel(locationOnlyDisplay)}
                           </button>
@@ -284,7 +284,7 @@ export function ItineraryBox({
                           <button
                             type="button"
                             onClick={handlePickupLocationClick}
-                            className={styles.placeLink}
+                            className={`${styles.placeLink} text-emerald-600`}
                           >
                             {getDisplayLabel(locationOnlyDisplay)}
                           </button>