@ticketboothapp/booking 1.2.138 → 1.2.139

package/package.json

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

package/src/components/booking/AdminChangeReceiptComparison.tsx

@@ -163,21 +163,25 @@ export function AdminChangeReceiptComparison({
   );
   const changeSubtotal = roundMoney(amountDue - changeTax);
   const originalCurrency = originalReceipt.currency ?? currency;
-  const originalReceiptLinesWithUnitAmounts = useMemo(
+  const originalReceiptLinesWithComparableBreakdowns = useMemo(
     () =>
       originalReceiptLines.map((line) =>
         line.kind === 'ticket' && line.qty > 0
           ? {
               ...line,
-              unitAmountLabel: `${formatCurrencyAmount(
-                roundMoney(line.itemTotal / line.qty),
-                originalCurrency,
-                displayLocale,
-              )} each`,
+              breakdown: line.breakdown ?? {
+                lineItems: [],
+                subtotalAfterAdjustments: roundMoney(line.itemTotal / line.qty),
+                feeLines: [],
+                taxRate: 0,
+                taxAmount: 0,
+                isTaxIncluded: false,
+                finalPrice: roundMoney(line.itemTotal / line.qty),
+              },
             }
           : line,
       ),
-    [displayLocale, originalCurrency, originalReceiptLines],
+    [originalReceiptLines],
   );
   const amountDueClass =
     amountDue < -0.005
@@ -197,7 +201,7 @@ export function AdminChangeReceiptComparison({
             </span>
           </div>
           <PriceSummary
-            lines={originalReceiptLinesWithUnitAmounts}
+            lines={originalReceiptLinesWithComparableBreakdowns}
             total={originalReceipt.total}
             currency={originalCurrency}
             locale={displayLocale}

package/src/components/booking/PriceBreakdown.tsx

@@ -12,7 +12,6 @@ export interface PriceBreakdownProps {
   category: string;
   qty: number;
   itemTotal: number;
-  unitAmountLabel?: string;
   breakdown: PriceBreakdownType | null;
   currency: Currency;
   locale: Locale;
@@ -60,7 +59,6 @@ export function PriceBreakdown({
   category,
   qty,
   itemTotal,
-  unitAmountLabel,
   breakdown,
   currency,
   locale,
@@ -98,7 +96,6 @@ 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 ? (
@@ -160,7 +157,6 @@ 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,7 +18,6 @@ export type PriceSummaryLine =
       category: string;
       qty: number;
       itemTotal: number;
-      unitAmountLabel?: string;
       breakdown?: PriceBreakdownType | null;
     }
   | {
@@ -211,7 +210,6 @@ export function PriceSummary({
               category={row.category}
               qty={row.qty}
               itemTotal={row.itemTotal}
-              unitAmountLabel={row.unitAmountLabel}
               breakdown={row.breakdown ?? null}
               currency={currency}
               locale={locale}