@planetaexo/design-system 0.4.17 → 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
           ))
@@ -5064,11 +5070,10 @@ var OTPCodeInput = ({
       e.preventDefault();
     }
   };
-  const handlePaste = (e) => {
+  const handlePaste = (e, startIndex) => {
     e.preventDefault();
     const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, length);
     if (!pasted) return;
-    const startIndex = focusedIndexRef.current;
     const newDigits = [...digits];
     for (let i = 0; i < pasted.length && startIndex + i < length; i++) {
       newDigits[startIndex + i] = pasted[i];
@@ -5098,7 +5103,6 @@ var OTPCodeInput = ({
         ),
         role: "group",
         "aria-label": label,
-        onPaste: handlePaste,
         children: digits.map((digit, index) => /* @__PURE__ */ jsx(
           "input",
           {
@@ -5109,13 +5113,14 @@ var OTPCodeInput = ({
             type: "text",
             inputMode: "numeric",
             pattern: "\\d*",
-            maxLength: 2,
+            maxLength: 1,
             value: digit,
             autoComplete: index === 0 ? "one-time-code" : "off",
             "aria-label": `${label} d\xEDgito ${index + 1} de ${length}`,
             disabled,
             onChange: (e) => handleChange(index, e.target.value),
             onKeyDown: (e) => handleKeyDown(index, e),
+            onPaste: (e) => handlePaste(e, index),
             onFocus: (e) => {
               focusedIndexRef.current = index;
               e.target.select();