mautourco-components 0.2.29 → 0.2.31

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import '../../../styles/components/molecule/toast.css';
-import { ICONS } from '../../atoms/Icon/icons/registry';
+import { IconName } from '../../atoms/Icon/icons/registry';
 export type ToastType = 'informational' | 'success' | 'warning' | 'danger';
 export interface ToastProps {
     /** Toast message text */
@@ -10,7 +10,7 @@ export interface ToastProps {
     /** Additional CSS classes */
     className?: string;
     /** Icon name */
-    iconName?: keyof typeof ICONS;
+    iconName?: IconName;
 }
 /**
  * Toast component - A brief, auto-dismissing message that appears to notify the user.

package/dist/components/molecules/Toast/Toast.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '../../../styles/components/molecule/toast.css';
 import Icon from '../../atoms/Icon/Icon';
@@ -24,6 +13,6 @@ import { Text } from '../../atoms/Typography/Typography';
  */
 var Toast = function (_a) {
     var text = _a.text, _b = _a.type, type = _b === void 0 ? 'informational' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.iconName, iconName = _d === void 0 ? 'badge-alert' : _d;
-    return (_jsx("div", __assign({ className: "toast toast--".concat(type, " ").concat(className).trim() }, { children: _jsxs("div", __assign({ className: "toast__container" }, { children: [_jsx("div", __assign({ className: "toast__icon-wrapper" }, { children: _jsx(Icon, { name: iconName, size: "md", className: "toast__icon" }) })), _jsx(Text, __assign({ size: "sm", variant: "bold", leading: "5", className: "toast__text" }, { children: text }))] })) })));
+    return (_jsx("div", { className: "toast toast--".concat(type, " ").concat(className).trim(), children: _jsxs("div", { className: "toast__container", children: [_jsx("div", { className: "toast__icon-wrapper", children: _jsx(Icon, { name: iconName, size: "md", className: "toast__icon" }) }), _jsx(Text, { size: "sm", variant: "bold", leading: "5", className: "toast__text", children: text })] }) }));
 };
 export default Toast;

package/dist/components/molecules/TooltipDisplay/TooltipDisplay.js

@@ -1,18 +1,7 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '../../atoms/Typography/Typography';
 import { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip';
 export var TooltipDisplay = function (props) {
     var children = props.children, content = props.content, _a = props.side, side = _a === void 0 ? 'right' : _a, _b = props.maxWidth, maxWidth = _b === void 0 ? '300px' : _b;
-    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, __assign({ className: "text-[var(--color-icon-branded)]", asChild: true }, { children: children })), _jsx(TooltipContent, __assign({ className: "max-w-[".concat(maxWidth, "]"), side: side, style: { maxWidth: maxWidth } }, { children: _jsx(Text, __assign({ variant: "medium", size: "sm", className: "!text-white" }, { children: content })) }))] }));
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: "text-[var(--color-icon-branded)]", asChild: true, children: children }), _jsx(TooltipContent, { className: "max-w-[".concat(maxWidth, "]"), side: side, style: { maxWidth: maxWidth }, children: _jsx(Text, { variant: "medium", size: "sm", className: "!text-white", children: content }) })] }));
 };

package/dist/components/molecules/TransferDocket/TransferDocket.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import Button from '../../atoms/Button/Button';
@@ -53,8 +42,8 @@ export var TransferDocket = function (_a) {
         if (childGroups.length === 0) {
             return null;
         }
-        return (_jsx("div", __assign({ className: "transfer-docket__children" }, { children: childGroups.map(function (group, index) { return (_jsxs(React.Fragment, { children: [index > 0 && _jsx("div", { className: "transfer-docket__divider-vertical" }), _jsxs("span", __assign({ className: "transfer-docket__child-info" }, { children: [_jsxs(Text, __assign({ size: "sm", variant: "medium", color: "default" }, { children: [group.count, " Child", group.count > 1 ? 'ren' : ''] })), group.age > 0 ? (_jsxs(Text, __assign({ size: "sm", variant: "medium", className: "transfer-docket__child-age" }, { children: [' ', "(", group.age, " y.o)"] }))) : null] }))] }, "child-".concat(index))); }) })));
+        return (_jsx("div", { className: "transfer-docket__children", children: childGroups.map(function (group, index) { return (_jsxs(React.Fragment, { children: [index > 0 && _jsx("div", { className: "transfer-docket__divider-vertical" }), _jsxs("span", { className: "transfer-docket__child-info", children: [_jsxs(Text, { size: "sm", variant: "medium", color: "default", children: [group.count, " Child", group.count > 1 ? 'ren' : ''] }), group.age > 0 ? (_jsxs(Text, { size: "sm", variant: "medium", className: "transfer-docket__child-age", children: [' ', "(", group.age, " y.o)"] })) : null] })] }, "child-".concat(index))); }) }));
     };
-    return (_jsxs("div", __assign({ className: "transfer-docket" }, { children: [_jsxs("div", __assign({ className: "transfer-docket__header" }, { children: [_jsxs("div", __assign({ className: "transfer-docket__title-section" }, { children: [_jsx("div", { className: "transfer-docket__title-bar" }), _jsx(Icon, { name: "bus", size: "sm" }), _jsx(Text, __assign({ variant: "bold", size: "sm", color: "accent" }, { children: "Transfer" }))] })), removeMode ? (_jsx(Button, __assign({ variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "transfer-docket__remove-button" }, { children: "Remove" }))) : (TotalPrice && Currency && _jsx(PriceDisplay, { currency: Currency, price: TotalPrice }))] })), _jsxs("div", __assign({ className: "transfer-docket__details" }, { children: [TransferDate && (_jsx(DateDisplay, { date: TransferDate, calendarSize: "sm", textSize: "sm", colorMode: "green" })), (LocationFromName || LocationToName) && (_jsxs("div", __assign({ className: "transfer-docket__transfer-point" }, { children: [_jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle", leading: "none" }, { children: LocationFromName || 'From' })), _jsx(Icon, { name: "arrow-down-outline", size: "sm" }), _jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle", leading: "none" }, { children: LocationToName || 'To' }))] }))), _jsxs("div", __assign({ className: "transfer-docket__guests" }, { children: [AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, __assign({ icon: "user", textSize: "sm", color: "subtle" }, { children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] }))), ((ChildCount && ChildCount > 0) || (TeenCount && TeenCount > 0)) ? (_jsxs("div", __assign({ className: "transfer-docket__children-wrapper" }, { children: [_jsx(Icon, { name: "user", size: "sm", color: "var(--color-text-subtle, #303642)" }), formatChildrenInfo()] }))) : null] })), VehicleTypeName && (_jsx(TextWithIcon, __assign({ icon: "car", textSize: "sm", color: "subtle", textLeading: "none" }, { children: VehicleTypeName })))] }))] })));
+    return (_jsxs("div", { className: "transfer-docket", children: [_jsxs("div", { className: "transfer-docket__header", children: [_jsxs("div", { className: "transfer-docket__title-section", children: [_jsx("div", { className: "transfer-docket__title-bar" }), _jsx(Icon, { name: "bus", size: "sm" }), _jsx(Text, { variant: "bold", size: "sm", color: "accent", children: "Transfer" })] }), removeMode ? (_jsx(Button, { variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "transfer-docket__remove-button", children: "Remove" })) : (TotalPrice && Currency && _jsx(PriceDisplay, { currency: Currency, price: TotalPrice }))] }), _jsxs("div", { className: "transfer-docket__details", children: [TransferDate && (_jsx(DateDisplay, { date: TransferDate, calendarSize: "sm", textSize: "sm", colorMode: "green" })), (LocationFromName || LocationToName) && (_jsxs("div", { className: "transfer-docket__transfer-point", children: [_jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: LocationFromName || 'From' }), _jsx(Icon, { name: "arrow-down-outline", size: "sm" }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: LocationToName || 'To' })] })), _jsxs("div", { className: "transfer-docket__guests", children: [AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, { icon: "user", textSize: "sm", color: "subtle", children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] })), ((ChildCount && ChildCount > 0) || (TeenCount && TeenCount > 0)) ? (_jsxs("div", { className: "transfer-docket__children-wrapper", children: [_jsx(Icon, { name: "user", size: "sm", color: "var(--color-text-subtle, #303642)" }), formatChildrenInfo()] })) : null] }), VehicleTypeName && (_jsx(TextWithIcon, { icon: "car", textSize: "sm", color: "subtle", textLeading: "none", children: VehicleTypeName }))] })] }));
 };
 export default TransferDocket;

