@planetaexo/design-system 0.22.1 → 0.23.0

package/dist/index.cjs

@@ -2801,8 +2801,15 @@ function AdventureSection({
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col divide-y divide-border", children: adventure.travellers.map((t) => {
-        var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2;
-        const canRemoveTraveller = adventure.travellers.length > 1;
+        var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2;
+        const canRemoveTraveller = adventure.travellers.length > 1 || adventure.allowEmptyAdventure === true;
+        const isRemovingLastTraveller = adventure.allowEmptyAdventure === true && adventure.travellers.length === 1;
+        const confirmRemoveLastMessage = (_b2 = (_a2 = labels == null ? void 0 : labels.confirmRemoveLastTraveller) == null ? void 0 : _a2.message) != null ? _b2 : "The adventure will be empty. Continue?";
+        const confirmIfLast = () => {
+          if (!isRemovingLastTraveller) return true;
+          if (typeof window === "undefined") return true;
+          return window.confirm(confirmRemoveLastMessage);
+        };
         const disabledRemoveTitle = canRemoveTraveller ? void 0 : cannotRemoveLastTravellerLabel != null ? cannotRemoveLastTravellerLabel : "Cannot remove last traveller";
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -2816,7 +2823,7 @@ function AdventureSection({
                     " ",
                     t.lastName
                   ] }),
-                  t.isChild && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold font-heading rounded-full px-2 py-0.5 bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400 shrink-0", children: (_a2 = labels == null ? void 0 : labels.childBadge) != null ? _a2 : "Child" })
+                  t.isChild && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold font-heading rounded-full px-2 py-0.5 bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400 shrink-0", children: (_c2 = labels == null ? void 0 : labels.childBadge) != null ? _c2 : "Child" })
                 ] }),
                 t.formUrl && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2828,7 +2835,7 @@ function AdventureSection({
                       className: "flex items-center gap-1 text-xs text-primary hover:text-primary/80 transition-colors font-ui",
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, { className: "w-3 h-3" }),
-                        (_b2 = labels == null ? void 0 : labels.openFormLink) != null ? _b2 : "Open"
+                        (_d2 = labels == null ? void 0 : labels.openFormLink) != null ? _d2 : "Open"
                       ]
                     }
                   ),
@@ -2838,7 +2845,7 @@ function AdventureSection({
                       type: "button",
                       onClick: () => handleCopyUrl(t.formUrl),
                       className: "flex items-center text-xs text-muted-foreground hover:text-primary transition-colors font-ui",
-                      "aria-label": (_c2 = labels == null ? void 0 : labels.copyFormUrlAria) != null ? _c2 : "Copy form URL",
+                      "aria-label": (_e2 = labels == null ? void 0 : labels.copyFormUrlAria) != null ? _e2 : "Copy form URL",
                       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { className: "w-3 h-3" })
                     }
                   )
@@ -2852,7 +2859,7 @@ function AdventureSection({
                       "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-bold font-heading uppercase tracking-wider shrink-0",
                       t.status === "completed" ? "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400" : "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400"
                     ),
-                    children: t.status === "completed" ? (_d2 = labels == null ? void 0 : labels.travellerStatusCompleted) != null ? _d2 : t.status : (_e2 = labels == null ? void 0 : labels.travellerStatusPending) != null ? _e2 : t.status
+                    children: t.status === "completed" ? (_f2 = labels == null ? void 0 : labels.travellerStatusCompleted) != null ? _f2 : t.status : (_g2 = labels == null ? void 0 : labels.travellerStatusPending) != null ? _g2 : t.status
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [
@@ -2868,7 +2875,7 @@ function AdventureSection({
                         }
                       },
                       className: "flex h-8 w-8 sm:h-7 sm:w-7 items-center justify-center rounded-lg text-muted-foreground hover:text-primary hover:bg-primary/10 transition-colors",
-                      "aria-label": (_g2 = (_f2 = labels == null ? void 0 : labels.editTravellerAria) == null ? void 0 : _f2.call(labels, t.firstName)) != null ? _g2 : `Edit ${t.firstName}`,
+                      "aria-label": (_i2 = (_h2 = labels == null ? void 0 : labels.editTravellerAria) == null ? void 0 : _h2.call(labels, t.firstName)) != null ? _i2 : `Edit ${t.firstName}`,
                       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PencilIcon, { className: "w-3.5 h-3.5" })
                     }
                   ),
