mautourco-components 0.2.30 → 0.2.32

package/dist/components/organisms/Table/columns/detail-resume-columns.js

@@ -1,19 +1,9 @@
-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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Button from '../../../atoms/Button/Button';
-import Chip from '../../../atoms/Chip/Chip';
 import { Text } from '../../../atoms/Typography/Typography';
 import { DateDisplay } from '../../../molecules/DateDisplay/DateDisplay';
+import { PaxChips } from '../../../molecules/PaxChips/PaxChips';
+import { priceFormatter } from '../../../../lib/price-formatter';
 import { ServiceType, } from '../../../../types/table/index';
 import { RowAccommodation } from '../../../molecules/TableServiceItem/RowAccommodation';
 import { RowExcursion } from '../../../molecules/TableServiceItem/RowExcursion';
@@ -115,35 +105,30 @@ export var detailResumeColumns = function (params) {
             width: 396,
             cell: function (value, raw) {
                 var pax = {
-                    Adult: 0,
-                    Teen: 0,
-                    Infant: 0,
-                    Child: 0,
+                    adult: 0,
+                    teen: 0,
+                    infant: 0,
+                    child: 0,
                 };
                 switch (value) {
                     case ServiceType.ACCOMMODATION:
                     case ServiceType.EXCURSION:
                     case ServiceType.TRANSFER:
                         var item = raw;
-                        pax.Adult = item.AdultCount;
-                        pax.Teen = item.TeenCount;
-                        pax.Infant = item.InfantCount;
-                        pax.Child = item.ChildCount;
+                        pax.adult = item.AdultCount;
+                        pax.teen = item.TeenCount;
+                        pax.infant = item.InfantCount;
+                        pax.child = item.ChildCount;
                         break;
                     case ServiceType.OTHER_SERVICE:
                         var otherService = raw;
-                        pax.Adult = otherService.adult_pax;
-                        pax.Teen = otherService.teen_pax;
-                        pax.Infant = otherService.infant_pax;
-                        pax.Child = otherService.child_pax;
+                        pax.adult = otherService.adult_pax;
+                        pax.teen = otherService.teen_pax;
+                        pax.infant = otherService.infant_pax;
+                        pax.child = otherService.child_pax;
                         break;
                 }
-                return (_jsx("div", __assign({ className: "flex items-center gap-x-3" }, { children: Object.keys(pax).map(function (k, index) {
-                        var _a;
-                        var count = (_a = pax[k]) !== null && _a !== void 0 ? _a : 0;
-                        var type = count > 0 ? 'filled' : 'outline';
-                        return (_jsx(Chip, { label: "".concat(k, " ").concat(count), size: "sm", color: "accent", type: type, className: "!px-3" }, "pax-".concat(index)));
-                    }) })));
+                return _jsx(PaxChips, { pax: pax });
             },
         },
         {
@@ -173,7 +158,7 @@ export var detailResumeColumns = function (params) {
                         total.total = otherService.total_price;
                         break;
                 }
-                return (_jsxs("div", __assign({ className: "flex items-center justify-between" }, { children: [_jsxs(Text, __assign({ size: "sm", variant: "bold" }, { children: [total.currency, " ", total.total] })), onRemove && (_jsx(Button, __assign({ variant: "destructive", size: "sm", onClick: function () { return onRemove(raw, index); } }, { children: "Remove" })))] })));
+                return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Text, { size: "sm", variant: "bold", children: priceFormatter(total.total, total.currency) }), onRemove && (_jsx(Button, { variant: "destructive", size: "sm", onClick: function () { return onRemove(raw, index); }, children: "Remove" }))] }));
             },
         },
     ];

package/dist/components/organisms/Table/columns/index.d.ts

@@ -1,17 +1,21 @@
 declare const columns: {
     quotation: (params: {
-        onExpand: (value?: import("../../../..").QuotationListItem | undefined) => void;
-        onAction: (action: import("../../../..").ActionDropdownType) => void;
+        onExpand: (value?: import("../../../..").QuotationListItem) => void;
+        onAction: (data: {
+            isChild?: boolean;
+            quote: import("../../../..").QuotationListItem;
+        }) => (action: import("../../../..").ActionDropdownType) => void;
     }) => import("../TableCell").ColumnType<import("../../../..").QuotationListItem>[];
     detailResume: (params?: {
-        onRemove?: ((value: import("../../../..").DetailResumeItem, index?: number | undefined) => void) | undefined;
-    } | undefined) => import("../TableCell").ColumnType<import("../../../..").DetailResumeItem>[];
+        onRemove?: (value: import("../../../..").DetailResumeItem, index?: number) => void;
+    }) => import("../TableCell").ColumnType<import("../../../..").DetailResumeItem>[];
     booking: (params: {
-        onExpand: (value?: import("../../../../types/table/booking.types").BookingListItem | undefined) => void;
+        onExpand: (value?: import("../../../../types/table/booking.types").BookingListItem) => void;
         onAction: (action: import("../../../..").ActionDropdownType) => void;
     }) => import("../TableCell").ColumnType<import("../../../../types/table/booking.types").BookingListItem>[];
     bookingCancelService: (params?: {
-        onRemove?: ((value: import("../../../..").DetailResumeItem, index?: number | undefined, childIndex?: number | undefined) => void) | undefined;
-    } | undefined) => import("../TableCell").ColumnType<import("../../../..").DetailResumeItem>[];
+        onRemove?: (value: import("../../../..").DetailResumeItem, index?: number, childIndex?: number) => void;
+    }) => import("../TableCell").ColumnType<import("../../../..").DetailResumeItem>[];
+    comparison: () => import("../TableCell").ColumnType<import("../../DialogComparison/DialogComparison").ComparisonData>[];
 };
 export { columns };