package/dist/components/molecules/UserCard/UserCard.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Avatar } from "../../atoms/Avatar/Avatar";
@@ -50,8 +39,8 @@ export var UserCard = function (_a) {
         setOpen(false);
         setQuery("");
     };
-    return (_jsxs("div", __assign({ ref: rootRef, className: "relative inline-flex items-center gap-3 ".concat(className, " ").concat(user.isAdmin ? "cursor-pointer rounded-[11px] border border-[#D9D9D9] bg-white px-[13px] py-2" : "") }, { children: [_jsxs("div", __assign({ className: "flex items-center gap-3" }, { children: [_jsx(Avatar, { name: user.name, size: "md", shape: "circle" }), _jsxs("div", __assign({ className: "flex flex-col leading-tight" }, { children: [_jsxs("div", __assign({ className: "text-[13px] text-muted-foreground" }, { children: ["Welcome back,", " ", _jsx("span", __assign({ className: "font-medium text-foreground" }, { children: user.name })), " ", _jsx("span", __assign({ "aria-hidden": true }, { children: "\uD83D\uDC4B" }))] })), _jsx("div", __assign({ className: "text-[13px] font-semibold text-foreground" }, { children: selectedAgency ? selectedAgency.name : user.agency }))] }))] })), user.isAdmin && (_jsxs(_Fragment, { children: [_jsx("button", __assign({ type: "button", "aria-expanded": open, "aria-haspopup": "listbox", onClick: function () { return setOpen(function (v) { return !v; }); }, className: "inline-flex h-8 w-8 items-center justify-center rounded-lg bg-teal-600 text-white shadow-[0_2px_6px_rgba(0,0,0,0.15)] outline-none focus-visible:ring-2 focus-visible:ring-teal-300", title: "Open agency selector" }, { children: _jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 24 24", "aria-hidden": "true", className: "transition-transform ".concat(open ? "rotate-180" : "") }, { children: _jsx("path", { d: "M6 9l6 6 6-6", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) })), open && (_jsxs("div", __assign({ className: "absolute right-0 top-12 z-50 w-[340px] rounded-2xl border border-black/5 bg-white p-3 shadow-[0_12px_30px_rgba(0,0,0,0.15)]" }, { children: [_jsxs("div", __assign({ className: "relative mb-3" }, { children: [_jsx("input", { ref: searchRef, value: query, onChange: function (e) { return setQuery(e.target.value); }, placeholder: "Search", className: "w-full rounded-xl border border-black/10 bg-white px-10 py-2 text-sm outline-none focus:border-black/20 shadow-[inset_0_1px_2px_rgba(0,0,0,0.06)]" }), _jsx("div", __assign({ className: "absolute -translate-y-1/2 pointer-events-none left-3 top-1/2" }, { children: _jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 24 24" }, { children: _jsx("path", { d: "M21 21l-4.3-4.3M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15z", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }) })) }))] })), _jsxs("ul", __assign({ role: "listbox", className: "pr-1 overflow-auto max-h-64" }, { children: [filteredAgencies.map(function (a) {
+    return (_jsxs("div", { ref: rootRef, className: "relative inline-flex items-center gap-3 ".concat(className, " ").concat(user.isAdmin ? "cursor-pointer rounded-[11px] border border-[#D9D9D9] bg-white px-[13px] py-2" : ""), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Avatar, { name: user.name, size: "md", shape: "circle" }), _jsxs("div", { className: "flex flex-col leading-tight", children: [_jsxs("div", { className: "text-[13px] text-muted-foreground", children: ["Welcome back,", " ", _jsx("span", { className: "font-medium text-foreground", children: user.name }), " ", _jsx("span", { "aria-hidden": true, children: "\uD83D\uDC4B" })] }), _jsx("div", { className: "text-[13px] font-semibold text-foreground", children: selectedAgency ? selectedAgency.name : user.agency })] })] }), user.isAdmin && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", "aria-expanded": open, "aria-haspopup": "listbox", onClick: function () { return setOpen(function (v) { return !v; }); }, className: "inline-flex h-8 w-8 items-center justify-center rounded-lg bg-teal-600 text-white shadow-[0_2px_6px_rgba(0,0,0,0.15)] outline-none focus-visible:ring-2 focus-visible:ring-teal-300", title: "Open agency selector", children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", "aria-hidden": "true", className: "transition-transform ".concat(open ? "rotate-180" : ""), children: _jsx("path", { d: "M6 9l6 6 6-6", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), open && (_jsxs("div", { className: "absolute right-0 top-12 z-50 w-[340px] rounded-2xl border border-black/5 bg-white p-3 shadow-[0_12px_30px_rgba(0,0,0,0.15)]", children: [_jsxs("div", { className: "relative mb-3", children: [_jsx("input", { ref: searchRef, value: query, onChange: function (e) { return setQuery(e.target.value); }, placeholder: "Search", className: "w-full rounded-xl border border-black/10 bg-white px-10 py-2 text-sm outline-none focus:border-black/20 shadow-[inset_0_1px_2px_rgba(0,0,0,0.06)]" }), _jsx("div", { className: "absolute -translate-y-1/2 pointer-events-none left-3 top-1/2", children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", children: _jsx("path", { d: "M21 21l-4.3-4.3M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15z", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }) }) })] }), _jsxs("ul", { role: "listbox", className: "pr-1 overflow-auto max-h-64", children: [filteredAgencies.map(function (a) {
                                         var isActive = (selectedAgency === null || selectedAgency === void 0 ? void 0 : selectedAgency.id) === a.id;
-                                        return (_jsx("li", { children: _jsxs("button", __assign({ type: "button", onClick: function () { return handleSelect(a); }, className: "flex w-full items-center justify-between gap-3 rounded-lg px-2 py-2 text-left hover:bg-black/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-teal-300 ".concat(isActive ? "bg-black/[0.04]" : ""), "aria-selected": isActive, role: "option" }, { children: [_jsx("span", __assign({ className: "text-[14px]" }, { children: a.name })), _jsx("span", __assign({ className: "text-[13px] font-semibold" }, { children: a.localisation }))] })) }, a.id));
-                                    }), filteredAgencies.length === 0 && (_jsx("li", __assign({ className: "px-2 py-6 text-sm text-center text-muted-foreground" }, { children: "No results" })))] }))] })))] }))] })));
+                                        return (_jsx("li", { children: _jsxs("button", { type: "button", onClick: function () { return handleSelect(a); }, className: "flex w-full items-center justify-between gap-3 rounded-lg px-2 py-2 text-left hover:bg-black/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-teal-300 ".concat(isActive ? "bg-black/[0.04]" : ""), "aria-selected": isActive, role: "option", children: [_jsx("span", { className: "text-[14px]", children: a.name }), _jsx("span", { className: "text-[13px] font-semibold", children: a.localisation })] }) }, a.id));
+                                    }), filteredAgencies.length === 0 && (_jsx("li", { className: "px-2 py-6 text-sm text-center text-muted-foreground", children: "No results" }))] })] }))] }))] }));
 };

