mautourco-components 0.2.172 → 0.2.174

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/dist/components/molecules/BookingResume/BookingResume.css

@@ -0,0 +1,9 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+.booking-resume > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+}

package/dist/components/molecules/BookingResume/BookingResume.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './BookingResume.css';
 import { BookingResumeLayout } from './BookingResumeLayout/BookingResumeLayout';
 import { ResumeAccom } from './ResumeAccom/ResumeAccom';
 import { ResumeExcursion } from './ResumeExcursion/ResumeExcursion';

package/dist/components/molecules/BookingResume/BookingResume.js

@@ -10,13 +10,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import './BookingResume.css';
 import { BookingResumeLayout } from './BookingResumeLayout/BookingResumeLayout';
 import { ResumeAccom } from './ResumeAccom/ResumeAccom';
 import { ResumeExcursion } from './ResumeExcursion/ResumeExcursion';
 import { ResumeOtherService } from './ResumeOtherService';
 import { ResumeTransfer } from './ResumeTransfer';
 export function BookingResume(props) {
-    return _jsx("div", __assign({ className: "booking-resume space-y-8" }, props));
+    return _jsx("div", __assign({ className: "booking-resume" }, props));
 }
 BookingResume.Layout = BookingResumeLayout;
 BookingResume.Accommodation = ResumeAccom;

package/dist/components/organisms/Booking/BookingDocket/BookingDocket.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMobile } from '../../../../hooks/useMobile';
 import { AnimatePresence, domAnimation, LazyMotion } from 'motion/react';
 import * as motion from 'motion/react-m';
-import { useLayoutEffect, useRef, useState } from 'react';
+import { Fragment, useLayoutEffect, useRef, useState } from 'react';
 import BookingDocketDeco from '../../../atoms/BookingDocketDeco/BookingDocketDeco';
 import Icon from '../../../atoms/Icon/Icon';
 import { Heading, Text } from '../../../atoms/Typography/Typography';
@@ -41,5 +41,5 @@ export function BookingDocket(props) {
             setIsBookingOpen(true);
         }
     }, [isBookingOpen, resumes, isDesktop]);
-    return (_jsx(LazyMotion, { features: domAnimation, children: _jsxs("div", { className: "booking-docket__container", children: [!isDesktop && !isBookingOpen && (_jsx("div", { className: "flex justify-end mb-4", children: _jsxs(motion.button, { className: "booking-docket__mobile-button", onClick: handleBookingOpen, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, children: [_jsx(Icon, { name: "booking", size: "lg" }), _jsx(Text, { size: "lg", as: "span", variant: "bold", children: "Your booking" }), _jsx(Icon, { name: "eye", size: "lg" })] }, "booking-open") })), _jsx(AnimatePresence, { initial: false, children: isBookingOpen && (_jsx(motion.div, { className: "booking-docket", initial: { height: 0, opacity: 0 }, animate: { height: height, opacity: 1 }, exit: { height: 0 }, children: _jsxs("div", { ref: contentRef, children: [_jsxs("div", { className: "booking-docket__content", children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Heading, { level: 6, color: "accent", as: "h2", children: "Your Booking" }), _jsx("img", { src: logo, alt: "Mautourco Logo", width: 150 })] }), _jsxs("div", { className: "booking-docket__date-range", children: [_jsx(Text, { variant: "bold", size: "lg", children: "Booking file date range :" }), _jsx(DateDisplay, { dates: dates })] })] }), _jsx(BookingResume, { children: resumes.map(function (resume, index) { return (_jsxs("div", { children: [resume.type === 'accommodation' && (_jsx(BookingResume.Accommodation, __assign({}, resume.data))), resume.type === 'transfer' && (_jsx(BookingResume.Transfer, __assign({}, resume.data))), resume.type === 'excursion' && (_jsx(BookingResume.Excursion, __assign({}, resume.data))), resume.type === 'otherService' && (_jsx(BookingResume.OtherService, __assign({}, resume.data)))] }, index)); }) })] }), _jsx("div", { className: "booking-docket__bg", children: _jsx(BookingDocketDeco, {}) })] }) }, "booking-docket")) }), !isDesktop && isBookingOpen && (_jsx("div", { className: "flex justify-end mt-10", children: _jsxs(motion.button, { className: "booking-docket__mobile-button", onClick: handleBookingOpen, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, children: [_jsx(Text, { size: "lg", as: "span", variant: "bold", children: "Close" }), _jsx(Icon, { name: "close-circle", size: "lg" })] }, "booking-close") }))] }) }));
+    return (_jsx(LazyMotion, { features: domAnimation, children: _jsxs("div", { className: "booking-docket__container", children: [!isDesktop && !isBookingOpen && (_jsx("div", { className: "flex justify-end mb-4", children: _jsxs(motion.button, { className: "booking-docket__mobile-button", onClick: handleBookingOpen, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, children: [_jsx(Icon, { name: "booking", size: "lg" }), _jsx(Text, { size: "lg", as: "span", variant: "bold", children: "Your booking" }), _jsx(Icon, { name: "eye", size: "lg" })] }, "booking-open") })), _jsx(AnimatePresence, { initial: false, children: isBookingOpen && (_jsx(motion.div, { className: "booking-docket", initial: { height: 0, opacity: 0 }, animate: { height: height, opacity: 1 }, exit: { height: 0 }, children: _jsxs("div", { ref: contentRef, children: [_jsxs("div", { className: "booking-docket__content", children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Heading, { level: 6, color: "accent", as: "h2", children: "Your Booking" }), _jsx("img", { src: logo, alt: "Mautourco Logo", width: 150 })] }), _jsxs("div", { className: "booking-docket__date-range", children: [_jsx(Text, { variant: "bold", size: "lg", children: "Booking file date range :" }), _jsx(DateDisplay, { dates: dates })] })] }), _jsx(BookingResume, { children: resumes.map(function (resume, index) { return (_jsxs(Fragment, { children: [resume.type === 'accommodation' && (_jsx(BookingResume.Accommodation, __assign({}, resume.data))), resume.type === 'transfer' && (_jsx(BookingResume.Transfer, __assign({}, resume.data))), resume.type === 'excursion' && (_jsx(BookingResume.Excursion, __assign({}, resume.data))), resume.type === 'otherService' && (_jsx(BookingResume.OtherService, __assign({}, resume.data)))] }, index)); }) })] }), _jsx("div", { className: "booking-docket__bg", children: _jsx(BookingDocketDeco, {}) })] }) }, "booking-docket")) }), !isDesktop && isBookingOpen && (_jsx("div", { className: "flex justify-end mt-10", children: _jsxs(motion.button, { className: "booking-docket__mobile-button", onClick: handleBookingOpen, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, children: [_jsx(Text, { size: "lg", as: "span", variant: "bold", children: "Close" }), _jsx(Icon, { name: "close-circle", size: "lg" })] }, "booking-close") }))] }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mautourco-components",
-  "version": "0.2.172",
+  "version": "0.2.174",
   "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]);
 