package/dist/components/organisms/Table/columns/index.js

@@ -1,5 +1,6 @@
 import { bookingCancelServiceColumns } from './booking-cancel-service-columns';
 import { bookingColumns } from './booking-columns';
+import { comparisonColumns } from './comparison-columns';
 import { detailResumeColumns } from './detail-resume-columns';
 import { quotationColumns } from './quotation-columns';
 var columns = {
@@ -7,5 +8,6 @@ var columns = {
     detailResume: detailResumeColumns,
     booking: bookingColumns,
     bookingCancelService: bookingCancelServiceColumns,
+    comparison: comparisonColumns,
 };
 export { columns };

package/dist/components/organisms/Table/columns/quotation-columns.d.ts

@@ -3,5 +3,8 @@ import { QuotationListItem } from '@/src/types/table/quotation.types';
 import { ColumnType } from '../TableCell';
 export declare const quotationColumns: (params: {
     onExpand: (value?: QuotationListItem) => void;
-    onAction: (action: ActionDropdownType) => void;
+    onAction: (data: {
+        isChild?: boolean;
+        quote: QuotationListItem;
+    }) => (action: ActionDropdownType) => void;
 }) => ColumnType<QuotationListItem>[];

package/dist/components/organisms/Table/columns/quotation-columns.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 Button from '../../../atoms/Button/Button';
 import Chip from '../../../atoms/Chip/Chip';
@@ -24,13 +13,15 @@ export var quotationColumns = function (_a) {
             header: 'Quote nb.',
             key: 'file_nb',
             width: 150,
-            cell: function (value) { return (_jsx(Text, __assign({ variant: "medium", size: "sm" }, { children: value }))); },
+            cell: function (value) { return (_jsx(Text, { variant: "medium", size: "sm", children: value })); },
         },
         {
             header: 'Client name',
             key: 'agency_name',
             width: 150,
-            cell: function (value) { return (_jsx(Text, __assign({ variant: "medium", size: "sm" }, { children: value }))); },
+            cell: function (value, _raw, _index, childIndex) {
+                return childIndex === undefined && (_jsx(Text, { variant: "medium", size: "sm", children: value }));
+            },
         },
         {
             header: 'File status',
@@ -38,7 +29,7 @@ export var quotationColumns = function (_a) {
             width: 160,
             cell: function (value, raw) {
                 var isMultiple = raw.children && raw.children.length > 0;
-                return (_jsx(Chip, __assign({ color: isMultiple ? 'blue' : chipVariant[value.toLowerCase()], size: "sm" }, { children: isMultiple ? 'Multiple' : value })));
+                return (_jsx(Chip, { color: isMultiple ? 'blue' : chipVariant[value.toLowerCase()], size: "sm", children: isMultiple ? 'Multiple' : value }));
             },
         },
         {
@@ -47,7 +38,7 @@ export var quotationColumns = function (_a) {
             width: 145,
             cell: function (value) {
                 var clientType = clientTypeMap[value];
-                return (_jsx(Text, __assign({ variant: "medium", size: "sm" }, { children: clientType !== null && clientType !== void 0 ? clientType : value })));
+                return (_jsx(Text, { variant: "medium", size: "sm", children: clientType !== null && clientType !== void 0 ? clientType : value }));
             },
         },
         {
@@ -65,26 +56,26 @@ export var quotationColumns = function (_a) {
             width: 350,
             cell: function (value) {
                 var _a = value, accom_count = _a.accom_count, transfer_count = _a.transfer_count, tours_count = _a.tours_count;
-                return (_jsxs("div", __assign({ className: "flex flex-wrap gap-2" }, { children: [_jsx(Chip, { label: "Accomodation ".concat(accom_count), type: accom_count > 0 ? 'filled' : 'outline', color: "accent", size: "sm" }), _jsx(Chip, { label: "Transfer ".concat(transfer_count), type: transfer_count > 0 ? 'filled' : 'outline', color: "accent", size: "sm" }), _jsx(Chip, { label: "Excursion ".concat(tours_count), type: tours_count > 0 ? 'filled' : 'outline', color: "accent", size: "sm" })] })));
+                return (_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Chip, { label: "Accomodation ".concat(accom_count), type: accom_count > 0 ? 'filled' : 'outline', color: "accent", size: "sm" }), _jsx(Chip, { label: "Transfer ".concat(transfer_count), type: transfer_count > 0 ? 'filled' : 'outline', color: "accent", size: "sm" }), _jsx(Chip, { label: "Excursion ".concat(tours_count), type: tours_count > 0 ? 'filled' : 'outline', color: "accent", size: "sm" })] }));
             },
         },
         {
             header: 'Created by',
             key: 'created_by',
             width: 160,
-            cell: function (value, raw) { return (_jsxs(_Fragment, { children: [_jsxs(Text, __assign({ variant: "medium", size: "sm", leading: "4" }, { children: [raw.file_name, ","] })), _jsx(Text, __assign({ variant: "bold", size: "sm", leading: "4" }, { children: value }))] })); },
+            cell: function (value, raw) { return (_jsxs(_Fragment, { children: [_jsxs(Text, { variant: "medium", size: "sm", leading: "4", children: [raw.file_name, ","] }), _jsx(Text, { variant: "bold", size: "sm", leading: "4", children: value })] })); },
         },
         {
             header: '',
             key: 'actions',
             width: 232,
-            cell: function (_value, raw) {
+            cell: function (_value, raw, _index, childIndex) {
                 var _a;
                 var hasChildren = raw.children && raw.children.length > 0;
                 var isExpanded = (_a = raw.children) === null || _a === void 0 ? void 0 : _a.some(function (child) { return child.visible; });
                 var buttonLabel = isExpanded ? 'See less' : 'See more';
                 var isOnRequest = raw.status.toLowerCase() === 'on request';
-                return (_jsx("div", { children: hasChildren ? (_jsx(Button, __assign({ variant: "outline-primary", size: "sm", trailingIcon: "chevron-down", className: cn('table__button', isExpanded && 'table__button-expanded'), onClick: function () { return onExpand(raw); } }, { children: buttonLabel }))) : (_jsxs("div", __assign({ className: "flex itemes-center gap-x-8" }, { children: [_jsx(Button, __assign({ variant: isOnRequest ? 'outline-secondary' : 'secondary', size: "sm", className: "table__button" }, { children: isOnRequest ? 'Request to book' : 'Book now' })), _jsx(ActionDropdown, { data: actionDropdownData(onAction) })] }))) }));
+                return (_jsx("div", { children: hasChildren ? (_jsx(Button, { variant: "outline-primary", size: "sm", trailingIcon: "chevron-down", className: cn('table__button', isExpanded && 'table__button-expanded'), onClick: function () { return onExpand(raw); }, children: buttonLabel })) : (_jsxs("div", { className: "flex items-center gap-x-8", children: [_jsx(Button, { variant: isOnRequest ? 'outline-secondary' : 'secondary', size: "sm", className: "table__button", children: isOnRequest ? 'Request to book' : 'Book now' }), _jsx(ActionDropdown, { data: actionDropdownData(onAction({ isChild: childIndex !== undefined, quote: raw })) })] })) }));
             },
         },
     ];