package/dist/components/organisms/Booking/BookingDocket/BookingDocket.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ResumeAccomProps, ResumeExcursionProps, ResumeOtherServiceProps, ResumeTransferProps } from '@/src/components/molecules/BookingResume';
 import './BookingDocket.css';
 export type BookingResumeData = ResumeAccomProps | ResumeTransferProps | ResumeExcursionProps | ResumeOtherServiceProps;

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

@@ -40,5 +40,5 @@ export var BookingDocket = function (props) {
             setIsBookingOpen(true);
         }
     }, [isBookingOpen, resumes, isDesktop]);
-    return (_jsx(LazyMotion, __assign({ features: domAnimation }, { children: _jsxs("div", __assign({ className: "booking-docket__container" }, { children: [!isDesktop && !isBookingOpen && (_jsx("div", __assign({ className: "flex justify-end mb-4" }, { children: _jsxs(motion.button, __assign({ 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, __assign({ size: "lg", as: "span", variant: "bold" }, { children: "Your booking" })), _jsx(Icon, { name: "eye", size: "lg" })] }), "booking-open") }))), _jsx(AnimatePresence, __assign({ initial: false }, { children: isBookingOpen && (_jsx(motion.div, __assign({ className: "booking-docket", initial: { height: 0, opacity: 0 }, animate: { height: height, opacity: 1 }, exit: { height: 0 } }, { children: _jsxs("div", __assign({ ref: contentRef }, { children: [_jsxs("div", __assign({ className: "booking-docket__content" }, { children: [_jsxs("div", __assign({ className: "space-y-3" }, { children: [_jsxs("div", __assign({ className: "flex items-center justify-between" }, { children: [_jsx(Heading, __assign({ level: 6, color: "accent", as: "h2" }, { children: "Your Booking" })), _jsx("img", { src: "/images/mautourco-logo.png", alt: "Mautourco Logo", width: 150 })] })), _jsxs("div", __assign({ className: "flex gap-x-4 items-center" }, { children: [_jsx(Text, __assign({ 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("img", { src: "/images/svg/resume-bottom-bg.svg", alt: "bottom background", className: "booking-docket__bg" })] })) }), "booking-docket")) })), !isDesktop && isBookingOpen && (_jsx("div", __assign({ className: "flex justify-end mt-10" }, { children: _jsxs(motion.button, __assign({ className: "booking-docket__mobile-button", onClick: handleBookingOpen, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 } }, { children: [_jsx(Text, __assign({ 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: "/images/mautourco-logo.png", alt: "Mautourco Logo", width: 150 })] }), _jsxs("div", { className: "flex gap-x-4 items-center", 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("img", { src: "/images/svg/resume-bottom-bg.svg", alt: "bottom background", className: "booking-docket__bg" })] }) }, "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/dist/components/organisms/Booking/BookingHeader.js

@@ -1,17 +1,6 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Heading, Text } from '../../atoms/Typography/Typography';
 export var BookingHeader = function (props) {
     var fileNumber = props.fileNumber, reference = props.reference, isBooking = props.isBooking, location = props.location;
-    return (_jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsxs(Text, __assign({ color: "light" }, { children: ["File number: ", fileNumber] })), _jsxs(Heading, __assign({ level: 6, as: "h1", color: "brand" }, { children: [isBooking ? 'Booking' : 'Quotation', ": N\u00B0 ", reference] })), _jsx(Text, __assign({ color: "accent", size: "xl" }, { children: location }))] })));
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs(Text, { color: "light", children: ["File number: ", fileNumber] }), _jsxs(Heading, { level: 6, as: "h1", color: "brand", children: [isBooking ? 'Booking' : 'Quotation', ": N\u00B0 ", reference] }), _jsx(Text, { color: "accent", size: "xl", children: location })] }));
 };

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

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Button from '../../../atoms/Button/Button';
 import { StepperTimeline, } from '../../../molecules/StepperTimeline/StepperTimeline';
@@ -29,5 +18,5 @@ export var BookingStep = function (props) {
     useEffect(function () {
         setCurrentIndex(currentStep ? currentStep - 1 : 0);
     }, [currentStep]);
-    return (_jsxs("div", __assign({ className: "booking-step" }, { children: [_jsx(StepperTimeline, { steps: steps, className: className, currentIndex: currentIndex, onChange: handleStepChange }), _jsx(Button, __assign({ trailingIcon: "arrow-right-outline", variant: "secondary", className: "w-[189px]", disabled: nextDisabled, onClick: handleNextClick }, { children: currentIndex === steps.length - 1 ? 'Confirm' : 'Next' }))] })));
+    return (_jsxs("div", { className: "booking-step", children: [_jsx(StepperTimeline, { steps: steps, className: className, currentIndex: currentIndex, onChange: handleStepChange }), _jsx(Button, { trailingIcon: "arrow-right-outline", variant: "secondary", className: "w-[189px]", disabled: nextDisabled, onClick: handleNextClick, children: currentIndex === steps.length - 1 ? 'Confirm' : 'Next' })] }));
 };

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

@@ -32,9 +32,9 @@ var CarBookingCard = function (_a) {
     ]
         .filter(Boolean)
         .join(' ');
-    return (_jsxs("article", __assign({ className: classes }, { children: [_jsx("div", __assign({ className: "car-booking-card__image-wrap" }, { children: _jsx("img", { className: "car-booking-card__image", src: imageSrc, alt: "" }) })), _jsx("div", { className: "car-booking-card__active-divider" }), _jsxs("div", __assign({ className: "car-booking-card__body" }, { children: [priceRows.length > 0 && !readonly && (_jsxs("section", __assign({ className: "car-booking-card__section car-booking-card__section--price" }, { children: [_jsx(Divider, { variant: "dashed", className: "car-booking-card__dashed-divider" }), _jsxs("div", __assign({ className: "car-booking-card__price-content" }, { children: [_jsx(Text, __assign({ as: "h3", size: "md", variant: "bold", leading: "none", color: "default", className: "car-booking-card__section-title" }, { children: priceTitle })), _jsx("div", __assign({ className: "car-booking-card__price-rows" }, { children: priceRows.map(function (row, idx) { return (_jsxs("div", __assign({ className: "car-booking-card__price-row" }, { children: [_jsx(Text, __assign({ size: "sm", leading: "5", variant: "regular", color: "subtle", className: "car-booking-card__price-label" }, { children: row.label })), _jsx(Text, __assign({ size: "sm", leading: "5", variant: "bold", color: "subtle", className: "car-booking-card__price-value" }, { children: row.value }))] }), "".concat(row.label, "-").concat(idx))); }) }))] })), _jsx(Divider, { variant: "dashed", className: "car-booking-card__dashed-divider" })] }))), _jsxs("section", __assign({ className: "car-booking-card__section car-booking-card__section--content" }, { children: [_jsxs("div", __assign({ className: "car-booking-card__title" }, { children: [_jsx("span", { className: "car-booking-card__title-marker", "aria-hidden": "true" }), _jsx(Heading, __assign({ level: 4, variant: "bold", color: "accent", className: "car-booking-card__title-text" }, { children: title }))] })), _jsx("div", __assign({ className: "car-booking-card__features" }, { children: features.map(function (feature, idx) {
+    return (_jsxs("article", { className: classes, children: [_jsx("div", { className: "car-booking-card__image-wrap", children: _jsx("img", { className: "car-booking-card__image", src: imageSrc, alt: "" }) }), _jsx("div", { className: "car-booking-card__active-divider" }), _jsxs("div", { className: "car-booking-card__body", children: [priceRows.length > 0 && !readonly && (_jsxs("section", { className: "car-booking-card__section car-booking-card__section--price", children: [_jsx(Divider, { variant: "dashed", className: "car-booking-card__dashed-divider" }), _jsxs("div", { className: "car-booking-card__price-content", children: [_jsx(Text, { as: "h3", size: "md", variant: "bold", leading: "none", color: "default", className: "car-booking-card__section-title", children: priceTitle }), _jsx("div", { className: "car-booking-card__price-rows", children: priceRows.map(function (row, idx) { return (_jsxs("div", { className: "car-booking-card__price-row", children: [_jsx(Text, { size: "sm", leading: "5", variant: "regular", color: "subtle", className: "car-booking-card__price-label", children: row.label }), _jsx(Text, { size: "sm", leading: "5", variant: "bold", color: "subtle", className: "car-booking-card__price-value", children: row.value })] }, "".concat(row.label, "-").concat(idx))); }) })] }), _jsx(Divider, { variant: "dashed", className: "car-booking-card__dashed-divider" })] })), _jsxs("section", { className: "car-booking-card__section car-booking-card__section--content", children: [_jsxs("div", { className: "car-booking-card__title", children: [_jsx("span", { className: "car-booking-card__title-marker", "aria-hidden": "true" }), _jsx(Heading, { level: 4, variant: "bold", color: "accent", className: "car-booking-card__title-text", children: title })] }), _jsx("div", { className: "car-booking-card__features", children: features.map(function (feature, idx) {
                                     var _a;
                                     return (_jsx(FeatureRow, __assign({}, feature, { className: "car-booking-card__feature-row ".concat((_a = feature.className) !== null && _a !== void 0 ? _a : '').trim() }), "".concat(feature.label, "-").concat(idx)));
-                                }) })), infoText && !readonly && (_jsxs("div", __assign({ className: "car-booking-card__info" }, { children: [_jsx("span", __assign({ className: "car-booking-card__info-icon", "aria-hidden": "true" }, { children: "i" })), _jsx(Text, __assign({ size: "sm", leading: "5", variant: "regular", color: "default", className: "car-booking-card__info-text" }, { children: infoText }))] })))] })), resolvedShowSupplement && !readonly && (_jsxs("section", __assign({ className: "car-booking-card__section car-booking-card__section--supplement" }, { children: [_jsx(Divider, { variant: "dashed", className: "car-booking-card__dashed-divider" }), _jsxs("div", __assign({ className: "car-booking-card__supplement-header" }, { children: [_jsx(Text, __assign({ as: "h3", size: "md", variant: "bold", leading: "none", color: "default", className: "car-booking-card__section-title" }, { children: supplementLabel })), supplementMessage && (_jsx(Text, __assign({ as: "p", size: "sm", leading: "5", variant: "regular", className: "car-booking-card__supplement-message" }, { children: supplementMessage })))] })), readonly ? (_jsx(Text, __assign({ size: "sm", leading: "5", variant: "regular", color: supplementValue ? "default" : "subtle", className: "car-booking-card__supplement-value" }, { children: supplementValue || supplementPlaceholder }))) : (_jsx(DropdownInput, { placeholder: supplementPlaceholder, value: supplementValue, state: resolvedSupplementState, options: supplementOptions, onSelect: onSupplementSelect }))] }))), !readonly && _jsxs("footer", __assign({ className: "car-booking-card__footer" }, { children: [_jsxs("div", __assign({ className: "car-booking-card__total" }, { children: [_jsx(Text, __assign({ size: "sm", variant: "bold", color: "accent", className: "car-booking-card__total-price" }, { children: totalPrice })), _jsx(Text, __assign({ size: "sm", variant: "regular", color: "subtle", className: "car-booking-card__total-label" }, { children: totalPriceLabel }))] })), !readonly && (_jsx(Button, __assign({ variant: "primary", size: "sm" }, ctaButtonProps, { onClick: onCtaClick, className: "car-booking-card__cta ".concat((_b = ctaButtonProps === null || ctaButtonProps === void 0 ? void 0 : ctaButtonProps.className) !== null && _b !== void 0 ? _b : '').trim() }, { children: ctaLabel })))] }))] }))] })));
+                                }) }), infoText && !readonly && (_jsxs("div", { className: "car-booking-card__info", children: [_jsx("span", { className: "car-booking-card__info-icon", "aria-hidden": "true", children: "i" }), _jsx(Text, { size: "sm", leading: "5", variant: "regular", color: "default", className: "car-booking-card__info-text", children: infoText })] }))] }), resolvedShowSupplement && !readonly && (_jsxs("section", { className: "car-booking-card__section car-booking-card__section--supplement", children: [_jsx(Divider, { variant: "dashed", className: "car-booking-card__dashed-divider" }), _jsxs("div", { className: "car-booking-card__supplement-header", children: [_jsx(Text, { as: "h3", size: "md", variant: "bold", leading: "none", color: "default", className: "car-booking-card__section-title", children: supplementLabel }), supplementMessage && (_jsx(Text, { as: "p", size: "sm", leading: "5", variant: "regular", className: "car-booking-card__supplement-message", children: supplementMessage }))] }), readonly ? (_jsx(Text, { size: "sm", leading: "5", variant: "regular", color: supplementValue ? "default" : "subtle", className: "car-booking-card__supplement-value", children: supplementValue || supplementPlaceholder })) : (_jsx(DropdownInput, { placeholder: supplementPlaceholder, value: supplementValue, state: resolvedSupplementState, options: supplementOptions, onSelect: onSupplementSelect }))] })), !readonly && _jsxs("footer", { className: "car-booking-card__footer", children: [_jsxs("div", { className: "car-booking-card__total", children: [_jsx(Text, { size: "sm", variant: "bold", color: "accent", className: "car-booking-card__total-price", children: totalPrice }), _jsx(Text, { size: "sm", variant: "regular", color: "subtle", className: "car-booking-card__total-label", children: totalPriceLabel })] }), !readonly && (_jsx(Button, __assign({ variant: "primary", size: "sm" }, ctaButtonProps, { onClick: onCtaClick, className: "car-booking-card__cta ".concat((_b = ctaButtonProps === null || ctaButtonProps === void 0 ? void 0 : ctaButtonProps.className) !== null && _b !== void 0 ? _b : '').trim(), children: ctaLabel })))] })] })] }));
 };
 export default CarBookingCard;

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

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -30,6 +19,6 @@ var CarBookingCardSkeleton = function (_a) {
     ]
         .filter(Boolean)
         .join(' ');
-    return (_jsxs("article", __assign({ className: classes }, { children: [_jsx("div", __assign({ className: "car-booking-card-skeleton__image-wrap" }, { children: _jsx("div", { className: "car-booking-card-skeleton__image" }) })), _jsx("div", { className: "car-booking-card-skeleton__active-divider" }), _jsxs("div", __assign({ className: "car-booking-card-skeleton__body" }, { children: [showPriceBreakdown && (_jsxs("section", __assign({ className: "car-booking-card-skeleton__section car-booking-card-skeleton__section--price" }, { children: [_jsx("div", { className: "car-booking-card-skeleton__divider" }), _jsxs("div", __assign({ className: "car-booking-card-skeleton__price-content" }, { children: [_jsx("div", { className: "car-booking-card-skeleton__section-title" }), _jsx("div", __assign({ className: "car-booking-card-skeleton__price-rows" }, { children: __spreadArray([], Array(priceRowsCount), true).map(function (_, idx) { return (_jsxs("div", __assign({ className: "car-booking-card-skeleton__price-row" }, { children: [_jsx("div", { className: "car-booking-card-skeleton__price-label" }), _jsx("div", { className: "car-booking-card-skeleton__price-value" })] }), "price-row-".concat(idx))); }) }))] })), _jsx("div", { className: "car-booking-card-skeleton__divider" })] }))), _jsxs("section", __assign({ className: "car-booking-card-skeleton__section car-booking-card-skeleton__section--content" }, { children: [_jsxs("div", __assign({ className: "car-booking-card-skeleton__title" }, { children: [_jsx("span", { className: "car-booking-card-skeleton__title-marker", "aria-hidden": "true" }), _jsx("div", { className: "car-booking-card-skeleton__title-text" })] })), _jsx("div", __assign({ className: "car-booking-card-skeleton__features" }, { children: __spreadArray([], Array(featureRowsCount), true).map(function (_, idx) { return (_jsxs("div", __assign({ className: "car-booking-card-skeleton__feature-row" }, { children: [_jsx("div", { className: "car-booking-card-skeleton__feature-icon" }), _jsx("div", { className: "car-booking-card-skeleton__feature-label" })] }), "feature-".concat(idx))); }) }))] })), showSupplement && (_jsxs("section", __assign({ className: "car-booking-card-skeleton__section car-booking-card-skeleton__section--supplement" }, { children: [_jsx("div", { className: "car-booking-card-skeleton__divider" }), _jsx("div", __assign({ className: "car-booking-card-skeleton__supplement-header" }, { children: _jsx("div", { className: "car-booking-card-skeleton__section-title" }) })), _jsx("div", { className: "car-booking-card-skeleton__supplement-input" })] }))), _jsxs("footer", __assign({ className: "car-booking-card-skeleton__footer" }, { children: [_jsxs("div", __assign({ className: "car-booking-card-skeleton__total" }, { children: [_jsx("div", { className: "car-booking-card-skeleton__total-price" }), _jsx("div", { className: "car-booking-card-skeleton__total-label" })] })), _jsx("div", { className: "car-booking-card-skeleton__cta" })] }))] }))] })));
+    return (_jsxs("article", { className: classes, children: [_jsx("div", { className: "car-booking-card-skeleton__image-wrap", children: _jsx("div", { className: "car-booking-card-skeleton__image" }) }), _jsx("div", { className: "car-booking-card-skeleton__active-divider" }), _jsxs("div", { className: "car-booking-card-skeleton__body", children: [showPriceBreakdown && (_jsxs("section", { className: "car-booking-card-skeleton__section car-booking-card-skeleton__section--price", children: [_jsx("div", { className: "car-booking-card-skeleton__divider" }), _jsxs("div", { className: "car-booking-card-skeleton__price-content", children: [_jsx("div", { className: "car-booking-card-skeleton__section-title" }), _jsx("div", { className: "car-booking-card-skeleton__price-rows", children: __spreadArray([], Array(priceRowsCount), true).map(function (_, idx) { return (_jsxs("div", { className: "car-booking-card-skeleton__price-row", children: [_jsx("div", { className: "car-booking-card-skeleton__price-label" }), _jsx("div", { className: "car-booking-card-skeleton__price-value" })] }, "price-row-".concat(idx))); }) })] }), _jsx("div", { className: "car-booking-card-skeleton__divider" })] })), _jsxs("section", { className: "car-booking-card-skeleton__section car-booking-card-skeleton__section--content", children: [_jsxs("div", { className: "car-booking-card-skeleton__title", children: [_jsx("span", { className: "car-booking-card-skeleton__title-marker", "aria-hidden": "true" }), _jsx("div", { className: "car-booking-card-skeleton__title-text" })] }), _jsx("div", { className: "car-booking-card-skeleton__features", children: __spreadArray([], Array(featureRowsCount), true).map(function (_, idx) { return (_jsxs("div", { className: "car-booking-card-skeleton__feature-row", children: [_jsx("div", { className: "car-booking-card-skeleton__feature-icon" }), _jsx("div", { className: "car-booking-card-skeleton__feature-label" })] }, "feature-".concat(idx))); }) })] }), showSupplement && (_jsxs("section", { className: "car-booking-card-skeleton__section car-booking-card-skeleton__section--supplement", children: [_jsx("div", { className: "car-booking-card-skeleton__divider" }), _jsx("div", { className: "car-booking-card-skeleton__supplement-header", children: _jsx("div", { className: "car-booking-card-skeleton__section-title" }) }), _jsx("div", { className: "car-booking-card-skeleton__supplement-input" })] })), _jsxs("footer", { className: "car-booking-card-skeleton__footer", children: [_jsxs("div", { className: "car-booking-card-skeleton__total", children: [_jsx("div", { className: "car-booking-card-skeleton__total-price" }), _jsx("div", { className: "car-booking-card-skeleton__total-label" })] }), _jsx("div", { className: "car-booking-card-skeleton__cta" })] })] })] }));
 };
 export default CarBookingCardSkeleton;

package/dist/components/organisms/CardContainer/CardContainer.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * CardContainer is a versatile UI element that groups related content,
@@ -22,6 +11,6 @@ export var CardContainer = function (_a) {
     var baseClass = 'card-container';
     var spacingClass = "card-container--spacing-".concat(spacing);
     var classes = [baseClass, spacingClass, className].filter(Boolean).join(' ');
-    return (_jsx("div", __assign({ className: classes, onClick: onClick, "data-testid": testId }, { children: children })));
+    return (_jsx("div", { className: classes, onClick: onClick, "data-testid": testId, children: children }));
 };
 export default CardContainer;

package/dist/components/organisms/DateTimePicker/DateTimePicker.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import CalendarInput from '../../molecules/Calendar/CalendarInput';
@@ -112,6 +101,6 @@ var DateTimePicker = function (_a) {
             ensurePopoverVisible(popoverContentRef, triggerRef, isOpen);
         }
     }, [isOpen]);
-    return (_jsxs(Popover, __assign({ open: isOpen, onOpenChange: setIsOpen }, { children: [_jsx(PopoverTrigger, __assign({ asChild: true }, { children: _jsx("div", __assign({ ref: triggerRef }, { children: _jsx(CalendarInput, { placeholder: placeholder, value: value, disabled: disabled, state: state, className: inputClassName, iconBGFull: iconBGFull, iconPosition: iconPosition, showChevron: showChevron, isOpen: isOpen, icon: icon }) })) })), _jsx(PopoverContent, __assign({ ref: popoverContentRef, className: "w-auto border-transparent !p-0", side: "bottom", align: "start", sideOffset: 8, avoidCollisions: false }, { children: _jsx(DateTime, { mode: mode, selectionMode: selectionMode, numberOfMonths: numberOfMonths, disableBeforeToday: disableBeforeToday, disableToday: disableToday, onChange: handleDtChange, defaultDateRange: selectedDateRange, defaultTime: selectedTime }) }))] })));
+    return (_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("div", { ref: triggerRef, children: _jsx(CalendarInput, { placeholder: placeholder, value: value, disabled: disabled, state: state, className: inputClassName, iconBGFull: iconBGFull, iconPosition: iconPosition, showChevron: showChevron, isOpen: isOpen, icon: icon }) }) }), _jsx(PopoverContent, { ref: popoverContentRef, className: "w-auto border-transparent !p-0", side: "bottom", align: "start", sideOffset: 8, avoidCollisions: false, children: _jsx(DateTime, { mode: mode, selectionMode: selectionMode, numberOfMonths: numberOfMonths, disableBeforeToday: disableBeforeToday, disableToday: disableToday, onChange: handleDtChange, defaultDateRange: selectedDateRange, defaultTime: selectedTime }) })] }));
 };
 export default DateTimePicker;

package/dist/components/organisms/Dialog/Dialog.js

@@ -1,15 +1,6 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AnimatePresence, domAnimation, LazyMotion } from 'motion/react';
+import * as motion from 'motion/react-m';
 import { useCallback, useEffect, useRef } from 'react';
 import { createPortal } from 'react-dom';
 import { useMobile } from '../../../hooks/useMobile';
@@ -152,10 +143,7 @@ export var Dialog = function (_a) {
     ]
         .filter(Boolean)
         .join(' ');
-    if (!isOpen) {
-        return null;
-    }
-    var dialogContent = (_jsxs(_Fragment, { children: [_jsx("div", { className: "dialog-overlay", onClick: handleOverlayClick, "aria-hidden": "true" }), _jsx("div", __assign({ className: "dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": bodyId, ref: dialogRef, tabIndex: -1, onClick: handleOverlayClick }, { children: _jsxs("div", __assign({ className: contentClasses }, { children: [_jsxs("div", __assign({ className: headerClasses }, { children: [_jsx("h2", __assign({ id: titleId, className: titleClasses }, { children: title })), showCloseButton && (_jsx("button", __assign({ type: "button", className: closeButtonClasses, onClick: onClose, "aria-label": "Close dialog" }, { children: _jsx(Icon, { name: "close", size: "md" }) })))] })), _jsx("div", __assign({ id: bodyId, className: bodyClasses }, { children: _jsx("div", __assign({ className: "dialog__body-content" }, { children: children })) })), showFooter && (_jsx("div", __assign({ className: footerClasses }, { children: footer ? (footer) : (_jsxs("div", __assign({ className: footerButtonsClasses }, { children: [_jsx(Button, __assign({ variant: "outline-secondary", size: isMobileSize ? 'sm' : 'md', onClick: handleSecondaryClick }, { children: secondaryButtonText })), _jsx(Button, __assign({ variant: "secondary", size: isMobileSize ? 'sm' : 'md', onClick: handlePrimaryClick }, { children: primaryButtonText }))] }))) })))] })) }))] }));
+    var dialogContent = (_jsx(LazyMotion, { features: domAnimation, children: _jsx(AnimatePresence, { children: isOpen && (_jsxs(_Fragment, { children: [_jsx(motion.div, { className: "dialog-overlay", onClick: handleOverlayClick, "aria-hidden": "true", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2, ease: 'easeInOut' } }), _jsx(motion.div, { className: "dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": bodyId, ref: dialogRef, tabIndex: -1, onClick: handleOverlayClick, initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 20 }, transition: { duration: 0.25, ease: 'easeOut' }, children: _jsxs(motion.div, { className: contentClasses, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2, delay: 0.05 }, children: [_jsxs("div", { className: headerClasses, children: [_jsx("h2", { id: titleId, className: titleClasses, children: title }), showCloseButton && (_jsx("button", { type: "button", className: closeButtonClasses, onClick: onClose, "aria-label": "Close dialog", children: _jsx(Icon, { name: "close", size: "md" }) }))] }), _jsx("div", { id: bodyId, className: bodyClasses, children: _jsx("div", { className: "dialog__body-content", children: children }) }), showFooter && (_jsx("div", { className: footerClasses, children: footer ? (footer) : (_jsxs("div", { className: footerButtonsClasses, children: [_jsx(Button, { variant: "outline-secondary", size: isMobileSize ? 'sm' : 'md', onClick: handleSecondaryClick, children: secondaryButtonText }), _jsx(Button, { variant: "secondary", size: isMobileSize ? 'sm' : 'md', onClick: handlePrimaryClick, children: primaryButtonText })] })) }))] }) })] })) }) }));
     // Use portal to render at the document body level
     return createPortal(dialogContent, document.body);
 };

