@ticketboothapp/booking 1.2.136 → 1.2.138

package/package.json

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

package/src/components/booking/AdminChangeReceiptComparison.tsx

@@ -2,7 +2,6 @@ import { useMemo, type ReactNode } from 'react';
 import type { AdminFeAuthoritativeReceipt } from '../../lib/booking-api';
 import { roundMoney } from '../../lib/booking/change-flow-pricing';
 import { mapQuoteLineItemsToPriceSummaryLines } from '../../lib/booking/change-booking-server-preview';
-import type { PriceBreakdown as PriceBreakdownData } from '../../lib/booking/pricing';
 import { formatCurrencyAmount } from '../../lib/currency';
 import type { Locale } from '../../lib/booking/i18n/config';
 import type { ChangeBookingFlowProps } from './booking-flow-types';
@@ -41,39 +40,9 @@ function hasTaxLine(lines: PriceSummaryLine[]): boolean {
   );
 }
 
-function storedReceiptTicketBreakdown(line: Extract<PriceSummaryLine, { kind: 'ticket' }>): PriceBreakdownData {
-  const qty = Math.max(1, line.qty);
-  const unitAmount = roundMoney(line.itemTotal / qty);
-  return {
-    lineItems: [
-      {
-        type: 'base',
-        name: 'Stored receipt unit',
-        amountInDisplayCurrency: unitAmount,
-      },
-    ],
-    subtotalAfterAdjustments: unitAmount,
-    feeLines: [],
-    taxRate: 0,
-    taxAmount: 0,
-    isTaxIncluded: false,
-    finalPrice: unitAmount,
-  };
-}
-
-function withStoredReceiptBreakdowns(lines: PriceSummaryLine[]): PriceSummaryLine[] {
-  return lines.map((line) => {
-    if (line.kind !== 'ticket' || line.breakdown) return line;
-    return {
-      ...line,
-      breakdown: storedReceiptTicketBreakdown(line),
-    };
-  });
-}
-
 function mapOriginalReceiptLines(originalReceipt: OriginalReceipt): PriceSummaryLine[] {
   if (!originalReceipt.lineItems?.length) return [];
-  return withStoredReceiptBreakdowns(mapQuoteLineItemsToPriceSummaryLines(originalReceipt.lineItems));
+  return mapQuoteLineItemsToPriceSummaryLines(originalReceipt.lineItems);
 }
 
 function lineIdentity(line: PriceSummaryLine): string {
@@ -194,6 +163,22 @@ export function AdminChangeReceiptComparison({
   );
   const changeSubtotal = roundMoney(amountDue - changeTax);
   const originalCurrency = originalReceipt.currency ?? currency;
+  const originalReceiptLinesWithUnitAmounts = useMemo(
+    () =>
+      originalReceiptLines.map((line) =>
+        line.kind === 'ticket' && line.qty > 0
+          ? {
+              ...line,
+              unitAmountLabel: `${formatCurrencyAmount(
+                roundMoney(line.itemTotal / line.qty),
+                originalCurrency,
+                displayLocale,
+              )} each`,
+            }
+          : line,
+      ),
+    [displayLocale, originalCurrency, originalReceiptLines],
+  );
   const amountDueClass =
     amountDue < -0.005
       ? 'text-emerald-700'
@@ -212,7 +197,7 @@ export function AdminChangeReceiptComparison({
             </span>
           </div>
           <PriceSummary
-            lines={originalReceiptLines}
+            lines={originalReceiptLinesWithUnitAmounts}
             total={originalReceipt.total}
             currency={originalCurrency}
             locale={displayLocale}

package/src/components/booking/PriceBreakdown.tsx

@@ -12,6 +12,7 @@ export interface PriceBreakdownProps {
   category: string;
   qty: number;
   itemTotal: number;
+  unitAmountLabel?: string;
   breakdown: PriceBreakdownType | null;
   currency: Currency;
   locale: Locale;
@@ -59,6 +60,7 @@ export function PriceBreakdown({
   category,
   qty,
   itemTotal,
+  unitAmountLabel,
   breakdown,
   currency,
   locale,
@@ -96,6 +98,7 @@ export function PriceBreakdown({
         ) : (
           <span className="text-sm text-stone-600">
             {category} {qty > 1 ? `× ${qty}` : ''}
+            {unitAmountLabel ? <span className="ml-1 text-xs text-stone-400">· {unitAmountLabel}</span> : null}
           </span>
         )}
         {editable && onEditableChange ? (
@@ -157,6 +160,7 @@ export function PriceBreakdown({
           }
         >
           {category} {qty > 1 ? `× ${qty}` : ''}
+          {unitAmountLabel ? <span className="ml-1 text-xs text-stone-400">· {unitAmountLabel}</span> : null}
         </span>
       )}
       <div className="relative flex-shrink-0 whitespace-nowrap">

package/src/components/booking/PriceSummary.tsx

@@ -18,6 +18,7 @@ export type PriceSummaryLine =
       category: string;
       qty: number;
       itemTotal: number;
+      unitAmountLabel?: string;
       breakdown?: PriceBreakdownType | null;
     }
   | {
@@ -210,6 +211,7 @@ export function PriceSummary({
               category={row.category}
               qty={row.qty}
               itemTotal={row.itemTotal}
+              unitAmountLabel={row.unitAmountLabel}
               breakdown={row.breakdown ?? null}
               currency={currency}
               locale={locale}

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

@@ -177,6 +177,7 @@ export interface ChangeBookingFlowProps extends BookingFlowBaseProps {
       label?: string;
       amount?: number;
       quantity?: number;
+      priceBasis?: import('../../lib/booking-api').PriceBasisSnapshot | null;
     }>;
   } | null;
   /** Admin/provider dashboard integration hook (used by AdminChangeBookingFlow). */

package/src/lib/booking/change-booking-server-preview.ts

@@ -6,6 +6,7 @@
  */
 import type { ChangeBookingQuoteResponse } from '../booking-api';
 import type { PricingV2QuoteLineSnapshot } from '../booking-api';
+import type { PriceBasisSnapshot } from '../booking-api';
 import type { PriceSummaryLine } from '../../components/booking/PriceSummary';
 import { roundMoney, serverTotalsFromChangeQuoteResponse } from './change-flow-pricing';
 
@@ -41,6 +42,7 @@ type QuoteSummaryInputLine =
       amount?: number;
       type?: string;
       quantity?: number;
+      priceBasis?: PriceBasisSnapshot | null;
     };
 
 function lineItemsForSummary(quote: ChangeBookingQuoteResponse): QuoteSummaryInputLine[] | undefined {
@@ -102,6 +104,34 @@ function amountForDisplay(line: QuoteSummaryInputLine): number {
   return isReductionLine(line) && amount > 0 ? -amount : amount;
 }
 
+function breakdownFromPriceBasis(priceBasis: PriceBasisSnapshot | null | undefined) {
+  if (!priceBasis) return undefined;
+  return {
+    lineItems: [
+      {
+        type: 'base' as const,
+        name: 'Base price',
+        amountInDisplayCurrency: priceBasis.baseUnitAmount,
+      },
+      ...(priceBasis.adjustments ?? []).map((adjustment) => ({
+        type: 'adjustment' as const,
+        id: adjustment.id,
+        name: adjustment.name,
+        amountInDisplayCurrency: adjustment.amount,
+        adjustmentType: adjustment.adjustmentType,
+        adjustmentValue: adjustment.adjustmentValue,
+        sourceType: adjustment.type === 'deal' ? ('deal' as const) : ('dynamic' as const),
+      })),
+    ],
+    subtotalAfterAdjustments: priceBasis.finalUnitAmount,
+    feeLines: [],
+    taxRate: 0,
+    taxAmount: 0,
+    isTaxIncluded: false,
+    finalPrice: priceBasis.finalUnitAmount,
+  };
+}
+
 function hasPaymentCreditLine(lines: PriceSummaryLine[]): boolean {
   return lines.some((line) => {
     if (line.kind !== 'line') return false;
@@ -163,6 +193,7 @@ export function mapQuoteLineItemsToPriceSummaryLines(
         category,
         qty: qty > 0 ? qty : 1,
         itemTotal: amount,
+        breakdown: breakdownFromPriceBasis(item.priceBasis),
       });
       continue;
     }
@@ -182,6 +213,7 @@ export function mapQuoteLineItemsToPriceSummaryLines(
         category: lettersOnly,
         qty,
         itemTotal: amount,
+        breakdown: breakdownFromPriceBasis(item.priceBasis),
       });
       continue;
     }

package/src/lib/booking-api.ts

@@ -1972,6 +1972,24 @@ export interface PricingV2QuoteLineSnapshot {
   discountBehavior?: string | null;
   source?: string | null;
   metadata?: Record<string, string> | null;
+  priceBasis?: PriceBasisSnapshot | null;
+}
+
+export interface PriceBasisAdjustmentSnapshot {
+  type: string;
+  id: string;
+  name: string;
+  amount: number;
+  adjustmentType: string;
+  adjustmentValue: number;
+}
+
+export interface PriceBasisSnapshot {
+  baseUnitAmount: number;
+  finalUnitAmount: number;
+  currency: string;
+  adjustments?: PriceBasisAdjustmentSnapshot[] | null;
+  pricingProfileId?: string | null;
 }
 
 export interface PricingV2QuoteSnapshot {