@ticketboothapp/booking 1.2.142 → 1.2.144

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticketboothapp/booking",
-  "version": "1.2.142",
+  "version": "1.2.144",
   "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

@@ -983,6 +983,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,
@@ -190,6 +192,8 @@ export function AdminChangeCheckoutPanel({
         amendmentLines={serverAmendmentLines}
         amountDue={serverAmountDue}
         updatedTotal={serverUpdatedTotal}
+        selectionChanged={hasEffectiveChangeSelection}
+        quoteError={serverQuoteError}
         amountDueLabel={totalSummaryLabel}
         currency={currency}
         locale={locale}

package/src/components/booking/AdminChangeReceiptComparison.tsx

@@ -17,6 +17,8 @@ export interface AdminChangeReceiptComparisonProps {
   amountDue: number | null;
   /** Full resulting booking total returned by the same server quote. */
   updatedTotal: number | null;
+  selectionChanged: boolean;
+  quoteError?: string | null;
   amountDueLabel: string;
   currency: Currency;
   locale: string;
@@ -46,6 +48,8 @@ export function AdminChangeReceiptComparison({
   amendmentLines,
   amountDue,
   updatedTotal,
+  selectionChanged,
+  quoteError,
   amountDueLabel,
   currency,
   locale,
@@ -97,7 +101,16 @@ export function AdminChangeReceiptComparison({
               {amountDue == null ? '—' : formatCurrencyAmount(amountDue, currency, displayLocale)}
             </span>
           </div>
-          {!quoteReady ? (
+          {!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>
+              <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>
             </div>
@@ -140,7 +153,7 @@ export function AdminChangeReceiptComparison({
       <div className="flex flex-wrap items-center justify-between gap-2 rounded-lg border border-stone-200 bg-stone-50 px-3 py-2">
         <span className="text-sm font-semibold text-stone-900">{amountDueLabel}</span>
         <span className={`text-lg font-semibold tabular-nums ${amountDueClass}`}>
-          {amountDue == null ? '—' : formatCurrencyAmount(amountDue, currency, displayLocale)}
+          {!selectionChanged || amountDue == null ? '—' : formatCurrencyAmount(amountDue, currency, displayLocale)}
         </span>
       </div>
     </div>

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;