@planetaexo/design-system 0.9.0 → 0.9.1

package/dist/index.d.cts

@@ -288,6 +288,9 @@ interface BookingAdventure {
     addTravellerLabel?: string;
     /** Texto curto exibido em mobile (sm:hidden). Default: "Add". */
     addTravellerShortLabel?: string;
+    /** Tooltip exibido quando chips de "Add to this adventure" estão desabilitados por capacidade.
+     *  Default: "Adventure full". */
+    atCapacityLabel?: string;
 }
 interface BookingContact {
     name: string;
@@ -341,6 +344,9 @@ interface BookingDetailsProps {
     onAddTraveller?: (adventureId: string) => void;
     /** Quando fornecida, desassocia o viajante da aventura sem deletá-lo da reserva. */
     onUnassignFromAdventure?: (adventureId: string, travellerId: string) => void;
+    /** Quando fornecida, o consumer assume clipboard + feedback visual (ex.: toast). Fallback:
+     *  `navigator.clipboard.writeText` sem feedback. */
+    onCopyFormLink?: (url: string) => void;
     /** Submit do modal de ADD interno. Usado quando `onAddTraveller` NÃO é passado. */
     onSubmitAddTraveller?: (adventureId: string, data: TravellerFormData) => Promise<void> | void;
     /** Submit do modal de EDIT interno. Usado quando `onEditTraveller` NÃO é passado. */
@@ -369,7 +375,7 @@ interface BookingDetailsProps {
     signOutLabel?: string;
     className?: string;
 }
-declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, cannotRemoveLastTravellerLabel, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onSubmitAddTraveller, onSubmitEditTraveller, onConfirmRemoveTraveller, travellerFormConfig, addTravellerSaving, editTravellerSaving, removeTravellerSaving, travellerFormError, onPayBalance, onCancelRequest, logoSrc, logoAlt, onSignOut, signOutLabel, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
+declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, cannotRemoveLastTravellerLabel, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onCopyFormLink, onSubmitAddTraveller, onSubmitEditTraveller, onConfirmRemoveTraveller, travellerFormConfig, addTravellerSaving, editTravellerSaving, removeTravellerSaving, travellerFormError, onPayBalance, onCancelRequest, logoSrc, logoAlt, onSignOut, signOutLabel, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
 
 interface BookingConfirmationLabels {
     ctaButton?: string;

package/dist/index.d.ts

@@ -288,6 +288,9 @@ interface BookingAdventure {
     addTravellerLabel?: string;
     /** Texto curto exibido em mobile (sm:hidden). Default: "Add". */
     addTravellerShortLabel?: string;
+    /** Tooltip exibido quando chips de "Add to this adventure" estão desabilitados por capacidade.
+     *  Default: "Adventure full". */
+    atCapacityLabel?: string;
 }
 interface BookingContact {
     name: string;
@@ -341,6 +344,9 @@ interface BookingDetailsProps {
     onAddTraveller?: (adventureId: string) => void;
     /** Quando fornecida, desassocia o viajante da aventura sem deletá-lo da reserva. */
     onUnassignFromAdventure?: (adventureId: string, travellerId: string) => void;
+    /** Quando fornecida, o consumer assume clipboard + feedback visual (ex.: toast). Fallback:
+     *  `navigator.clipboard.writeText` sem feedback. */
+    onCopyFormLink?: (url: string) => void;
     /** Submit do modal de ADD interno. Usado quando `onAddTraveller` NÃO é passado. */
     onSubmitAddTraveller?: (adventureId: string, data: TravellerFormData) => Promise<void> | void;
     /** Submit do modal de EDIT interno. Usado quando `onEditTraveller` NÃO é passado. */
@@ -369,7 +375,7 @@ interface BookingDetailsProps {
     signOutLabel?: string;
     className?: string;
 }
-declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, cannotRemoveLastTravellerLabel, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onSubmitAddTraveller, onSubmitEditTraveller, onConfirmRemoveTraveller, travellerFormConfig, addTravellerSaving, editTravellerSaving, removeTravellerSaving, travellerFormError, onPayBalance, onCancelRequest, logoSrc, logoAlt, onSignOut, signOutLabel, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
+declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, agentNameFallback, agentLabel, agentContactLabel, cannotRemoveLastTravellerLabel, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onCopyFormLink, onSubmitAddTraveller, onSubmitEditTraveller, onConfirmRemoveTraveller, travellerFormConfig, addTravellerSaving, editTravellerSaving, removeTravellerSaving, travellerFormError, onPayBalance, onCancelRequest, logoSrc, logoAlt, onSignOut, signOutLabel, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
 
 interface BookingConfirmationLabels {
     ctaButton?: string;

package/dist/index.js

@@ -2255,6 +2255,7 @@ function AdventureSection({
   onAddSuggestedTraveller,
   onAddTraveller,
   onUnassignFromAdventure,
+  onCopyFormLink,
   hasSubmitAddTraveller,
   hasSubmitEditTraveller,
   hasConfirmRemoveTraveller,
@@ -2266,7 +2267,11 @@ function AdventureSection({
   var _a, _b, _c, _d, _e, _f, _g;
   const [detailsOpen, setDetailsOpen] = React22.useState(false);
   const handleCopyUrl = (url) => {
-    navigator.clipboard.writeText(url);
+    if (onCopyFormLink) {
+      onCopyFormLink(url);
+    } else {
+      void navigator.clipboard.writeText(url);
+    }
   };
   const people = adventure.slots;
   [
@@ -2569,24 +2574,38 @@ function AdventureSection({
           t.id
         );
       }) }),
-      adventure.suggestedTravellers && adventure.suggestedTravellers.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-2", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-ui", children: "Add to this adventure" }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: adventure.suggestedTravellers.map((st) => /* @__PURE__ */ 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__ */ jsx(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__ */ jsxs("div", { className: "flex flex-col gap-2 pt-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground font-ui", children: "Add to this adventure" }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: adventure.suggestedTravellers.map((st) => /* @__PURE__ */ 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__ */ jsx(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);
@@ -3041,6 +3060,7 @@ function BookingDetails({
   onAddSuggestedTraveller,
   onAddTraveller,
   onUnassignFromAdventure,
+  onCopyFormLink,
   onSubmitAddTraveller,
   onSubmitEditTraveller,
   onConfirmRemoveTraveller,
@@ -3253,6 +3273,7 @@ function BookingDetails({
                 onAddSuggestedTraveller,
                 onAddTraveller,
                 onUnassignFromAdventure,
+                onCopyFormLink,
                 hasSubmitAddTraveller,
                 hasSubmitEditTraveller,
                 hasConfirmRemoveTraveller,