package/dist/components/organisms/DialogBookingAddItem/AddItemNewService.d.ts

@@ -0,0 +1,16 @@
+import { BookingPaxClientInfo } from '../../molecules/BookingPax';
+import { ServiceOption, ServiceType } from '../../molecules/ServiceSelector';
+export interface AddItemNewServicePayload {
+    clients: BookingPaxClientInfo[];
+    dates?: string | string[];
+    service: ServiceType;
+}
+export interface AddItemNewServiceProps {
+    options?: ServiceOption[];
+    date: string | string[];
+    clients: BookingPaxClientInfo[];
+    onServiceChange: (service: ServiceType) => void;
+    onNext: (payload: AddItemNewServicePayload) => void;
+    onBack: () => void;
+}
+export declare const AddItemNewService: React.FC<AddItemNewServiceProps>;

package/dist/components/organisms/DialogBookingAddItem/AddItemNewService.js

@@ -0,0 +1,44 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import Button from '../../atoms/Button/Button';
+import Checkbox from '../../atoms/Checkbox/Checkbox';
+import { Text } from '../../atoms/Typography/Typography';
+import ServiceSelector from '../../molecules/ServiceSelector';
+import DateTimePicker from '../DateTimePicker/DateTimePicker';
+export var AddItemNewService = function (props) {
+    var date = props.date, options = props.options, clients = props.clients, onServiceChange = props.onServiceChange, onNext = props.onNext, onBack = props.onBack;
+    var _a = useState('accommodation'), service = _a[0], setService = _a[1];
+    var _b = useState([]), selectedClients = _b[0], setSelectedClients = _b[1];
+    var _c = useState(date !== null && date !== void 0 ? date : []), dates = _c[0], setDates = _c[1];
+    var handleServiceChange = function (service) {
+        onServiceChange(service);
+        setService(service);
+    };
+    var isAccommodation = service === 'accommodation';
+    var selectionMode = isAccommodation ? 'range' : 'single';
+    var numberOfMonths = isAccommodation ? 2 : 1;
+    var handleClientChange = useCallback(function (client) {
+        if (selectedClients.includes(client)) {
+            setSelectedClients(selectedClients.filter(function (c) { return c.clientId !== client.clientId; }));
+        }
+        else {
+            setSelectedClients(__spreadArray(__spreadArray([], selectedClients, true), [client], false));
+        }
+    }, [selectedClients]);
+    return (_jsxs("div", { className: "space-y-9", children: [_jsxs("div", { className: "flex sm:items-center gap-4 flex-col sm:flex-row", children: [_jsx(ServiceSelector, { className: "sm:basis-[245px] xl:basis-[260px] shrink-0 grow-0", value: service, onChange: handleServiceChange, options: options }), _jsx("div", { className: "sm:basis-[245px] xl:basis-[260px] shrink-0 grow-0", children: _jsx(DateTimePicker, { mode: "calendar", selectionMode: selectionMode, defaultValue: date, placeholder: "Select date", numberOfMonths: numberOfMonths, iconPosition: "left", iconBGFull: false, showChevron: true, onValueChange: setDates }) })] }), _jsxs("div", { className: "space-y-4", children: [_jsx(Text, { variant: "bold", children: "Please select the pax affected by the new service" }), _jsx("ul", { children: clients.map(function (client, index) { return (_jsx("li", { children: _jsx(Checkbox, { id: "cl-".concat(index), label: "".concat(client.firstName, " ").concat(client.lastName, " (").concat(client.clientType).concat(client.clientType !== 'Adult' ? " - ".concat(client.age, " years old") : '', ")"), checked: selectedClients.some(function (c) { return c.clientId === client.clientId; }), onChange: function () { return handleClientChange(client); } }) }, "cl-".concat(index))); }) })] }), _jsxs("div", { className: "flex justify-end gap-x-4 [&>*]:w-[250px] pb-2", children: [_jsx(Button, { variant: "outline-secondary", onClick: onBack, children: "Back" }), _jsx(Button, { variant: "secondary", onClick: function () {
+                            return onNext({
+                                clients: selectedClients,
+                                dates: Array.isArray(dates) ? dates : [dates],
+                                service: service,
+                            });
+                        }, disabled: selectedClients.length === 0, children: "Next" })] })] }));
+};

