@ticketboothapp/booking 1.2.67 → 1.2.69

package/package.json

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

package/src/components/booking/AdminChangeBookingFlow.tsx

@@ -823,7 +823,20 @@ export function AdminChangeBookingFlow({
     }
   }, [initialValues?.dateTime, companyTimezone]);
   const isProviderDashboardChange = Boolean(onChangeBooking);
-  const isCustomerSelfServeChange = !isProviderDashboardChange;
+  /** Any change from an existing booking (public or provider). */
+  const isChangeBookingContext = Boolean(initialValues?.bookingReference?.trim());
+  /**
+   * When the provider passes `onChangeBooking` we normally apply the change immediately on checkout.
+   * In provider-dashboard + admin + change mode we need the "Pay now / confirm without payment" step
+   * first, so we run the public change-intent quote + PI, then call `onChangeBooking` from
+   * `handleConfirmWithoutPayment` (or after paying in the checkout modal).
+   */
+  const deferProviderApplyToAdminPaymentChoice =
+    isAdmin &&
+    isChangeBookingContext &&
+    bookingAppMode === 'provider-dashboard' &&
+    isProviderDashboardChange;
+  const isCustomerSelfServeChange = !isProviderDashboardChange || deferProviderApplyToAdminPaymentChoice;
   /** Do not render catalog-/FE-derived dollar amounts in UI until `quoteChangeBooking` returns `serverDisplay`. */
   const suppressSelfServeCurrencyUi = isCustomerSelfServeChange;
 
@@ -4463,7 +4476,7 @@ export function AdminChangeBookingFlow({
         return;
       }
 
-      if (onChangeBooking) {
+      if (onChangeBooking && !deferProviderApplyToAdminPaymentChoice) {
         const pickupForChange = pickupLocationId
           ? product.pickupLocations?.find((loc) => loc.id === pickupLocationId)
           : null;
@@ -4498,6 +4511,10 @@ export function AdminChangeBookingFlow({
             previousReturnAvailabilityId: initialValues?.returnAvailabilityId ?? null,
           },
         });
+        const refAfterChange = initialValues?.bookingReference?.trim();
+        if (refAfterChange) {
+          onSuccess?.({ reservationReference: refAfterChange });
+        }
         setLoading(false);
         return;
       }
@@ -4924,6 +4941,82 @@ export function AdminChangeBookingFlow({
     setLoading(true);
     setError('');
     try {
+      if (onChangeBooking) {
+        if (!selectedAvailability) {
+          setError('No availability selected');
+          setLoading(false);
+          return;
+        }
+        const bookingItems = Object.entries(quantities)
+          .filter(([, count]) => count > 0)
+          .map(([category, count]) => ({ category, count }));
+        const availabilityProductOptionId =
+          adminChoiceData.availabilityProductOptionId ||
+          selectedAvailability.productOptionId ||
+          activeOptions[0]?.optionId;
+        if (!availabilityProductOptionId) {
+          setError('No product option selected');
+          setLoading(false);
+          return;
+        }
+        const pickupForChange = pickupLocationId
+          ? product.pickupLocations?.find((loc) => loc.id === pickupLocationId)
+          : null;
+        await onChangeBooking({
+          productId: availabilityProductOptionId,
+          dateTime: selectedAvailability.dateTime,
+          bookingItems,
+          returnAvailabilityId: selectedReturnOption?.returnAvailabilityId ?? null,
+          pickupLocationId: pickupLocationId ?? null,
+          travelerHotel: pickupForChange?.name ?? null,
+          startTime: selectedAvailability.dateTime ?? null,
+          passengerCount: null,
+          childSafetySeatsCount: null,
+          foodRestrictions: null,
+          addOnSelections: addOnSelections.length > 0 ? addOnSelections : null,
+          cancellationPolicyId: cancellationPolicyId ?? initialValues?.cancellationPolicyId ?? null,
+          promoCode: appliedPromoCode ?? null,
+          newTotalAmount: displayChangeFlowProposedTotal,
+          additionalHoursCount: null,
+          pricingAdjustment:
+            providerPricingOverrides.length > 0 || providerAdditionalAdjustments.length > 0
+              ? {
+                  mode: 'MANUAL_LINES',
+                  lineOverrides: providerPricingOverrides,
+                  additionalAdjustments: providerAdditionalAdjustments,
+                }
+              : undefined,
+          capacitySeatCredit: {
+            enabled: true,
+            previousPassengerCount: changeFlowInitialTicketCount,
+            previousAvailabilityId: initialValues?.availabilityId ?? null,
+            previousReturnAvailabilityId: initialValues?.returnAvailabilityId ?? null,
+          },
+        });
+        const bookRef = initialValues?.bookingReference?.trim() || adminChoiceData.reservationReference;
+        setShowAdminPaymentChoice(false);
+        setAdminChoiceData(null);
+        onSuccess?.({ reservationReference: bookRef });
+        const ref = formatBookingRefForDisplay(bookRef);
+        const ln = lastName.trim();
+        if (onShowManage) {
+          onShowManage({ ref, lastName: ln });
+        } else {
+          const params = new URLSearchParams({ ref, lastName: ln, booking_complete: '1' });
+          window.location.href = `/manage-booking?${params.toString()}`;
+        }
+        setLoading(false);
+        return;
+      }
+
+      if (isChangeBookingContext) {
+        setError(
+          'Confirming a booking change without payment requires your dashboard to pass the provider change handler (onChangeBooking). Use Pay now to complete this change, or wire onChangeBooking in the embed.',
+        );
+        setLoading(false);
+        return;
+      }
+
       const bookingSourceContext = buildBookingSourceContext(bookingSourceAttribution, {
         clientChannelSource: inferClientBookingSourceFromProductIds(
           product.productId,