@ticketboothapp/booking 1.2.101 → 1.2.102

package/src/data/dap-descriptions/session-proposals.en.json

@@ -7,27 +7,24 @@
       "title": "What's included",
       "content": [
         {
-          "title": "30-minute session",
+          "title": "Essentials - 30 minutes",
           "items": [
-            "📸 20 to 25 minutes of photography time",
             "📍 2 Locations within walking distance",
-            "🖼️ 25 professionally edited photos delivered in a personalized online gallery"
+            "🖼️ 30 professionally edited photos delivered in a personalized online gallery"
           ]
         },
         {
-          "title": "60-minute session",
+          "title": "Celebration - 60 minutes",
           "items": [
-            "📸 50 to 55 minutes of photography time",
             "📍 2-3 Locations within walking distance",
-            "🖼️ 50 professionally edited photos delivered in a personalized online gallery"
+            "🖼️ 60 professionally edited photos delivered in a personalized online gallery"
           ]
         },
         {
-          "title": "90-minute session",
+          "title": "Immersive - 90 minutes",
           "items": [
-            "📸 80-90 mins of Photography Time",
             "📍 5 Locations within walking distance",
-            "🖼️ 75 professionally edited photos delivered in a personalized online gallery"
+            "🖼️ 90 professionally edited photos delivered in a personalized online gallery"
           ]
         },
         {

package/src/data/products-config.json

@@ -6,6 +6,11 @@
     {
       "productId": "p_qa5keidRoV6H",
       "optionIds": ["po_cSD2wlJfQqc0"],
+      "dependentAddOnProductIds": [
+        "dap_sM8pSzbFfU7P",
+        "dap_6tITweGzVyg8",
+        "dap_Xy3OCPIKQ7vr"
+      ],
       "display": {
         "path": "/moraine-lake-shuttle",
         "slug": "moraine-lake-sunrise-lake-louise-golden-hour",
@@ -20,6 +25,11 @@
     {
       "productId": "p_YKQsLmKhfYFp",
       "optionIds": ["po_82wA2gUZBZ9z"],
+      "dependentAddOnProductIds": [
+        "dap_sM8pSzbFfU7P",
+        "dap_6tITweGzVyg8",
+        "dap_Xy3OCPIKQ7vr"
+      ],
       "display": {
         "path": "/moraine-lake-shuttle",
         "slug": "moraine-lake-sunrise",
@@ -33,6 +43,11 @@
     {
       "productId": "p_CUJ4sVvaOkjk",
       "optionIds": ["po_ImWip6rbg0D6", "po_lOO7wz6uMus1", "po_fvrAfalgI673"],
+      "dependentAddOnProductIds": [
+        "dap_sM8pSzbFfU7P",
+        "dap_6tITweGzVyg8",
+        "dap_Xy3OCPIKQ7vr"
+      ],
       "display": {
         "path": "/moraine-lake-shuttle",
         "slug": "two-lakes-combo",
@@ -47,6 +62,11 @@
     {
       "productId": "p_wQHE15ITi7TS",
       "optionIds": ["po_FTLSMsahWKjM", "po_nbp2pFQo9AH7", "po_nzlCuOVJU181"],
+      "dependentAddOnProductIds": [
+        "dap_sM8pSzbFfU7P",
+        "dap_6tITweGzVyg8",
+        "dap_Xy3OCPIKQ7vr"
+      ],
       "display": {
         "path": "/moraine-lake-shuttle",
         "slug": "moraine-lake-adventure",

package/src/lib/booking/checkout-contact.ts

@@ -0,0 +1,8 @@
+import { normalizeOptionalPhoneNumber } from './phone';
+
+/** Optional phone from checkout — omitted when blank or country-code-only (e.g. "+1"). */
+export function optionalCheckoutContactFields(phoneNumber: string) {
+  return {
+    customerPhoneNumber: normalizeOptionalPhoneNumber(phoneNumber),
+  };
+}

package/src/lib/booking/i18n/messages/en.json

@@ -102,6 +102,12 @@
     "firstNamePlaceholder": "Jane",
     "lastName": "Last Name",
     "lastNamePlaceholder": "Smith",
+    "phoneOptional": "Phone",
+    "phoneOptionalPlaceholder": "e.g. +1 403 555 0123",
+    "phoneOptionalHint": "For pickup and day-of updates",
+    "whatsAppOptional": "WhatsApp",
+    "whatsAppOptionalPlaceholder": "e.g. +1 403 555 0123",
+    "whatsAppOptionalHint": "Leave blank if same as phone",
     "dapNoLastNameOnFile": "We couldn’t find a last name on this booking in our system. Please contact us, or use Manage booking with the last name from your confirmation email.",
     "dapCancellationPolicyHeading": "Cancellation policy",
     "dapCancellationPolicyBody": "You may cancel this add-on for a full refund up to {days} {daysUnit} before your scheduled photo session. Cancellations made after that deadline may forfeit the entire add-on cost.",

package/src/lib/booking/i18n/messages/fr.json

@@ -102,6 +102,12 @@
     "firstNamePlaceholder": "Jeanne",
     "lastName": "Nom de famille",
     "lastNamePlaceholder": "Dupont",
+    "phoneOptional": "Téléphone",
+    "phoneOptionalPlaceholder": "p. ex. +1 403 555 0123",
+    "phoneOptionalHint": "Pour la prise en charge et les mises à jour le jour même",
+    "whatsAppOptional": "WhatsApp",
+    "whatsAppOptionalPlaceholder": "p. ex. +1 403 555 0123",
+    "whatsAppOptionalHint": "Laissez vide si identique au téléphone",
     "dapNoLastNameOnFile": "Nous n’avons pas trouvé de nom de famille pour cette réservation. Contactez-nous, ou utilisez Gérer la réservation avec le nom figurant sur votre courriel de confirmation.",
     "dapCancellationPolicyHeading": "Politique d’annulation",
     "dapCancellationPolicyBody": "Vous pouvez annuler cette option avec remboursement intégral jusqu’à {days} {daysUnit} avant votre séance photo prévue. Toute annulation après cette date peut entraîner la perte du montant total de l’option.",

package/src/lib/booking/phone.ts

@@ -0,0 +1,18 @@
+/** Minimum digit count for a stored phone (country code + national number). */
+const MIN_PHONE_DIGITS = 10;
+
+/**
+ * Treat empty input and country-code-only values (e.g. default "+1") as no phone.
+ * Returns the trimmed E.164-style string when meaningful, otherwise undefined.
+ */
+export function normalizeOptionalPhoneNumber(raw: string | undefined | null): string | undefined {
+  const trimmed = (raw ?? '').trim();
+  if (!trimmed) return undefined;
+  const digits = trimmed.replace(/\D/g, '');
+  if (digits.length < MIN_PHONE_DIGITS) return undefined;
+  return trimmed;
+}
+
+export function hasMeaningfulPhoneNumber(raw: string | undefined | null): boolean {
+  return normalizeOptionalPhoneNumber(raw) !== undefined;
+}

package/src/lib/booking-api.ts

@@ -358,6 +358,7 @@ const BOOKING_GET_MAX_RETRIES = 2;
 const BOOKING_ATTEMPT_HEADER = 'X-Booking-Attempt-Id';
 const SLOW_REQUEST_THRESHOLD_MS = 2500;
 const SUCCESS_TIMING_SAMPLE_RATE = 0.02;
+const NETWORK_FAILURE_PROBE_TIMEOUT_MS = 1500;
 
 function sleep(ms: number): Promise<void> {
   return new Promise((resolve) => setTimeout(resolve, ms));
@@ -413,6 +414,16 @@ function getConnectionDiagnostics(): Record<string, number | string | boolean> |
   };
 }
 
+function getBrowserDiagnostics(): Record<string, number | string | boolean> {
+  if (typeof window === 'undefined') return {};
+  return {
+    siteOrigin: window.location.origin,
+    siteProtocol: window.location.protocol,
+    isSecureContext: window.isSecureContext,
+    referrer: document.referrer || '',
+  };
+}
+
 function getAvailabilityQueryShape(url: string): Record<string, string | boolean | string[]> | null {
   try {
     const parsed = new URL(url, typeof window !== 'undefined' ? window.location.href : API_BASE);
@@ -461,6 +472,109 @@ function latestResourceTiming(url: string): Record<string, number | string | boo
   };
 }
 
+function resourceTimingStatus(
+  timing: Record<string, number | string | boolean> | null
+): string {
+  if (!timing) return 'missing';
+  if (timing.timingRestricted === true) return 'timing_restricted';
+  if (typeof timing.responseStartMs === 'number' && timing.responseStartMs > 0) return 'response_started';
+  if (typeof timing.requestStartMs === 'number' && timing.requestStartMs > 0) return 'request_started';
+  if (typeof timing.connectStartMs === 'number' && timing.connectStartMs > 0) return 'connect_started';
+  if (typeof timing.fetchStartMs === 'number' && timing.fetchStartMs > 0) return 'fetch_started';
+  return 'unknown';
+}
+
+async function runNetworkFailureProbe(
+  label: string,
+  url: string,
+  init: RequestInit
+): Promise<Record<string, number | string | boolean | null>> {
+  const startedAt = typeof performance !== 'undefined' ? performance.now() : Date.now();
+  const controller = typeof AbortController !== 'undefined' ? new AbortController() : null;
+  let timedOut = false;
+  const timeoutId =
+    controller && typeof window !== 'undefined'
+      ? window.setTimeout(() => {
+          timedOut = true;
+          controller.abort();
+        }, NETWORK_FAILURE_PROBE_TIMEOUT_MS)
+      : null;
+  try {
+    const response = await fetch(url, {
+      ...init,
+      cache: 'no-store',
+      signal: controller?.signal,
+    });
+    const timing = latestResourceTiming(url);
+    return {
+      label,
+      reachedFetchResponse: true,
+      ok: response.ok,
+      status: response.status,
+      responseType: response.type,
+      elapsedMs: Math.round((typeof performance !== 'undefined' ? performance.now() : Date.now()) - startedAt),
+      timedOut,
+      resourceTimingStatus: resourceTimingStatus(timing),
+    };
+  } catch (error) {
+    const timing = latestResourceTiming(url);
+    return {
+      label,
+      reachedFetchResponse: false,
+      ok: false,
+      status: null,
+      elapsedMs: Math.round((typeof performance !== 'undefined' ? performance.now() : Date.now()) - startedAt),
+      timedOut,
+      errorName: error instanceof Error ? error.name : 'UnknownError',
+      errorMessage: error instanceof Error ? error.message : String(error),
+      resourceTimingStatus: resourceTimingStatus(timing),
+    };
+  } finally {
+    if (timeoutId != null) window.clearTimeout(timeoutId);
+  }
+}
+
+async function collectNetworkFailureProbeResults(
+  endpoint: string,
+  correlationId: string,
+  traceparent: string
+): Promise<Array<Record<string, number | string | boolean | null>>> {
+  if (typeof window === 'undefined') return [];
+  const cacheBust = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+  return Promise.all([
+    runNetworkFailureProbe(
+      'same_origin_asset_head',
+      `${window.location.origin}/favicon.ico?tb_probe=${cacheBust}`,
+      { method: 'HEAD', mode: 'same-origin' }
+    ),
+    runNetworkFailureProbe(
+      'api_telemetry_cors_post',
+      `${API_BASE}/1/client-telemetry`,
+      {
+        method: 'POST',
+        mode: 'cors',
+        headers: {
+          'Content-Type': 'application/json',
+          [BOOKING_CORRELATION_HEADER]: correlationId,
+          traceparent,
+        },
+        body: JSON.stringify({
+          event: 'BOOKING_DIALOG_NETWORK_PROBE_PING',
+          endpoint,
+          correlationId,
+          traceparent,
+          apiBase: API_BASE,
+          pageUrl: window.location.href,
+          userAgent: window.navigator.userAgent,
+          online: window.navigator.onLine,
+          occurredAt: new Date().toISOString(),
+          ...getBrowserDiagnostics(),
+        }),
+      }
+    ),
+  ]);
+}
+
 function bookingRequestTelemetryContext(
   url: string,
   endpoint: string,
@@ -481,6 +595,9 @@ function bookingRequestTelemetryContext(
     attemptNumber,
     maxRetries: BOOKING_GET_MAX_RETRIES,
     requestUrlPath: endpoint,
+    requestMode: 'cors',
+    requestCache: 'default',
+    requestCredentials: 'same-origin',
     requestUrlSearchLength: (() => {
       try {
         return new URL(url, window.location.href).search.length;
@@ -492,6 +609,7 @@ function bookingRequestTelemetryContext(
     visibilityState: typeof document !== 'undefined' ? document.visibilityState : undefined,
     pageAgeMs: typeof performance !== 'undefined' ? Math.round(performance.now()) : undefined,
     connection: getConnectionDiagnostics(),
+    ...getBrowserDiagnostics(),
     ...(elapsedMs != null ? { elapsedMs } : {}),
   };
 }
@@ -507,7 +625,7 @@ async function fetchBookingGetWithRetry(
       await sleep(250 * attempt);
     }
     const requestAttemptId = newBookingAttemptId();
-    const headers = {
+    const headers: Record<string, string> = {
       ...getAuthHeaders(),
       [BOOKING_ATTEMPT_HEADER]: requestAttemptId,
     };
@@ -558,6 +676,12 @@ async function fetchBookingGetWithRetry(
         continue;
       }
       const elapsedMs = Math.round((typeof performance !== 'undefined' ? performance.now() : Date.now()) - startedAt);
+      const resourceTiming = latestResourceTiming(url);
+      const probeResults = await collectNetworkFailureProbeResults(
+        endpoint,
+        headers[BOOKING_CORRELATION_HEADER],
+        headers.traceparent
+      );
       reportBookingClientTelemetryEvent('BOOKING_DIALOG_NETWORK_DIAGNOSTIC', {
         ...bookingRequestTelemetryContext(url, endpoint, headers, requestAttemptId, attempt + 1, elapsedMs),
         errorName: e instanceof Error ? e.name : undefined,
@@ -568,7 +692,9 @@ async function fetchBookingGetWithRetry(
           extra?.signal && 'reason' in extra.signal
             ? String(extra.signal.reason ?? '')
             : undefined,
-        resourceTiming: latestResourceTiming(url),
+        resourceTiming,
+        resourceTimingStatus: resourceTimingStatus(resourceTiming),
+        probeResults,
       });
       throw e;
     }
@@ -1858,6 +1984,7 @@ export interface CreatePaymentIntentRequest {
   customerEmail?: string;
   customerFirstName?: string;
   customerLastName?: string;
+  customerPhoneNumber?: string;
   currency?: string;
   reservationReference?: string;
   travelerHotel?: string;
@@ -1961,6 +2088,7 @@ export interface ConfirmFreeBookingRequest {
   customerEmail?: string;
   customerFirstName?: string;
   customerLastName?: string;
+  customerPhoneNumber?: string;
   currency?: string;
   travelerHotel?: string;
   pickupLocationId?: string;
@@ -2040,6 +2168,7 @@ export interface ConfirmBookingWithoutPaymentRequest {
   customerEmail?: string;
   customerFirstName?: string;
   customerLastName?: string;
+  customerPhoneNumber?: string;
   currency?: string;
   travelerHotel?: string;
   pickupLocationId?: string;

package/src/lib/booking-types.ts

@@ -20,6 +20,11 @@ export interface ProductConfig {
   optionIds: string[];
   /** STANDARD or PRIVATE_SHUTTLE - affects availability date format. Default STANDARD. */
   productType?: 'STANDARD' | 'PRIVATE_SHUTTLE';
+  /**
+   * TicketBooth dependent add-on product ids this primary product supports at checkout.
+   * Used by photo-first flows to filter the shuttle picker.
+   */
+  dependentAddOnProductIds?: string[];
   display: ProductDisplayConfig;
 }
 

package/src/lib/dap-descriptions.ts

@@ -16,12 +16,16 @@ export interface DapDescriptionResult {
   paragraphs: string[];
   review?: { text: string; name: string };
   sections: { title: string; content: DapSectionContent }[];
+  learnMoreUrl?: string;
+  learnMoreLabel?: string;
 }
 
 interface DapDescriptionData {
   paragraphs: string[];
   review?: { text: string; name: string };
   sections: { title: string; content: DapSectionContent }[];
+  learnMoreUrl?: string;
+  learnMoreLabel?: string;
 }
 
 const EN: Record<PhotoDapSlug, DapDescriptionData> = {
@@ -46,5 +50,7 @@ export function getDapDescription(
     paragraphs: data.paragraphs ?? [],
     review: data.review,
     sections: data.sections ?? [],
+    learnMoreUrl: data.learnMoreUrl,
+    learnMoreLabel: data.learnMoreLabel,
   };
 }

package/src/lib/dependent-add-on-api.ts

@@ -305,6 +305,12 @@ export async function getDependentAddOnAvailability(
   }
   const payload = await parseJsonSafely(res);
   if (!res.ok) {
+    if (res.status === 404) {
+      throw new Error('We could not find that shuttle booking reference. Check the code and try again.');
+    }
+    if (res.status === 403) {
+      throw new Error('That last name does not match the shuttle booking. Check the spelling and try again.');
+    }
     throw new Error(messageFromPayload(payload, `Could not load times (HTTP ${res.status})`));
   }
   const data = payload as { data?: Record<string, unknown> } | null;

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

@@ -41,41 +41,48 @@ const COUPLES_SESSION_PRODUCT_OPTIONS = [
 const ELOPEMENTS_SESSION_PRODUCT_OPTIONS = [
   {
     dependentAddOnProductOptionId: 'dapo_XTeJt09NyNfX',
-    label: '30 minutes',
-    photosLabel: '25 photos',
-    startingAtLabel: 'Starting at $799',
+    name: 'Alpine Vows',
+    label: '1 hr',
+    photosLabel: '60+ photos',
+    startingAtLabel: '$999',
   },
   {
     dependentAddOnProductOptionId: 'dapo_Y8AxYt6Tjaam',
-    label: '60 minutes',
-    photosLabel: '50 photos',
-    startingAtLabel: 'Starting at $999',
+    name: 'The Summit Story',
+    label: '4hrs',
+    photosLabel: '100+ photos',
+    startingAtLabel: '$2799',
   },
   {
     dependentAddOnProductOptionId: 'dapo_YdmxIiQPxEJg',
-    label: '90 minutes',
-    photosLabel: '75 photos',
-    startingAtLabel: 'Starting at $1199',
+    name: 'The Grand Adventure',
+    label: '8hrs',
+    photosLabel: '100+ photos',
+    startingAtLabel: '$3999',
   },
 ] as const;
 
 const PROPOSALS_SESSION_PRODUCT_OPTIONS = [
   {
     dependentAddOnProductOptionId: 'dapo_SMRxjfDpIvwU',
+    name: 'Essentials',
     label: '30 minutes',
-    photosLabel: '25 photos',
+    photosLabel: '30 photos',
     startingAtLabel: 'Starting at $799',
   },
   {
     dependentAddOnProductOptionId: 'dapo_FyMbFgrBU4L8',
+    name: 'Celebration',
     label: '60 minutes',
-    photosLabel: '50 photos',
+    photosLabel: '60 photos',
     startingAtLabel: 'Starting at $999',
+    mostPopular: true,
   },
   {
     dependentAddOnProductOptionId: 'dapo_EOohfF0g2i1D',
+    name: 'Immersive',
     label: '90 minutes',
-    photosLabel: '75 photos',
+    photosLabel: '90 photos',
     startingAtLabel: 'Starting at $1199',
   },
 ] as const;
@@ -90,16 +97,78 @@ export type PhotoDapSlug = (typeof PHOTO_DAP_SLUGS)[number];
 
 export type PhotoDapProductOption = {
   dependentAddOnProductOptionId: string;
-  /** First line on the tile (e.g. duration). */
+  /** Package name (e.g. Essentials); when set, `label` is shown as the duration subheading. */
+  name?: string;
+  /** Duration subheading when `name` is set; otherwise the tile title. */
   label: string;
-  /** Second line (e.g. edited photo count). */
+  /** Photo count line (e.g. 30 photos). */
   photosLabel?: string;
-  /** Third line (e.g. "Starting at $399"). */
+  /** Price line (e.g. Starting at $799). */
   startingAtLabel?: string;
+  mostPopular?: boolean;
+};
+
+export function defaultPhotoDapProductOptionId(
+  options: readonly PhotoDapProductOption[]
+): string | undefined {
+  const popular = options.find((option) => option.mostPopular);
+  return popular?.dependentAddOnProductOptionId ?? options[0]?.dependentAddOnProductOptionId;
+}
+
+export type PhotoDapUpsellCardLines = {
+  startingPrice: string;
+  duration: string;
+  quantity: string;
 };
 
+function parsePriceFromStartingAtLabel(label: string | undefined): number | null {
+  if (!label) return null;
+  const match = label.match(/\$([\d,]+)/);
+  if (!match) return null;
+  return Number.parseInt(match[1].replace(/,/g, ''), 10);
+}
+
+function formatPhotosSummary(options: readonly PhotoDapProductOption[]): string {
+  const parts = options
+    .map((option) => option.photosLabel?.replace(/\s*photos?\s*$/i, '').trim())
+    .filter((part): part is string => Boolean(part));
+  if (parts.length === 0) return '';
+  return `${parts.join(' / ')} photos`;
+}
+
+const UPSELL_STARTING_PRICE_BY_SLUG: Record<
+  PhotoDapSlug,
+  (minPrice: number) => string
+> = {
+  'session-couples-families-friends': (price) => `Sessions from $${price}`,
+  'session-elopements': (price) => `Starting at $${price}`,
+  'session-proposals': (price) => `Beginning at $${price}`,
+};
+
+/** Lines for manage-booking upsell cards — derived from the same options as the booking picker. */
+export function getPhotoDapUpsellCardLines(slug: PhotoDapSlug): PhotoDapUpsellCardLines | null {
+  const catalog = getPhotoDapCatalog(slug);
+  const options = catalog?.productOptions;
+  if (!options?.length) return null;
+
+  const prices = options
+    .map((option) => parsePriceFromStartingAtLabel(option.startingAtLabel))
+    .filter((price): price is number => price != null);
+  const minPrice = prices.length > 0 ? Math.min(...prices) : null;
+
+  return {
+    startingPrice:
+      minPrice != null
+        ? UPSELL_STARTING_PRICE_BY_SLUG[slug](minPrice)
+        : (options[0]?.startingAtLabel ?? ''),
+    duration: options.map((option) => option.label).join(' / '),
+    quantity: formatPhotosSummary(options),
+  };
+}
+
 export type PhotoDapCatalog = {
   dependentAddOnProductId: string;
+  receiptDisplayTitle: 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 */
@@ -111,6 +180,8 @@ export type PhotoDapCatalog = {
    * Should match TicketBooth dependent add-on product config; availability API may override when present.
    */
   cancellationDaysBeforeSession: number;
+  learnMoreUrl?: string;
+  learnMoreLabel?: string;
 };
 
 /** Image sets for the dependent add-on dialog collage (photos only; no video). */
@@ -163,6 +234,7 @@ export function getPhotoDapCatalog(slug: PhotoDapSlug): PhotoDapCatalog | null {
     if (forcedOptionId) {
       return {
         dependentAddOnProductId: productId,
+        receiptDisplayTitle: 'Friends, family, and couples photography session',
         dependentAddOnProductOptionId: forcedOptionId,
         collageImageIds,
         cancellationDaysBeforeSession: DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION,
@@ -170,6 +242,7 @@ export function getPhotoDapCatalog(slug: PhotoDapSlug): PhotoDapCatalog | null {
     }
     return {
       dependentAddOnProductId: productId,
+      receiptDisplayTitle: 'Friends, family, and couples photography session',
       productOptions: [...COUPLES_SESSION_PRODUCT_OPTIONS],
       collageImageIds,
       cancellationDaysBeforeSession: DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION,
@@ -187,6 +260,7 @@ export function getPhotoDapCatalog(slug: PhotoDapSlug): PhotoDapCatalog | null {
     if (forcedOptionId) {
       return {
         dependentAddOnProductId: productId,
+        receiptDisplayTitle: 'Elopement photography session',
         dependentAddOnProductOptionId: forcedOptionId,
         collageImageIds,
         cancellationDaysBeforeSession: DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION,
@@ -194,6 +268,7 @@ export function getPhotoDapCatalog(slug: PhotoDapSlug): PhotoDapCatalog | null {
     }
     return {
       dependentAddOnProductId: productId,
+      receiptDisplayTitle: 'Elopement photography session',
       productOptions: [...ELOPEMENTS_SESSION_PRODUCT_OPTIONS],
       collageImageIds,
       cancellationDaysBeforeSession: DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION,
@@ -211,6 +286,7 @@ export function getPhotoDapCatalog(slug: PhotoDapSlug): PhotoDapCatalog | null {
     if (forcedOptionId) {
       return {
         dependentAddOnProductId: productId,
+        receiptDisplayTitle: 'Proposal photography session',
         dependentAddOnProductOptionId: forcedOptionId,
         collageImageIds,
         cancellationDaysBeforeSession: DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION,
@@ -218,6 +294,7 @@ export function getPhotoDapCatalog(slug: PhotoDapSlug): PhotoDapCatalog | null {
     }
     return {
       dependentAddOnProductId: productId,
+      receiptDisplayTitle: 'Proposal photography session',
       productOptions: [...PROPOSALS_SESSION_PRODUCT_OPTIONS],
       collageImageIds,
       cancellationDaysBeforeSession: DEFAULT_PHOTO_DAP_CANCELLATION_DAYS_BEFORE_SESSION,

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

@@ -13,14 +13,18 @@ import type { PhotoDapSlug } from '../lib/photo-dap-config';
 
 export type DependentAddOnProductOptionChoice = {
   dependentAddOnProductOptionId: string;
+  name?: string;
   label: string;
   photosLabel?: string;
   startingAtLabel?: string;
+  mostPopular?: boolean;
 };
 
 export type DependentAddOnDialogOpenPayload = {
   /** Card title shown in dialog header */
   productDisplayTitle: string;
+  /** Customer-facing line label for receipts/payment summaries. */
+  receiptDisplayTitle?: string;
   dependentAddOnProductId: string;
   /** Fixed catalog option (no picker) */
   dependentAddOnProductOptionId?: string;
@@ -35,6 +39,8 @@ export type DependentAddOnDialogOpenPayload = {
   collageImageIds?: string[];
   /** Loads expandable copy from dap-descriptions */
   dapDescriptionSlug?: PhotoDapSlug;
+  learnMoreUrl?: string;
+  learnMoreLabel?: string;
   /**
    * From DAP catalog / TicketBooth product — days before the photo session for full-refund cancellation.
    * Availability API may override when it returns the same field.

package/src/runtime/types.ts

@@ -53,6 +53,8 @@ export interface BookingRuntimeSlots {
   ImageModal: BookingSlotComponent;
   /** Optional override; package supplies a full default terms component when omitted. */
   TermsContent?: BookingSlotComponent;
+  /** Optional phone input with country selector (e.g. Via Via `PhoneInputWithCountry`). */
+  PhoneInput?: BookingSlotComponent;
   PlusIcon: ComponentType<SVGProps<SVGSVGElement>>;
   MinusIcon: ComponentType<SVGProps<SVGSVGElement>>;
   /** Via Via `ButtonHoverColor` enum from `@/components/button`. */

package/src/strings/en.json

@@ -16,7 +16,7 @@
   },
 
   "partnerPortal": {
-    "pageTitle": "Partner booking",
+    "pageTitle": "Partner Booking Portal",
     "tabBook": "Book",
     "tabBookings": "Your bookings",
     "tabLivePickups": "Live pickups",
@@ -49,7 +49,7 @@
     "bookTabAttributionConfirmLabelNoAgent": "I confirm the partner is correct.",
     "bookSuccessToast": "Booking made under partner {{partner}} with agent {{agent}}.",
     "bookSuccessToastNoAgent": "Booking made under partner {{partner}}.",
-    "signInTitle": "Partner sign-in",
+    "signInTitle": "Partner Booking Portal sign-in",
     "signInDescription": "Use the email on file for your organization (partner contact, account email, or an agent payout email). We will email you a one-time code — no password to remember.",
     "signInEmailLabel": "Email",
     "signInSelectEmailPlaceholder": "Choose an email",
@@ -73,7 +73,7 @@
     "sessionLoading": "Restoring your session…",
     "bookingsLoading": "Loading your bookings…",
     "bookingsLoadError": "We could not load your bookings. Try again in a moment.",
-    "bookingsEmpty": "No partner portal bookings yet. When you complete a booking while signed in, it will appear here.",
+    "bookingsEmpty": "No partner booking portal bookings yet. When you complete a booking while signed in, it will appear here.",
     "livePickupsEmptyToday": "No tour pickups scheduled for today.",
     "livePickupsGuestPageLink": "Open guest live pickups page",
     "bookingsColReference": "Reference",
@@ -191,9 +191,9 @@
     "orgAddAgentDuplicateName": "An agent with this name already exists. Choose a different name.",
     "orgNone": "—",
     "agentAddNewOption": "Add an agent…",
-    "partnerLoginPageTitle": "Partner sign-in",
-    "partnerLoginPageDescription": "Enter the email on file for your partner account. We will send you a one-time code to complete sign-in.",
-    "backToPortal": "Back to partner portal"
+    "partnerLoginPageTitle": "Partner Booking Portal sign-in",
+    "partnerLoginPageDescription": "Enter the email on file for your partner booking account. We will send you a one-time code to complete sign-in.",
+    "backToPortal": "Back to partner booking portal"
   },
 
   "staffPortal": {