@planetaexo/design-system 0.4.18 → 0.4.19

package/dist/index.d.cts

@@ -256,11 +256,15 @@ interface BookingDetailsProps {
     onEditTraveller?: (adventureId: string, travellerId: string) => void;
     onRemoveTraveller?: (adventureId: string, travellerId: string) => void;
     onAddSuggestedTraveller?: (adventureId: string, travellerId: string) => void;
+    /** Quando fornecida, substitui o modal interno do DS ao clicar "More travellers". */
+    onAddTraveller?: (adventureId: string) => void;
+    /** Quando fornecida, desassocia o viajante da aventura sem deletá-lo da reserva. */
+    onUnassignFromAdventure?: (adventureId: string, travellerId: string) => void;
     onPayBalance?: () => void;
     onCancelRequest?: () => void;
     className?: string;
 }
-declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onPayBalance, onCancelRequest, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
+declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onPayBalance, onCancelRequest, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
 
 interface BookingConfirmationLabels {
     ctaButton?: string;

package/dist/index.d.ts

@@ -256,11 +256,15 @@ interface BookingDetailsProps {
     onEditTraveller?: (adventureId: string, travellerId: string) => void;
     onRemoveTraveller?: (adventureId: string, travellerId: string) => void;
     onAddSuggestedTraveller?: (adventureId: string, travellerId: string) => void;
+    /** Quando fornecida, substitui o modal interno do DS ao clicar "More travellers". */
+    onAddTraveller?: (adventureId: string) => void;
+    /** Quando fornecida, desassocia o viajante da aventura sem deletá-lo da reserva. */
+    onUnassignFromAdventure?: (adventureId: string, travellerId: string) => void;
     onPayBalance?: () => void;
     onCancelRequest?: () => void;
     className?: string;
 }
-declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onPayBalance, onCancelRequest, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
+declare function BookingDetails({ bookingId, status, createdAt, contact, agentName, agentContactUrl, adventures, summaryLineItems, subtotal, total, depositInfo, onAddContactAsTraveller, onEditTraveller, onRemoveTraveller, onAddSuggestedTraveller, onAddTraveller, onUnassignFromAdventure, onPayBalance, onCancelRequest, className, }: BookingDetailsProps): react_jsx_runtime.JSX.Element;
 
 interface BookingConfirmationLabels {
     ctaButton?: string;

package/dist/index.js

@@ -2195,7 +2195,9 @@ function AdventureSection({
   onAddContactAsTraveller,
   onEditTraveller,
   onRemoveTraveller,
-  onAddSuggestedTraveller
+  onAddSuggestedTraveller,
+  onAddTraveller,
+  onUnassignFromAdventure
 }) {
   var _a, _b, _c;
   const [detailsOpen, setDetailsOpen] = React22.useState(false);
@@ -2349,7 +2351,7 @@ function AdventureSection({
             "button",
             {
               type: "button",
-              onClick: () => setAddModalOpen(true),
+              onClick: () => onAddTraveller ? onAddTraveller(adventure.id) : setAddModalOpen(true),
               className: "flex items-center gap-1.5 rounded-full border border-border px-3 py-1.5 text-xs font-ui text-primary hover:border-primary hover:bg-primary/5 transition-colors",
               children: [
                 /* @__PURE__ */ jsx(PlusIcon, { className: "w-3 h-3" }),
@@ -2432,12 +2434,12 @@ function AdventureSection({
                     children: /* @__PURE__ */ jsx(Trash2Icon, { className: "w-3.5 h-3.5" })
                   }
                 ),
-                onRemoveTraveller && /* @__PURE__ */ jsx(
+                (onUnassignFromAdventure || onRemoveTraveller) && /* @__PURE__ */ jsx(
                   "button",
                   {
                     type: "button",
-                    onClick: () => onRemoveTraveller(adventure.id, t.id),
-                    className: "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",
+                    onClick: () => onUnassignFromAdventure ? onUnassignFromAdventure(adventure.id, t.id) : onRemoveTraveller(adventure.id, t.id),
+                    className: "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",
                     "aria-label": `Remove ${t.firstName} from adventure`,
                     children: /* @__PURE__ */ jsx(UserMinusIcon, { className: "w-3.5 h-3.5" })
                   }
@@ -2719,6 +2721,8 @@ function BookingDetails({
   onEditTraveller,
   onRemoveTraveller,
   onAddSuggestedTraveller,
+  onAddTraveller,
+  onUnassignFromAdventure,
   onPayBalance,
   onCancelRequest,
   className
@@ -2800,7 +2804,9 @@ function BookingDetails({
               onAddContactAsTraveller,
               onEditTraveller,
               onRemoveTraveller,
-              onAddSuggestedTraveller
+              onAddSuggestedTraveller,
+              onAddTraveller,
+              onUnassignFromAdventure
             },
             adventure.id
           ))