mautourco-components 0.2.30 → 0.2.32

package/dist/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.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 { cn } from '../../../../lib/utils';
 import { ServiceTitle } from '../../ServiceTitle/ServiceTitle';
@@ -30,5 +19,5 @@ import './BookingPaxLayout.css';
  */
 export var BookingPaxLayout = function (props) {
     var title = props.title, icon = props.icon, header = props.header, children = props.children, className = props.className;
-    return (_jsxs("div", __assign({ className: cn('booking-pax-layout', className) }, { children: [_jsxs("div", __assign({ className: "booking-pax-layout__header" }, { children: [_jsx(ServiceTitle, { title: title, icon: icon }), header] })), _jsx("div", __assign({ className: "booking-pax-layout__content" }, { children: children }))] })));
+    return (_jsxs("div", { className: cn('booking-pax-layout', className), children: [_jsxs("div", { className: "booking-pax-layout__header", children: [_jsx(ServiceTitle, { title: title, icon: icon }), header] }), _jsx("div", { className: "booking-pax-layout__content", children: children })] }));
 };

package/dist/components/molecules/BookingPax/BookingPaxRemarks.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 { useEffect, useRef, useState } from 'react';
 import Textarea from '../../atoms/Inputs/Textarea/Textarea';
@@ -44,5 +33,5 @@ export var BookingPaxRemarks = function (_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
         adjustHeight();
     };
-    return (_jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsx(Text, __assign({ size: "sm" }, { children: "Remarks" })), _jsx(Textarea, { ref: textareaRef, placeholder: "Do you have any remarks?", onInput: handleChange, className: "resize-none overflow-hidden", rows: 1, style: { minHeight: '44px', height: '44px', lineHeight: '1.5' } })] })));
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx(Text, { size: "sm", children: "Remarks" }), _jsx(Textarea, { ref: textareaRef, placeholder: "Do you have any remarks?", onInput: handleChange, className: "resize-none overflow-hidden", rows: 1, style: { minHeight: '44px', height: '44px', lineHeight: '1.5' } })] }));
 };

package/dist/components/molecules/BookingPax/BookingPaxTransfer.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 useBookingPax from '../../../hooks/useBookingPax';
 import { useCallback, useEffect, useMemo } from 'react';
@@ -53,5 +42,5 @@ export var BookingPaxTransfer = function (props) {
     useEffect(function () {
         onSelectedClients(clientsInfo, onPaxChange);
     }, [changeOptions, onPaxChange]);
-    return (_jsxs(BookingPaxLayout, __assign({ title: _jsxs(_Fragment, { children: ["Transfer", ' ', _jsxs(Text, __assign({ as: "span", color: "accent", variant: "bold", size: "xl", className: "italic" }, { children: ["(", mapTransferType[type], ")"] }))] }), icon: "car", className: "booking-pax-accom", header: _jsx(BookingPaxHeader, { children: _jsx(BookingPaxHeader.Location, { from: from, to: to }) }) }, { children: [type === 'INH' ? (_jsx(DateTimePicker, { icon: "clock", mode: "time", onValueChange: onTimeChange, placeholder: "Time of Transfer" })) : (_jsx(Input, { icon: "arrival", iconPosition: "leading", placeholder: "Flight number", onChange: handleFlightNumberChange })), _jsx(BookingPaxClient, { id: id, clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: 0, paxCount: paxCount, isSubmitted: isSubmitted, onPaxChange: onPaxOptionsChange, onError: onError }), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] })));
+    return (_jsxs(BookingPaxLayout, { title: _jsxs(_Fragment, { children: ["Transfer", ' ', _jsxs(Text, { as: "span", color: "accent", variant: "bold", size: "xl", className: "italic", children: ["(", mapTransferType[type], ")"] })] }), icon: "car", className: "booking-pax-accom", header: _jsx(BookingPaxHeader, { children: _jsx(BookingPaxHeader.Location, { from: from, to: to }) }), children: [type === 'INH' ? (_jsx(DateTimePicker, { icon: "clock", mode: "time", onValueChange: onTimeChange, placeholder: "Time of Transfer" })) : (_jsx(Input, { icon: "arrival", iconPosition: "leading", placeholder: "Flight number", onChange: handleFlightNumberChange })), _jsx(BookingPaxClient, { id: id, clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: 0, paxCount: paxCount, isSubmitted: isSubmitted, onPaxChange: onPaxOptionsChange, onError: onError }), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] }));
 };

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

@@ -1,19 +1,8 @@
-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 { cn } from '../../../../lib/utils';
 import TextWithIcon from '../../TextWithIcon/TextWithIcon';
 import './BookingResumeLayout.css';
 export var BookingResumeLayout = function (props) {
     var title = props.title, icon = props.icon, image = props.image, children = props.children, className = props.className;
-    return (_jsxs("div", __assign({ className: cn('booking-resume-layout', className) }, { children: [_jsx(TextWithIcon, __assign({ icon: icon, color: "accent", textSize: "lg", textVariant: "bold", textLeading: "4" }, { children: title })), _jsxs("div", __assign({ className: "booking-resume-layout__flex" }, { children: [image && (_jsx("figure", __assign({ className: "booking-resume-layout__image" }, { children: _jsx("img", { src: image, alt: "Service image accom", width: 250, height: 200 }) }))), _jsx("div", __assign({ className: "booking-resume-layout__content" }, { children: children }))] }))] })));
+    return (_jsxs("div", { className: cn('booking-resume-layout', className), children: [_jsx(TextWithIcon, { icon: icon, color: "accent", textSize: "lg", textVariant: "bold", textLeading: "4", children: title }), _jsxs("div", { className: "booking-resume-layout__flex", children: [image && (_jsx("figure", { className: "booking-resume-layout__image", children: _jsx("img", { src: image, alt: "Service image accom", width: 250, height: 200 }) })), _jsx("div", { className: "booking-resume-layout__content", children: children })] })] }));
 };

