@ticketboothapp/booking 1.2.135 → 1.2.136

package/package.json

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

package/src/components/booking/AdminChangeReceiptComparison.tsx

@@ -77,9 +77,15 @@ function mapOriginalReceiptLines(originalReceipt: OriginalReceipt): PriceSummary
 }
 
 function lineIdentity(line: PriceSummaryLine): string {
+  const normalizedLabel = (value: string) =>
+    value
+      .replace(/\s*\([^)]*(?:people|person|x\s*\d+)[^)]*\)\s*$/i, '')
+      .replace(/\s+/g, ' ')
+      .trim()
+      .toUpperCase();
   return line.kind === 'ticket'
     ? `ticket:${line.category.trim().toUpperCase()}`
-    : `line:${String(line.type ?? '').trim().toUpperCase()}:${line.label.trim().toUpperCase()}`;
+    : `line:${String(line.type ?? '').trim().toUpperCase()}:${normalizedLabel(line.label)}`;
 }
 
 function lineAmount(line: PriceSummaryLine): number {
@@ -157,10 +163,25 @@ export function AdminChangeReceiptComparison({
     [originalReceipt],
   );
   const originalLinesIncludeTaxRow = hasTaxLine(originalReceiptLines);
-  const changeLines = useMemo(
+  const calculatedChangeLines = useMemo(
     () => amendmentDeltaLines(originalReceiptLines, newPriceSummaryLines),
     [newPriceSummaryLines, originalReceiptLines],
   );
+  const receiptTaxDelta = roundMoney(newReceipt.tax - originalReceipt.tax);
+  const changeLines = useMemo(() => {
+    if (hasTaxLine(calculatedChangeLines) || Math.abs(receiptTaxDelta) < 0.005) {
+      return calculatedChangeLines;
+    }
+    return [
+      ...calculatedChangeLines,
+      {
+        kind: 'line' as const,
+        label: receiptTaxDelta >= 0 ? 'Additional tax' : 'Tax reduction',
+        amount: receiptTaxDelta,
+        type: 'TAX',
+      },
+    ];
+  }, [calculatedChangeLines, receiptTaxDelta]);
   const changeLinesIncludeTaxRow = hasTaxLine(changeLines);
   const changeTax = roundMoney(
     changeLines.reduce(
@@ -212,17 +233,24 @@ export function AdminChangeReceiptComparison({
               {formatCurrencyAmount(amountDue, currency, displayLocale)}
             </span>
           </div>
-          <PriceSummary
-            lines={changeLines}
-            total={amountDue}
-            currency={currency}
-            locale={displayLocale}
-            subtotal={changeSubtotal}
-            taxAmount={!changeLinesIncludeTaxRow ? changeTax : 0}
-            taxRate={taxRate}
-            size="sm"
-            t={t}
-          />
+          {changeLines.length === 0 && Math.abs(amountDue) < 0.005 ? (
+            <div className="rounded-md border border-dashed border-stone-300 bg-white/70 px-3 py-4 text-center">
+              <p className="text-sm font-medium text-stone-700">No pricing changes</p>
+              <p className="mt-1 text-xs text-stone-500">The selected booking details match the existing purchase.</p>
+            </div>
+          ) : (
+            <PriceSummary
+              lines={changeLines}
+              total={amountDue}
+              currency={currency}
+              locale={displayLocale}
+              subtotal={changeSubtotal}
+              taxAmount={!changeLinesIncludeTaxRow ? changeTax : 0}
+              taxRate={taxRate}
+              size="sm"
+              t={t}
+            />
+          )}
         </section>
       </div>
       <section className="min-w-0 overflow-visible rounded-lg border border-stone-300 bg-white p-3 shadow-sm">