@resira/ui 0.4.2 → 0.4.3

package/dist/index.cjs

@@ -1779,6 +1779,10 @@ function ServiceOverlayCard({
 }) {
   const currency = product.currency ?? "EUR";
   const priceLabel = product.pricingModel === "per_rider" ? "per rider" : product.pricingModel === "per_person" ? locale.perPerson : locale.perSession;
+  const hasMultipleOptions = (product.durationPricing?.length ?? 0) > 1 || (product.riderTierPricing?.length ?? 0) > 1;
+  const lowestPrice = hasMultipleOptions && product.durationPricing?.length ? Math.min(...product.durationPricing.map((dp) => dp.priceCents)) : product.priceCents;
+  const pricePrefix = hasMultipleOptions ? "from " : "";
+  const optionCount = product.durationPricing?.length ?? (product.riderTierPricing?.length ?? 0);
   let className = "resira-service-overlay-card";
   if (isSelected) className += " resira-service-overlay-card--selected";
   if (cardClassName) className += ` ${cardClassName}`;
@@ -1799,17 +1803,22 @@ function ServiceOverlayCard({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-service-overlay-card-bottom", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "resira-service-overlay-card-price", children: [
-          formatPrice2(product.priceCents, currency),
+          pricePrefix,
+          formatPrice2(lowestPrice, currency),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "resira-service-overlay-card-price-unit", children: [
             "/",
             priceLabel
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "resira-service-overlay-card-pills", children: [
-          product.durationMinutes > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "resira-service-overlay-card-pill", children: [
+          hasMultipleOptions && optionCount > 1 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "resira-service-overlay-card-pill", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ClockIcon, { size: 11 }),
+            optionCount,
+            " options"
+          ] }) : product.durationMinutes > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "resira-service-overlay-card-pill", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ClockIcon, { size: 11 }),
             formatDuration2(product.durationMinutes)
-          ] }),
+          ] }) : null,
           product.maxPartySize && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "resira-service-overlay-card-pill", children: [
             /* @__PURE__ */ jsxRuntime.jsx(UsersIcon, { size: 11 }),
             "max ",
@@ -3026,8 +3035,14 @@ function ResiraBookingWidget() {
           partySize: clampedPartySize
         };
       });
+      if (step === "resource" && isServiceBased) {
+        const nextIdx = stepIndex("resource", STEPS) + 1;
+        if (nextIdx < STEPS.length) {
+          setStep(STEPS[nextIdx]);
+        }
+      }
     },
-    [setActiveResourceId, domainConfig.maxPartySize]
+    [setActiveResourceId, domainConfig.maxPartySize, step, isServiceBased, STEPS]
   );
   const handleResourceSelect = react.useCallback(
     (resourceId) => {