mautourco-components 0.2.82 → 0.2.83

package/dist/components/organisms/CarBookingCard/CarBookingCard.js

@@ -102,13 +102,21 @@ var CarBookingCard = function (_a) {
     };
     // Handle CTA click: toggle between "Add to quote" and "Selected" and pass supplement data
     var handleCtaClick = function (e) {
-        setIsSelected(!isSelected);
+        var newIsSelected = !isSelected;
+        setIsSelected(newIsSelected);
+        // Reset hover state when deselecting to prevent text staying as "Remove"
+        if (!newIsSelected) {
+            setIsHovered(false);
+        }
         // Pass the selected supplements to the parent component
         onCtaClick === null || onCtaClick === void 0 ? void 0 : onCtaClick(e, selectedSupplements.length > 0 ? selectedSupplements : undefined);
     };
     // Determine button state based on selection and hover
-    var shouldShowRemove = isSelected && isHovered;
-    var shouldShowSelected = isSelected && !isHovered;
+    // Use both isSelected (internal state) and state prop to ensure synchronization
+    // If state prop is 'default', always show default label regardless of isSelected
+    var isActuallySelected = isSelected && (state === 'selected' || state === 'hover');
+    var shouldShowRemove = isActuallySelected && isHovered;
+    var shouldShowSelected = isActuallySelected && !isHovered;
     var resolvedCtaLabel = shouldShowRemove
         ? 'Remove'
         : shouldShowSelected

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mautourco-components",
-  "version": "0.2.82",
+  "version": "0.2.83",
   "private": false,
   "description": "Bibliothèque de composants Mautourco pour le redesign",
   "main": "dist/index.js",

package/src/components/organisms/CarBookingCard/CarBookingCard.tsx

@@ -193,14 +193,22 @@ const CarBookingCard: React.FC<CarBookingCardProps> = ({
 
   // Handle CTA click: toggle between "Add to quote" and "Selected" and pass supplement data
   const handleCtaClick = (e: React.MouseEvent<HTMLButtonElement>) => {
-    setIsSelected(!isSelected);
+    const newIsSelected = !isSelected;
+    setIsSelected(newIsSelected);
+    // Reset hover state when deselecting to prevent text staying as "Remove"
+    if (!newIsSelected) {
+      setIsHovered(false);
+    }
     // Pass the selected supplements to the parent component
     onCtaClick?.(e, selectedSupplements.length > 0 ? selectedSupplements : undefined);
   };
 
   // Determine button state based on selection and hover
-  const shouldShowRemove = isSelected && isHovered;
-  const shouldShowSelected = isSelected && !isHovered;
+  // Use both isSelected (internal state) and state prop to ensure synchronization
+  // If state prop is 'default', always show default label regardless of isSelected
+  const isActuallySelected = isSelected && (state === 'selected' || state === 'hover');
+  const shouldShowRemove = isActuallySelected && isHovered;
+  const shouldShowSelected = isActuallySelected && !isHovered;
   
   const resolvedCtaLabel = shouldShowRemove 
     ? 'Remove'