package/dist/components/molecules/BookingResume/ResumeAccom/ResumeAccom.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 useStays from '../../../../hooks/useStays';
 import { Text } from '../../../atoms/Typography/Typography';
@@ -22,5 +11,5 @@ import './ResumeAccom.css';
 export var ResumeAccom = function (props) {
     var image = props.image, dates = props.dates, clientType = props.clientType, pax = props.pax, rooms = props.rooms, hotelName = props.hotelName;
     var stay = useStays(dates);
-    return (_jsxs(BookingResumeLayout, __assign({ title: "Accommodation", icon: "accom", image: image, className: "resume-accom" }, { children: [_jsx(ServiceTitle, { title: hotelName }), _jsxs("div", __assign({ className: "space-y-2 mt-4" }, { children: [_jsx(DateDisplay, { dates: dates, colorMode: "green" }), _jsxs(TextWithIcon, __assign({ icon: "night" }, { children: [stay, " Nights"] })), _jsxs(Text, __assign({ variant: "medium", size: "sm", leading: "4" }, { children: [_jsx("strong", { children: "Client types:" }), " ", clientType] })), _jsx(PaxDisplay, { pax: pax }), _jsx("div", { children: rooms.map(function (room, index) { return (_jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(TextWithIcon, __assign({ icon: "accom", textSize: "sm", textVariant: "medium" }, { children: room.RoomName })), _jsx(ServiceInfo.Item, __assign({ icon: "utensils", iconSize: "sm", textSize: "sm", textLeading: "4", textVariant: "medium", label: "Meal-Plan" }, { children: room.MealPlan }))] }), "rm-".concat(index))); }) })] }))] })));
+    return (_jsxs(BookingResumeLayout, { title: "Accommodation", icon: "accom", image: image, className: "resume-accom", children: [_jsx(ServiceTitle, { title: hotelName }), _jsxs("div", { className: "space-y-2 mt-4", children: [_jsx(DateDisplay, { dates: dates, colorMode: "green" }), _jsxs(TextWithIcon, { icon: "night", children: [stay, " Nights"] }), _jsxs(Text, { variant: "medium", size: "sm", leading: "4", children: [_jsx("strong", { children: "Client types:" }), " ", clientType] }), _jsx(PaxDisplay, { pax: pax }), _jsx("div", { children: rooms.map(function (room, index) { return (_jsxs("div", { className: "space-y-1", children: [_jsx(TextWithIcon, { icon: "accom", textSize: "sm", textVariant: "medium", children: room.RoomName }), _jsx(ServiceInfo.Item, { icon: "utensils", iconSize: "sm", textSize: "sm", textLeading: "4", textVariant: "medium", label: "Meal-Plan", children: room.MealPlan })] }, "rm-".concat(index))); }) })] })] }));
 };

package/dist/components/molecules/BookingResume/ResumeExcursion/ResumeExcursion.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 { Text } from '../../../atoms/Typography/Typography';
 import { DateDisplay } from '../../DateDisplay/DateDisplay';
@@ -24,5 +13,5 @@ var mapType = {
 };
 export var ResumeExcursion = function (props) {
     var image = props.image, date = props.date, pax = props.pax, pickUpPoint = props.pickUpPoint, duration = props.duration, meal = props.meal, accessibility = props.accessibility, transferType = props.transferType, type = props.type;
-    return (_jsx(BookingResumeLayout, __assign({ title: "Excursion", icon: "map", image: image, className: "resume-excursion" }, { children: _jsxs("div", __assign({ className: "space-y-3" }, { children: [_jsx(DateDisplay, { dates: [date], colorMode: "green" }), _jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(TextWithIcon, __assign({ icon: type, textSize: "sm", textVariant: "medium" }, { children: mapType[type] })), _jsxs(Text, __assign({ variant: "medium", size: "sm", leading: "4" }, { children: [_jsx("strong", { children: "Pickup: " }), " ", pickUpPoint] }))] })), _jsx(PaxDisplay, { pax: pax }), _jsxs(ServiceInfo, __assign({ className: "space-y-1", contentTextVariant: "regular" }, { children: [_jsx(ServiceInfo.Item, __assign({ icon: "stopwatch", label: "Duration" }, { children: duration })), _jsx(ServiceInfo.Item, __assign({ icon: "utensils", label: "Meal" }, { children: meal })), _jsx(ServiceInfo.Item, __assign({ icon: "bike", label: "Difficulty" }, { children: accessibility })), _jsx(ServiceInfo.Item, __assign({ icon: "car", label: "Vehicle" }, { children: transferType }))] }))] })) })));
+    return (_jsx(BookingResumeLayout, { title: "Excursion", icon: "map", image: image, className: "resume-excursion", children: _jsxs("div", { className: "space-y-3", children: [_jsx(DateDisplay, { dates: [date], colorMode: "green" }), _jsxs("div", { className: "space-y-1", children: [_jsx(TextWithIcon, { icon: type, textSize: "sm", textVariant: "medium", children: mapType[type] }), _jsxs(Text, { variant: "medium", size: "sm", leading: "4", children: [_jsx("strong", { children: "Pickup: " }), " ", pickUpPoint] })] }), _jsx(PaxDisplay, { pax: pax }), _jsxs(ServiceInfo, { className: "space-y-1", contentTextVariant: "regular", children: [_jsx(ServiceInfo.Item, { icon: "stopwatch", label: "Duration", children: duration }), _jsx(ServiceInfo.Item, { icon: "utensils", label: "Meal", children: meal }), _jsx(ServiceInfo.Item, { icon: "bike", label: "Difficulty", children: accessibility }), _jsx(ServiceInfo.Item, { icon: "car", label: "Vehicle", children: transferType })] })] }) }));
 };

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

