@resira/ui 0.4.14 → 0.4.16

package/dist/index.d.cts

@@ -519,6 +519,7 @@ interface TimeSlotPickerProps {
     showDuration?: boolean;
     selectedDuration?: number;
     onDurationChange?: (minutes: number) => void;
+    minPartySizeOverride?: number;
     maxPartySizeOverride?: number;
     durationPricing?: DurationPrice[];
     currency?: string;
@@ -527,7 +528,7 @@ interface TimeSlotPickerProps {
     /** Whether to show remaining-capacity labels under available slots. */
     showRemainingSpots?: boolean;
 }
-declare function TimeSlotPicker({ timeSlots, selectedDate, onDateChange, selectedSlot, onSlotSelect, partySize, onPartySizeChange, showPartySize, showDuration, selectedDuration, onDurationChange, maxPartySizeOverride, durationPricing, currency, fullyBookedDates, showRemainingSpots, }: TimeSlotPickerProps): react_jsx_runtime.JSX.Element;
+declare function TimeSlotPicker({ timeSlots, selectedDate, onDateChange, selectedSlot, onSlotSelect, partySize, onPartySizeChange, showPartySize, showDuration, selectedDuration, onDurationChange, minPartySizeOverride, maxPartySizeOverride, durationPricing, currency, fullyBookedDates, showRemainingSpots, }: TimeSlotPickerProps): react_jsx_runtime.JSX.Element;
 
 interface ResourcePickerProps {
     /** List of resources to display. */
@@ -873,6 +874,25 @@ interface Service {
     /** Raw product object from the API. */
     raw: Product;
 }
+interface ResolveServicePriceParams {
+    /** Selected duration in minutes (number or numeric string like "180"). */
+    durationMinutes?: number | string | null;
+    /** Party size used for per_person pricing. */
+    partySize?: number;
+}
+interface ResolvedServicePrice {
+    /** Unit price (one session) in cents after duration selection. */
+    unitPriceCents: number;
+    /** Final total in cents, including per_person multiplier if applicable. */
+    totalPriceCents: number;
+    /** Duration actually used to resolve the option (if any). */
+    matchedDurationMinutes?: number;
+}
+/**
+ * Resolve cart/summary price safely from selected duration + party size.
+ * Prevents falling back to base price when duration comes as a string.
+ */
+declare function resolveServicePrice(service: Pick<Service, "pricingModel" | "priceCents" | "durationMinutes" | "options">, params?: ResolveServicePriceParams): ResolvedServicePrice;
 interface UseServicesReturn {
     /** Enriched service list. */
     services: Service[];
@@ -969,4 +989,4 @@ declare function TagIcon({ size, className }: IconProps): react_jsx_runtime.JSX.
 declare function CubeIcon({ size, className }: IconProps): react_jsx_runtime.JSX.Element;
 declare function ViewfinderIcon({ size, className }: IconProps): react_jsx_runtime.JSX.Element;
 
-export { AlertCircleIcon, BookingCalendar, BookingModal, type BookingSelection, type BookingStep, CalendarIcon, CheckCircleIcon, CheckIcon, type CheckoutSessionErrorCode, ChevronLeftIcon, ChevronRightIcon, ClockIcon, ConfirmationView, CreditCardIcon, CubeIcon, DEFAULT_LOCALE, DEFAULT_THEME, type DeeplinkGuest, type DeeplinkSelection, DishShowcase, type DishShowcaseProps, type DomainConfig, GuestForm, type GuestFormErrors, type GuestFormValues, LockIcon, MailIcon, MinusIcon, NoteIcon, PaymentForm, PhoneIcon, PlusIcon, ProductSelector, type PromoterModeConfig, ResiraBookingWidget, type ResiraClassNames, type ResiraContextValue, type ResiraDomain, type ResiraLocale, ResiraProvider, type ResiraProviderConfig, type ResiraProviderProps, type ResiraTheme, ResourcePicker, type Service, type ServiceLayout, type ServiceOption, ShieldIcon, SummaryPreview, TagIcon, TimeSlotPicker, type UseServicesReturn, UserIcon, UsersIcon, ViewfinderIcon, WaiverConsent, XIcon, fetchServices, resolveTheme, themeToCSS, useAvailability, useCheckoutSession, useDish, useDishes, usePaymentIntent, useProducts, useReservation, useResira, useResources, useServices, validateGuestForm };
+export { AlertCircleIcon, BookingCalendar, BookingModal, type BookingSelection, type BookingStep, CalendarIcon, CheckCircleIcon, CheckIcon, type CheckoutSessionErrorCode, ChevronLeftIcon, ChevronRightIcon, ClockIcon, ConfirmationView, CreditCardIcon, CubeIcon, DEFAULT_LOCALE, DEFAULT_THEME, type DeeplinkGuest, type DeeplinkSelection, DishShowcase, type DishShowcaseProps, type DomainConfig, GuestForm, type GuestFormErrors, type GuestFormValues, LockIcon, MailIcon, MinusIcon, NoteIcon, PaymentForm, PhoneIcon, PlusIcon, ProductSelector, type PromoterModeConfig, ResiraBookingWidget, type ResiraClassNames, type ResiraContextValue, type ResiraDomain, type ResiraLocale, ResiraProvider, type ResiraProviderConfig, type ResiraProviderProps, type ResiraTheme, type ResolveServicePriceParams, type ResolvedServicePrice, ResourcePicker, type Service, type ServiceLayout, type ServiceOption, ShieldIcon, SummaryPreview, TagIcon, TimeSlotPicker, type UseServicesReturn, UserIcon, UsersIcon, ViewfinderIcon, WaiverConsent, XIcon, fetchServices, resolveServicePrice, resolveTheme, themeToCSS, useAvailability, useCheckoutSession, useDish, useDishes, usePaymentIntent, useProducts, useReservation, useResira, useResources, useServices, validateGuestForm };

package/dist/index.d.ts

@@ -519,6 +519,7 @@ interface TimeSlotPickerProps {
     showDuration?: boolean;
     selectedDuration?: number;
     onDurationChange?: (minutes: number) => void;
+    minPartySizeOverride?: number;
     maxPartySizeOverride?: number;
     durationPricing?: DurationPrice[];
     currency?: string;
@@ -527,7 +528,7 @@ interface TimeSlotPickerProps {
     /** Whether to show remaining-capacity labels under available slots. */
     showRemainingSpots?: boolean;
 }
-declare function TimeSlotPicker({ timeSlots, selectedDate, onDateChange, selectedSlot, onSlotSelect, partySize, onPartySizeChange, showPartySize, showDuration, selectedDuration, onDurationChange, maxPartySizeOverride, durationPricing, currency, fullyBookedDates, showRemainingSpots, }: TimeSlotPickerProps): react_jsx_runtime.JSX.Element;
+declare function TimeSlotPicker({ timeSlots, selectedDate, onDateChange, selectedSlot, onSlotSelect, partySize, onPartySizeChange, showPartySize, showDuration, selectedDuration, onDurationChange, minPartySizeOverride, maxPartySizeOverride, durationPricing, currency, fullyBookedDates, showRemainingSpots, }: TimeSlotPickerProps): react_jsx_runtime.JSX.Element;
 
 interface ResourcePickerProps {
     /** List of resources to display. */
@@ -873,6 +874,25 @@ interface Service {
     /** Raw product object from the API. */
     raw: Product;
 }
+interface ResolveServicePriceParams {
+    /** Selected duration in minutes (number or numeric string like "180"). */
+    durationMinutes?: number | string | null;
+    /** Party size used for per_person pricing. */
+    partySize?: number;
+}
+interface ResolvedServicePrice {
+    /** Unit price (one session) in cents after duration selection. */
+    unitPriceCents: number;
+    /** Final total in cents, including per_person multiplier if applicable. */
+    totalPriceCents: number;
+    /** Duration actually used to resolve the option (if any). */
+    matchedDurationMinutes?: number;
+}
+/**
+ * Resolve cart/summary price safely from selected duration + party size.
+ * Prevents falling back to base price when duration comes as a string.
+ */
+declare function resolveServicePrice(service: Pick<Service, "pricingModel" | "priceCents" | "durationMinutes" | "options">, params?: ResolveServicePriceParams): ResolvedServicePrice;
 interface UseServicesReturn {
     /** Enriched service list. */
     services: Service[];
@@ -969,4 +989,4 @@ declare function TagIcon({ size, className }: IconProps): react_jsx_runtime.JSX.
 declare function CubeIcon({ size, className }: IconProps): react_jsx_runtime.JSX.Element;
 declare function ViewfinderIcon({ size, className }: IconProps): react_jsx_runtime.JSX.Element;
 
-export { AlertCircleIcon, BookingCalendar, BookingModal, type BookingSelection, type BookingStep, CalendarIcon, CheckCircleIcon, CheckIcon, type CheckoutSessionErrorCode, ChevronLeftIcon, ChevronRightIcon, ClockIcon, ConfirmationView, CreditCardIcon, CubeIcon, DEFAULT_LOCALE, DEFAULT_THEME, type DeeplinkGuest, type DeeplinkSelection, DishShowcase, type DishShowcaseProps, type DomainConfig, GuestForm, type GuestFormErrors, type GuestFormValues, LockIcon, MailIcon, MinusIcon, NoteIcon, PaymentForm, PhoneIcon, PlusIcon, ProductSelector, type PromoterModeConfig, ResiraBookingWidget, type ResiraClassNames, type ResiraContextValue, type ResiraDomain, type ResiraLocale, ResiraProvider, type ResiraProviderConfig, type ResiraProviderProps, type ResiraTheme, ResourcePicker, type Service, type ServiceLayout, type ServiceOption, ShieldIcon, SummaryPreview, TagIcon, TimeSlotPicker, type UseServicesReturn, UserIcon, UsersIcon, ViewfinderIcon, WaiverConsent, XIcon, fetchServices, resolveTheme, themeToCSS, useAvailability, useCheckoutSession, useDish, useDishes, usePaymentIntent, useProducts, useReservation, useResira, useResources, useServices, validateGuestForm };
+export { AlertCircleIcon, BookingCalendar, BookingModal, type BookingSelection, type BookingStep, CalendarIcon, CheckCircleIcon, CheckIcon, type CheckoutSessionErrorCode, ChevronLeftIcon, ChevronRightIcon, ClockIcon, ConfirmationView, CreditCardIcon, CubeIcon, DEFAULT_LOCALE, DEFAULT_THEME, type DeeplinkGuest, type DeeplinkSelection, DishShowcase, type DishShowcaseProps, type DomainConfig, GuestForm, type GuestFormErrors, type GuestFormValues, LockIcon, MailIcon, MinusIcon, NoteIcon, PaymentForm, PhoneIcon, PlusIcon, ProductSelector, type PromoterModeConfig, ResiraBookingWidget, type ResiraClassNames, type ResiraContextValue, type ResiraDomain, type ResiraLocale, ResiraProvider, type ResiraProviderConfig, type ResiraProviderProps, type ResiraTheme, type ResolveServicePriceParams, type ResolvedServicePrice, ResourcePicker, type Service, type ServiceLayout, type ServiceOption, ShieldIcon, SummaryPreview, TagIcon, TimeSlotPicker, type UseServicesReturn, UserIcon, UsersIcon, ViewfinderIcon, WaiverConsent, XIcon, fetchServices, resolveServicePrice, resolveTheme, themeToCSS, useAvailability, useCheckoutSession, useDish, useDishes, usePaymentIntent, useProducts, useReservation, useResira, useResources, useServices, validateGuestForm };

package/dist/index.js

@@ -781,6 +781,28 @@ function useCheckoutSession(token) {
   }, [client, token]);
   return { session, loading, error, errorCode };
 }
+function normalizeMinutes(value) {
+  if (typeof value === "number" && Number.isFinite(value) && value > 0) return value;
+  if (typeof value === "string" && value.trim()) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed) && parsed > 0) return parsed;
+  }
+  return void 0;
+}
+function resolveServicePrice(service, params = {}) {
+  const partySize = Math.max(1, Number(params.partySize ?? 1));
+  const selectedMinutes = normalizeMinutes(params.durationMinutes);
+  const options = Array.isArray(service.options) ? service.options : [];
+  const matchedOption = selectedMinutes ? options.find((option) => option.durationMinutes === selectedMinutes) : void 0;
+  const fallbackOption = options.find((option) => option.durationMinutes === service.durationMinutes) ?? options[0];
+  const unitPriceCents = matchedOption?.priceCents ?? fallbackOption?.priceCents ?? service.priceCents;
+  const totalPriceCents = service.pricingModel === "per_person" ? unitPriceCents * partySize : unitPriceCents;
+  return {
+    unitPriceCents,
+    totalPriceCents,
+    matchedDurationMinutes: matchedOption?.durationMinutes ?? fallbackOption?.durationMinutes
+  };
+}
 function formatPriceCentsUtil(cents, currency) {
   return new Intl.NumberFormat("default", { style: "currency", currency }).format(cents / 100);
 }
@@ -1677,6 +1699,7 @@ function TimeSlotPicker({
   showDuration = false,
   selectedDuration,
   onDurationChange,
+  minPartySizeOverride,
   maxPartySizeOverride,
   durationPricing,
   currency,
@@ -1684,7 +1707,7 @@ function TimeSlotPicker({
   showRemainingSpots = false
 }) {
   const { locale, domainConfig, domain, classNames } = useResira();
-  const minParty = domainConfig.minPartySize ?? 1;
+  const minParty = minPartySizeOverride ?? domainConfig.minPartySize ?? 1;
   const maxParty = maxPartySizeOverride ?? domainConfig.maxPartySize ?? 12;
   const durations = useMemo(() => {
     if (durationPricing && durationPricing.length > 0) {
@@ -3085,6 +3108,56 @@ function ConfirmationView({ reservation }) {
     ] })
   ] });
 }
+
+// src/service-rules.ts
+function isPositiveInt(value) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0;
+}
+function getRiderTierBounds(product) {
+  const tiers = product.riderTierPricing ?? [];
+  if (!tiers.length) return {};
+  let min;
+  let max;
+  for (const tier of tiers) {
+    const tierMin = isPositiveInt(tier.minRiders) ? tier.minRiders : isPositiveInt(tier.riders) ? tier.riders : void 0;
+    const tierMax = isPositiveInt(tier.maxRiders) ? tier.maxRiders : isPositiveInt(tier.riders) ? tier.riders : isPositiveInt(tier.minRiders) ? tier.minRiders : void 0;
+    if (isPositiveInt(tierMin)) {
+      min = min == null ? tierMin : Math.min(min, tierMin);
+    }
+    if (isPositiveInt(tierMax)) {
+      max = max == null ? tierMax : Math.max(max, tierMax);
+    }
+  }
+  return { min, max };
+}
+function getServicePartySizeBounds(product, domainConfig) {
+  const baseMin = isPositiveInt(domainConfig?.minPartySize) ? domainConfig.minPartySize : 1;
+  const baseMax = isPositiveInt(domainConfig?.maxPartySize) ? domainConfig.maxPartySize : 12;
+  let min = baseMin;
+  let max = baseMax;
+  if (product) {
+    if (isPositiveInt(product.maxPartySize)) {
+      max = Math.min(max, product.maxPartySize);
+    }
+    if (product.pricingModel === "per_rider" && product.riderTierPricing?.length) {
+      const tierBounds = getRiderTierBounds(product);
+      if (isPositiveInt(tierBounds.min)) {
+        min = Math.max(min, tierBounds.min);
+      }
+      if (isPositiveInt(tierBounds.max)) {
+        max = Math.min(max, tierBounds.max);
+      }
+    }
+  }
+  if (max < min) {
+    return { min, max: min };
+  }
+  return { min, max };
+}
+function clampPartySize(value, bounds) {
+  if (!Number.isFinite(value)) return bounds.min;
+  return Math.min(bounds.max, Math.max(bounds.min, Math.round(value)));
+}
 function todayStr() {
   const d = /* @__PURE__ */ new Date();
   return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
@@ -3095,6 +3168,14 @@ function formatPrice5(cents, currency) {
     currency
   }).format(cents / 100);
 }
