@ticketboothapp/booking 1.2.165 → 1.2.167

package/package.json

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

package/src/components/booking/AdminChangeBookingContent.tsx

@@ -176,6 +176,8 @@ const checkoutPanelPropKeys = [
   'providerPricingUi',
   'providerQuotedLines',
   'debugPanel',
+  'promoEditor',
+  'promoCode',
   'showChangeFlowManualPriceLines',
   'showAdminCustomLineEditor',
   'adminCustomReceiptLines',

package/src/components/booking/AdminChangeBookingFlow.tsx

@@ -3,6 +3,7 @@
 import { useState, useEffect, useMemo, useRef, useCallback } from 'react';
 import {
   type AdminAmendmentRefundDisposition,
+  type AdminPromoApplicationScope,
   type Availability,
   type ReturnOption,
 } from '../../lib/booking-api';
@@ -15,6 +16,7 @@ import { CURRENCIES, DEFAULT_CURRENCY, type Currency } from './CurrencySwitcher'
 import { useCompanyTimezone } from '../../contexts/CompanyContext';
 import { useBookingApp } from '../../contexts/BookingAppContext';
 import { useBookingHost } from '../../runtime';
+import { filterAvailabilitiesAfterCurrentTime } from '../../lib/booking/booking-cutoffs';
 import type { ChangeBookingFlowProps } from './booking-flow-types';
 import {
   normalizeAddOnSelections,
@@ -55,15 +57,14 @@ import { useSeedPromoCodeInput } from './useSeedPromoCodeInput';
 import { useAdminChangeProductReset } from './useAdminChangeProductReset';
 import { useBookingQuantityCapTrim } from './useBookingQuantityCapTrim';
 import { useBookingViewItemAnalytics } from './useBookingViewItemAnalytics';
+import { AdminChangePromoEditor } from './AdminChangePromoEditor';
 import { buildAdminChangeQuoteRequestKey } from './admin-change-quote-request-key';
 import type { AdminReleaseRefundDisposition } from './admin-refund-disposition';
-
-type AdminRefundDecisionContext = {
-  selectionKey: string;
-  operations: NonNullable<AdminChangeLatestQuote['refundDecisionOperations']>;
-  allowedByOperationId: NonNullable<AdminChangeLatestQuote['allowedRefundDispositionsByOperationId']>;
-  removedValueByOperationId: NonNullable<AdminChangeLatestQuote['removedValueByOperationId']>;
-};
+import {
+  mergeAdminRefundDecisionContext,
+  selectRefundDispositionsForOperations,
+  type AdminRefundDecisionContext,
+} from './admin-refund-decision-context';
 
 /**
  * ## Pricing contract (customer self-serve)
@@ -148,6 +149,24 @@ export function AdminChangeBookingFlow({
     isAdmin,
     companyId: env.COMPANY_ID,
   });
+  const [adminAvailabilityNowMs, setAdminAvailabilityNowMs] = useState(() => Date.now());
+
+  useEffect(() => {
+    const interval = window.setInterval(() => setAdminAvailabilityNowMs(Date.now()), 60 * 1000);
+    return () => window.clearInterval(interval);
+  }, []);
+
+  const adminAvailabilityNow = useMemo(
+    () => new Date(adminAvailabilityNowMs),
+    [adminAvailabilityNowMs],
+  );
+  const filterAdminCalendarAvailabilities = useCallback(
+    (rows: Availability[]) =>
+      product.productType === 'PRIVATE_SHUTTLE'
+        ? rows
+        : filterAvailabilitiesAfterCurrentTime(rows, adminAvailabilityNow),
+    [adminAvailabilityNow, product.productType],
+  );
   const [selectedAvailability, setSelectedAvailability] = useState<Availability | null>(null);
   const [selectedReturnOption, setSelectedReturnOption] = useState<ReturnOption | null>(null);
   const [quantities, setQuantities] = useState<Record<string, number>>({});
@@ -156,6 +175,8 @@ export function AdminChangeBookingFlow({
   const [lastName, setLastName] = useState('');
   const [promoCodeInput, setPromoCodeInput] = useState('');
   const [appliedPromoCode, setAppliedPromoCode] = useState<string | null>(null);
+  const [promoApplicationScope, setPromoApplicationScope] =
+    useState<AdminPromoApplicationScope>('CHANGE_ONLY');
   const [pickupLocationId, setPickupLocationId] = useState<string | null>(null);
   const [pickupLocationSkipped, setPickupLocationSkipped] = useState(false);
   /** Cancellation policy is fixed to the existing booking snapshot — not user-editable in change flow. */
@@ -224,10 +245,11 @@ export function AdminChangeBookingFlow({
    * user picks a different return time — baseline is the first auto-selected return for this outbound.
    */
   const [implicitReturnBaselineId, setImplicitReturnBaselineId] = useState<string | null>(null);
-  /** Any change flow (self-serve or provider): promo from booking is fixed — show read-only, never add new. */
-  const lockedPromoCode = initialValues?.promoCode?.trim()
+  const historicalPromoCode = initialValues?.promoCode?.trim()
     ? initialValues.promoCode.trim().toUpperCase()
     : null;
+  /** Public/self-serve keeps its historical promo locked. Admin amendments require new explicit intent. */
+  const lockedPromoCode = isProviderDashboardChange ? null : historicalPromoCode;
   /** Public self-serve only: cannot reduce tickets below original counts. Provider-dashboard admins may reduce party size. */
   const changeBookingMinimumQuantities = useMemo(
     () =>
@@ -283,6 +305,7 @@ export function AdminChangeBookingFlow({
     appliedPromoCode,
     pricingProfileIdForAvailabilities,
     cancellationPolicyProfileIdForAvailabilities,
+    filterCalendarAvailabilities: filterAdminCalendarAvailabilities,
     resetKey: selectedChangeProductId,
     setQuantities,
     setError,
@@ -692,6 +715,8 @@ export function AdminChangeBookingFlow({
     quantities,
     addOnSelections,
     cancellationPolicyId,
+    promoCode: appliedPromoCode,
+    promoApplicationScope,
     adminCustomReceiptLines,
     structuredAdjustments: adminStructuredAdjustments,
     useAdminFeAuthoritativeQuote,
@@ -705,6 +730,8 @@ export function AdminChangeBookingFlow({
     quantities,
     addOnSelections,
     cancellationPolicyId,
+    appliedPromoCode,
+    promoApplicationScope,
     adminCustomReceiptLines,
     adminStructuredAdjustments,
     useAdminFeAuthoritativeQuote,
@@ -714,41 +741,41 @@ export function AdminChangeBookingFlow({
     latestChangeQuote?.returnPriceTreatmentOperations ?? [];
   useEffect(() => {
     if (responseRefundDecisionOperations.length === 0) return;
-    setRefundDecisionContext({
+    setRefundDecisionContext((current) => mergeAdminRefundDecisionContext({
+      current,
       selectionKey: refundDecisionSelectionKey,
       operations: responseRefundDecisionOperations,
       allowedByOperationId: latestChangeQuote?.allowedRefundDispositionsByOperationId ?? {},
       removedValueByOperationId: latestChangeQuote?.removedValueByOperationId ?? {},
-    });
+    }));
   }, [
     refundDecisionSelectionKey,
     responseRefundDecisionOperations,
     latestChangeQuote?.allowedRefundDispositionsByOperationId,
     latestChangeQuote?.removedValueByOperationId,
   ]);
-  const activeRefundDecisionContext = responseRefundDecisionOperations.length > 0
-    ? {
-        selectionKey: refundDecisionSelectionKey,
-        operations: responseRefundDecisionOperations,
-        allowedByOperationId: latestChangeQuote?.allowedRefundDispositionsByOperationId ?? {},
-        removedValueByOperationId: latestChangeQuote?.removedValueByOperationId ?? {},
-      }
-    : refundDecisionContext?.selectionKey === refundDecisionSelectionKey
-      ? refundDecisionContext
-      : null;
+  const activeRefundDecisionContext = useMemo(() => mergeAdminRefundDecisionContext({
+    current: refundDecisionContext,
+    selectionKey: refundDecisionSelectionKey,
+    operations: responseRefundDecisionOperations,
+    allowedByOperationId: latestChangeQuote?.allowedRefundDispositionsByOperationId ?? {},
+    removedValueByOperationId: latestChangeQuote?.removedValueByOperationId ?? {},
+  }), [
+    refundDecisionContext,
+    refundDecisionSelectionKey,
+    responseRefundDecisionOperations,
+    latestChangeQuote?.allowedRefundDispositionsByOperationId,
+    latestChangeQuote?.removedValueByOperationId,
+  ]);
   const activeReturnPriceTreatmentOperations =
     responseReturnPriceTreatmentOperations.length > 0
       ? responseReturnPriceTreatmentOperations
       : [];
   const activeRefundDispositionsByOperationId = useMemo(() => {
-    const relevantOperationIds = new Set([
-      ...(activeRefundDecisionContext?.operations ?? []).map((operation) => operation.operationId),
-      ...activeReturnPriceTreatmentOperations.map((operation) => operation.operationId),
-    ]);
-    return Object.fromEntries(
-      Object.entries(refundDispositionsByOperationId).filter(([operationId]) =>
-        relevantOperationIds.has(operationId),
-      ),
+    return selectRefundDispositionsForOperations(
+      activeRefundDecisionContext,
+      activeReturnPriceTreatmentOperations,
+      refundDispositionsByOperationId,
     );
   }, [
     activeRefundDecisionContext?.operations,
@@ -787,6 +814,8 @@ export function AdminChangeBookingFlow({
     quantities,
     addOnSelections,
     cancellationPolicyId,
+    appliedPromoCode,
+    promoApplicationScope,
     adminCustomReceiptLines,
     adminStructuredAdjustments,
     refundDispositionsByOperationId: activeRefundDispositionsByOperationId,
@@ -899,7 +928,13 @@ export function AdminChangeBookingFlow({
     setPickupLocationSkipped,
   });
 
-  const { handleQuantityChange } = useBookingPromoAndQuantityController({
+  const {
+    handleQuantityChange,
+    handleApplyPromo,
+    handleRemovePromo,
+    promoCodeError,
+    promoCodeValidating,
+  } = useBookingPromoAndQuantityController({
     isAdmin,
     effectivePartySizeCap,
     currentTotalQuantity: orderSummary.totalQuantity,
@@ -918,13 +953,40 @@ export function AdminChangeBookingFlow({
     setError,
   });
 
+  const adminPromoEditor = (
+    <AdminChangePromoEditor
+      previousPromoCode={historicalPromoCode}
+      promoCodeInput={promoCodeInput}
+      appliedPromoCode={appliedPromoCode}
+      promoCodeError={promoCodeError}
+      promoCodeValidating={promoCodeValidating}
+      scope={promoApplicationScope}
+      currency={currency}
+      locale={locale}
+      t={t}
+      onInputChange={(value) => {
+        setPromoCodeInput(value);
+        if (appliedPromoCode && value.trim().toUpperCase() !== appliedPromoCode) {
+          setAppliedPromoCode(null);
+        }
+      }}
+      onApply={() => { void handleApplyPromo(); }}
+      onRemove={() => {
+        setPromoCodeInput('');
+        setPromoApplicationScope('CHANGE_ONLY');
+        handleRemovePromo();
+      }}
+      onScopeChange={setPromoApplicationScope}
+    />
+  );
+
   const {
     showCheckoutModal,
     checkoutClientSecret,
     checkoutModalData,
     showAdminPaymentChoice,
     adminChoiceData,
-    cancelPendingReservation,
+    handleCheckoutClose,
     handleCheckout,
     handleConfirmWithoutPayment,
     handlePayNow,
@@ -969,6 +1031,7 @@ export function AdminChangeBookingFlow({
     onChangeBooking,
     cancellationPolicyId,
     appliedPromoCode,
+    promoApplicationScope,
     displayChangeFlowProposedTotalWithEditableLines,
     providerPricingOverrides,
     mergedProviderAdditionalAdjustments,
@@ -1022,7 +1085,7 @@ export function AdminChangeBookingFlow({
         ...{ pickupLocationId, pickupLocationSkipped, firstName, lastName, email, getSuccessUrl, t },
         onPayNow: handlePayNow,
         onConfirmWithoutPayment: handleConfirmWithoutPayment, onAdminPaymentChoiceCancel: handleAdminPaymentChoiceCancel,
-        onCheckoutClose: cancelPendingReservation, onPaymentSubmitStart: handlePaymentSubmitStart,
+        onCheckoutClose: handleCheckoutClose, onPaymentSubmitStart: handlePaymentSubmitStart,
         onPaymentSubmitError: handlePaymentSubmitError, onPaymentConfirmed: handlePaymentConfirmed,
         isPartialLaunch,
         checkoutVisible: selectedAvailability != null,
@@ -1099,6 +1162,8 @@ export function AdminChangeBookingFlow({
         taxRate: pricingConfig?.taxRate,
         ...{ providerPricingUi, providerQuotedLines },
         debugPanel: changeFlowAdminPricingDebugPanel,
+        promoEditor: adminPromoEditor,
+        promoCode: appliedPromoCode,
         ...{ showChangeFlowManualPriceLines, showAdminCustomLineEditor, adminCustomReceiptLines },
         onAddAdminCustomReceiptLine: handleAddAdminCustomReceiptLine,
         onUpdateAdminCustomReceiptLine: handleUpdateAdminCustomReceiptLine,

package/src/components/booking/AdminChangeCheckoutPanel.tsx

@@ -59,6 +59,8 @@ export interface AdminChangeCheckoutPanelProps {
   providerPricingUi?: ProviderDashboardChangePricingUi;
   providerQuotedLines: ProviderDashboardPricingLine[];
   debugPanel: ReactNode;
+  promoEditor?: ReactNode;
+  promoCode?: string | null;
   showChangeFlowManualPriceLines: boolean;
   showAdminCustomLineEditor: boolean;
   adminCustomReceiptLines: AdminCustomReceiptLine[];
@@ -139,6 +141,8 @@ export function AdminChangeCheckoutPanel({
   providerPricingUi,
   providerQuotedLines,
   debugPanel,
+  promoEditor,
+  promoCode,
   showChangeFlowManualPriceLines,
   showAdminCustomLineEditor,
   adminCustomReceiptLines,
@@ -229,6 +233,8 @@ export function AdminChangeCheckoutPanel({
         locale={locale}
         t={t}
         taxRate={taxRate}
+        promoEditor={promoEditor}
+        promoCode={promoCode}
         adjustments={pricingAdjustments}
       />
     ) : null;

package/src/components/booking/AdminChangePromoEditor.tsx

@@ -0,0 +1,97 @@
+import type { AdminPromoApplicationScope } from '../../lib/booking-api';
+import type { Currency } from './CurrencySwitcher';
+import { PromoCodeInput } from './PromoCodeInput';
+
+type TranslationFn = (key: string, params?: Record<string, string>) => string;
+
+interface AdminChangePromoEditorProps {
+  previousPromoCode: string | null;
+  promoCodeInput: string;
+  appliedPromoCode: string | null;
+  promoCodeError: string;
+  promoCodeValidating: boolean;
+  scope: AdminPromoApplicationScope;
+  currency: Currency;
+  locale: string;
+  t: TranslationFn;
+  onInputChange: (value: string) => void;
+  onApply: () => void;
+  onRemove: () => void;
+  onScopeChange: (scope: AdminPromoApplicationScope) => void;
+}
+
+export function AdminChangePromoEditor({
+  previousPromoCode,
+  promoCodeInput,
+  appliedPromoCode,
+  promoCodeError,
+  promoCodeValidating,
+  scope,
+  currency,
+  locale,
+  t,
+  onInputChange,
+  onApply,
+  onRemove,
+  onScopeChange,
+}: AdminChangePromoEditorProps) {
+  return (
+    <div className="mb-3 rounded-lg border border-sky-200 bg-white/80 p-3">
+      <PromoCodeInput
+        promoCodeInput={promoCodeInput}
+        appliedPromoCode={appliedPromoCode}
+        promoCodeError={promoCodeError}
+        promoCodeValidating={promoCodeValidating}
+        promoDiscountAmount={0}
+        currency={currency}
+        locale={locale}
+        t={t}
+        onInputChange={onInputChange}
+        onApply={onApply}
+        onRemove={onRemove}
+        hideDiscountAmount
+      />
+
+      {previousPromoCode ? (
+        <p className="mt-2 text-xs text-stone-600">
+          Earlier value keeps its existing <span className="font-semibold">{previousPromoCode}</span> allocation.
+          It is not automatically reused on this amendment.
+        </p>
+      ) : null}
+
+      {appliedPromoCode ? (
+        <fieldset className="mt-3 space-y-2">
+          <legend className="text-xs font-semibold text-stone-800">Apply this code to</legend>
+          <label className="flex cursor-pointer items-start gap-2 text-xs text-stone-700">
+            <input
+              type="radio"
+              name="adminPromoApplicationScope"
+              value="CHANGE_ONLY"
+              checked={scope === 'CHANGE_ONLY'}
+              onChange={() => onScopeChange('CHANGE_ONLY')}
+            />
+            <span>
+              <span className="font-semibold">This change only</span>
+              <span className="block text-stone-500">Discount only eligible positive value introduced now.</span>
+            </span>
+          </label>
+          <label className="flex cursor-pointer items-start gap-2 text-xs text-stone-700">
+            <input
+              type="radio"
+              name="adminPromoApplicationScope"
+              value="ENTIRE_BOOKING"
+              checked={scope === 'ENTIRE_BOOKING'}
+              onChange={() => onScopeChange('ENTIRE_BOOKING')}
+            />
+            <span>
+              <span className="font-semibold">Entire active booking</span>
+              <span className="block text-stone-500">
+                Top up currently eligible value without duplicating discounts already allocated by earlier ledger changes.
+              </span>
+            </span>
+          </label>
+        </fieldset>
+      ) : null}
+    </div>
+  );
+}

package/src/components/booking/AdminChangeReceiptComparison.tsx

@@ -9,6 +9,7 @@ import type { Locale } from '../../lib/booking/i18n/config';
 import type { ChangeBookingFlowProps } from './booking-flow-types';
 import type { Currency } from './CurrencySwitcher';
 import { PriceSummary, type PriceSummaryLine } from './PriceSummary';
+import { collapseAdminPromoLines } from './admin-change-receipt-lines';
 import {
   adminRemovalOperationLabel,
   noRefundRemovedValue,
@@ -39,6 +40,8 @@ export interface AdminChangeReceiptComparisonProps {
   t: TranslationFn;
   taxRate?: number;
   adjustments?: ReactNode;
+  promoEditor?: ReactNode;
+  promoCode?: string | null;
   refundDecisionOperations?: AdminAmendmentOperationSnapshot[];
   returnPriceTreatmentOperations?: AdminAmendmentOperationSnapshot[];
   allowedRefundDispositionsByOperationId?: Record<string, AdminAmendmentRefundDisposition[]>;
@@ -89,6 +92,8 @@ export function AdminChangeReceiptComparison({
   t,
   taxRate,
   adjustments,
+  promoEditor,
+  promoCode,
   refundDecisionOperations = [],
   returnPriceTreatmentOperations = [],
   allowedRefundDispositionsByOperationId = {},
@@ -135,13 +140,14 @@ export function AdminChangeReceiptComparison({
         .sort((a, b) => amendmentLineOrder(a.line) - amendmentLineOrder(b.line) || a.index - b.index)
         .map(({ line }) => line)
     : [];
-  const amendmentSubtotal = amendmentNonTaxLines.reduce(
+  const collapsedAmendmentNonTaxLines = collapseAdminPromoLines(amendmentNonTaxLines, promoCode);
+  const amendmentSubtotal = collapsedAmendmentNonTaxLines.reduce(
     (sum, line) => sum + (line.kind === 'ticket' ? line.itemTotal : line.amount),
     0,
   );
   const amendmentDisplayLines: PriceSummaryLine[] = amendmentLines
     ? [
-        ...amendmentNonTaxLines,
+        ...collapsedAmendmentNonTaxLines,
         ...(Math.abs(amendmentTax) >= 0.005
           ? [{
               kind: 'line' as const,
@@ -293,6 +299,7 @@ export function AdminChangeReceiptComparison({
               {displayedAmountDue == null ? '—' : formatCurrencyAmount(displayedAmountDue, currency, displayLocale)}
             </span>
           </div>
+          {promoEditor}
           {!selectionChanged ? (
             <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 changes selected</p>

package/src/components/booking/NewBookingFlow.tsx

@@ -149,10 +149,9 @@ export function NewBookingFlow({
   }, [activeOptions]);
 
   useEffect(() => {
-    if (isAdmin) return;
     const interval = window.setInterval(() => setBookingCutoffNowMs(Date.now()), 60 * 1000);
     return () => window.clearInterval(interval);
-  }, [isAdmin]);
+  }, []);
 
   const bookingCutoffNow = useMemo(() => new Date(bookingCutoffNowMs), [bookingCutoffNowMs]);
   const bookingCutoffMinutes = product.bookingCutoffMinutes ?? null;
@@ -213,6 +212,19 @@ export function NewBookingFlow({
     onProductOptionChange: clearAddOnSelections,
   });
 
+  const previousAddOnIdsRef = useRef<Set<string>>(new Set());
+  useEffect(() => {
+    const availableIds = new Set(addOns.map((a) => a.addOnId));
+    const previousIds = previousAddOnIdsRef.current;
+    if (previousIds.size > 0) {
+      setAddOnSelections((prev) => {
+        const next = prev.filter((s) => !previousIds.has(s.addOnId) || availableIds.has(s.addOnId));
+        return next.length === prev.length ? prev : next;
+      });
+    }
+    previousAddOnIdsRef.current = availableIds;
+  }, [addOns]);
+
   const hidePickupSkipOption = useMemo(
     () =>
       !isAdmin &&

package/src/components/booking/PriceBreakdown.tsx

@@ -13,6 +13,14 @@ export interface PriceBreakdownProps {
   qty: number;
   itemTotal: number;
   breakdown: PriceBreakdownType | null;
+  unitPriceComparison?: {
+    previousLabel: string;
+    updatedLabel: string;
+    differenceLabel: string;
+    previousUnitAmount: number;
+    updatedUnitAmount: number;
+    differenceUnitAmount: number;
+  };
   currency: Currency;
   locale: Locale;
   editable?: boolean;
@@ -60,6 +68,7 @@ export function PriceBreakdown({
   qty,
   itemTotal,
   breakdown,
+  unitPriceComparison,
   currency,
   locale,
   editable = false,
@@ -214,17 +223,22 @@ export function PriceBreakdown({
               Price Breakdown ({category})
             </div>
             <div className="space-y-1.5">
-              {breakdown.lineItems.map((line) => (
-                <div key={line.id ?? line.name} className="flex justify-between">
-                  <span className="text-stone-400">
-                    {line.name}{line.type === 'base' ? ` (${currency})` : ''}{formatAdjustmentDetail(line.adjustmentType, line.adjustmentValue, line.amountInDisplayCurrency < 0)}
-                  </span>
-                  <span className={line.type === 'adjustment' && line.amountInDisplayCurrency < 0 ? 'text-red-300' : ''}>
-                    {line.type === 'adjustment' && line.amountInDisplayCurrency >= 0 ? '+' : ''}
-                    {formatCurrencyAmount(line.amountInDisplayCurrency, currency, locale)}
-                  </span>
-                </div>
-              ))}
+              {unitPriceComparison && breakdown.lineItems.length > 0 ? (
+                <div className="font-medium text-stone-300">New-date price calculation</div>
+              ) : null}
+              {(!unitPriceComparison || breakdown.lineItems.length > 0) ? (
+                breakdown.lineItems.map((line) => (
+                  <div key={line.id ?? line.name} className="flex justify-between">
+                    <span className="text-stone-400">
+                      {line.name}{line.type === 'base' ? ` (${currency})` : ''}{formatAdjustmentDetail(line.adjustmentType, line.adjustmentValue, line.amountInDisplayCurrency < 0)}
+                    </span>
+                    <span className={line.type === 'adjustment' && line.amountInDisplayCurrency < 0 ? 'text-red-300' : ''}>
+                      {line.type === 'adjustment' && line.amountInDisplayCurrency >= 0 ? '+' : ''}
+                      {formatCurrencyAmount(line.amountInDisplayCurrency, currency, locale)}
+                    </span>
+                  </div>
+                ))
+              ) : null}
               {/* Only show fees and tax in breakdown when rolled up (tax-inclusive); for CAD/USD they're already separate line items. */}
               {breakdown.isTaxIncluded && (
                 <>
@@ -244,10 +258,47 @@ export function PriceBreakdown({
                   </div>
                 </>
               )}
-              <div className="flex justify-between pt-2 mt-2 border-t border-stone-700 font-semibold">
-                <span>Final price ({currency}):</span>
-                <span>{formatCurrencyAmount(breakdown.finalPrice, currency, locale)}</span>
-              </div>
+              {unitPriceComparison && breakdown.lineItems.length > 0 ? (
+                <div className="flex justify-between pt-2 mt-2 border-t border-stone-700 font-semibold">
+                  <span>New-date final price:</span>
+                  <span>{formatCurrencyAmount(breakdown.finalPrice, currency, locale)}</span>
+                </div>
+              ) : null}
+              {unitPriceComparison ? (
+                <>
+                  {breakdown.lineItems.length > 0 ? (
+                    <div className="pt-2 mt-2 border-t border-stone-700 font-medium text-stone-300">
+                      Price difference
+                    </div>
+                  ) : null}
+                  <div className="flex justify-between gap-3">
+                    <span className="text-stone-400">{unitPriceComparison.previousLabel}</span>
+                    <span>{formatCurrencyAmount(unitPriceComparison.previousUnitAmount, currency, locale)}</span>
+                  </div>
+                  <div className="flex justify-between gap-3">
+                    <span className="text-stone-400">{unitPriceComparison.updatedLabel}</span>
+                    <span>{formatCurrencyAmount(unitPriceComparison.updatedUnitAmount, currency, locale)}</span>
+                  </div>
+                  <div className="flex justify-between gap-3 border-t border-stone-700 pt-1.5">
+                    <span className="text-stone-400">{unitPriceComparison.differenceLabel}</span>
+                    <span className={unitPriceComparison.differenceUnitAmount < 0 ? 'text-red-300' : ''}>
+                      {unitPriceComparison.differenceUnitAmount > 0 ? '+' : ''}
+                      {formatCurrencyAmount(unitPriceComparison.differenceUnitAmount, currency, locale)}
+                    </span>
+                  </div>
+                </>
+              ) : (
+                <div className="flex justify-between pt-2 mt-2 border-t border-stone-700 font-semibold">
+                  <span>Final price ({currency}):</span>
+                  <span>{formatCurrencyAmount(breakdown.finalPrice, currency, locale)}</span>
+                </div>
+              )}
+              {unitPriceComparison && qty > 1 ? (
+                <div className="flex justify-between pt-2 mt-2 border-t border-stone-700 font-semibold">
+                  <span>Total difference (× {qty}):</span>
+                  <span>{formatCurrencyAmount(itemTotal, currency, locale)}</span>
+                </div>
+              ) : null}
             </div>
           </div>
         )}

package/src/components/booking/PriceSummary.tsx

@@ -14,11 +14,22 @@ export type PriceSummaryLine =
   | {
       kind: 'ticket';
       lineKey?: string;
+      /** Pricing V2 amendment operation that produced this row, when applicable. */
+      operationId?: string;
       editable?: boolean;
       category: string;
       qty: number;
       itemTotal: number;
       breakdown?: PriceBreakdownType | null;
+      /** Optional server-value comparison for amendment delta rows. */
+      unitPriceComparison?: {
+        previousLabel: string;
+        updatedLabel: string;
+        differenceLabel: string;
+        previousUnitAmount: number;
+        updatedUnitAmount: number;
+        differenceUnitAmount: number;
+      };
     }
   | {
       kind: 'line';
@@ -211,6 +222,7 @@ export function PriceSummary({
               qty={row.qty}
               itemTotal={row.itemTotal}
               breakdown={row.breakdown ?? null}
+              unitPriceComparison={row.unitPriceComparison}
               currency={currency}
               locale={locale}
               editable={Boolean(row.editable && isBeforeSubtotalBoundary)}