package/dist/components/organisms/Timeline/Timeline.js

@@ -16,5 +16,5 @@ import TextWithIcon from '../../molecules/TextWithIcon/TextWithIcon';
 import TimelineItem from '../../molecules/TimelineItem/TimelineItem';
 export var Timeline = function (props) {
     var arrival = props.arrival, departure = props.departure, services = props.services, className = props.className;
-    return (_jsxs("div", __assign({ className: cn('space-y-10', className) }, { children: [_jsxs(TextWithIcon, __assign({ icon: "arrival", color: "accent", iconSize: "lg", textSize: "lg" }, { children: ["Arrival :", ' ', _jsx(Text, __assign({ variant: "regular", size: "lg", leading: "5", color: "default", as: "span" }, { children: arrival }))] })), _jsx("div", __assign({ className: "overflow-x-auto" }, { children: _jsx("div", __assign({ className: "flex gap-x-3 pb-8 2xl:pb-0" }, { children: services.map(function (service, index) { return (_jsxs(TimelineItem, { children: [service.type === 'transfer' && (_jsx(TimelineItem.Transfer, __assign({}, service.data))), service.type === 'accommodation' && (_jsx(TimelineItem.Accommodation, __assign({}, service.data))), service.type === 'excursion' && (_jsx(TimelineItem.Excursion, __assign({}, service.data)))] }, "tm-".concat(index))); }) })) })), _jsxs(TextWithIcon, __assign({ icon: "departure", color: "accent", iconSize: "lg", textSize: "lg" }, { children: ["Departure :", ' ', _jsx(Text, __assign({ variant: "regular", size: "lg", leading: "5", color: "default", as: "span" }, { children: departure }))] }))] })));
+    return (_jsxs("div", { className: cn('space-y-10', className), children: [_jsxs(TextWithIcon, { icon: "arrival", color: "accent", iconSize: "lg", textSize: "lg", children: ["Arrival :", ' ', _jsx(Text, { variant: "regular", size: "lg", leading: "5", color: "default", as: "span", children: arrival })] }), _jsx("div", { className: "overflow-x-auto", children: _jsx("div", { className: "flex gap-x-3 pb-8 2xl:pb-0", children: services.map(function (service, index) { return (_jsxs(TimelineItem, { children: [service.type === 'transfer' && (_jsx(TimelineItem.Transfer, __assign({}, service.data))), service.type === 'accommodation' && (_jsx(TimelineItem.Accommodation, __assign({}, service.data))), service.type === 'excursion' && (_jsx(TimelineItem.Excursion, __assign({}, service.data)))] }, "tm-".concat(index))); }) }) }), _jsxs(TextWithIcon, { icon: "departure", color: "accent", iconSize: "lg", textSize: "lg", children: ["Departure :", ' ', _jsx(Text, { variant: "regular", size: "lg", leading: "5", color: "default", as: "span", children: departure })] })] }));
 };

