mautourco-components 0.2.81 → 0.2.83

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

@@ -29,8 +29,10 @@ var CarBookingCard = function (_a) {
     var dropdownRef = useRef(null);
     var panelRef = useRef(null);
     // Synchronize internal isSelected state with the state prop when it changes from parent
+    // Also reset isHovered to prevent text staying as "Remove" when state changes
     useEffect(function () {
         setIsSelected(state === 'selected');
+        setIsHovered(false);
     }, [state]);
     var resolvedShowSupplement = showSupplement !== null && showSupplement !== void 0 ? showSupplement : Boolean(supplements.length > 0 && transfers.length > 0);
     var hasSupplementsSelected = selectedSupplements.some(function (s) { return s.value > 0; });
@@ -100,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.81",
+  "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

@@ -107,8 +107,10 @@ const CarBookingCard: React.FC<CarBookingCardProps> = ({
   const panelRef = useRef<HTMLDivElement>(null);
   
   // Synchronize internal isSelected state with the state prop when it changes from parent
+  // Also reset isHovered to prevent text staying as "Remove" when state changes
   useEffect(() => {
     setIsSelected(state === 'selected');
+    setIsHovered(false);
   }, [state]);
   
   const resolvedShowSupplement =
@@ -191,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'