package/dist/components/organisms/DialogBookingAddItem/AddItemSelector.d.ts

@@ -0,0 +1,8 @@
+export declare enum AddItemType {
+    NEW = "NEW",
+    EXISTING = "EXISTING"
+}
+export interface AddItemSelectorProps {
+    onAddItem?: (type: AddItemType) => void;
+}
+export declare const AddItemSelector: React.FC<AddItemSelectorProps>;

package/dist/components/organisms/DialogBookingAddItem/AddItemSelector.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '../../atoms/Typography/Typography';
+import { AddItemButton } from '../../molecules/AddItemButton/AddItemButton';
+export var AddItemType;
+(function (AddItemType) {
+    AddItemType["NEW"] = "NEW";
+    AddItemType["EXISTING"] = "EXISTING";
+})(AddItemType || (AddItemType = {}));
+export var AddItemSelector = function (_a) {
+    var onAddItem = _a.onAddItem;
+    return (_jsxs("div", { className: "space-y-9", children: [_jsx(Text, { size: "sm", variant: "medium", children: "If you are sure you want to add this service, please confirm below. New prices and cancellation policies will apply to the added service." }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(AddItemButton, { label: _jsxs(_Fragment, { children: ["Add new service ", _jsx("br", {}), " and new pax"] }), onClick: function () { return onAddItem === null || onAddItem === void 0 ? void 0 : onAddItem(AddItemType.NEW); } }), _jsx(AddItemButton, { label: _jsxs(_Fragment, { children: ["Add new service ", _jsx("br", {}), " for your existing pax"] }), onClick: function () { return onAddItem === null || onAddItem === void 0 ? void 0 : onAddItem(AddItemType.EXISTING); } })] }), _jsx(Text, { size: "sm", variant: "medium", children: "Note: This action is irreversible and cannot be undone." })] }));
+};