package/dist/components/organisms/TopNavigation/DesktopNav.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Link = {
     label: string;
     route: string;

package/dist/components/organisms/TopNavigation/DesktopNav.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 { UserCard } from "../../molecules/UserCard/UserCard";
@@ -19,14 +8,14 @@ export var DesktopNav = function (_a) {
         e.preventDefault();
         onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick({ label: "Home", route: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/" });
     };
-    return (_jsxs("header", __assign({ className: "header" }, { children: [_jsx("div", __assign({ className: "header-logo" }, { children: _jsx("a", __assign({ href: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/", onClick: handleLogoClick, className: "header-logo__link" }, { children: Logo ? (_jsx(Logo, { className: "header-logo__image" })) : (_jsx("img", { src: logoUrl, alt: "Mautourco", className: "header-logo__image", draggable: false })) })) })), _jsxs("nav", __assign({ className: "header-nav" }, { children: [_jsx("ul", __assign({ className: "header-nav__items" }, { children: links === null || links === void 0 ? void 0 : links.map(function (it) {
+    return (_jsxs("header", { className: "header", children: [_jsx("div", { className: "header-logo", children: _jsx("a", { href: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/", onClick: handleLogoClick, className: "header-logo__link", children: Logo ? (_jsx(Logo, { className: "header-logo__image" })) : (_jsx("img", { src: logoUrl, alt: "Mautourco", className: "header-logo__image", draggable: false })) }) }), _jsxs("nav", { className: "header-nav", children: [_jsx("ul", { className: "header-nav__items", children: links === null || links === void 0 ? void 0 : links.map(function (it) {
                             var isActive = it.label === active;
-                            return (_jsx("li", __assign({ className: "header__item ".concat(isActive ? "header__item--active" : "") }, { children: it.isButton ? (_jsx(Button, __assign({ size: "sm", variant: "outline-secondary", onClick: function (e) {
+                            return (_jsx("li", { className: "header__item ".concat(isActive ? "header__item--active" : ""), children: it.isButton ? (_jsx(Button, { size: "sm", variant: "outline-secondary", onClick: function (e) {
                                         e.preventDefault();
                                         onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick(it);
-                                    } }, { children: it.label }))) : (_jsx("a", __assign({ href: it.route, className: "header__item__link", onClick: function (e) {
+                                    }, children: it.label })) : (_jsx("a", { href: it.route, className: "header__item__link", onClick: function (e) {
                                         e.preventDefault();
                                         onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick(it);
-                                    } }, { children: it.label }))) }), it.label));
-                        }) })), _jsx("div", __assign({ className: "header-nav__user-section ".concat(user ? "header-nav__user-connected-section" : "") }, { children: user ? (_jsx("div", __assign({ className: "header-nav__user-container" }, { children: _jsx(UserCard, { user: user, agencies: agencies || [], selectedAgency: selectedAgency, onSelectAgency: onAgencyChange }) }))) : (_jsx(Button, __assign({ size: "sm", variant: "secondary", onClick: onLogin }, { children: "Login" }))) }))] }))] })));
+                                    }, children: it.label })) }, it.label));
+                        }) }), _jsx("div", { className: "header-nav__user-section ".concat(user ? "header-nav__user-connected-section" : ""), children: user ? (_jsx("div", { className: "header-nav__user-container", children: _jsx(UserCard, { user: user, agencies: agencies || [], selectedAgency: selectedAgency, onSelectAgency: onAgencyChange }) })) : (_jsx(Button, { size: "sm", variant: "secondary", onClick: onLogin, children: "Login" })) })] })] }));
 };

package/dist/components/organisms/TopNavigation/MobileNav.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 React from "react";
 import Icon from "../../atoms/Icon/Icon";
