@ticketboothapp/booking 1.2.47 → 1.2.49

package/src/lib/photo-dap-config.ts

@@ -0,0 +1,228 @@
+/**
+ * Maps photo-sessions packages to TicketBooth dependent add-on product (and optional option) IDs.
+ * Set NEXT_PUBLIC_DAP_* in .env.local to override seed defaults (e.g. other envs or 60/90 min options).
+ */
+
+import { IMAGES } from '../constants/images';
+
+/**
+ * Default full-refund cancellation window (days before the scheduled photo session).
+ * Override per catalog entry in `getPhotoDapCatalog` when a DAP product differs.
+ */
+export const DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION = 30;
+
+/** Seeded test DAP: Friends, Family, & Couples (`dependent-add-on-products.json`) */
+const COUPLES_SESSION_DEFAULT_PRODUCT_ID = 'dap_sM8pSzbFfU7P';
+const ELOPEMENTS_SESSION_DEFAULT_PRODUCT_ID = 'dap_6tITweGzVyg8';
+const PROPOSALS_SESSION_DEFAULT_PRODUCT_ID = 'dap_Xy3OCPIKQ7vr';
+
+/** Session lengths for couples / families card — matches `dependent-add-on-products.json` options */
+const COUPLES_SESSION_PRODUCT_OPTIONS = [
+  {
+    dependentAddOnProductOptionId: 'dapo_Ey0v4O7BjFaD',
+    label: '30 minutes',
+    photosLabel: '25 photos',
+    startingAtLabel: 'Starting at $499',
+  },
+  {
+    dependentAddOnProductOptionId: 'dapo_caJh25HsTwKx',
+    label: '60 minutes',
+    photosLabel: '50 photos',
+    startingAtLabel: 'Starting at $799',
+  },
+  {
+    dependentAddOnProductOptionId: 'dapo_6Km5njalQBp1',
+    label: '90 minutes',
+    photosLabel: '75 photos',
+    startingAtLabel: 'Starting at $799',
+  },
+] as const;
+
+const ELOPEMENTS_SESSION_PRODUCT_OPTIONS = [
+  {
+    dependentAddOnProductOptionId: 'dapo_XTeJt09NyNfX',
+    label: '30 minutes',
+    photosLabel: '25 photos',
+    startingAtLabel: 'Starting at $799',
+  },
+  {
+    dependentAddOnProductOptionId: 'dapo_Y8AxYt6Tjaam',
+    label: '60 minutes',
+    photosLabel: '50 photos',
+    startingAtLabel: 'Starting at $999',
+  },
+  {
+    dependentAddOnProductOptionId: 'dapo_YdmxIiQPxEJg',
+    label: '90 minutes',
+    photosLabel: '75 photos',
+    startingAtLabel: 'Starting at $1199',
+  },
+] as const;
+
+const PROPOSALS_SESSION_PRODUCT_OPTIONS = [
+  {
+    dependentAddOnProductOptionId: 'dapo_SMRxjfDpIvwU',
+    label: '30 minutes',
+    photosLabel: '25 photos',
+    startingAtLabel: 'Starting at $799',
+  },
+  {
+    dependentAddOnProductOptionId: 'dapo_FyMbFgrBU4L8',
+    label: '60 minutes',
+    photosLabel: '50 photos',
+    startingAtLabel: 'Starting at $999',
+  },
+  {
+    dependentAddOnProductOptionId: 'dapo_EOohfF0g2i1D',
+    label: '90 minutes',
+    photosLabel: '75 photos',
+    startingAtLabel: 'Starting at $1199',
+  },
+] as const;
+
+export const PHOTO_DAP_SLUGS = [
+  'session-couples-families-friends',
+  'session-elopements',
+  'session-proposals',
+] as const;
+
+export type PhotoDapSlug = (typeof PHOTO_DAP_SLUGS)[number];
+
+export type PhotoDapProductOption = {
+  dependentAddOnProductOptionId: string;
+  /** First line on the tile (e.g. duration). */
+  label: string;
+  /** Second line (e.g. edited photo count). */
+  photosLabel?: string;
+  /** Third line (e.g. "Starting at $399"). */
+  startingAtLabel?: string;
+};
+
+export type PhotoDapCatalog = {
+  dependentAddOnProductId: string;
+  /** When set, that option is fixed (no picker). Env `NEXT_PUBLIC_DAP_PHOTO_SESSION_COUPLES_OPTION_ID` forces this for couples. */
+  dependentAddOnProductOptionId?: string;
+  /** When multiple entries and no fixed option id, the dialog shows a session-length control */
+  productOptions?: PhotoDapProductOption[];
+  /** Bunny CDN IDs for DapFlowCollage (hero + four-tile grid) */
+  collageImageIds: string[];
+  /**
+   * Days before the scheduled photo session that a full refund still applies for this DAP product.
+   * Should match TicketBooth dependent add-on product config; availability API may override when present.
+   */
+  cancellationDaysBeforeSession: number;
+};
+
+/** Image sets for the dependent add-on dialog collage (photos only; no video). */
+export function photoDapCollageImageIds(slug: PhotoDapSlug): string[] {
+  switch (slug) {
+    case 'session-couples-families-friends':
+      return [
+        IMAGES.FAMILY_MORIANE_LAKE_ROCKPILE.id,
+        IMAGES.PRIVATE_TOUR_FAMILY_MORAINE_LAKE.id,
+        IMAGES.GIRLS_DAY_RAINY_LAKE_LOUISE.id,
+        IMAGES.MORAINE_LAKE_COUPLE_AT_WATER.id,
+        IMAGES.MORAINE_LAKE_SUNRISE_GIRL_FRIENDS.id,
+      ];
+    case 'session-elopements':
+      return [
+        IMAGES.MORAINE_LAKE_SUNRISE_ELOPEMENT.id,
+        IMAGES.SENTINEL_PASS_ELOPEMENT_SNOW.id,
+        IMAGES.MORAINE_LAKE_ELOPEMENT.id,
+        IMAGES.SENTINEL_PASS_ELOPEMENT_SNOW_HORIZONTAL.id,
+        IMAGES.MORAINE_LAKE_ELOPEMENT_LAKESHORE.id,
+      ];
+    case 'session-proposals':
+      return [
+        IMAGES.LAKE_LOUISE_KISS.id,
+        IMAGES.MORAINE_LAKE_PROPOSE_CRY.id,
+        IMAGES.MORAINE_LAKE_OVERCAST_PROPOSE.id,
+        IMAGES.MORAINE_LAKE_PROPOSAL.id,
+        IMAGES.MORAINE_LAKE_PROPOSE.id,
+      ];
+  }
+}
+
+function trimEnv(value: string | undefined): string {
+  return (value ?? '').trim();
+}
+
+/**
+ * Returns catalog when product id is known (env or built-in default for couples session).
+ * Otherwise null (card falls back to #book-now).
+ */
+export function getPhotoDapCatalog(slug: PhotoDapSlug): PhotoDapCatalog | null {
+  if (slug === 'session-couples-families-friends') {
+    const productId =
+      trimEnv(process.env.NEXT_PUBLIC_DAP_PHOTO_SESSION_COUPLES_PRODUCT_ID) ||
+      COUPLES_SESSION_DEFAULT_PRODUCT_ID;
+    const forcedOptionId = trimEnv(
+      process.env.NEXT_PUBLIC_DAP_PHOTO_SESSION_COUPLES_OPTION_ID
+    );
+    const collageImageIds = photoDapCollageImageIds('session-couples-families-friends');
+    if (forcedOptionId) {
+      return {
+        dependentAddOnProductId: productId,
+        dependentAddOnProductOptionId: forcedOptionId,
+        collageImageIds,
+        cancellationDaysBeforeSession: DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION,
+      };
+    }
+    return {
+      dependentAddOnProductId: productId,
+      productOptions: [...COUPLES_SESSION_PRODUCT_OPTIONS],
+      collageImageIds,
+      cancellationDaysBeforeSession: DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION,
+    };
+  }
+
+  if (slug === 'session-elopements') {
+    const productId =
+      trimEnv(process.env.NEXT_PUBLIC_DAP_PHOTO_SESSION_ELOPEMENTS_PRODUCT_ID) ||
+      ELOPEMENTS_SESSION_DEFAULT_PRODUCT_ID;
+    const forcedOptionId = trimEnv(
+      process.env.NEXT_PUBLIC_DAP_PHOTO_SESSION_ELOPEMENTS_OPTION_ID
+    );
+    const collageImageIds = photoDapCollageImageIds('session-elopements');
+    if (forcedOptionId) {
+      return {
+        dependentAddOnProductId: productId,
+        dependentAddOnProductOptionId: forcedOptionId,
+        collageImageIds,
+        cancellationDaysBeforeSession: DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION,
+      };
+    }
+    return {
+      dependentAddOnProductId: productId,
+      productOptions: [...ELOPEMENTS_SESSION_PRODUCT_OPTIONS],
+      collageImageIds,
+      cancellationDaysBeforeSession: DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION,
+    };
+  }
+
+  if (slug === 'session-proposals') {
+    const productId =
+      trimEnv(process.env.NEXT_PUBLIC_DAP_PHOTO_SESSION_PROPOSALS_PRODUCT_ID) ||
+      PROPOSALS_SESSION_DEFAULT_PRODUCT_ID;
+    const forcedOptionId = trimEnv(
+      process.env.NEXT_PUBLIC_DAP_PHOTO_SESSION_PROPOSALS_OPTION_ID
+    );
+    const collageImageIds = photoDapCollageImageIds('session-proposals');
+    if (forcedOptionId) {
+      return {
+        dependentAddOnProductId: productId,
+        dependentAddOnProductOptionId: forcedOptionId,
+        collageImageIds,
+        cancellationDaysBeforeSession: DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION,
+      };
+    }
+    return {
+      dependentAddOnProductId: productId,
+      productOptions: [...PROPOSALS_SESSION_PRODUCT_OPTIONS],
+      collageImageIds,
+      cancellationDaysBeforeSession: DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION,
+    };
+  }
+
+  return null;
+}

