@resira/ui 0.4.13 → 0.4.15

package/dist/index.cjs

@@ -2031,10 +2031,17 @@ function groupProductsByCategory(products, resources) {
     let groupId;
     let label;
     let catImage;
+    let catGalleryImages;
     if (productCategory) {
       groupId = productCategory.toLowerCase();
       label = product.categoryName?.trim() ? product.categoryName.trim() : formatCategoryLabel(productCategory);
+      catGalleryImages = Array.isArray(product.categoryGalleryImages) ? product.categoryGalleryImages.filter(
+        (url) => typeof url === "string" && url.trim().length > 0
+      ) : void 0;
       catImage = product.categoryImage ?? void 0;
+      if (!catImage && catGalleryImages && catGalleryImages.length > 0) {
+        catImage = catGalleryImages[0];
+      }
     } else {
       let categoryResource;
       const categoryType = product.equipmentIds.map((equipmentId) => {
@@ -2053,6 +2060,7 @@ function groupProductsByCategory(products, resources) {
         id: groupId,
         label,
         imageUrl: catImage,
+        galleryImages: catGalleryImages,
         products: []
       });
     }
@@ -2061,14 +2069,11 @@ function groupProductsByCategory(products, resources) {
     if (!group.imageUrl) {
       if (catImage) {
         group.imageUrl = catImage;
-      } else {
-        const coverImage = product.images?.[0];
-        const firstImage = (coverImage?.showInCategoryHeader !== false ? coverImage?.url : void 0) ?? product.imageUrl;
-        if (firstImage) {
-          group.imageUrl = firstImage;
-        }
       }
     }
+    if ((!group.galleryImages || group.galleryImages.length === 0) && catGalleryImages && catGalleryImages.length > 0) {
+      group.galleryImages = catGalleryImages;
+    }
   });
   return Array.from(groups.values());
 }
@@ -3092,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") {
@@ -3209,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) {
@@ -3219,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,
@@ -3265,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,
@@ -3277,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);
@@ -3297,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;
       }
@@ -3319,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":
@@ -3763,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,
@@ -3775,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;
                 }