@@ -1,19 +1,8 @@
-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 { PaxDisplay } from '../PaxDisplay/PaxDisplay';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
 import { BookingResumeLayout } from './BookingResumeLayout/BookingResumeLayout';
 export var ResumeOtherService = function (props) {
     var pax = props.pax;
-    return (_jsx(BookingResumeLayout, __assign({ title: "Other Services", icon: "more" }, { children: _jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(TextWithIcon, __assign({ icon: "wallet" }, { children: "Handling Fee" })), _jsx(PaxDisplay, { pax: pax })] })) })));
+    return (_jsx(BookingResumeLayout, { title: "Other Services", icon: "more", children: _jsxs("div", { className: "space-y-1", children: [_jsx(TextWithIcon, { icon: "wallet", children: "Handling Fee" }), _jsx(PaxDisplay, { pax: pax })] }) }));
 };

package/dist/components/molecules/BookingResume/ResumeTransfer.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 { Text } from '../../atoms/Typography/Typography';
 import { DateDisplay } from '../DateDisplay/DateDisplay';
@@ -19,5 +8,5 @@ import { BookingResumeLayout } from './BookingResumeLayout/BookingResumeLayout';
 export var ResumeTransfer = function (props) {
     var type = props.type, pax = props.pax, date = props.date, location = props.location, carName = props.carName, image = props.image;
     var transferType = type === 'ARV' ? 'Arrival' : type === 'DEP' ? 'Departure' : 'Inter-Hotel';
-    return (_jsx(BookingResumeLayout, __assign({ title: _jsxs(_Fragment, { children: ["Transfer", ' ', _jsx(Text, __assign({ color: "accent", as: "span", size: "lg" }, { children: transferType }))] }), icon: "car-front", image: image }, { children: _jsxs("div", __assign({ className: "space-y-3" }, { children: [_jsx(DateDisplay, { dates: [date], colorMode: "green" }), _jsx(FromTo, { from: location.from, to: location.to }), _jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(PaxDisplay, { pax: pax }), _jsx(TextWithIcon, __assign({ icon: "car", textSize: "sm", textVariant: "medium" }, { children: carName }))] }))] })) })));
+    return (_jsx(BookingResumeLayout, { title: _jsxs(_Fragment, { children: ["Transfer", ' ', _jsx(Text, { color: "accent", as: "span", size: "lg", children: transferType })] }), icon: "car-front", image: image, children: _jsxs("div", { className: "space-y-3", children: [_jsx(DateDisplay, { dates: [date], colorMode: "green" }), _jsx(FromTo, { from: location.from, to: location.to }), _jsxs("div", { className: "space-y-1", children: [_jsx(PaxDisplay, { pax: pax }), _jsx(TextWithIcon, { icon: "car", textSize: "sm", textVariant: "medium", children: carName })] })] }) }));
 };

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.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 { cn } from '../../../lib/utils';
 import Icon from '../../atoms/Icon/Icon';
@@ -16,5 +5,5 @@ import { Text } from '../../atoms/Typography/Typography';
 import './Breadcrumbs.css';
 export var Breadcrumbs = function (props) {
     var items = props.items, onBack = props.onBack;
-    return (_jsxs("ol", __assign({ className: "breadcrumbs" }, { children: [_jsxs(Text, __assign({ variant: "medium", size: "sm", leading: "4", as: "li", className: "cursor-pointer", onClick: onBack }, { children: [_jsx(Icon, { name: "chevron-left", size: "sm" }), "Back"] })), items.map(function (item, index) { return (_jsx(Text, __assign({ as: "li", variant: "medium", size: "sm", onClick: item.onClick, color: index === items.length - 1 ? 'accent' : 'default', leading: "4", className: cn(index < items.length - 1 && 'cursor-pointer') }, { children: item.label }), "bc-".concat(index))); })] })));
+    return (_jsxs("ol", { className: "breadcrumbs", children: [_jsxs(Text, { variant: "medium", size: "sm", leading: "4", as: "li", className: "cursor-pointer", onClick: onBack, children: [_jsx(Icon, { name: "chevron-left", size: "sm" }), "Back"] }), items.map(function (item, index) { return (_jsx(Text, { as: "li", variant: "medium", size: "sm", onClick: item.onClick, color: index === items.length - 1 ? 'accent' : 'default', leading: "4", className: cn(index < items.length - 1 && 'cursor-pointer'), children: item.label }, "bc-".concat(index))); })] }));
 };

package/dist/components/molecules/Calendar/CalendarInput.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, { useState } from 'react';
 import Icon from '../../atoms/Icon/Icon';
