@resira/ui 0.4.14 → 0.4.16

package/dist/index.cjs

@@ -783,6 +783,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);
 }
@@ -1679,6 +1701,7 @@ function TimeSlotPicker({
   showDuration = false,
   selectedDuration,
   onDurationChange,
+  minPartySizeOverride,
   maxPartySizeOverride,
   durationPricing,
   currency,
@@ -1686,7 +1709,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 = react.useMemo(() => {
     if (durationPricing && durationPricing.length > 0) {
@@ -3087,6 +3110,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")}`;
@@ -3097,6 +3170,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") {
@@ -3198,6 +3279,7 @@ function ResiraBookingWidget() {
     partySize: domainConfig.defaultPartySize ?? 2,
     duration: domainConfig.defaultDuration
   });
+  const [partySizeByProductId, setPartySizeByProductId] = react.useState({});
   const [guest, setGuest] = react.useState({
     guestName: "",
     guestEmail: "",
@@ -3214,6 +3296,11 @@ function ResiraBookingWidget() {
     setPromoValidation(result);
   }, []);
   const [slotDate, setSlotDate] = react.useState(todayStr());
+  const activeDurationMinutes = normalizeDurationMinutes(selection.duration);
+  const selectedProductPartyBounds = react.useMemo(
+    () => getServicePartySizeBounds(selectedProduct, domainConfig),
+    [selectedProduct, domainConfig]
+  );
   const availabilityParams = react.useMemo(() => {
     if (isDateBased) {
       if (selection.startDate && selection.endDate) {
@@ -3224,9 +3311,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,
@@ -3270,7 +3357,7 @@ function ResiraBookingWidget() {
       productId: selectedProduct?.id ?? "",
       resourceId,
       partySize: selection.partySize,
-      durationMinutes: selection.duration,
+      durationMinutes: activeDurationMinutes,
       startDate: selection.startDate,
       startTime: selection.startTime,
       endTime: selection.endTime,
@@ -3282,7 +3369,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 = react.useMemo(() => {
     const dates = calendarData?.dates?.blockedDates ?? availability?.dates?.blockedDates ?? [];
     return new Set(dates);
@@ -3302,11 +3389,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;
       }
@@ -3324,7 +3411,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 = react.useMemo(() => {
     switch (step) {
       case "resource":
@@ -3411,8 +3498,12 @@ function ResiraBookingWidget() {
     [slotDate, promoterEnabled, promoterMode.autoAdvanceAvailability, step, STEPS]
   );
   const handlePartySizeChange = react.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 = react.useCallback((minutes) => {
     setSelection((prev) => ({
       ...prev,
@@ -3428,16 +3519,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) {
@@ -3445,7 +3549,7 @@ function ResiraBookingWidget() {
         }
       }
     },
-    [setActiveResourceId, domainConfig.maxPartySize, step, isServiceBased, STEPS]
+    [setActiveResourceId, domainConfig, partySizeByProductId, selection.partySize, step, isServiceBased, STEPS]
   );
   const handleResourceSelect = react.useCallback(
     (resourceId) => {
@@ -3645,6 +3749,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) {
@@ -3768,9 +3877,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
@@ -3780,19 +3890,19 @@ function ResiraBookingWidget() {
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-price-preview-row", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
               selectedProduct.name,
-              selection.duration && selectedProduct.durationPricing && selectedProduct.durationPricing.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "resira-price-preview-label", children: [
+              activeDurationMinutes && selectedProduct.durationPricing && selectedProduct.durationPricing.length > 1 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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;
                 }
@@ -4669,6 +4779,7 @@ exports.ViewfinderIcon = ViewfinderIcon;
 exports.WaiverConsent = WaiverConsent;
 exports.XIcon = XIcon;
 exports.fetchServices = fetchServices;
+exports.resolveServicePrice = resolveServicePrice;
 exports.resolveTheme = resolveTheme;
 exports.themeToCSS = themeToCSS;
 exports.useAvailability = useAvailability;