package/src/providers/booking-dialog-provider.tsx

@@ -10,12 +10,12 @@ import {
   useRef,
   type ReactNode,
 } from 'react';
-import { getOrCreateBookingCorrelationId } from '../../../../src/lib/booking/correlation-id';
-import { withBookingOutboundHeaders } from '../../../../src/lib/booking/trace-context';
+import { getOrCreateBookingCorrelationId } from '../lib/booking/correlation-id';
+import { withBookingOutboundHeaders } from '../lib/booking/trace-context';
 import {
   isSuspiciousBookingProductId,
   normalizeBookingProductId,
-} from '../../../../src/lib/booking/normalize-booking-product-id';
+} from '../lib/booking/normalize-booking-product-id';
 import { useBookingHostOptional } from '../runtime/BookingHostContext';
 
 /** Filter IDs for the product grid. Must match BookingProductGrid FILTER_IDS. */

package/src/providers/dependent-add-on-dialog-provider.tsx

@@ -0,0 +1,105 @@
+'use client';
+
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useRef,
+  useState,
+  type ReactNode,
+} from 'react';
+import type { PhotoDapSlug } from '../lib/photo-dap-config';
+
+export type DependentAddOnProductOptionChoice = {
+  dependentAddOnProductOptionId: string;
+  label: string;
+  photosLabel?: string;
+  startingAtLabel?: string;
+};
+
+export type DependentAddOnDialogOpenPayload = {
+  /** Card title shown in dialog header */
+  productDisplayTitle: string;
+  dependentAddOnProductId: string;
+  /** Fixed catalog option (no picker) */
+  dependentAddOnProductOptionId?: string;
+  /** When provided without a fixed option id, user picks one (e.g. 30 / 60 / 90 min) */
+  productOptions?: DependentAddOnProductOptionChoice[];
+  /**
+   * Default session-length id when multiple `productOptions` exist (e.g. manage-booking upsell probed 30 min).
+   * Unlike `dependentAddOnProductOptionId`, this does not hide the picker — the user can switch length.
+   */
+  initialSelectedProductOptionId?: string;
+  /** Hero + grid images (DapFlowCollage); Bunny CDN IDs */
+  collageImageIds?: string[];
+  /** Loads expandable copy from dap-descriptions */
+  dapDescriptionSlug?: PhotoDapSlug;
+  /**
+   * From DAP catalog / TicketBooth product — days before the photo session for full-refund cancellation.
+   * Availability API may override when it returns the same field.
+   */
+  cancellationDaysBeforeSession: number;
+  /**
+   * Pre-fill primary booking reference (e.g. manage-booking upsell after shuttle checkout).
+   * Accepts short or bookRef_ form; dialog normalizes for display.
+   */
+  initialPrimaryBookingReference?: string;
+  /** Optional pre-fill for booking-owner verification on DAP availability checks. */
+  initialPrimaryBookingLastName?: string;
+};
+
+interface DependentAddOnDialogContextValue {
+  isOpen: boolean;
+  payload: DependentAddOnDialogOpenPayload | null;
+  open: (p: DependentAddOnDialogOpenPayload) => void;
+  close: () => void;
+}
+
+const DependentAddOnDialogContext =
+  createContext<DependentAddOnDialogContextValue | null>(null);
+
+export function useDependentAddOnDialog() {
+  const ctx = useContext(DependentAddOnDialogContext);
+  if (!ctx) {
+    throw new Error(
+      'useDependentAddOnDialog must be used within DependentAddOnDialogProvider'
+    );
+  }
+  return ctx;
+}
+
+export function DependentAddOnDialogProvider({ children }: { children: ReactNode }) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [payload, setPayload] = useState<DependentAddOnDialogOpenPayload | null>(null);
+  const previouslyFocusedRef = useRef<HTMLElement | null>(null);
+
+  const open = useCallback((p: DependentAddOnDialogOpenPayload) => {
+    previouslyFocusedRef.current =
+      document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    setPayload(p);
+    setIsOpen(true);
+  }, []);
+
+  const close = useCallback(() => {
+    setIsOpen(false);
+    setPayload(null);
+    const prev = previouslyFocusedRef.current;
+    requestAnimationFrame(() => {
+      if (prev && typeof prev.focus === 'function') {
+        prev.focus();
+      }
+    });
+  }, []);
+
+  const value = useMemo(
+    () => ({ isOpen, payload, open, close }),
+    [isOpen, payload, open, close]
+  );
+
+  return (
+    <DependentAddOnDialogContext.Provider value={value}>
+      {children}
+    </DependentAddOnDialogContext.Provider>
+  );
+}