@resira/ui 0.4.15 → 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")}`;
@@ -3206,6 +3279,7 @@ function ResiraBookingWidget() {
     partySize: domainConfig.defaultPartySize ?? 2,
     duration: domainConfig.defaultDuration
   });
+  const [partySizeByProductId, setPartySizeByProductId] = react.useState({});
   const [guest, setGuest] = react.useState({
     guestName: "",
     guestEmail: "",
@@ -3223,6 +3297,10 @@ function ResiraBookingWidget() {
   }, []);
   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) {
@@ -3420,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,
@@ -3437,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) {
@@ -3454,7 +3549,7 @@ function ResiraBookingWidget() {
         }
       }
     },
-    [setActiveResourceId, domainConfig.maxPartySize, step, isServiceBased, STEPS]
+    [setActiveResourceId, domainConfig, partySizeByProductId, selection.partySize, step, isServiceBased, STEPS]
   );
   const handleResourceSelect = react.useCallback(
     (resourceId) => {
@@ -3654,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) {
@@ -3779,7 +3879,8 @@ function ResiraBookingWidget() {
             showDuration: domain === "watersport" || domain === "service",
             selectedDuration: activeDurationMinutes,
             onDurationChange: handleDurationChange,
-            maxPartySizeOverride: selectedProduct?.maxPartySize,
+            minPartySizeOverride: selectedProductPartyBounds.min,
+            maxPartySizeOverride: selectedProductPartyBounds.max,
             durationPricing: activeRiderDurationPricing ?? selectedProduct?.durationPricing,
             currency,
             showRemainingSpots
@@ -4678,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;