@@ -19,27 +8,27 @@ export var MobileNav = function (_a) {
     var _b = React.useState(false), open = _b[0], setOpen = _b[1];
     var closeRef = React.useRef(null);
     var Logo = typeof logoUrl === "function" ? logoUrl : null;
-    return (_jsxs(_Fragment, { children: [_jsxs("header", __assign({ className: "header" }, { children: [_jsx("button", __assign({ "aria-label": "Open Menu", onClick: function () { return setOpen(true); } }, { children: _jsx(Icon, { name: "menu", size: "sm" }) })), _jsx("div", __assign({ className: "header-logo" }, { children: _jsx("a", __assign({ href: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/", className: "header-logo__link", onClick: function (e) {
+    return (_jsxs(_Fragment, { children: [_jsxs("header", { className: "header", children: [_jsx("button", { "aria-label": "Open Menu", onClick: function () { return setOpen(true); }, children: _jsx(Icon, { name: "menu", size: "sm" }) }), _jsx("div", { className: "header-logo", children: _jsx("a", { href: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/", className: "header-logo__link", onClick: function (e) {
                                 e.preventDefault();
                                 onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick({ label: "Home", route: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/" });
-                            } }, { children: Logo ? (_jsx(Logo, { className: "header-logo__image" })) : (_jsx("img", { src: logoUrl, alt: "Mautourco", className: "header-logo__image", draggable: false })) })) })), _jsx("div", __assign({ className: "header-user-actions" }, { children: !user && (_jsx(Button, __assign({ size: "sm", variant: "secondary", onClick: function () {
+                            }, children: Logo ? (_jsx(Logo, { className: "header-logo__image" })) : (_jsx("img", { src: logoUrl, alt: "Mautourco", className: "header-logo__image", draggable: false })) }) }), _jsx("div", { className: "header-user-actions", children: !user && (_jsx(Button, { size: "sm", variant: "secondary", onClick: function () {
                                 onLogin === null || onLogin === void 0 ? void 0 : onLogin();
                                 setOpen(false);
-                            } }, { children: "Login" }))) }))] })), _jsx("div", { "aria-hidden": !open, className: "mobile-nav__backdrop ".concat(open ? "mobile-nav__backdrop--open" : "mobile-nav__backdrop--closed"), onClick: function () { return setOpen(false); } }), _jsxs("aside", __assign({ role: "dialog", "aria-modal": "true", "aria-label": "Main menu", className: "\n          mobile-nav__sheet\n          ".concat(open ? "mobile-nav__sheet--open" : "mobile-nav__sheet--closed", "\n        ") }, { children: [_jsxs("div", __assign({ className: "mobile-nav__header" }, { children: [_jsx("div", { children: _jsx("button", __assign({ ref: closeRef, "aria-label": "Close menu", onClick: function () { return setOpen(false); }, className: "mobile-nav__close-button" }, { children: _jsx(Icon, { name: "close", size: "sm" }) })) }), user ? (_jsx(UserCard, { user: user, agencies: agencies || [], selectedAgency: selectedAgency, onSelectAgency: onAgencyChange })) : (_jsx("a", __assign({ href: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/", className: "header-logo__link", onClick: function (e) {
+                            }, children: "Login" })) })] }), _jsx("div", { "aria-hidden": !open, className: "mobile-nav__backdrop ".concat(open ? "mobile-nav__backdrop--open" : "mobile-nav__backdrop--closed"), onClick: function () { return setOpen(false); } }), _jsxs("aside", { role: "dialog", "aria-modal": "true", "aria-label": "Main menu", className: "\n          mobile-nav__sheet\n          ".concat(open ? "mobile-nav__sheet--open" : "mobile-nav__sheet--closed", "\n        "), children: [_jsxs("div", { className: "mobile-nav__header", children: [_jsx("div", { children: _jsx("button", { ref: closeRef, "aria-label": "Close menu", onClick: function () { return setOpen(false); }, className: "mobile-nav__close-button", children: _jsx(Icon, { name: "close", size: "sm" }) }) }), user ? (_jsx(UserCard, { user: user, agencies: agencies || [], selectedAgency: selectedAgency, onSelectAgency: onAgencyChange })) : (_jsx("a", { href: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/", className: "header-logo__link", onClick: function (e) {
                                     e.preventDefault();
                                     onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick({ label: "Home", route: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/" });
-                                } }, { children: Logo ? (_jsx(Logo, { className: "header-logo__image-mobile" })) : (_jsx("img", { src: logoUrl, alt: "Mautourco", className: "header-logo__image-mobile", draggable: false })) })))] })), _jsx("nav", __assign({ className: "mobile-nav__content" }, { children: _jsx("ul", __assign({ className: "mobile-nav__list" }, { children: links.map(function (l, i) {
+                                }, children: Logo ? (_jsx(Logo, { className: "header-logo__image-mobile" })) : (_jsx("img", { src: logoUrl, alt: "Mautourco", className: "header-logo__image-mobile", draggable: false })) }))] }), _jsx("nav", { className: "mobile-nav__content", children: _jsx("ul", { className: "mobile-nav__list", children: links.map(function (l, i) {
                                 var activeItem = active && active === l.label;
-                                return (_jsx("li", __assign({ className: "header__item ".concat(activeItem ? "header__item--active" : "") }, { children: _jsx("button", __assign({ disabled: l.disabled, onClick: function () {
+                                return (_jsx("li", { className: "header__item ".concat(activeItem ? "header__item--active" : ""), children: _jsx("button", { disabled: l.disabled, onClick: function () {
                                             onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick(l);
                                             setOpen(false);
-                                        }, className: "mobile-nav__item-button" }, { children: l.label })) }), "".concat(l.route, "-").concat(i)));
-                            }) })) })), _jsx("div", __assign({ className: "mobile-nav__footer" }, { children: user ? (_jsx("div", __assign({ className: "mobile-nav__user-info" }, { children: _jsx(Button, __assign({ onClick: function () {
+                                        }, className: "mobile-nav__item-button", children: l.label }) }, "".concat(l.route, "-").concat(i)));
+                            }) }) }), _jsx("div", { className: "mobile-nav__footer", children: user ? (_jsx("div", { className: "mobile-nav__user-info", children: _jsx(Button, { onClick: function () {
                                     onLogout === null || onLogout === void 0 ? void 0 : onLogout();
                                     setOpen(false);
-                                }, className: "mobile-nav__logout-button" }, { children: "Logout" })) }))) : (_jsx(Button, __assign({ size: "sm", variant: "secondary", onClick: function () {
+                                }, className: "mobile-nav__logout-button", children: "Logout" }) })) : (_jsx(Button, { size: "sm", variant: "secondary", onClick: function () {
                                 onLogin === null || onLogin === void 0 ? void 0 : onLogin();
                                 setOpen(false);
-                            } }, { children: "Login" }))) }))] }))] }));
+                            }, children: "Login" })) })] })] }));
 };
 export default MobileNav;

