@planetaexo/design-system 0.4.17 → 0.4.19

package/dist/index.cjs

@@ -2216,7 +2216,9 @@ function AdventureSection({
   onAddContactAsTraveller,
   onEditTraveller,
   onRemoveTraveller,
-  onAddSuggestedTraveller
+  onAddSuggestedTraveller,
+  onAddTraveller,
+  onUnassignFromAdventure
 }) {
   var _a, _b, _c;
   const [detailsOpen, setDetailsOpen] = React22__namespace.useState(false);
@@ -2370,7 +2372,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__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "w-3 h-3" }),
@@ -2453,12 +2455,12 @@ function AdventureSection({
                     children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: "w-3.5 h-3.5" })
                   }
                 ),
-                onRemoveTraveller && /* @__PURE__ */ jsxRuntime.jsx(
+                (onUnassignFromAdventure || onRemoveTraveller) && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.UserMinusIcon, { className: "w-3.5 h-3.5" })
                   }
@@ -2740,6 +2742,8 @@ function BookingDetails({
   onEditTraveller,
   onRemoveTraveller,
   onAddSuggestedTraveller,
+  onAddTraveller,
+  onUnassignFromAdventure,
   onPayBalance,
   onCancelRequest,
   className
@@ -2821,7 +2825,9 @@ function BookingDetails({
               onAddContactAsTraveller,
               onEditTraveller,
               onRemoveTraveller,
-              onAddSuggestedTraveller
+              onAddSuggestedTraveller,
+              onAddTraveller,
+              onUnassignFromAdventure
             },
             adventure.id
           ))
@@ -5085,11 +5091,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];
@@ -5119,7 +5124,6 @@ var OTPCodeInput = ({
         ),
         role: "group",
         "aria-label": label,
-        onPaste: handlePaste,
         children: digits.map((digit, index) => /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -5130,13 +5134,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();