@ticketboothapp/booking 1.2.143 → 1.2.145

package/package.json

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

package/src/components/booking/AdminChangeBookingContent.tsx

@@ -158,6 +158,7 @@ const checkoutPanelPropKeys = [
   'serverAmendmentLines',
   'serverAmountDue',
   'serverUpdatedTotal',
+  'serverQuoteError',
   'isTaxIncludedInPrice',
   'taxRate',
   'currency',

package/src/components/booking/AdminChangeBookingFlow.tsx

@@ -687,8 +687,6 @@ export function AdminChangeBookingFlow({
     quantities,
     addOnSelections,
     adminCustomReceiptLines,
-    editableSummaryLineAmountInputs,
-    editableSummaryLineLabelInputs,
     useAdminFeAuthoritativeQuote,
     latestChangeQuote,
     setLatestChangeQuote,
@@ -983,6 +981,7 @@ export function AdminChangeBookingFlow({
           latestChangeQuote?.pricingVersion === 'booking-amendment-v1'
             ? latestChangeQuote.serverPreview?.totalNewBooking ?? null
             : null,
+        serverQuoteError: changeQuoteFetchError,
         ...{ priceSummaryLinesIncludeTaxRow, isTaxIncludedInPrice, showProviderPricingInlineEditor },
         taxRate: pricingConfig?.taxRate,
         ...{ providerPricingUi, providerQuotedLines },

package/src/components/booking/AdminChangeCheckoutPanel.tsx

@@ -33,6 +33,7 @@ export interface AdminChangeCheckoutPanelProps {
   serverAmendmentLines: PriceSummaryLine[] | null;
   serverAmountDue: number | null;
   serverUpdatedTotal: number | null;
+  serverQuoteError?: string | null;
   isTaxIncludedInPrice: boolean;
   taxRate?: number;
   currency: Currency;
@@ -105,6 +106,7 @@ export function AdminChangeCheckoutPanel({
   serverAmendmentLines,
   serverAmountDue,
   serverUpdatedTotal,
+  serverQuoteError,
   isTaxIncludedInPrice,
   taxRate,
   currency,
@@ -191,6 +193,7 @@ export function AdminChangeCheckoutPanel({
         amountDue={serverAmountDue}
         updatedTotal={serverUpdatedTotal}
         selectionChanged={hasEffectiveChangeSelection}
+        quoteError={serverQuoteError}
         amountDueLabel={totalSummaryLabel}
         currency={currency}
         locale={locale}

package/src/components/booking/AdminChangeReceiptComparison.tsx

@@ -18,6 +18,7 @@ export interface AdminChangeReceiptComparisonProps {
   /** Full resulting booking total returned by the same server quote. */
   updatedTotal: number | null;
   selectionChanged: boolean;
+  quoteError?: string | null;
   amountDueLabel: string;
   currency: Currency;
   locale: string;
@@ -48,6 +49,7 @@ export function AdminChangeReceiptComparison({
   amountDue,
   updatedTotal,
   selectionChanged,
+  quoteError,
   amountDueLabel,
   currency,
   locale,
@@ -104,6 +106,10 @@ export function AdminChangeReceiptComparison({
               <p className="text-sm font-medium text-stone-700">No changes selected</p>
               <p className="mt-1 text-xs text-stone-500">Change tickets or another booking option to request a price.</p>
             </div>
+          ) : quoteError ? (
+            <div className="rounded-md border border-red-200 bg-red-50 px-3 py-4 text-center" role="alert">
+              <p className="text-sm font-medium text-red-800">{quoteError}</p>
+            </div>
           ) : !quoteReady ? (
             <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">Waiting for server price…</p>

package/src/components/booking/admin-change-quote-request-key.ts

@@ -0,0 +1,37 @@
+import type { Availability } from '../../lib/booking-api';
+import { getAvailabilityOptionId } from './change-booking-flow-helpers';
+
+interface AdminChangeQuoteRequestKeyInput {
+  bookingReference?: string | null;
+  lastName: string;
+  productId: string;
+  selectedAvailability: Availability | null;
+  pickupLocationId: string | null;
+  returnAvailabilityId: string | null;
+  quantities: Record<string, number>;
+  addOnSelections: Array<{ addOnId: string; variantId?: string; quantity?: number }>;
+  adminCustomReceiptLines: Array<{ label: string; amountInput: string; amountSign?: number }>;
+  useAdminFeAuthoritativeQuote: boolean;
+}
+
+/**
+ * Identity of a price request. This must contain user-controlled quote inputs only.
+ * Server/display-derived receipt state must never invalidate the response that produced it.
+ */
+export function buildAdminChangeQuoteRequestKey(input: AdminChangeQuoteRequestKeyInput): string {
+  const availability = input.selectedAvailability;
+  return JSON.stringify({
+    bookingReference: input.bookingReference?.trim() ?? '',
+    lastName: input.lastName.trim().toLowerCase(),
+    parentProductId: input.productId,
+    optionId: availability ? getAvailabilityOptionId(availability) : '',
+    dateTime: availability?.dateTime ?? '',
+    availabilityId: availability?.availabilityId ?? null,
+    pickupLocationId: input.pickupLocationId,
+    returnAvailabilityId: input.returnAvailabilityId,
+    quantities: input.quantities,
+    addOnSelections: input.addOnSelections,
+    adminCustomReceiptLines: input.adminCustomReceiptLines,
+    useAdminFeAuthoritativeQuote: input.useAdminFeAuthoritativeQuote,
+  });
+}

package/src/components/booking/useAdminChangeQuotePreview.ts

@@ -26,6 +26,7 @@ import {
 } from './change-booking-flow-helpers';
 import type { Currency } from './CurrencySwitcher';
 import type { AdminChangeLatestQuote } from './useAdminChangeCheckoutController';
+import { buildAdminChangeQuoteRequestKey } from './admin-change-quote-request-key';
 
 type AddOnSelection = { addOnId: string; variantId?: string; quantity?: number };
 type AdminCustomReceiptLine = { label: string; amountInput: string; amountSign?: number };
@@ -50,8 +51,6 @@ export interface UseAdminChangeQuotePreviewParams {
   quantities: Record<string, number>;
   addOnSelections: AddOnSelection[];
   adminCustomReceiptLines: AdminCustomReceiptLine[];
-  editableSummaryLineAmountInputs: Record<string, string>;
-  editableSummaryLineLabelInputs: Record<string, string>;
   useAdminFeAuthoritativeQuote: boolean;
   latestChangeQuote: AdminChangeLatestQuote | null;
   setLatestChangeQuote: Dispatch<SetStateAction<AdminChangeLatestQuote | null>>;
@@ -109,8 +108,6 @@ export function useAdminChangeQuotePreview({
   quantities,
   addOnSelections,
   adminCustomReceiptLines,
-  editableSummaryLineAmountInputs,
-  editableSummaryLineLabelInputs,
   useAdminFeAuthoritativeQuote,
   latestChangeQuote,
   setLatestChangeQuote,
@@ -154,20 +151,16 @@ export function useAdminChangeQuotePreview({
     !!lastName.trim();
 
   const isChangeQuoteBlocked = isCustomerSelfServeChange && latestChangeQuote?.canProceed === false;
-  const changeQuoteInputsKey = useMemo(() => JSON.stringify({
-    bookingReference: initialValues?.bookingReference?.trim() ?? '',
-    lastName: lastName.trim().toLowerCase(),
-    parentProductId: product.productId,
-    optionId: selectedAvailability ? getAvailabilityOptionId(selectedAvailability) : '',
-    dateTime: selectedAvailability?.dateTime ?? '',
-    availabilityId: selectedAvailability?.availabilityId ?? null,
-    pickupLocationId: pickupLocationId ?? null,
+  const changeQuoteInputsKey = useMemo(() => buildAdminChangeQuoteRequestKey({
+    bookingReference: initialValues?.bookingReference,
+    lastName,
+    productId: product.productId,
+    selectedAvailability,
+    pickupLocationId,
     returnAvailabilityId: selectedReturnOption?.returnAvailabilityId ?? null,
     quantities,
     addOnSelections,
     adminCustomReceiptLines,
-    editableSummaryLineAmountInputs,
-    editableSummaryLineLabelInputs,
     useAdminFeAuthoritativeQuote,
   }), [
     initialValues?.bookingReference,
@@ -179,8 +172,6 @@ export function useAdminChangeQuotePreview({
     quantities,
     addOnSelections,
     adminCustomReceiptLines,
-    editableSummaryLineAmountInputs,
-    editableSummaryLineLabelInputs,
     useAdminFeAuthoritativeQuote,
   ]);
   const destinationRequiresReturnSelection = Boolean(selectedAvailability?.returnOptions?.length);

package/src/lib/booking-api.ts

@@ -1631,9 +1631,30 @@ export async function quoteAdminChangeBookingV2(
     throw new Error(message);
   }
   const response = await parseJsonSafely(res);
-  const outer = (response as { data?: unknown } | null)?.data;
-  const data = ((outer as { data?: AdminChangeBookingQuoteV2Data } | null)?.data ??
-    outer) as AdminChangeBookingQuoteV2Data;
+  let candidate: unknown = response;
+  for (let depth = 0; depth < 4; depth += 1) {
+    if (
+      candidate != null &&
+      typeof candidate === 'object' &&
+      'oldReceipt' in candidate &&
+      'canApply' in candidate
+    ) {
+      break;
+    }
+    candidate =
+      candidate != null && typeof candidate === 'object' && 'data' in candidate
+        ? (candidate as { data?: unknown }).data
+        : undefined;
+  }
+  if (
+    candidate == null ||
+    typeof candidate !== 'object' ||
+    !('oldReceipt' in candidate) ||
+    !('canApply' in candidate)
+  ) {
+    throw new Error('Invalid admin Pricing V2 quote response');
+  }
+  const data = candidate as AdminChangeBookingQuoteV2Data;
   const oldReceipt = data.oldReceipt;
   const newQuote = data.newQuote ?? null;
   const currency = newQuote?.currency ?? oldReceipt.currency ?? undefined;

package/test/change-booking-helpers.test.ts

@@ -7,6 +7,7 @@ import { evaluateChangeBookingQuoteForCheckout } from '../src/components/booking
 import { buildCheckoutModalSummaryFromPricingV2Quote } from '../src/components/booking/pricing-v2-checkout-summary';
 import type { ChangeQuoteUiSlice } from '../src/lib/booking/change-flow-pricing';
 import type { ChangeBookingQuoteResponse } from '../src/lib/booking-api';
+import { buildAdminChangeQuoteRequestKey } from '../src/components/booking/admin-change-quote-request-key';
 
 function quote(overrides: Partial<ChangeBookingQuoteResponse>): ChangeBookingQuoteResponse {
   return {
@@ -35,6 +36,39 @@ function test(name: string, fn: () => void): void {
   }
 }
 
+test('admin quote response display state cannot invalidate its request identity', () => {
+  const selectedAvailability = {
+    availabilityId: 'a_1',
+    productId: 'po_1',
+    dateTime: '2026-07-22T09:35:00-06:00',
+    vacancies: 10,
+  } as Parameters<typeof buildAdminChangeQuoteRequestKey>[0]['selectedAvailability'];
+  const userInputs = {
+    bookingReference: 'BIHAYXQS',
+    lastName: 'Tauro',
+    productId: 'p_1',
+    selectedAvailability,
+    pickupLocationId: 'pickup_1',
+    returnAvailabilityId: 'return_1',
+    quantities: { ADULT: 3 },
+    addOnSelections: [],
+    adminCustomReceiptLines: [],
+    useAdminFeAuthoritativeQuote: true,
+  };
+
+  const keyBeforeResponse = buildAdminChangeQuoteRequestKey(userInputs);
+  // These are populated from the successful server quote. They are deliberately
+  // not accepted by the request-key builder and therefore cannot trigger a re-quote.
+  const serverDisplayState = {
+    editableSummaryLineAmountInputs: { adult: '173.24', tax: '16.09' },
+    editableSummaryLineLabelInputs: { adult: 'ADULT' },
+  };
+  assert.ok(serverDisplayState.editableSummaryLineAmountInputs.adult);
+  const keyAfterResponse = buildAdminChangeQuoteRequestKey(userInputs);
+
+  assert.equal(keyAfterResponse, keyBeforeResponse);
+});
+
 test('routes customer change quote to paid checkout when amount is due', () => {
   const decision = evaluateChangeBookingQuoteForCheckout({
     quote: quote({