package/dist/components/organisms/TransferLine/TransferLine.js

@@ -183,6 +183,6 @@ var TransferLine = function (_a) {
     var isDateEmpty = checkEmpty && (!internalTransferDate || internalTransferDate === '');
     var isPickupEmpty = checkEmpty && !internalPickupPoint;
     var isDropoffEmpty = checkEmpty && !internalDropoffPoint;
-    return (_jsxs("div", __assign({ className: "transfer-line transfer-line--".concat(type, " ").concat(className), "data-transfer-id": id }, { children: [showTitle && (_jsxs("div", __assign({ className: "transfer-line__header" }, { children: [_jsx(Icon, { name: getTypeIcon(), size: "sm", className: "transfer-line__header-icon" }), _jsx(Text, __assign({ size: "sm", variant: "medium", className: "transfer-line__header-label" }, { children: getTypeLabel() }))] }))), _jsxs("div", __assign({ className: "transfer-line__content-container" }, { children: [_jsxs("div", __assign({ className: "transfer-line__content" }, { children: [_jsx("div", __assign({ className: "transfer-line__field transfer-line__field--pax ".concat(isPaxEmpty ? 'transfer-line__field--error' : '') }, { children: _jsx(PaxSelector, { label: "Number of pax", value: internalPaxData, onChange: handlePaxChange, placeholder: "2 pax", className: isPaxEmpty ? 'pax-selector--error' : '' }) })), _jsxs("div", __assign({ className: "transfer-line__field transfer-line__field--date" }, { children: [_jsx(Text, __assign({ size: "sm", variant: "regular", className: "transfer-line__field-label" }, { children: "Transfer date" })), _jsx(DateTimePicker, { placeholder: "DD/MM/YYYY", mode: "calendar", iconPosition: "left", numberOfMonths: 1, iconBGFull: false, showChevron: true, onValueChange: handleDateChange, selectionMode: "single", defaultValue: internalTransferDate, inputClassName: "transfer-line__date-picker", state: isDateEmpty ? 'error' : undefined })] })), _jsx("div", __assign({ className: "transfer-line__field transfer-line__field--pickup" }, { children: _jsx(LocationDropdown, { label: "Pick-up point", options: filterLocations('pickup').options, groups: filterLocations('pickup').groups, selectedValue: (internalPickupPoint === null || internalPickupPoint === void 0 ? void 0 : internalPickupPoint.id) || null, onSelectionChange: handlePickupChange, placeholder: "Select a pick-up point", direction: "pickup", type: type === 'inter-hotel' ? 'accommodation' : type === 'arrival' ? 'airport-port' : 'accommodation', showGroupTitles: false, error: isPickupEmpty }) })), _jsx("div", __assign({ className: "transfer-line__field transfer-line__field--dropoff" }, { children: _jsx(LocationDropdown, { label: "Drop-off point", options: filterLocations('dropoff').options, groups: filterLocations('dropoff').groups, selectedValue: (internalDropoffPoint === null || internalDropoffPoint === void 0 ? void 0 : internalDropoffPoint.id) || null, onSelectionChange: handleDropoffChange, placeholder: "Select a drop-off point", direction: "dropoff", type: type === 'inter-hotel' ? 'accommodation' : type === 'departure' ? 'airport-port' : 'accommodation', showGroupTitles: false, error: isDropoffEmpty }) }))] })), showDelete && (_jsx("div", __assign({ className: "transfer-line__delete" }, { children: _jsx("button", __assign({ type: "button", className: "transfer-line__delete-btn", onClick: onDelete, "aria-label": "Delete transfer line" }, { children: _jsx(Icon, { name: "delete", size: "sm", className: "transfer-line__delete-icon" }) })) })))] }))] })));
+    return (_jsxs("div", { className: "transfer-line transfer-line--".concat(type, " ").concat(className), "data-transfer-id": id, children: [showTitle && (_jsxs("div", { className: "transfer-line__header", children: [_jsx(Icon, { name: getTypeIcon(), size: "sm", className: "transfer-line__header-icon" }), _jsx(Text, { size: "sm", variant: "medium", className: "transfer-line__header-label", children: getTypeLabel() })] })), _jsxs("div", { className: "transfer-line__content-container", children: [_jsxs("div", { className: "transfer-line__content", children: [_jsx("div", { className: "transfer-line__field transfer-line__field--pax ".concat(isPaxEmpty ? 'transfer-line__field--error' : ''), children: _jsx(PaxSelector, { label: "Number of pax", value: internalPaxData, onChange: handlePaxChange, placeholder: "2 pax", className: isPaxEmpty ? 'pax-selector--error' : '' }) }), _jsxs("div", { className: "transfer-line__field transfer-line__field--date", children: [_jsx(Text, { size: "sm", variant: "regular", className: "transfer-line__field-label", children: "Transfer date" }), _jsx(DateTimePicker, { placeholder: "DD/MM/YYYY", mode: "calendar", iconPosition: "left", numberOfMonths: 1, iconBGFull: false, showChevron: true, onValueChange: handleDateChange, selectionMode: "single", defaultValue: internalTransferDate, inputClassName: "transfer-line__date-picker", state: isDateEmpty ? 'error' : undefined })] }), _jsx("div", { className: "transfer-line__field transfer-line__field--pickup", children: _jsx(LocationDropdown, { label: "Pick-up point", options: filterLocations('pickup').options, groups: filterLocations('pickup').groups, selectedValue: (internalPickupPoint === null || internalPickupPoint === void 0 ? void 0 : internalPickupPoint.id) || null, onSelectionChange: handlePickupChange, placeholder: "Select a pick-up point", direction: "pickup", type: type === 'inter-hotel' ? 'accommodation' : type === 'arrival' ? 'airport-port' : 'accommodation', showGroupTitles: false, error: isPickupEmpty }) }), _jsx("div", { className: "transfer-line__field transfer-line__field--dropoff", children: _jsx(LocationDropdown, { label: "Drop-off point", options: filterLocations('dropoff').options, groups: filterLocations('dropoff').groups, selectedValue: (internalDropoffPoint === null || internalDropoffPoint === void 0 ? void 0 : internalDropoffPoint.id) || null, onSelectionChange: handleDropoffChange, placeholder: "Select a drop-off point", direction: "dropoff", type: type === 'inter-hotel' ? 'accommodation' : type === 'departure' ? 'airport-port' : 'accommodation', showGroupTitles: false, error: isDropoffEmpty }) })] }), showDelete && (_jsx("div", { className: "transfer-line__delete", children: _jsx("button", { type: "button", className: "transfer-line__delete-btn", onClick: onDelete, "aria-label": "Delete transfer line", children: _jsx(Icon, { name: "delete", size: "sm", className: "transfer-line__delete-icon" }) }) }))] })] }));
 };
 export default TransferLine;

