@resira/ui 0.4.14 → 0.4.15

package/dist/index.cjs

@@ -3097,6 +3097,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") {
@@ -3214,6 +3222,7 @@ function ResiraBookingWidget() {
     setPromoValidation(result);
   }, []);
   const [slotDate, setSlotDate] = react.useState(todayStr());
+  const activeDurationMinutes = normalizeDurationMinutes(selection.duration);
   const availabilityParams = react.useMemo(() => {
     if (isDateBased) {
       if (selection.startDate && selection.endDate) {
@@ -3224,9 +3233,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 +3279,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 +3291,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 +3311,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 +3333,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":
@@ -3768,7 +3777,7 @@ function ResiraBookingWidget() {
             onPartySizeChange: handlePartySizeChange,
             showPartySize: true,
             showDuration: domain === "watersport" || domain === "service",
-            selectedDuration: selection.duration,
+            selectedDuration: activeDurationMinutes,
             onDurationChange: handleDurationChange,
             maxPartySizeOverride: selectedProduct?.maxPartySize,
             durationPricing: activeRiderDurationPricing ?? selectedProduct?.durationPricing,
@@ -3780,19 +3789,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;
                 }