+function normalizeDurationMinutes(value) {
+  if (typeof value === "number" && Number.isFinite(value) && value > 0) return value;
+  if (typeof value === "string" && value.trim()) {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed) && parsed > 0) return parsed;
+  }
+  return void 0;
+}
 function buildSteps(domain, hasPayment, catalogMode) {
   const steps = [];
   if (domain === "watersport" || domain === "service" || catalogMode && domain !== "restaurant") {
@@ -3196,6 +3277,7 @@ function ResiraBookingWidget() {
     partySize: domainConfig.defaultPartySize ?? 2,
     duration: domainConfig.defaultDuration
   });
+  const [partySizeByProductId, setPartySizeByProductId] = useState({});
   const [guest, setGuest] = useState({
     guestName: "",
     guestEmail: "",
@@ -3212,6 +3294,11 @@ function ResiraBookingWidget() {
     setPromoValidation(result);
   }, []);
   const [slotDate, setSlotDate] = useState(todayStr());
+  const activeDurationMinutes = normalizeDurationMinutes(selection.duration);
+  const selectedProductPartyBounds = useMemo(
+    () => getServicePartySizeBounds(selectedProduct, domainConfig),
+    [selectedProduct, domainConfig]
+  );
   const availabilityParams = useMemo(() => {
     if (isDateBased) {
       if (selection.startDate && selection.endDate) {
@@ -3222,9 +3309,9 @@ function ResiraBookingWidget() {
     return {
       date: slotDate,
       partySize: selection.partySize,
-      durationMinutes: selection.duration
+      durationMinutes: activeDurationMinutes
     };
-  }, [isDateBased, selection.startDate, selection.endDate, slotDate, selection.partySize, selection.duration]);
+  }, [isDateBased, selection.startDate, selection.endDate, slotDate, selection.partySize, activeDurationMinutes]);
   const availabilityProductId = isServiceBased ? selectedProduct?.id : void 0;
   const { data: availability, loading, error, refetch } = useAvailability(
     availabilityParams,
@@ -3268,7 +3355,7 @@ function ResiraBookingWidget() {
       productId: selectedProduct?.id ?? "",
       resourceId,
       partySize: selection.partySize,
-      durationMinutes: selection.duration,
+      durationMinutes: activeDurationMinutes,
       startDate: selection.startDate,
       startTime: selection.startTime,
       endTime: selection.endTime,
@@ -3280,7 +3367,7 @@ function ResiraBookingWidget() {
       termsAccepted: termsAccepted || void 0,
       waiverAccepted: waiverAccepted || void 0
     };
-  }, [activeResourceId, selectedProduct, selection, guest, discountCode, termsAccepted, waiverAccepted, isCheckoutMode, checkoutSession, checkoutSessionToken]);
+  }, [activeResourceId, selectedProduct, selection, guest, discountCode, termsAccepted, waiverAccepted, isCheckoutMode, checkoutSession, checkoutSessionToken, activeDurationMinutes]);
   const blockedDates = useMemo(() => {
     const dates = calendarData?.dates?.blockedDates ?? availability?.dates?.blockedDates ?? [];
     return new Set(dates);
@@ -3300,11 +3387,11 @@ function ResiraBookingWidget() {
     if (selectedProduct) {
       let base = selectedProduct.priceCents;
       if (selectedProduct.pricingModel === "per_rider" && activeRiderDurationPricing?.length) {
-        const match = selection.duration ? activeRiderDurationPricing.find((dp) => dp.durationMinutes === selection.duration) : activeRiderDurationPricing[0];
+        const match = activeDurationMinutes ? activeRiderDurationPricing.find((dp) => dp.durationMinutes === activeDurationMinutes) : activeRiderDurationPricing[0];
         if (match) base = match.priceCents;
-      } else if (selectedProduct.durationPricing?.length && selection.duration) {
+      } else if (selectedProduct.durationPricing?.length && activeDurationMinutes) {
         const match = selectedProduct.durationPricing.find(
-          (dp) => dp.durationMinutes === selection.duration
+          (dp) => dp.durationMinutes === activeDurationMinutes
         );
         if (match) base = match.priceCents;
       }
@@ -3322,7 +3409,7 @@ function ResiraBookingWidget() {
       return { total, amountNow, amountAtVenue };
     }
     return null;
-  }, [selectedProduct, availability, selection.partySize, selection.duration, depositPercent, activeRiderDurationPricing]);
+  }, [selectedProduct, availability, selection.partySize, activeDurationMinutes, depositPercent, activeRiderDurationPricing]);
   const stepTitle = useMemo(() => {
     switch (step) {
       case "resource":
@@ -3409,8 +3496,12 @@ function ResiraBookingWidget() {
     [slotDate, promoterEnabled, promoterMode.autoAdvanceAvailability, step, STEPS]
   );
   const handlePartySizeChange = useCallback((size) => {
-    setSelection((prev) => ({ ...prev, partySize: size }));
-  }, []);
+    const clamped = clampPartySize(size, selectedProductPartyBounds);
+    setSelection((prev) => ({ ...prev, partySize: clamped }));
+    if (selectedProduct?.id) {
+      setPartySizeByProductId((prev) => ({ ...prev, [selectedProduct.id]: clamped }));
+    }
+  }, [selectedProduct?.id, selectedProductPartyBounds]);
   const handleDurationChange = useCallback((minutes) => {
     setSelection((prev) => ({
       ...prev,
@@ -3426,16 +3517,29 @@ function ResiraBookingWidget() {
         setActiveResourceId(product.equipmentIds[0]);
       }
       setSelection((prev) => {
-        const maxParty = product.maxPartySize ?? domainConfig.maxPartySize ?? 10;
-        const clampedPartySize = Math.min(prev.partySize, maxParty);
+        const bounds = getServicePartySizeBounds(product, domainConfig);
+        const persistedPartySize = partySizeByProductId[product.id];
+        const nextPartySize = clampPartySize(
+          persistedPartySize ?? prev.partySize,
+          bounds
+        );
         const defaultDuration = product.durationPricing?.[0]?.durationMinutes ?? product.durationMinutes ?? prev.duration;
         return {
           ...prev,
           productId: product.id,
           duration: defaultDuration,
-          partySize: clampedPartySize
+          partySize: nextPartySize
         };
       });
+      setPartySizeByProductId((prev) => {
+        const bounds = getServicePartySizeBounds(product, domainConfig);
+        const persistedPartySize = prev[product.id];
+        const nextPartySize = clampPartySize(
+          persistedPartySize ?? selection.partySize,
+          bounds
+        );
+        return { ...prev, [product.id]: nextPartySize };
+      });
       if (step === "resource" && isServiceBased) {
         const nextIdx = stepIndex("resource", STEPS) + 1;
         if (nextIdx < STEPS.length) {
@@ -3443,7 +3547,7 @@ function ResiraBookingWidget() {
         }
       }
     },
-    [setActiveResourceId, domainConfig.maxPartySize, step, isServiceBased, STEPS]
+    [setActiveResourceId, domainConfig, partySizeByProductId, selection.partySize, step, isServiceBased, STEPS]
   );
   const handleResourceSelect = useCallback(
     (resourceId) => {
@@ -3643,6 +3747,11 @@ function ResiraBookingWidget() {
         ...deeplink.duration ? { duration: deeplink.duration } : {},
         ...deeplink.date ? { startDate: deeplink.date } : {}
       }));
+      if (deeplink.productId && deeplink.partySize) {
+        const deeplinkProductId = deeplink.productId;
+        const deeplinkPartySize = deeplink.partySize;
+        setPartySizeByProductId((prev) => ({ ...prev, [deeplinkProductId]: deeplinkPartySize }));
+      }
       if (deeplink.date) setSlotDate(deeplink.date);
     }
     if (deeplinkGuest) {
@@ -3766,9 +3875,10 @@ function ResiraBookingWidget() {
             onPartySizeChange: handlePartySizeChange,
             showPartySize: true,
             showDuration: domain === "watersport" || domain === "service",
-            selectedDuration: selection.duration,
+            selectedDuration: activeDurationMinutes,
             onDurationChange: handleDurationChange,
-            maxPartySizeOverride: selectedProduct?.maxPartySize,
+            minPartySizeOverride: selectedProductPartyBounds.min,
+            maxPartySizeOverride: selectedProductPartyBounds.max,
             durationPricing: activeRiderDurationPricing ?? selectedProduct?.durationPricing,
             currency,
             showRemainingSpots
@@ -3778,19 +3888,19 @@ function ResiraBookingWidget() {
           /* @__PURE__ */ jsxs("div", { className: "resira-price-preview-row", children: [
             /* @__PURE__ */ jsxs("span", { children: [
               selectedProduct.name,
-              selection.duration && selectedProduct.durationPricing && selectedProduct.durationPricing.length > 1 && /* @__PURE__ */ jsxs("span", { className: "resira-price-preview-label", children: [
+              activeDurationMinutes && selectedProduct.durationPricing && selectedProduct.durationPricing.length > 1 && /* @__PURE__ */ jsxs("span", { className: "resira-price-preview-label", children: [
                 " ",
                 "(",
-                selection.duration < 60 ? `${selection.duration} min` : `${Math.floor(selection.duration / 60)}h${selection.duration % 60 ? selection.duration % 60 : ""}`,
+                activeDurationMinutes < 60 ? `${activeDurationMinutes} min` : `${Math.floor(activeDurationMinutes / 60)}h${activeDurationMinutes % 60 ? activeDurationMinutes % 60 : ""}`,
                 ")"
               ] })
             ] }),
             /* @__PURE__ */ jsxs("span", { children: [
               (() => {
                 let unitPrice = selectedProduct.priceCents;
-                if (selectedProduct.durationPricing?.length && selection.duration) {
+                if (selectedProduct.durationPricing?.length && activeDurationMinutes) {
                   const match = selectedProduct.durationPricing.find(
-                    (dp) => dp.durationMinutes === selection.duration
+                    (dp) => dp.durationMinutes === activeDurationMinutes
                   );
                   if (match) unitPrice = match.priceCents;
                 }
@@ -4630,6 +4740,6 @@ function DishShowcase({
   ] });
 }
 
-export { AlertCircleIcon, BookingCalendar, BookingModal, CalendarIcon, CheckCircleIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, ConfirmationView, CreditCardIcon, CubeIcon, DEFAULT_LOCALE, DEFAULT_THEME, DishShowcase, GuestForm, LockIcon, MailIcon, MinusIcon, NoteIcon, PaymentForm, PhoneIcon, PlusIcon, ProductSelector, ResiraBookingWidget, ResiraProvider, ResourcePicker, ShieldIcon, SummaryPreview, TagIcon, TimeSlotPicker, UserIcon, UsersIcon, ViewfinderIcon, WaiverConsent, XIcon, fetchServices, resolveTheme, themeToCSS, useAvailability, useCheckoutSession, useDish, useDishes, usePaymentIntent, useProducts, useReservation, useResira, useResources, useServices, validateGuestForm };
+export { AlertCircleIcon, BookingCalendar, BookingModal, CalendarIcon, CheckCircleIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, ConfirmationView, CreditCardIcon, CubeIcon, DEFAULT_LOCALE, DEFAULT_THEME, DishShowcase, GuestForm, LockIcon, MailIcon, MinusIcon, NoteIcon, PaymentForm, PhoneIcon, PlusIcon, ProductSelector, ResiraBookingWidget, ResiraProvider, ResourcePicker, ShieldIcon, SummaryPreview, TagIcon, TimeSlotPicker, UserIcon, UsersIcon, ViewfinderIcon, WaiverConsent, XIcon, fetchServices, resolveServicePrice, resolveTheme, themeToCSS, useAvailability, useCheckoutSession, useDish, useDishes, usePaymentIntent, useProducts, useReservation, useResira, useResources, useServices, validateGuestForm };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map