mautourco-components 0.2.172 → 0.2.173

package/dist/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.js

@@ -102,10 +102,20 @@ export function BookingPaxClient(props) {
     var prevErrorRef = useRef(undefined);
     useEffect(function () {
         var _a;
-        var hasError = ((_a = selectedClientsInfoIds[selectedIndex]) === null || _a === void 0 ? void 0 : _a.length) !== paxCount;
-        if (prevErrorRef.current !== hasError) {
-            prevErrorRef.current = hasError;
-            onError === null || onError === void 0 ? void 0 : onError(hasError);
+        var selectedError = clients.length === paxCount;
+        if (selectedError) {
+            if (prevErrorRef.current !== selectedError) {
+                prevErrorRef.current = selectedError;
+                onError === null || onError === void 0 ? void 0 : onError(false);
+            }
+        }
+        else {
+            var hasError_1 = ((_a = selectedClientsInfoIds[selectedIndex]) === null || _a === void 0 ? void 0 : _a.length) !== paxCount ||
+                clients.length === paxCount;
+            if (prevErrorRef.current !== hasError_1) {
+                prevErrorRef.current = hasError_1;
+                onError === null || onError === void 0 ? void 0 : onError(hasError_1);
+            }
         }
     }, [selectedClientsInfoIds, selectedIndex, paxCount, onError]);
     return (_jsxs("div", { className: "booking_spacing-y-2", children: [_jsxs(Text, { children: ["Please confirm the pax which applies on this service (", paxCount, " Pax)", ' ', _jsx(Text, { color: "state-error", as: "span", children: "*" })] }), _jsx("div", { className: cn('booking-pax-client', {

package/package.json

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

package/src/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.tsx

@@ -217,10 +217,20 @@ export function BookingPaxClient(props: BookingPaxClientProps) {
   const prevErrorRef = useRef<boolean | undefined>(undefined);
 
   useEffect(() => {
-    const hasError = selectedClientsInfoIds[selectedIndex]?.length !== paxCount;
-    if (prevErrorRef.current !== hasError) {
-      prevErrorRef.current = hasError;
-      onError?.(hasError);
+    const selectedError = clients.length === paxCount;
+    if (selectedError) {
+      if (prevErrorRef.current !== selectedError) {
+        prevErrorRef.current = selectedError;
+        onError?.(false);
+      }
+    } else {
+      const hasError =
+        selectedClientsInfoIds[selectedIndex]?.length !== paxCount ||
+        clients.length === paxCount;
+      if (prevErrorRef.current !== hasError) {
+        prevErrorRef.current = hasError;
+        onError?.(hasError);
+      }
     }
   }, [selectedClientsInfoIds, selectedIndex, paxCount, onError]);