@planetaexo/design-system 0.9.0 → 0.9.2

package/dist/index.cjs

@@ -2276,6 +2276,7 @@ function AdventureSection({
   onAddSuggestedTraveller,
   onAddTraveller,
   onUnassignFromAdventure,
+  onCopyFormLink,
   hasSubmitAddTraveller,
   hasSubmitEditTraveller,
   hasConfirmRemoveTraveller,
@@ -2287,7 +2288,11 @@ function AdventureSection({
   var _a, _b, _c, _d, _e, _f, _g;
   const [detailsOpen, setDetailsOpen] = React22__namespace.useState(false);
   const handleCopyUrl = (url) => {
-    navigator.clipboard.writeText(url);
+    if (onCopyFormLink) {
+      onCopyFormLink(url);
+    } else {
+      void navigator.clipboard.writeText(url);
+    }
   };
   const people = adventure.slots;
   [
@@ -2590,24 +2595,38 @@ function AdventureSection({
           t.id
         );
       }) }),
-      adventure.suggestedTravellers && adventure.suggestedTravellers.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pt-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui", children: "Add to this adventure" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: adventure.suggestedTravellers.map((st) => /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => onAddSuggestedTraveller == null ? void 0 : onAddSuggestedTraveller(adventure.id, st.id),
-            className: "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-foreground hover:border-primary hover:text-primary hover:bg-primary/5 transition-colors",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "w-3 h-3" }),
-              st.firstName,
-              " ",
-              st.lastName
-            ]
-          },
-          st.id
-        )) })
-      ] }),
+      adventure.suggestedTravellers && adventure.suggestedTravellers.length > 0 && (() => {
+        var _a2;
+        const atCapacity = totalSlots > 0 && adventure.travellers.length >= totalSlots;
+        const atCapacityTooltip = atCapacity ? (_a2 = adventure.atCapacityLabel) != null ? _a2 : "Adventure full" : void 0;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pt-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground font-ui", children: "Add to this adventure" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: adventure.suggestedTravellers.map((st) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                if (atCapacity) return;
+                onAddSuggestedTraveller == null ? void 0 : onAddSuggestedTraveller(adventure.id, st.id);
+              },
+              disabled: atCapacity,
+              title: atCapacityTooltip,
+              "aria-disabled": atCapacity,
+              className: cn(
+                "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-foreground hover:border-primary hover:text-primary hover:bg-primary/5 transition-colors",
+                "disabled:opacity-40 disabled:cursor-not-allowed disabled:pointer-events-none disabled:hover:border-border disabled:hover:text-foreground disabled:hover:bg-transparent"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "w-3 h-3" }),
+                st.firstName,
+                " ",
+                st.lastName
+              ]
+            },
+            st.id
+          )) })
+        ] });
+      })(),
       adventure.travellers.length > 0 && totalSlots > 0 && (() => {
         const completed = adventure.travellers.filter((t) => t.status === "completed").length;
         const percent = Math.round(completed / totalSlots * 100);
@@ -3062,6 +3081,7 @@ function BookingDetails({
   onAddSuggestedTraveller,
   onAddTraveller,
   onUnassignFromAdventure,
+  onCopyFormLink,
   onSubmitAddTraveller,
   onSubmitEditTraveller,
   onConfirmRemoveTraveller,
@@ -3274,6 +3294,7 @@ function BookingDetails({
                 onAddSuggestedTraveller,
                 onAddTraveller,
                 onUnassignFromAdventure,
+                onCopyFormLink,
                 hasSubmitAddTraveller,
                 hasSubmitEditTraveller,
                 hasConfirmRemoveTraveller,
@@ -5538,11 +5559,12 @@ function isoOrDateToString(v) {
   return d.toISOString().slice(0, 10);
 }
 function RegistrationSuccessCard({
+  variant = "full",
   title = "Thanks \u2014 your answers have been received.",
   message = "We'll get in touch if anything else is needed.",
   answersTitle = "Your submitted answers",
-  fields,
-  answers,
+  fields = [],
+  answers = {},
   dateFormatter = isoOrDateToString,
   formatAnswer,
   className,
@@ -5556,11 +5578,12 @@ function RegistrationSuccessCard({
   tripInfoLabels
 }) {
   var _a, _b, _c, _d, _e;
-  const sorted = [...fields].sort((a, b) => {
+  const isMinimal = variant === "minimal";
+  const sorted = isMinimal ? [] : [...fields].sort((a, b) => {
     var _a2, _b2;
     return ((_a2 = a.order) != null ? _a2 : 0) - ((_b2 = b.order) != null ? _b2 : 0);
   }).filter((f) => Object.prototype.hasOwnProperty.call(answers, f.id));
-  const hasTripInfo = !!(adventure || booking || traveller);
+  const hasTripInfo = !isMinimal && !!(adventure || booking || traveller);
   const dateRange = adventure ? formatDateRange(adventure, dateFormatter) : null;
   const TL = {
     sectionTitle: (_a = tripInfoLabels == null ? void 0 : tripInfoLabels.sectionTitle) != null ? _a : "Trip info",
@@ -5614,7 +5637,7 @@ function RegistrationSuccessCard({
         answers[f.id]
       ) })
     ] }, f.id)) }) }),
-    terms && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: "Terms & Conditions", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm font-ui", children: [
+    !isMinimal && terms && /* @__PURE__ */ jsxRuntime.jsx(FormSection2, { title: "Terms & Conditions", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm font-ui", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
         "inline-flex h-5 w-5 items-center justify-center rounded-full text-white text-xs font-bold",
         terms.accepted ? "bg-primary" : "bg-destructive"