@@ -43,8 +32,8 @@ var CalendarInput = function (_a) {
     React.useEffect(function () {
         setLocalValue(value);
     }, [value]);
-    var iconButton = (_jsx("button", __assign({ type: "button", className: "calendar-input__icon-button ".concat(iconBGFull ? ' calendar-input__icon-button--full-bg' : '', " calendar-input__icon-button--").concat(iconPosition), onClick: handleCalendarClick, disabled: disabled, "aria-label": "Open calendar picker", title: "Select date" }, { children: _jsx(Icon, { name: icon, size: "sm", className: "calendar-input__icon" }) })));
+    var iconButton = (_jsx("button", { type: "button", className: "calendar-input__icon-button ".concat(iconBGFull ? ' calendar-input__icon-button--full-bg' : '', " calendar-input__icon-button--").concat(iconPosition), onClick: handleCalendarClick, disabled: disabled, "aria-label": "Open calendar picker", title: "Select date", children: _jsx(Icon, { name: icon, size: "sm", className: "calendar-input__icon" }) }));
     var isEmpty = !localValue;
-    return (_jsxs("div", __assign({ className: "calendar-input calendar-input--".concat(displayState, " calendar-input--icon-").concat(iconPosition, " ").concat(isEmpty ? 'calendar-input--empty' : '', " ").concat(className).trim(), "data-node-id": "3425:11289", onClick: onClick }, { children: [iconPosition === 'left' && iconButton, _jsxs("div", __assign({ className: "calendar-input__input-wrapper" }, { children: [_jsx("input", { type: "text", className: "calendar-input__field", placeholder: placeholder, value: localValue, disabled: disabled, onChange: handleInputChange, onFocus: handleFocus, onBlur: handleBlur, readOnly: true, "aria-label": 'Select date', "data-empty": !localValue }), iconPosition === 'left' && showChevron && (_jsx("div", __assign({ className: "calendar-input__chevron ".concat(isOpen ? 'calendar-input__chevron--open' : '') }, { children: _jsx(Icon, { name: 'chevron-down', size: "sm" }) })))] })), iconPosition === 'right' && iconButton] })));
+    return (_jsxs("div", { className: "calendar-input calendar-input--".concat(displayState, " calendar-input--icon-").concat(iconPosition, " ").concat(isEmpty ? 'calendar-input--empty' : '', " ").concat(className).trim(), "data-node-id": "3425:11289", onClick: onClick, children: [iconPosition === 'left' && iconButton, _jsxs("div", { className: "calendar-input__input-wrapper", children: [_jsx("input", { type: "text", className: "calendar-input__field", placeholder: placeholder, value: localValue, disabled: disabled, onChange: handleInputChange, onFocus: handleFocus, onBlur: handleBlur, readOnly: true, "aria-label": 'Select date', "data-empty": !localValue }), iconPosition === 'left' && showChevron && (_jsx("div", { className: "calendar-input__chevron ".concat(isOpen ? 'calendar-input__chevron--open' : ''), children: _jsx(Icon, { name: 'chevron-down', size: "sm" }) }))] }), iconPosition === 'right' && iconButton] }));
 };
 export default CalendarInput;

package/dist/components/molecules/Calendar/DateTime.d.ts

@@ -1,5 +1,12 @@
-/// <reference types="react" />
 import { DateRange } from 'react-day-picker';
+export interface DateTimeOnChangePayload {
+    dateRange?: DateRange;
+    time?: {
+        hour: string;
+        minute: string;
+        meridiem: 'AM' | 'PM';
+    };
+}
 export interface DateTimeProps {
     mode?: 'calendar' | 'time' | 'both';
     selectionMode?: 'single' | 'range';
@@ -12,14 +19,7 @@ export interface DateTimeProps {
         minute: string;
         meridiem: 'AM' | 'PM';
     };
-    onChange?: (payload: {
-        dateRange?: DateRange;
-        time?: {
-            hour: string;
-            minute: string;
-            meridiem: 'AM' | 'PM';
-        };
-    }) => void;
+    onChange?: (payload: DateTimeOnChangePayload) => void;
 }
 declare const DateTime: React.FC<DateTimeProps>;
 export default DateTime;

package/dist/components/molecules/Calendar/DateTime.js

@@ -83,7 +83,7 @@ var DateTime = function (_a) {
             setMonth(defaultDateRange === null || defaultDateRange === void 0 ? void 0 : defaultDateRange.from);
         }
     }, [defaultDateRange]);
-    return (_jsxs("div", __assign({ className: "calendar--dropdown" }, { children: [mode !== 'time' &&
+    return (_jsxs("div", { className: "calendar--dropdown", children: [mode !== 'time' &&
                 (function () {
                     var calendarProps = {
                         mode: calendarMode,
@@ -106,12 +106,12 @@ var DateTime = function (_a) {
                         },
                     };
                     return _jsx(Calendar, __assign({}, calendarProps));
-                })(), mode !== 'calendar' && (_jsx("div", __assign({ className: "".concat(mode === 'both' ? 'calendar--time_container_separated' : '') }, { children: _jsx(TimePicker, { label: "Time", hour: hours, minute: minutes, meridiem: amPm, onChange: function (h, m, mm) {
+                })(), mode !== 'calendar' && (_jsx("div", { className: "".concat(mode === 'both' ? 'calendar--time_container_separated' : ''), children: _jsx(TimePicker, { label: "Time", hour: hours, minute: minutes, meridiem: amPm, onChange: function (h, m, mm) {
                         var hh = String(Math.max(0, Math.min(12, Number(h || 0)))).padStart(2, '0');
                         var mmn = String(Math.max(0, Math.min(59, Number(m || 0)))).padStart(2, '0');
                         setHours(hh);
                         setMinutes(mmn);
                         setAmPm(mm);
-                    } }) }))), mode !== 'time' && (_jsxs("div", __assign({ className: "calendar--footer" }, { children: [_jsxs(Button, __assign({ variant: "ghost", size: "sm", onClick: selectToday, type: "button", className: "calendar--footer--button", disabled: disableToday }, { children: [_jsx(Icon, { name: "calendar-outline", size: "sm" }), "Today"] })), _jsx(Button, __assign({ variant: "ghost", size: "sm", onClick: clearSelection, type: "button", className: "calendar--footer--button" }, { children: "Clear" }))] })))] })));
+                    } }) })), mode !== 'time' && (_jsxs("div", { className: "calendar--footer", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: selectToday, type: "button", className: "calendar--footer--button", disabled: disableToday, children: [_jsx(Icon, { name: "calendar-outline", size: "sm" }), "Today"] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: clearSelection, type: "button", className: "calendar--footer--button", children: "Clear" })] }))] }));
 };
 export default DateTime;