package/src/components/molecules/BookingResume/BookingResume.css

@@ -0,0 +1,3 @@
+.booking-resume {
+  @apply space-y-8;
+}

package/src/components/molecules/BookingResume/BookingResume.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import './BookingResume.css';
 import { BookingResumeLayout } from './BookingResumeLayout/BookingResumeLayout';
 import { ResumeAccom } from './ResumeAccom/ResumeAccom';
 import { ResumeExcursion } from './ResumeExcursion/ResumeExcursion';
@@ -6,7 +7,7 @@ import { ResumeOtherService } from './ResumeOtherService';
 import { ResumeTransfer } from './ResumeTransfer';
 
 export function BookingResume(props: React.PropsWithChildren) {
-  return <div className="booking-resume space-y-8" {...props} />;
+  return <div className="booking-resume" {...props} />;
 }
 
 BookingResume.Layout = BookingResumeLayout;

package/src/components/organisms/Booking/BookingDocket/BookingDocket.tsx

@@ -1,7 +1,7 @@
 import { useMobile } from '@/src/hooks/useMobile';
 import { AnimatePresence, domAnimation, LazyMotion } from 'motion/react';
 import * as motion from 'motion/react-m';
-import { useLayoutEffect, useRef, useState } from 'react';
+import { Fragment, useLayoutEffect, useRef, useState } from 'react';
 
 import BookingDocketDeco from '@/src/components/atoms/BookingDocketDeco/BookingDocketDeco';
 import Icon from '@/src/components/atoms/Icon/Icon';
@@ -105,7 +105,7 @@ export function BookingDocket(props: BookingDocketProps) {
                   </div>
                   <BookingResume>
                     {resumes.map((resume, index) => (
-                      <div key={index}>
+                      <Fragment key={index}>
                         {resume.type === 'accommodation' && (
                           <BookingResume.Accommodation
                             {...(resume.data as ResumeAccomProps)}
@@ -126,7 +126,7 @@ export function BookingDocket(props: BookingDocketProps) {
                             {...(resume.data as ResumeOtherServiceProps)}
                           />
                         )}
-                      </div>
+                      </Fragment>
                     ))}
                   </BookingResume>
                 </div>