package/dist/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "outline" | "default" | "secondary" | "destructive" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
     size?: "sm" | "lg" | "default" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/components/ui/calendar.js

@@ -54,7 +54,7 @@ function Calendar(_a) {
                 return (_jsx(ChevronDownIcon, __assign({ className: cn("size-4", className) }, props)));
             }, DayButton: CalendarDayButton, WeekNumber: function (_a) {
                 var children = _a.children, props = __rest(_a, ["children"]);
-                return (_jsx("td", __assign({}, props, { children: _jsx("div", __assign({ className: "flex size-[--cell-size] items-center justify-center text-center" }, { children: children })) })));
+                return (_jsx("td", __assign({}, props, { children: _jsx("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children: children }) })));
             }, MonthGrid: CustomMonthGrid, CaptionLabel: CustomCaptionLabel }, components) }, props)));
 }
 function CalendarDayButton(_a) {
@@ -73,7 +73,7 @@ function CalendarDayButton(_a) {
         // "data-[selected-single=true]:bg-[#FFAB63] data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-[#FFAB63] data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-[#FFAB63] data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
         defaultClassNames.day, className
         // 'data-[selected-single=true]:!rounded-full data-[range-start=true]:!rounded-full data-[range-end=true]:!rounded-full data-[range-middle=true]:bg-[#FFEBD4]'
-        ) }, props, { children: _jsx("span", __assign({ className: "relative z-20" }, { children: day.date.getDate() })) })));
+        ) }, props, { children: _jsx("span", { className: "relative z-20", children: day.date.getDate() }) })));
 }
 function CustomMonthGrid(props) {
     return (_jsxs(_Fragment, { children: [_jsx("hr", { className: "calendar--separator" }), _jsx(MonthGrid, __assign({}, props))] }));

package/dist/components/ui/form.d.ts

@@ -0,0 +1,24 @@
+import type * as LabelPrimitive from '@radix-ui/react-label';
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+import { type ControllerProps, type FieldPath, type FieldValues } from 'react-hook-form';
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element | null;
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, };