package/dist/components/molecules/Calendar/TimePicker.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 { useState, useEffect } from "react";
 var clampTwoDigits = function (val) {
@@ -86,6 +75,6 @@ var TimePicker = function (_a) {
         setIsTyping(false);
         onBlur === null || onBlur === void 0 ? void 0 : onBlur();
     };
-    return (_jsxs("div", __assign({ className: "time-picker-wrapper", "data-state": displayState }, { children: [label && _jsx("div", __assign({ className: "time-picker__div" }, { children: label })), _jsxs("div", __assign({ className: "time-picker time-picker--".concat(displayState) }, { children: [_jsx("input", { className: "time-picker__input", type: "text", inputMode: "numeric", pattern: "[0-9]*", value: localHour, placeholder: "00", onChange: handleHourChange, onFocus: handleFocus, onBlur: handleBlur, disabled: disabled, "aria-label": "Hour", "data-unit": "hour" }), _jsx("div", __assign({ className: "time-picker__colon" }, { children: ":" })), _jsx("input", { className: "time-picker__input", type: "text", inputMode: "numeric", pattern: "[0-9]*", value: localMinute, placeholder: "00", onChange: handleMinuteChange, onFocus: handleFocus, onBlur: handleBlur, disabled: disabled, "aria-label": "Minute", "data-unit": "minute" }), _jsxs("div", __assign({ className: "time-picker__am-pm", role: "tablist", "aria-label": "AM/PM selector" }, { children: [_jsx("button", __assign({ type: "button", className: "time-picker__seg time-picker__seg--left ".concat(localMeridiem === "AM" ? "time-picker__seg--selected" : ""), onClick: function () { return handleMeridiemClick("AM"); }, disabled: disabled, "aria-pressed": localMeridiem === "AM" }, { children: "AM" })), _jsx("button", __assign({ type: "button", className: "time-picker__seg time-picker__seg--right ".concat(localMeridiem === "PM" ? "time-picker__seg--selected" : ""), onClick: function () { return handleMeridiemClick("PM"); }, disabled: disabled, "aria-pressed": localMeridiem === "PM" }, { children: "PM" }))] }))] }))] })));
+    return (_jsxs("div", { className: "time-picker-wrapper", "data-state": displayState, children: [label && _jsx("div", { className: "time-picker__div", children: label }), _jsxs("div", { className: "time-picker time-picker--".concat(displayState), children: [_jsx("input", { className: "time-picker__input", type: "text", inputMode: "numeric", pattern: "[0-9]*", value: localHour, placeholder: "00", onChange: handleHourChange, onFocus: handleFocus, onBlur: handleBlur, disabled: disabled, "aria-label": "Hour", "data-unit": "hour" }), _jsx("div", { className: "time-picker__colon", children: ":" }), _jsx("input", { className: "time-picker__input", type: "text", inputMode: "numeric", pattern: "[0-9]*", value: localMinute, placeholder: "00", onChange: handleMinuteChange, onFocus: handleFocus, onBlur: handleBlur, disabled: disabled, "aria-label": "Minute", "data-unit": "minute" }), _jsxs("div", { className: "time-picker__am-pm", role: "tablist", "aria-label": "AM/PM selector", children: [_jsx("button", { type: "button", className: "time-picker__seg time-picker__seg--left ".concat(localMeridiem === "AM" ? "time-picker__seg--selected" : ""), onClick: function () { return handleMeridiemClick("AM"); }, disabled: disabled, "aria-pressed": localMeridiem === "AM", children: "AM" }), _jsx("button", { type: "button", className: "time-picker__seg time-picker__seg--right ".concat(localMeridiem === "PM" ? "time-picker__seg--selected" : ""), onClick: function () { return handleMeridiemClick("PM"); }, disabled: disabled, "aria-pressed": localMeridiem === "PM", children: "PM" })] })] })] }));
 };
 export default TimePicker;

package/dist/components/molecules/DateDisplay/DateDisplay.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 { format, isValid } from 'date-fns';
 import { Fragment, useMemo } from 'react';
@@ -44,8 +33,8 @@ export var DateDisplay = function (_a) {
     var textColor = colorMode === 'green' ? 'accent' : 'default';
     // Single date display (matching Figma design)
     if (formattedDates.length === 1) {
-        return (_jsxs("div", __assign({ className: "date-display date-display--".concat(colorMode, " ").concat(className) }, { children: [_jsx(Icon, { name: "calendar", size: calendarSize, color: iconColor }), _jsx(Text, __assign({ variant: "medium", size: textSize, color: textColor }, { children: formattedDates[0] }))] })));
+        return (_jsxs("div", { className: "date-display date-display--".concat(colorMode, " ").concat(className), children: [_jsx(Icon, { name: "calendar", size: calendarSize, color: iconColor }), _jsx(Text, { variant: "medium", size: textSize, color: textColor, children: formattedDates[0] })] }));
     }
     // Multiple dates display (backward compatibility)
-    return (_jsx("div", __assign({ className: "date-display date-display--range date-display--".concat(colorMode, " ").concat(className) }, { children: formattedDates.map(function (formattedDate, index) { return (_jsxs(Fragment, { children: [_jsxs("span", __assign({ className: "date-display__item" }, { children: [_jsx(Icon, { name: "calendar", size: calendarSize, color: iconColor }), _jsx(Text, __assign({ variant: "medium", size: textSize, color: textColor }, { children: formattedDate }))] })), formattedDates.length > 1 && index === 0 && (_jsx(Icon, { name: "arrow-right-outline", size: arrowSize }))] }, "dd-".concat(index))); }) })));
+    return (_jsx("div", { className: "date-display date-display--range date-display--".concat(colorMode, " ").concat(className), children: formattedDates.map(function (formattedDate, index) { return (_jsxs(Fragment, { children: [_jsxs("span", { className: "date-display__item", children: [_jsx(Icon, { name: "calendar", size: calendarSize, color: iconColor }), _jsx(Text, { variant: "medium", size: textSize, color: textColor, children: formattedDate })] }), formattedDates.length > 1 && index === 0 && (_jsx(Icon, { name: "arrow-right-outline", size: arrowSize }))] }, "dd-".concat(index))); }) }));
 };

package/dist/components/molecules/DetailsInfo/DetailsAction.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 { cn } from '../../../lib/utils';
 import { ActionDropdownType } from '../../../types/table/index';
