@planetaexo/design-system 0.3.0 → 0.3.2

package/dist/index.cjs

@@ -1069,21 +1069,33 @@ function CountrySearchField({
   ] });
 }
 function AdventureCard({ adventure }) {
-  var _a, _b, _c;
-  const [checked, setChecked] = React18__namespace.useState(
-    new Set((_b = (_a = adventure.optionals) == null ? void 0 : _a.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _b : [])
+  var _a, _b, _c, _d, _e;
+  const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
+  const [checkedInternal, setCheckedInternal] = React18__namespace.useState(
+    new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
   );
-  const toggleOptional = (id) => setChecked((prev) => {
-    const next = new Set(prev);
-    next.has(id) ? next.delete(id) : next.add(id);
-    return next;
-  });
+  const isChecked = (opt) => {
+    var _a2;
+    return isControlled ? (_a2 = opt.checked) != null ? _a2 : false : checkedInternal.has(opt.id);
+  };
+  const toggleOptional = (opt) => {
+    var _a2;
+    if (isControlled) {
+      (_a2 = opt.onCheckedChange) == null ? void 0 : _a2.call(opt, opt.id, !opt.checked);
+    } else {
+      setCheckedInternal((prev) => {
+        const next = new Set(prev);
+        next.has(opt.id) ? next.delete(opt.id) : next.add(opt.id);
+        return next;
+      });
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/7] overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
       "img",
       {
         src: adventure.image,
-        alt: (_c = adventure.imageAlt) != null ? _c : adventure.title,
+        alt: (_e = adventure.imageAlt) != null ? _e : adventure.title,
         className: "w-full h-full object-cover"
       }
     ) }),
@@ -1125,8 +1137,8 @@ function AdventureCard({ adventure }) {
                 "input",
                 {
                   type: "checkbox",
-                  checked: checked.has(opt.id),
-                  onChange: () => toggleOptional(opt.id),
+                  checked: isChecked(opt),
+                  onChange: () => toggleOptional(opt),
                   className: "h-4 w-4 shrink-0 rounded border-border accent-primary cursor-pointer"
                 }
               ),
@@ -1851,14 +1863,16 @@ function Offer({
   onContinue,
   continueLabel = "Book now",
   externalBookingFlow,
+  checkoutSlot,
   summaryNotesSlot,
   summaryDiscountLine,
   continueDisabled,
   className
 }) {
   const [showBooking, setShowBooking] = React18__namespace.useState(false);
+  const isShowingCheckout = !!checkoutSlot || showBooking;
   const handleBook = () => {
-    if (!externalBookingFlow) setShowBooking(true);
+    if (!checkoutSlot && !externalBookingFlow) setShowBooking(true);
     onContinue == null ? void 0 : onContinue();
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full max-w-5xl mx-auto flex flex-col gap-6 pb-20 lg:pb-0", className), children: [
@@ -1874,7 +1888,7 @@ function Offer({
           ] }),
           adventures.map((adventure) => /* @__PURE__ */ jsxRuntime.jsx(AdventureCard, { adventure }, adventure.id))
         ] }),
-        !showBooking && /* @__PURE__ */ jsxRuntime.jsx(
+        !isShowingCheckout && /* @__PURE__ */ jsxRuntime.jsx(
           OfferSummarySection,
           {
             adventures,
@@ -1888,7 +1902,7 @@ function Offer({
             continueDisabled
           }
         ),
-        showBooking && !externalBookingFlow && /* @__PURE__ */ jsxRuntime.jsx(
+        isShowingCheckout && (checkoutSlot != null ? checkoutSlot : /* @__PURE__ */ jsxRuntime.jsx(
           BookingWizard,
           {
             adventures,
@@ -1896,7 +1910,7 @@ function Offer({
             depositInfo,
             onCancel: () => setShowBooking(false)
           }
-        )
+        ))
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-8", children: /* @__PURE__ */ jsxRuntime.jsx(
         OfferSidebar,
@@ -1909,7 +1923,7 @@ function Offer({
         }
       ) })
     ] }),
-    !showBooking && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed bottom-0 inset-x-0 z-40 border-t border-border bg-background/95 backdrop-blur-sm px-4 py-3 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4 max-w-5xl mx-auto", children: [
+    !isShowingCheckout && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed bottom-0 inset-x-0 z-40 border-t border-border bg-background/95 backdrop-blur-sm px-4 py-3 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4 max-w-5xl mx-auto", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] uppercase tracking-widest text-muted-foreground font-heading", children: "Total" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-black text-primary font-heading leading-tight", children: total })