package/dist/components/ui/form.js

@@ -0,0 +1,79 @@
+'use client';
+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 __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 { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+import { Controller, FormProvider, useFormContext, useFormState, } from 'react-hook-form';
+import { Label } from './label';
+import { cn } from '../../lib/utils';
+var Form = FormProvider;
+var FormFieldContext = React.createContext({});
+var FormField = function (_a) {
+    var props = __rest(_a, []);
+    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, __assign({}, props)) }));
+};
+var useFormField = function () {
+    var fieldContext = React.useContext(FormFieldContext);
+    var itemContext = React.useContext(FormItemContext);
+    var getFieldState = useFormContext().getFieldState;
+    var formState = useFormState({ name: fieldContext.name });
+    var fieldState = getFieldState(fieldContext.name, formState);
+    if (!fieldContext) {
+        throw new Error('useFormField should be used within <FormField>');
+    }
+    var id = itemContext.id;
+    return __assign({ id: id, name: fieldContext.name, formItemId: "".concat(id, "-form-item"), formDescriptionId: "".concat(id, "-form-item-description"), formMessageId: "".concat(id, "-form-item-message") }, fieldState);
+};
+var FormItemContext = React.createContext({});
+function FormItem(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    var id = React.useId();
+    return (_jsx(FormItemContext.Provider, { value: { id: id }, children: _jsx("div", __assign({ "data-slot": "form-item", className: cn('grid gap-2', className) }, props)) }));
+}
+function FormLabel(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    var _b = useFormField(), error = _b.error, formItemId = _b.formItemId;
+    return (_jsx(Label, __assign({ "data-slot": "form-label", "data-error": !!error, className: cn('data-[error=true]:text-destructive', className), htmlFor: formItemId }, props)));
+}
+function FormControl(_a) {
+    var props = __rest(_a, []);
+    var _b = useFormField(), error = _b.error, formItemId = _b.formItemId, formDescriptionId = _b.formDescriptionId, formMessageId = _b.formMessageId;
+    return (_jsx(Slot, __assign({ "data-slot": "form-control", id: formItemId, "aria-describedby": !error ? "".concat(formDescriptionId) : "".concat(formDescriptionId, " ").concat(formMessageId), "aria-invalid": !!error }, props)));
+}
+function FormDescription(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    var formDescriptionId = useFormField().formDescriptionId;
+    return (_jsx("p", __assign({ "data-slot": "form-description", id: formDescriptionId, className: cn('text-muted-foreground text-sm', className) }, props)));
+}
+function FormMessage(_a) {
+    var _b;
+    var className = _a.className, props = __rest(_a, ["className"]);
+    var _c = useFormField(), error = _c.error, formMessageId = _c.formMessageId;
+    var body = error ? String((_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : '') : props.children;
+    if (!body) {
+        return null;
+    }
+    return (_jsx("p", __assign({ "data-slot": "form-message", id: formMessageId, className: cn('text-[var(--color-text-state-error)] text-sm', className) }, props, { children: body })));
+}
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, };

package/dist/components/ui/label.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/dist/components/ui/label.js

@@ -0,0 +1,30 @@
+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 __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 * as LabelPrimitive from "@radix-ui/react-label";
+import { cn } from '../../lib/utils';
+function Label(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(LabelPrimitive.Root, __assign({ "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className) }, props)));
+}
+export { Label };

package/dist/hooks/useBookingPax.d.ts

@@ -2,7 +2,7 @@ import { BookingPaxClientInfo, BookingPaxClientOptions } from '../components/mol
 export default function useBookingPax(selectedClientsInfoIds?: Record<string | number, string[]>): {
     changeOptions: BookingPaxClientOptions | null;
     buildSelectedClients: (clientsInfo: BookingPaxClientInfo[], selectedClientsInfoIds?: Record<string | number, string[]>) => Record<string | number, BookingPaxClientInfo[]>;
-    onSelectedClients: (clientsInfo: BookingPaxClientInfo[], onPaxChange?: ((options: BookingPaxClientOptions) => void) | undefined) => void;
+    onSelectedClients: (clientsInfo: BookingPaxClientInfo[], onPaxChange?: (options: BookingPaxClientOptions) => void) => void;
     isSelectedClient: (roomIndex: number, id: string) => boolean;
     onPaxOptionsChange: (options: BookingPaxClientOptions) => void;
 };