package/dist/components/organisms/DialogBookingAddItem/DialogBookingAddItem.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BookingPaxClientInfo } from '../../molecules/BookingPax';
+import { ServiceOption, ServiceType } from '../../molecules/ServiceSelector';
+import { AddItemNewServicePayload } from './AddItemNewService';
+import { AddItemType } from './AddItemSelector';
+export interface DialogBookingAddItemProps {
+    open: boolean;
+    serviceDate?: string | string[];
+    serviceOptions?: ServiceOption[];
+    clients: BookingPaxClientInfo[];
+    setOpen: (open: boolean) => void;
+    onAddItem?: (type: AddItemType) => void;
+    onServiceChange?: (service: ServiceType) => void;
+    onValidatePax?: (payload: AddItemNewServicePayload) => void;
+    onBackToSelector?: () => void;
+}
+export declare const DialogBookingAddItem: React.FC<DialogBookingAddItemProps>;

package/dist/components/organisms/DialogBookingAddItem/DialogBookingAddItem.js

@@ -0,0 +1,55 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AnimatePresence, domAnimation, LazyMotion } from 'motion/react';
+import * as motion from 'motion/react-m';
+import { useLayoutEffect, useRef, useState } from 'react';
+import { DEFAULT_SERVICE_SELECTOR_OPTIONS } from '../../molecules/ServiceSelector/ServiceSelector';
+import Dialog from '../Dialog/Dialog';
+import { AddItemNewService } from './AddItemNewService';
+import { AddItemSelector, AddItemType } from './AddItemSelector';
+export var DialogBookingAddItem = function (props) {
+    var open = props.open, _a = props.serviceDate, serviceDate = _a === void 0 ? [] : _a, _b = props.serviceOptions, serviceOptions = _b === void 0 ? [] : _b, clients = props.clients, setOpen = props.setOpen, onAddItem = props.onAddItem, onServiceChange = props.onServiceChange, onValidatePax = props.onValidatePax, onBackToSelector = props.onBackToSelector;
+    var _c = useState(null), selectedType = _c[0], setSelectedType = _c[1];
+    var contentRef = useRef(null);
+    var _d = useState('auto'), contentHeight = _d[0], setContentHeight = _d[1];
+    var handleAddItem = function (type) {
+        onAddItem === null || onAddItem === void 0 ? void 0 : onAddItem(type);
+        setSelectedType(type);
+        console.log(type);
+    };
+    var handleClose = function () {
+        setOpen(false);
+        setSelectedType(null);
+    };
+    // Measure and update content height when selectedType changes
+    useLayoutEffect(function () {
+        setTimeout(function () {
+            if (contentRef.current && open) {
+                var measuredHeight = contentRef.current.scrollHeight;
+                setContentHeight(measuredHeight);
+            }
+        }, 50);
+    }, [selectedType, open, serviceDate, serviceOptions, clients]);
+    var title = selectedType === AddItemType.EXISTING
+        ? 'Add new service to your existing pax'
+        : 'Select how to add items to your booking';
+    return (_jsx(Dialog, { isOpen: open, onClose: handleClose, showFooter: false, title: title, className: "!max-w-[798px]", children: _jsx(LazyMotion, { features: domAnimation, children: _jsx(motion.div, { animate: { height: contentHeight }, transition: { duration: 0.2, ease: 'easeInOut' }, style: { overflow: 'hidden' }, children: _jsx("div", { ref: contentRef, children: _jsx(AnimatePresence, { mode: "wait", initial: false, children: selectedType === AddItemType.EXISTING ? (_jsx(motion.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 10 }, transition: { duration: 0.25, ease: 'easeInOut' }, children: _jsx(AddItemNewService, { date: serviceDate, onServiceChange: function (service) { return onServiceChange === null || onServiceChange === void 0 ? void 0 : onServiceChange(service); }, options: serviceOptions.length > 0
+                                    ? serviceOptions
+                                    : DEFAULT_SERVICE_SELECTOR_OPTIONS.map(function (_a) {
+                                        var disabled = _a.disabled, badge = _a.badge, option = __rest(_a, ["disabled", "badge"]);
+                                        return option;
+                                    }), clients: clients, onNext: function (payload) { return onValidatePax === null || onValidatePax === void 0 ? void 0 : onValidatePax(payload); }, onBack: function () {
+                                    onBackToSelector === null || onBackToSelector === void 0 ? void 0 : onBackToSelector();
+                                    setSelectedType(null);
+                                } }) }, "add-item-new-service")) : (_jsx(motion.div, { initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 10 }, transition: { duration: 0.25, ease: 'easeInOut' }, children: _jsx(AddItemSelector, { onAddItem: handleAddItem }) }, "add-item-selector")) }) }) }) }) }));
+};