@@ -16,7 +5,7 @@ import Button from '../../atoms/Button/Button';
 import { ActionDropdown } from '../ActionDropdown/ActionDropdown';
 export var DetailsAction = function (props) {
     var _a = props.data, data = _a === void 0 ? [] : _a, onAction = props.onAction, _b = props.buttonVariant, buttonVariant = _b === void 0 ? 'outline-secondary' : _b, _c = props.buttonClassName, buttonClassName = _c === void 0 ? '' : _c, _d = props.buttonLabel, buttonLabel = _d === void 0 ? 'More options' : _d, dropdownMaxWidth = props.dropdownMaxWidth;
-    return (_jsx(ActionDropdown, __assign({ maxWidth: dropdownMaxWidth, data: data
+    return (_jsx(ActionDropdown, { maxWidth: dropdownMaxWidth, data: data
             ? data
             : [
                 {
@@ -43,5 +32,5 @@ export var DetailsAction = function (props) {
                         onAction === null || onAction === void 0 ? void 0 : onAction(ActionDropdownType.DELETE_QUOTE);
                     },
                 },
-            ] }, { children: _jsx(Button, __assign({ variant: buttonVariant, trailingIcon: "chevron-down", size: "sm", className: cn('w-[144px] !justify-between !px-[14px]', buttonClassName) }, { children: buttonLabel })) })));
+            ], children: _jsx(Button, { variant: buttonVariant, trailingIcon: "chevron-down", size: "sm", className: cn('w-[144px] !justify-between !px-[14px]', buttonClassName), children: buttonLabel }) }));
 };

package/dist/components/molecules/DetailsInfo/DetailsAgency/DetailsAgency.js

@@ -1,19 +1,8 @@
-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 Chip from '../../../atoms/Chip/Chip';
 import { Text } from '../../../atoms/Typography/Typography';
 import './DetailsAgency.css';
 export var DetailsAgency = function (props) {
     var name = props.name, clientType = props.clientType, isOnRequest = props.isOnRequest, children = props.children;
-    return (_jsxs("div", __assign({ className: "flex flex-col gap-y-6 items-end" }, { children: [_jsx("img", { src: "/images/mautourco-logo.png", alt: "Mautourco Logo", width: 220 }), _jsxs("div", __assign({ className: "details-agency" }, { children: [_jsx(Text, __assign({ variant: "bold", color: "accent" }, { children: "Documents details:" })), _jsxs("div", __assign({ className: "details-agency__content" }, { children: [_jsxs("div", __assign({ className: "details-agency__content-item" }, { children: [_jsx(Text, __assign({ variant: "bold", size: "sm", leading: "4", className: "details-agency__content-item-name" }, { children: "Agency" })), _jsx(Text, __assign({ size: "sm", leading: "4" }, { children: name }))] })), ' ', _jsxs("div", __assign({ className: "details-agency__content-item" }, { children: [_jsx(Text, __assign({ variant: "bold", size: "sm", leading: "4", className: "details-agency__content-item-name" }, { children: "Client type" })), _jsx(Text, __assign({ size: "sm", leading: "4" }, { children: clientType }))] }))] }))] })), isOnRequest && _jsx(Chip, __assign({ color: "yellow" }, { children: "Waiting for confirmation" })), children] })));
+    return (_jsxs("div", { className: "flex flex-col gap-y-6 items-end", children: [_jsx("img", { src: "/images/mautourco-logo.png", alt: "Mautourco Logo", width: 220 }), _jsxs("div", { className: "details-agency", children: [_jsx(Text, { variant: "bold", color: "accent", children: "Documents details:" }), _jsxs("div", { className: "details-agency__content", children: [_jsxs("div", { className: "details-agency__content-item", children: [_jsx(Text, { variant: "bold", size: "sm", leading: "4", className: "details-agency__content-item-name", children: "Agency" }), _jsx(Text, { size: "sm", leading: "4", children: name })] }), ' ', _jsxs("div", { className: "details-agency__content-item", children: [_jsx(Text, { variant: "bold", size: "sm", leading: "4", className: "details-agency__content-item-name", children: "Client type" }), _jsx(Text, { size: "sm", leading: "4", children: clientType })] })] })] }), isOnRequest && _jsx(Chip, { color: "yellow", children: "Waiting for confirmation" }), children] }));
 };

package/dist/components/molecules/DetailsInfo/DetailsClient/DetailsClient.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 Chip from '../../../atoms/Chip/Chip';
 import { Text } from '../../../atoms/Typography/Typography';
@@ -16,5 +5,5 @@ import { languagesMap } from '../../ServiceLanguages/constant';
 import './DetailsClient.css';
 export var DetailsClientInfo = function (props) {
     var language = props.language, clients = props.clients;
-    return (_jsxs("div", __assign({ className: "details-client" }, { children: [_jsx(Text, __assign({ variant: "bold" }, { children: "1. Client's information" })), _jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsx(Text, __assign({ variant: "medium", size: "lg" }, { children: "Language:" })), _jsxs(Chip, __assign({ color: "neutral", size: "md", className: "!px-4" }, { children: [_jsx("i", { className: "fi fi-".concat(languagesMap[language.toLowerCase()]) }), _jsx(Text, __assign({ variant: "medium", as: "span" }, { children: language }))] }))] })), _jsx("div", __assign({ className: "flex gap-x-8 flex-wrap" }, { children: clients.map(function (client, index) { return (_jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsxs(Text, __assign({ variant: "medium", size: "lg" }, { children: [client.type, " No ", index + 1, ' ', client.age > 0 ? (_jsxs(Text, __assign({ variant: "regular", size: "lg", as: "span" }, { children: ["(", client.age, " yo)"] }))) : ('')] })), _jsxs(Chip, __assign({ color: "neutral", size: "md", className: "!px-4" }, { children: [client.firstName, " ", client.lastName] }))] }), "cl-".concat(index))); }) }))] })));
+    return (_jsxs("div", { className: "details-client", children: [_jsx(Text, { variant: "bold", children: "1. Client's information" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Text, { variant: "medium", size: "lg", children: "Language:" }), _jsxs(Chip, { color: "neutral", size: "md", className: "!px-4", children: [_jsx("i", { className: "fi fi-".concat(languagesMap[language.toLowerCase()]) }), _jsx(Text, { variant: "medium", as: "span", children: language })] })] }), _jsx("div", { className: "flex gap-x-8 flex-wrap", children: clients.map(function (client, index) { return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Text, { variant: "medium", size: "lg", children: [client.type, " No ", index + 1, ' ', client.age > 0 ? (_jsxs(Text, { variant: "regular", size: "lg", as: "span", children: ["(", client.age, " yo)"] })) : ('')] }), _jsxs(Chip, { color: "neutral", size: "md", className: "!px-4", children: [client.firstName, " ", client.lastName] })] }, "cl-".concat(index))); }) })] }));
 };