@@ -2878,6 +2885,7 @@ function AdventureSection({
                       type: "button",
                       onClick: () => {
                         if (!canRemoveTraveller) return;
+                        if (!confirmIfLast()) return;
                         if (onRemoveTraveller) {
                           onRemoveTraveller(adventure.id, t.id);
                         } else {
@@ -2891,7 +2899,7 @@ function AdventureSection({
                         "flex h-8 w-8 sm:h-7 sm:w-7 items-center justify-center rounded-lg text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors",
                         "disabled:opacity-40 disabled:cursor-not-allowed disabled:pointer-events-none disabled:hover:text-muted-foreground disabled:hover:bg-transparent"
                       ),
-                      "aria-label": (_i2 = (_h2 = labels == null ? void 0 : labels.deleteTravellerAria) == null ? void 0 : _h2.call(labels, t.firstName)) != null ? _i2 : `Delete ${t.firstName}`,
+                      "aria-label": (_k2 = (_j2 = labels == null ? void 0 : labels.deleteTravellerAria) == null ? void 0 : _j2.call(labels, t.firstName)) != null ? _k2 : `Delete ${t.firstName}`,
                       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: "w-3.5 h-3.5" })
                     }
                   ),
@@ -2901,6 +2909,7 @@ function AdventureSection({
                       type: "button",
                       onClick: () => {
                         if (!canRemoveTraveller) return;
+                        if (!confirmIfLast()) return;
                         if (onUnassignFromAdventure) {
                           onUnassignFromAdventure(adventure.id, t.id);
                         } else if (onRemoveTraveller) {
@@ -2916,7 +2925,7 @@ function AdventureSection({
                         "flex h-8 w-8 sm:h-7 sm:w-7 items-center justify-center rounded-lg text-muted-foreground hover:text-amber-500 hover:bg-amber-500/10 transition-colors",
                         "disabled:opacity-40 disabled:cursor-not-allowed disabled:pointer-events-none disabled:hover:text-muted-foreground disabled:hover:bg-transparent"
                       ),
-                      "aria-label": (_k2 = (_j2 = labels == null ? void 0 : labels.removeFromAdventureAria) == null ? void 0 : _j2.call(labels, t.firstName)) != null ? _k2 : `Remove ${t.firstName} from adventure`,
+                      "aria-label": (_m2 = (_l2 = labels == null ? void 0 : labels.removeFromAdventureAria) == null ? void 0 : _l2.call(labels, t.firstName)) != null ? _m2 : `Remove ${t.firstName} from adventure`,
                       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserMinusIcon, { className: "w-3.5 h-3.5" })
                     }
                   )
@@ -3482,13 +3491,18 @@ function BookingDetails({
   const closeDeleteModal = React23__namespace.useCallback(() => {
     setDeleteModalState({ open: false, adventureId: null, traveller: null });
   }, []);
+  const submitInFlightRef = React23__namespace.useRef(false);
   const handleAddSubmit = React23__namespace.useCallback(
     async (adventureId, data) => {
       if (!onSubmitAddTraveller) return;
+      if (submitInFlightRef.current) return;
+      submitInFlightRef.current = true;
       try {
         await onSubmitAddTraveller(adventureId, data);
         closeAddModal();
       } catch (e) {
+      } finally {
+        submitInFlightRef.current = false;
       }
     },
     [onSubmitAddTraveller, closeAddModal]
@@ -3496,10 +3510,14 @@ function BookingDetails({
   const handleEditSubmit = React23__namespace.useCallback(
     async (adventureId, travellerId, data) => {
       if (!onSubmitEditTraveller) return;
+      if (submitInFlightRef.current) return;
+      submitInFlightRef.current = true;
       try {
         await onSubmitEditTraveller(adventureId, travellerId, data);
         closeEditModal();
       } catch (e) {
+      } finally {
+        submitInFlightRef.current = false;
       }
     },
     [onSubmitEditTraveller, closeEditModal]
@@ -3507,10 +3525,14 @@ function BookingDetails({
   const handleDeleteConfirm = React23__namespace.useCallback(
     async (adventureId, travellerId) => {
       if (!onConfirmRemoveTraveller) return;
+      if (submitInFlightRef.current) return;
+      submitInFlightRef.current = true;
       try {
         await onConfirmRemoveTraveller(adventureId, travellerId);
         closeDeleteModal();
       } catch (e) {
+      } finally {
+        submitInFlightRef.current = false;
       }
     },
     [onConfirmRemoveTraveller, closeDeleteModal]