package/dist/components/organisms/DialogBookingAddItem/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AddItemNewService';
+export * from './AddItemSelector';
+export * from './DialogBookingAddItem';

package/dist/components/organisms/DialogBookingAddItem/index.js

@@ -0,0 +1,3 @@
+export * from './AddItemNewService';
+export * from './AddItemSelector';
+export * from './DialogBookingAddItem';

package/dist/components/organisms/DialogBookingConfirm/BookingCancellationPolicy.d.ts

@@ -1,4 +1,4 @@
-import { CancellationItem } from '../../molecules/DialogContentPolicy/DialogCancellationList';
+import { CancellationPolicyItem } from '../../molecules/DialogContentPolicy/DialogCancellationList';
 export interface BookingCancellationPolicyProps {
     /**
      * Whether the dialog is open.
@@ -11,7 +11,7 @@ export interface BookingCancellationPolicyProps {
     /**
      * The cancellations to display.
      */
-    cancellations: CancellationItem[];
+    cancellations: CancellationPolicyItem[];
 }
 /**
  * BookingCancellationPolicy is a component that allows the user to display the booking cancellation policy.

package/dist/components/organisms/DialogBookingConfirm/BookingCancellationPolicy.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DialogContentPolicy } from '../../molecules/DialogContentPolicy';
 import { DialogBookingConfirm } from './DialogBookingConfirm';
@@ -27,5 +16,5 @@ import { DialogBookingConfirm } from './DialogBookingConfirm';
  */
 export var BookingCancellationPolicy = function (props) {
     var open = props.open, setOpen = props.setOpen, cancellations = props.cancellations;
-    return (_jsx(DialogBookingConfirm, __assign({ open: open, setOpen: setOpen, title: "Confirmation of Terms & Cancellation policy", className: "!max-w-[800px]" }, { children: _jsx(DialogContentPolicy.List, { cancellations: cancellations }) })));
+    return (_jsx(DialogBookingConfirm, { open: open, setOpen: setOpen, title: "Confirmation of Terms & Cancellation policy", className: "!max-w-[800px]", children: _jsx(DialogContentPolicy.List, { cancellations: cancellations }) }));
 };