package/dist/components/molecules/DetailsInfo/DetailsFile.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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '../../atoms/Typography/Typography';
 export var DetailsFile = function (props) {
     var number = props.number, name = props.name, _a = props.label, label = _a === void 0 ? 'File number:' : _a, _b = props.withTitle, withTitle = _b === void 0 ? false : _b, _c = props.showRegularInfo, showRegularInfo = _c === void 0 ? true : _c;
-    return (_jsxs("div", __assign({ className: "grid gap-y-2" }, { children: [withTitle && (_jsx(Text, __assign({ variant: "bold", className: "text-2xl", color: "brand" }, { children: label }))), showRegularInfo && (_jsxs(Text, __assign({ variant: "regular", color: "default" }, { children: [label, " ", number] }))), _jsx(Text, __assign({ variant: "medium", color: "accent" }, { children: name }))] })));
+    return (_jsxs("div", { className: "grid gap-y-2", children: [withTitle && (_jsx(Text, { variant: "bold", className: "text-2xl", color: "brand", children: label })), showRegularInfo && (_jsxs(Text, { variant: "regular", color: "default", children: [label, " ", number] })), _jsx(Text, { variant: "medium", color: "accent", children: name })] }));
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface DetailsInfoProps {
     children: React.ReactNode;
     className?: string;

package/dist/components/molecules/DialogContentPolicy/CancellationLayout/CancellationLayout.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 { Text } from '../../../atoms/Typography/Typography';
 import { cn } from '../../../../lib/utils';
@@ -16,5 +5,5 @@ import { ServiceTitle } from '../../ServiceTitle/ServiceTitle';
 import './CancellationLayout.css';
 export var CancellationLayout = function (props) {
     var title = props.title, icon = props.icon, children = props.children, className = props.className, image = props.image, cancellationFee = props.cancellationFee, currency = props.currency;
-    return (_jsxs("div", __assign({ className: cn('cancellation-layout', className) }, { children: [_jsx(ServiceTitle, { title: title, icon: icon }), _jsxs("div", __assign({ className: "cancellation-layout__content" }, { children: [_jsx("div", __assign({ className: "cancellation-layout__content-left" }, { children: children })), _jsx("figure", __assign({ className: "cancellation-layout__content-right" }, { children: _jsx("img", { src: image, alt: (title === null || title === void 0 ? void 0 : title.toString()) || '', width: 150, height: 200 }) }))] })), cancellationFee && (_jsxs("div", __assign({ className: "cancellation-layout__fee" }, { children: [_jsx(Text, __assign({ variant: "medium" }, { children: "Cancellation fee (VAT Incl) :" })), _jsxs(Text, __assign({ variant: "bold" }, { children: [currency, " ", cancellationFee] }))] })))] })));
+    return (_jsxs("div", { className: cn('cancellation-layout', className), children: [_jsx(ServiceTitle, { title: title, icon: icon }), _jsxs("div", { className: "cancellation-layout__content", children: [_jsx("div", { className: "cancellation-layout__content-left", children: children }), _jsx("figure", { className: "cancellation-layout__content-right", children: _jsx("img", { src: image, alt: (title === null || title === void 0 ? void 0 : title.toString()) || '', width: 150, height: 200 }) })] }), cancellationFee && (_jsxs("div", { className: "cancellation-layout__fee", children: [_jsx(Text, { variant: "medium", children: "Cancellation fee (VAT Incl) :" }), _jsxs(Text, { variant: "bold", children: [currency, " ", cancellationFee] })] }))] }));
 };

package/dist/components/molecules/DialogContentPolicy/DialogCancellationAccom.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RoomItem } from '@/src/types/table';
 export interface DialogCancellationAccomProps {
     image: string;

package/dist/components/molecules/DialogContentPolicy/DialogCancellationAccom.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 useStays from '../../../hooks/useStays';
 import { Fragment } from 'react';
@@ -20,5 +9,5 @@ import { CancellationLayout } from './CancellationLayout/CancellationLayout';
 export var DialogCancellationAccom = function (props) {
     var image = props.image, hotelName = props.hotelName, dates = props.dates, rooms = props.rooms, cancellationFee = props.cancellationFee, currency = props.currency;
     var stay = useStays(dates);
-    return (_jsx(CancellationLayout, __assign({ title: "Accommodation", icon: "accom", image: image, cancellationFee: cancellationFee, currency: currency }, { children: _jsxs("div", __assign({ className: "space-y-6" }, { children: [_jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(Text, __assign({ variant: "bold" }, { children: hotelName })), _jsx(DateDisplay, { dates: dates }), _jsxs(TextWithIcon, __assign({ icon: "night", textLeading: "4" }, { children: [stay, " Nights"] }))] })), _jsx("div", __assign({ className: "" }, { children: rooms.map(function (room, index) { return (_jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsxs(TextWithIcon, __assign({ icon: "accom", textLeading: "4" }, { children: [index + 1, " Room"] })), _jsx(Text, __assign({ size: "sm" }, { children: room.RoomName }))] })), room.cancellation_policy.map(function (policy) { return (_jsxs(Fragment, { children: [_jsxs(Chip, __assign({ type: "outline", color: "brand", isBlackText: true }, { children: ["Policy period applies", ' ', _jsx(DateDisplay, { dates: [policy.ValidFrom, policy.ValidTo], textSize: "xs" })] })), _jsxs(Text, __assign({ variant: "bold", size: "xs", leading: "4" }, { children: [policy.Value, " % of total price"] })), _jsx(Text, __assign({ size: "xs", leading: "4" }, { children: policy.Description }))] }, "policy-".concat(index))); })] }), "rm-".concat(index))); }) }))] })) })));
+    return (_jsx(CancellationLayout, { title: "Accommodation", icon: "accom", image: image, cancellationFee: cancellationFee, currency: currency, children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Text, { variant: "bold", children: hotelName }), _jsx(DateDisplay, { dates: dates }), _jsxs(TextWithIcon, { icon: "night", textLeading: "4", children: [stay, " Nights"] })] }), _jsx("div", { className: "", children: rooms.map(function (room, index) { return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs(TextWithIcon, { icon: "accom", textLeading: "4", children: [index + 1, " Room"] }), _jsx(Text, { size: "sm", children: room.RoomName })] }), room.cancellation_policy.map(function (policy) { return (_jsxs(Fragment, { children: [_jsxs(Chip, { type: "outline", color: "brand", isBlackText: true, children: ["Policy period applies", ' ', _jsx(DateDisplay, { dates: [policy.ValidFrom, policy.ValidTo], textSize: "xs" })] }), _jsxs(Text, { variant: "bold", size: "xs", leading: "4", children: [policy.Value, " % of total price"] }), _jsx(Text, { size: "xs", leading: "4", children: policy.Description })] }, "policy-".concat(index))); })] }, "rm-".concat(index))); }) })] }) }));
 };

