@ticketboothapp/booking 1.2.100 → 1.2.102

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": {