package/dist/components/molecules/DialogContentPolicy/DialogCancellationExcursion.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface DialogCancellationExcursionProps {
     image: string;
     excursionName: string;

package/dist/components/molecules/DialogContentPolicy/DialogCancellationExcursion.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 { Text } from '../../atoms/Typography/Typography';
 import { DateDisplay } from '../DateDisplay/DateDisplay';
@@ -16,5 +5,5 @@ import { ServiceInfo } from '../ServiceInfo/ServiceInfo';
 import { CancellationLayout } from './CancellationLayout/CancellationLayout';
 export var DialogCancellationExcursion = function (props) {
     var image = props.image, excursionName = props.excursionName, date = props.date, details = props.details, policy = props.policy, cancellationFee = props.cancellationFee, currency = props.currency;
-    return (_jsx(CancellationLayout, __assign({ title: "Excursion", icon: "map", image: image, cancellationFee: cancellationFee, currency: currency }, { children: _jsxs("div", __assign({ className: "space-y-6" }, { children: [_jsxs("div", __assign({ className: "space-y-1" }, { children: [_jsx(Text, __assign({ variant: "bold" }, { children: excursionName })), _jsx(DateDisplay, { dates: [date] })] })), _jsxs(ServiceInfo, { children: [_jsx(ServiceInfo.Item, __assign({ icon: "stopwatch", label: "Duration" }, { children: details.duration })), _jsx(ServiceInfo.Item, __assign({ icon: "utensils", label: "Meal" }, { children: details.meal })), _jsx(ServiceInfo.Item, __assign({ icon: "bike", label: "Difficulty" }, { children: details.accessibility })), _jsx(ServiceInfo.Item, __assign({ icon: "car", label: "Transfer Type" }, { children: details.transferType }))] }), _jsxs("div", __assign({ className: "" }, { children: [_jsx(Text, __assign({ variant: "bold", size: "xs", leading: "4" }, { children: policy.title })), _jsx(Text, __assign({ size: "xs", leading: "4" }, { children: policy.description }))] }))] })) })));
+    return (_jsx(CancellationLayout, { title: "Excursion", icon: "map", image: image, cancellationFee: cancellationFee, currency: currency, children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Text, { variant: "bold", children: excursionName }), _jsx(DateDisplay, { dates: [date] })] }), _jsxs(ServiceInfo, { children: [_jsx(ServiceInfo.Item, { icon: "stopwatch", label: "Duration", children: details.duration }), _jsx(ServiceInfo.Item, { icon: "utensils", label: "Meal", children: details.meal }), _jsx(ServiceInfo.Item, { icon: "bike", label: "Difficulty", children: details.accessibility }), _jsx(ServiceInfo.Item, { icon: "car", label: "Transfer Type", children: details.transferType })] }), _jsxs("div", { className: "", children: [_jsx(Text, { variant: "bold", size: "xs", leading: "4", children: policy.title }), _jsx(Text, { size: "xs", leading: "4", children: policy.description })] })] }) }));
 };

package/dist/components/molecules/DialogContentPolicy/DialogCancellationList.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DialogCancellationAccomProps } from './DialogCancellationAccom';
 import { DialogCancellationExcursionProps } from './DialogCancellationExcursion';
-export interface CancellationItem {
+export interface CancellationPolicyItem {
     /**
      * The type of the cancellation.
      */
@@ -15,9 +15,9 @@ export interface DialogCancellationListProps {
     /**
      * The cancellations to display.
      */
-    cancellations: CancellationItem[];
+    cancellations: CancellationPolicyItem[];
 }
-export declare const DialogCancellations: (props: DialogCancellationListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CancellationsList: (props: DialogCancellationListProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * DialogCancellationList is a component that allows the user to display the cancellations.
  *