mautourco-components 0.2.30 → 0.2.31

package/dist/components/organisms/PaxSelector/PaxSelector.js

@@ -119,13 +119,13 @@ var AgeSelector = function (_a) {
     };
     var ageOptions = ageRange.map(function (age) { return age.toString(); });
     var displayValue = inputValue || undefined;
-    return (_jsxs("div", __assign({ className: "pax-selector__age-selector", ref: containerRef }, { children: [_jsxs(Text, __assign({ size: "sm", variant: "regular", className: "pax-selector__age-label" }, { children: [label, required && _jsx("span", __assign({ className: "pax-selector__age-required" }, { children: " *" }))] })), _jsxs("div", __assign({ className: "dropdown-container pax-selector__age-dropdown-container" }, { children: [_jsxs("div", __assign({ className: "dropdown-input ".concat(isOpen ? 'dropdown-input--open pax-selector__age-dropdown-input--open' : '', " ").concat(value !== undefined ? 'dropdown-input--selected' : 'dropdown-input--default', " pax-selector__age-dropdown-input") }, { children: [_jsx("input", { ref: inputRef, type: "text", inputMode: "numeric", className: "dropdown-input__text pax-selector__age-input-text", value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, onKeyDown: handleInputKeyDown, onFocus: function () { return setIsOpen(false); }, placeholder: "--", "aria-label": "".concat(label, " age"), style: {
+    return (_jsxs("div", { className: "pax-selector__age-selector", ref: containerRef, children: [_jsxs(Text, { size: "sm", variant: "regular", className: "pax-selector__age-label", children: [label, required && _jsx("span", { className: "pax-selector__age-required", children: " *" })] }), _jsxs("div", { className: "dropdown-container pax-selector__age-dropdown-container", children: [_jsxs("div", { className: "dropdown-input ".concat(isOpen ? 'dropdown-input--open pax-selector__age-dropdown-input--open' : '', " ").concat(value !== undefined ? 'dropdown-input--selected' : 'dropdown-input--default', " pax-selector__age-dropdown-input"), children: [_jsx("input", { ref: inputRef, type: "text", inputMode: "numeric", className: "dropdown-input__text pax-selector__age-input-text", value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, onKeyDown: handleInputKeyDown, onFocus: function () { return setIsOpen(false); }, placeholder: "--", "aria-label": "".concat(label, " age"), style: {
                                     background: 'transparent',
                                     border: 'none',
                                     outline: 'none',
                                     width: '100%',
                                     cursor: 'text',
-                                } }), _jsx("button", __assign({ type: "button", className: "pax-selector__age-dropdown-btn", onClick: function (e) {
+                                } }), _jsx("button", { type: "button", className: "pax-selector__age-dropdown-btn", onClick: function (e) {
                                     e.preventDefault();
                                     e.stopPropagation();
                                     handleDropdownToggle();
@@ -136,7 +136,7 @@ var AgeSelector = function (_a) {
                                     padding: 0,
                                     display: 'flex',
                                     alignItems: 'center',
-                                } }, { children: _jsx(Icon, { name: "chevron-down", size: "sm", className: "dropdown-input__icon dropdown-input__icon--chevron" }) }))] })), isOpen && (_jsx("div", __assign({ className: "dropdown-menu", role: "listbox" }, { children: ageOptions.map(function (age) { return (_jsx("div", __assign({ className: "dropdown-option ".concat((value === null || value === void 0 ? void 0 : value.toString()) === age ? 'dropdown-option--selected' : ''), onClick: function () { return handleSelect(age); }, role: "option", "aria-selected": (value === null || value === void 0 ? void 0 : value.toString()) === age }, { children: age }), age)); }) })))] }))] })));
+                                }, children: _jsx(Icon, { name: "chevron-down", size: "sm", className: "dropdown-input__icon dropdown-input__icon--chevron" }) })] }), isOpen && (_jsx("div", { className: "dropdown-menu", role: "listbox", children: ageOptions.map(function (age) { return (_jsx("div", { className: "dropdown-option ".concat((value === null || value === void 0 ? void 0 : value.toString()) === age ? 'dropdown-option--selected' : ''), onClick: function () { return handleSelect(age); }, role: "option", "aria-selected": (value === null || value === void 0 ? void 0 : value.toString()) === age, children: age }, age)); }) }))] })] }));
 };
 var StepperRow = function (_a) {
     var label = _a.label, value = _a.value, _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 99 : _c, onChange = _a.onChange;
@@ -150,7 +150,7 @@ var StepperRow = function (_a) {
             onChange(value + 1);
         }
     };
-    return (_jsxs("div", __assign({ className: "pax-selector__stepper" }, { children: [_jsx(Text, __assign({ size: "base", variant: "bold", color: "default", className: "pax-selector__stepper-label" }, { children: label })), _jsxs("div", __assign({ className: "pax-selector__stepper-controls" }, { children: [_jsx("button", __assign({ type: "button", className: "pax-selector__stepper-btn", onClick: handleDecrement, disabled: value <= min, "aria-label": "Decrease ".concat(label) }, { children: _jsx(Icon, { name: "minus", size: "sm" }) })), _jsx("span", __assign({ className: "pax-selector__stepper-count" }, { children: value })), _jsx("button", __assign({ type: "button", className: "pax-selector__stepper-btn", onClick: handleIncrement, disabled: value >= max, "aria-label": "Increase ".concat(label) }, { children: _jsx(Icon, { name: "plus", size: "sm" }) }))] }))] })));
+    return (_jsxs("div", { className: "pax-selector__stepper", children: [_jsx(Text, { size: "base", variant: "bold", color: "default", className: "pax-selector__stepper-label", children: label }), _jsxs("div", { className: "pax-selector__stepper-controls", children: [_jsx("button", { type: "button", className: "pax-selector__stepper-btn", onClick: handleDecrement, disabled: value <= min, "aria-label": "Decrease ".concat(label), children: _jsx(Icon, { name: "minus", size: "sm" }) }), _jsx("span", { className: "pax-selector__stepper-count", children: value }), _jsx("button", { type: "button", className: "pax-selector__stepper-btn", onClick: handleIncrement, disabled: value >= max, "aria-label": "Increase ".concat(label), children: _jsx(Icon, { name: "plus", size: "sm" }) })] })] }));
 };
 var ClientTypeSelector = function (_a) {
     var value = _a.value, onChange = _a.onChange;
@@ -173,7 +173,7 @@ var ClientTypeSelector = function (_a) {
         onChange(type);
         setIsOpen(false);
     };
-    return (_jsxs("div", __assign({ className: "pax-selector__client-type" }, { children: [_jsx(Text, __assign({ size: "sm", variant: "regular", className: "pax-selector__client-type-label" }, { children: "Client type" })), _jsxs("div", __assign({ className: "pax-selector__client-type-select", ref: containerRef }, { children: [_jsxs("button", __assign({ type: "button", className: "pax-selector__client-type-trigger", onClick: function () { return setIsOpen(!isOpen); }, "aria-expanded": isOpen, "aria-haspopup": "listbox" }, { children: [_jsxs("div", __assign({ className: "pax-selector__client-type-content" }, { children: [_jsx(Icon, { name: "user-icon", size: "sm", className: "pax-selector__client-type-icon" }), _jsx("span", __assign({ className: "pax-selector__client-type-text" }, { children: value }))] })), _jsx(Icon, { name: "chevron-down", size: "sm", className: "pax-selector__client-type-chevron ".concat(isOpen ? 'pax-selector__client-type-chevron--open' : '') })] })), isOpen && (_jsx("div", __assign({ className: "pax-selector__client-type-dropdown", role: "listbox" }, { children: CLIENT_TYPES.map(function (type) { return (_jsxs("button", __assign({ type: "button", className: "pax-selector__client-type-option ".concat(value === type ? 'pax-selector__client-type-option--selected' : ''), onClick: function () { return handleSelect(type); }, role: "option", "aria-selected": value === type }, { children: [_jsx(Icon, { name: "user-icon", size: "sm" }), type] }), type)); }) })))] }))] })));
+    return (_jsxs("div", { className: "pax-selector__client-type", children: [_jsx(Text, { size: "sm", variant: "regular", className: "pax-selector__client-type-label", children: "Client type" }), _jsxs("div", { className: "pax-selector__client-type-select", ref: containerRef, children: [_jsxs("button", { type: "button", className: "pax-selector__client-type-trigger", onClick: function () { return setIsOpen(!isOpen); }, "aria-expanded": isOpen, "aria-haspopup": "listbox", children: [_jsxs("div", { className: "pax-selector__client-type-content", children: [_jsx(Icon, { name: "user-icon", size: "sm", className: "pax-selector__client-type-icon" }), _jsx("span", { className: "pax-selector__client-type-text", children: value })] }), _jsx(Icon, { name: "chevron-down", size: "sm", className: "pax-selector__client-type-chevron ".concat(isOpen ? 'pax-selector__client-type-chevron--open' : '') })] }), isOpen && (_jsx("div", { className: "pax-selector__client-type-dropdown", role: "listbox", children: CLIENT_TYPES.map(function (type) { return (_jsxs("button", { type: "button", className: "pax-selector__client-type-option ".concat(value === type ? 'pax-selector__client-type-option--selected' : ''), onClick: function () { return handleSelect(type); }, role: "option", "aria-selected": value === type, children: [_jsx(Icon, { name: "user-icon", size: "sm" }), type] }, type)); }) }))] })] }));
 };
 var RoomEditor = function (_a) {
     var room = _a.room, roomNumber = _a.roomNumber, showRemove = _a.showRemove, maxAdults = _a.maxAdults, maxTeens = _a.maxTeens, maxChildren = _a.maxChildren, maxInfants = _a.maxInfants, onChange = _a.onChange, onRemove = _a.onRemove;
@@ -224,25 +224,25 @@ var RoomEditor = function (_a) {
     var teenAgeChunks = chunkAges(room.teenAges || [], 'Teen');
     var childAgeChunks = chunkAges(room.childAges || [], 'Child');
     var infantAgeChunks = chunkAges(room.infantAges || [], 'Infant');
-    return (_jsxs("div", __assign({ className: "pax-selector__room-container" }, { children: [_jsxs("div", __assign({ className: "pax-selector__room-header" }, { children: [_jsxs("div", __assign({ className: "pax-selector__room-title" }, { children: [_jsxs(Text, __assign({ size: "lg", variant: "bold", color: "accent", className: "pax-selector__room-name" }, { children: ["Room ", roomNumber] })), _jsx(Icon, { name: "home", size: "md", className: "pax-selector__room-icon" })] })), showRemove && (_jsxs("button", __assign({ type: "button", className: "pax-selector__room-remove", onClick: onRemove, "aria-label": "Remove room ".concat(roomNumber) }, { children: [_jsx(Icon, { name: "close", size: "sm", className: "pax-selector__room-remove-icon" }), _jsx("span", __assign({ className: "pax-selector__room-remove-text" }, { children: "Remove" }))] })))] })), _jsxs("div", __assign({ className: "pax-selector__room-content" }, { children: [_jsxs("div", __assign({ className: "pax-selector__steppers" }, { children: [_jsx(StepperRow, { label: "Adult", value: room.adults, max: maxAdults, onChange: function (val) { return handleFieldChange('adults', val); } }), _jsx(StepperRow, { label: "Teen", value: room.teens, max: maxTeens, onChange: function (val) { return handleFieldChange('teens', val); } }), _jsx(StepperRow, { label: "Child", value: room.children, max: maxChildren, onChange: function (val) { return handleFieldChange('children', val); } }), _jsx(StepperRow, { label: "Infant", value: room.infants, max: maxInfants, onChange: function (val) { return handleFieldChange('infants', val); } })] })), (room.teens > 0 || room.children > 0 || room.infants > 0) && (_jsxs("div", __assign({ className: "pax-selector__age-section" }, { children: [_jsx(Text, __assign({ size: "base", variant: "bold", color: "default", className: "pax-selector__age-section-title" }, { children: "Please specify the age :" })), _jsxs("div", __assign({ className: "pax-selector__age-groups" }, { children: [room.teens > 0 &&
-                                        teenAgeChunks.map(function (chunk, chunkIndex) { return (_jsx("div", __assign({ className: "pax-selector__age-row" }, { children: chunk.map(function (age, ageIndex) {
+    return (_jsxs("div", { className: "pax-selector__room-container", children: [_jsxs("div", { className: "pax-selector__room-header", children: [_jsxs("div", { className: "pax-selector__room-title", children: [_jsxs(Text, { size: "lg", variant: "bold", color: "accent", className: "pax-selector__room-name", children: ["Room ", roomNumber] }), _jsx(Icon, { name: "home", size: "md", className: "pax-selector__room-icon" })] }), showRemove && (_jsxs("button", { type: "button", className: "pax-selector__room-remove", onClick: onRemove, "aria-label": "Remove room ".concat(roomNumber), children: [_jsx(Icon, { name: "close", size: "sm", className: "pax-selector__room-remove-icon" }), _jsx("span", { className: "pax-selector__room-remove-text", children: "Remove" })] }))] }), _jsxs("div", { className: "pax-selector__room-content", children: [_jsxs("div", { className: "pax-selector__steppers", children: [_jsx(StepperRow, { label: "Adult", value: room.adults, max: maxAdults, onChange: function (val) { return handleFieldChange('adults', val); } }), _jsx(StepperRow, { label: "Teen", value: room.teens, max: maxTeens, onChange: function (val) { return handleFieldChange('teens', val); } }), _jsx(StepperRow, { label: "Child", value: room.children, max: maxChildren, onChange: function (val) { return handleFieldChange('children', val); } }), _jsx(StepperRow, { label: "Infant", value: room.infants, max: maxInfants, onChange: function (val) { return handleFieldChange('infants', val); } })] }), (room.teens > 0 || room.children > 0 || room.infants > 0) && (_jsxs("div", { className: "pax-selector__age-section", children: [_jsx(Text, { size: "base", variant: "bold", color: "default", className: "pax-selector__age-section-title", children: "Please specify the age :" }), _jsxs("div", { className: "pax-selector__age-groups", children: [room.teens > 0 &&
+                                        teenAgeChunks.map(function (chunk, chunkIndex) { return (_jsx("div", { className: "pax-selector__age-row", children: chunk.map(function (age, ageIndex) {
                                                 var actualIndex = chunkIndex * 2 + ageIndex;
                                                 return (_jsx(AgeSelector, { label: "Teen", value: age, onChange: function (selectedAge) {
                                                         return handleAgeChange('teenAges', actualIndex, selectedAge);
                                                     }, ageRange: CHILD_CATEGORY_AGES, required: true }, "teen-".concat(actualIndex)));
-                                            }) }), "teen-chunk-".concat(chunkIndex))); }), room.children > 0 &&
-                                        childAgeChunks.map(function (chunk, chunkIndex) { return (_jsx("div", __assign({ className: "pax-selector__age-row" }, { children: chunk.map(function (age, ageIndex) {
+                                            }) }, "teen-chunk-".concat(chunkIndex))); }), room.children > 0 &&
+                                        childAgeChunks.map(function (chunk, chunkIndex) { return (_jsx("div", { className: "pax-selector__age-row", children: chunk.map(function (age, ageIndex) {
                                                 var actualIndex = chunkIndex * 2 + ageIndex;
                                                 return (_jsx(AgeSelector, { label: "Child", value: age, onChange: function (selectedAge) {
                                                         return handleAgeChange('childAges', actualIndex, selectedAge);
                                                     }, ageRange: CHILD_CATEGORY_AGES, required: true }, "child-".concat(actualIndex)));
-                                            }) }), "child-chunk-".concat(chunkIndex))); }), room.infants > 0 &&
-                                        infantAgeChunks.map(function (chunk, chunkIndex) { return (_jsx("div", __assign({ className: "pax-selector__age-row" }, { children: chunk.map(function (age, ageIndex) {
+                                            }) }, "child-chunk-".concat(chunkIndex))); }), room.infants > 0 &&
+                                        infantAgeChunks.map(function (chunk, chunkIndex) { return (_jsx("div", { className: "pax-selector__age-row", children: chunk.map(function (age, ageIndex) {
                                                 var actualIndex = chunkIndex * 2 + ageIndex;
                                                 return (_jsx(AgeSelector, { label: "Infant", value: age, onChange: function (selectedAge) {
                                                         return handleAgeChange('infantAges', actualIndex, selectedAge);
                                                     }, ageRange: CHILD_CATEGORY_AGES, required: true }, "infant-".concat(actualIndex)));
-                                            }) }), "infant-chunk-".concat(chunkIndex))); })] }))] }))), _jsx(ClientTypeSelector, { value: room.clientType, onChange: function (val) { return handleFieldChange('clientType', val); } })] }))] })));
+                                            }) }, "infant-chunk-".concat(chunkIndex))); })] })] })), _jsx(ClientTypeSelector, { value: room.clientType, onChange: function (val) { return handleFieldChange('clientType', val); } })] })] }));
 };
 var PaxSelector = function (_a) {
     var _b = _a.label, label = _b === void 0 ? 'Number of pax' : _b, value = _a.value, onChange = _a.onChange, onAddRoom = _a.onAddRoom, onDone = _a.onDone, _c = _a.placeholder, placeholder = _c === void 0 ? 'Select pax' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.maxAdults, maxAdults = _e === void 0 ? 10 : _e, _f = _a.maxTeens, maxTeens = _f === void 0 ? 10 : _f, _g = _a.maxChildren, maxChildren = _g === void 0 ? 10 : _g, _h = _a.maxInfants, maxInfants = _h === void 0 ? 10 : _h, _j = _a.showAddRoom, showAddRoom = _j === void 0 ? true : _j, _k = _a.multipleRooms, multipleRooms = _k === void 0 ? false : _k, defaultRooms = _a.defaultRooms, onRoomsChange = _a.onRoomsChange, onRemoveRoom = _a.onRemoveRoom, _l = _a.defaultPaxData, defaultPaxData = _l === void 0 ? DEFAULT_PAX_DATA_WITH_ADULTS : _l, _m = _a.scrollOnOpen, scrollOnOpen = _m === void 0 ? false : _m;
@@ -386,11 +386,11 @@ var PaxSelector = function (_a) {
         return "".concat(total, " pax");
     };
     var hasPax = getTotalPax() > 0;
-    return (_jsxs("div", __assign({ className: "pax-selector ".concat(className), ref: containerRef }, { children: [_jsxs("button", __assign({ ref: triggerRef, type: "button", className: "pax-selector__trigger", onClick: function () { return setIsOpen(!isOpen); }, "aria-expanded": isOpen, "aria-haspopup": "true" }, { children: [_jsx(Text, __assign({ size: "sm", variant: "regular", className: "pax-selector__label" }, { children: label })), _jsxs("div", __assign({ className: "pax-selector__input ".concat(isOpen ? 'pax-selector__input--active' : '') }, { children: [_jsxs("div", __assign({ className: "pax-selector__input-content" }, { children: [_jsx(Icon, { name: "user-icon", size: "sm", className: "pax-selector__input-icon" }), _jsx("span", __assign({ className: "pax-selector__input-text ".concat(!hasPax ? 'pax-selector__input-placeholder' : '') }, { children: getDisplayText() }))] })), _jsx(Icon, { name: "chevron-down", size: "sm", className: "pax-selector__chevron ".concat(isOpen ? 'pax-selector__chevron--open' : '') })] }))] })), isOpen && (_jsxs("div", __assign({ className: "pax-selector__dropdown" }, { children: [multipleRooms ? (_jsxs(_Fragment, { children: [showAddRoom && (_jsxs("button", __assign({ type: "button", className: "pax-selector__add-room", onClick: handleAddRoom }, { children: [_jsx(Icon, { name: "home", size: "sm", className: "pax-selector__add-room-icon" }), "Add a room", _jsx(Icon, { name: "plus", size: "sm", className: "pax-selector__add-room-icon" })] }))), _jsx("div", __assign({ className: "pax-selector__rooms" }, { children: rooms.map(function (room, index) { return (_jsx(RoomEditor, { room: room, roomNumber: index + 1, showRemove: rooms.length > 1, maxAdults: maxAdults, maxTeens: maxTeens, maxChildren: maxChildren, maxInfants: maxInfants, onChange: function (updatedRoom) { return handleRoomChange(room.roomId, updatedRoom); }, onRemove: function () { return handleRemoveRoom(room.roomId); } }, room.roomId)); }) }))] })) : (
+    return (_jsxs("div", { className: "pax-selector ".concat(className), ref: containerRef, children: [_jsxs("button", { ref: triggerRef, type: "button", className: "pax-selector__trigger", onClick: function () { return setIsOpen(!isOpen); }, "aria-expanded": isOpen, "aria-haspopup": "true", children: [_jsx(Text, { size: "sm", variant: "regular", className: "pax-selector__label", children: label }), _jsxs("div", { className: "pax-selector__input ".concat(isOpen ? 'pax-selector__input--active' : ''), children: [_jsxs("div", { className: "pax-selector__input-content", children: [_jsx(Icon, { name: "user-icon", size: "sm", className: "pax-selector__input-icon" }), _jsx("span", { className: "pax-selector__input-text ".concat(!hasPax ? 'pax-selector__input-placeholder' : ''), children: getDisplayText() })] }), _jsx(Icon, { name: "chevron-down", size: "sm", className: "pax-selector__chevron ".concat(isOpen ? 'pax-selector__chevron--open' : '') })] })] }), isOpen && (_jsxs("div", { className: "pax-selector__dropdown", children: [multipleRooms ? (_jsxs(_Fragment, { children: [showAddRoom && (_jsxs("button", { type: "button", className: "pax-selector__add-room", onClick: handleAddRoom, children: [_jsx(Icon, { name: "home", size: "sm", className: "pax-selector__add-room-icon" }), "Add a room", _jsx(Icon, { name: "plus", size: "sm", className: "pax-selector__add-room-icon" })] })), _jsx("div", { className: "pax-selector__rooms", children: rooms.map(function (room, index) { return (_jsx(RoomEditor, { room: room, roomNumber: index + 1, showRemove: rooms.length > 1, maxAdults: maxAdults, maxTeens: maxTeens, maxChildren: maxChildren, maxInfants: maxInfants, onChange: function (updatedRoom) { return handleRoomChange(room.roomId, updatedRoom); }, onRemove: function () { return handleRemoveRoom(room.roomId); } }, room.roomId)); }) })] })) : (
                     /* Single Room Mode */
-                    _jsxs(_Fragment, { children: [_jsxs("div", __assign({ className: "pax-selector__steppers" }, { children: [_jsx(StepperRow, { label: "Adult", value: internalData.adults, max: maxAdults, onChange: function (val) { return handleDataChange('adults', val); } }), _jsx(StepperRow, { label: "Teen", value: internalData.teens, max: maxTeens, onChange: function (val) { return handleDataChange('teens', val); } }), _jsx(StepperRow, { label: "Child", value: internalData.children, max: maxChildren, onChange: function (val) { return handleDataChange('children', val); } }), _jsx(StepperRow, { label: "Infant", value: internalData.infants, max: maxInfants, onChange: function (val) { return handleDataChange('infants', val); } })] })), (internalData.teens > 0 ||
+                    _jsxs(_Fragment, { children: [_jsxs("div", { className: "pax-selector__steppers", children: [_jsx(StepperRow, { label: "Adult", value: internalData.adults, max: maxAdults, onChange: function (val) { return handleDataChange('adults', val); } }), _jsx(StepperRow, { label: "Teen", value: internalData.teens, max: maxTeens, onChange: function (val) { return handleDataChange('teens', val); } }), _jsx(StepperRow, { label: "Child", value: internalData.children, max: maxChildren, onChange: function (val) { return handleDataChange('children', val); } }), _jsx(StepperRow, { label: "Infant", value: internalData.infants, max: maxInfants, onChange: function (val) { return handleDataChange('infants', val); } })] }), (internalData.teens > 0 ||
                                 internalData.children > 0 ||
-                                internalData.infants > 0) && (_jsxs("div", __assign({ className: "pax-selector__age-section" }, { children: [_jsx(Text, __assign({ size: "base", variant: "bold", color: "default", className: "pax-selector__age-section-title" }, { children: "Please specify the age :" })), _jsx("div", __assign({ className: "pax-selector__age-groups" }, { children: (function () {
+                                internalData.infants > 0) && (_jsxs("div", { className: "pax-selector__age-section", children: [_jsx(Text, { size: "base", variant: "bold", color: "default", className: "pax-selector__age-section-title", children: "Please specify the age :" }), _jsx("div", { className: "pax-selector__age-groups", children: (function () {
                                             var chunkAges = function (ages, category) {
                                                 var chunks = [];
                                                 for (var i = 0; i < ages.length; i += 2) {
@@ -407,24 +407,24 @@ var PaxSelector = function (_a) {
                                                 handleDataChange(category, ages);
                                             };
                                             return (_jsxs(_Fragment, { children: [internalData.teens > 0 &&
-                                                        teenAgeChunks.map(function (chunk, chunkIndex) { return (_jsx("div", __assign({ className: "pax-selector__age-row" }, { children: chunk.map(function (age, ageIndex) {
+                                                        teenAgeChunks.map(function (chunk, chunkIndex) { return (_jsx("div", { className: "pax-selector__age-row", children: chunk.map(function (age, ageIndex) {
                                                                 var actualIndex = chunkIndex * 2 + ageIndex;
                                                                 return (_jsx(AgeSelector, { label: "Teen", value: age, onChange: function (selectedAge) {
                                                                         return handleAgeChange('teenAges', actualIndex, selectedAge);
                                                                     }, ageRange: CHILD_CATEGORY_AGES, required: true }, "teen-".concat(actualIndex)));
-                                                            }) }), "teen-chunk-".concat(chunkIndex))); }), internalData.children > 0 &&
-                                                        childAgeChunks.map(function (chunk, chunkIndex) { return (_jsx("div", __assign({ className: "pax-selector__age-row" }, { children: chunk.map(function (age, ageIndex) {
+                                                            }) }, "teen-chunk-".concat(chunkIndex))); }), internalData.children > 0 &&
+                                                        childAgeChunks.map(function (chunk, chunkIndex) { return (_jsx("div", { className: "pax-selector__age-row", children: chunk.map(function (age, ageIndex) {
                                                                 var actualIndex = chunkIndex * 2 + ageIndex;
                                                                 return (_jsx(AgeSelector, { label: "Child", value: age, onChange: function (selectedAge) {
                                                                         return handleAgeChange('childAges', actualIndex, selectedAge);
                                                                     }, ageRange: CHILD_CATEGORY_AGES, required: true }, "child-".concat(actualIndex)));
-                                                            }) }), "child-chunk-".concat(chunkIndex))); }), internalData.infants > 0 &&
-                                                        infantAgeChunks.map(function (chunk, chunkIndex) { return (_jsx("div", __assign({ className: "pax-selector__age-row" }, { children: chunk.map(function (age, ageIndex) {
+                                                            }) }, "child-chunk-".concat(chunkIndex))); }), internalData.infants > 0 &&
+                                                        infantAgeChunks.map(function (chunk, chunkIndex) { return (_jsx("div", { className: "pax-selector__age-row", children: chunk.map(function (age, ageIndex) {
                                                                 var actualIndex = chunkIndex * 2 + ageIndex;
                                                                 return (_jsx(AgeSelector, { label: "Infant", value: age, onChange: function (selectedAge) {
                                                                         return handleAgeChange('infantAges', actualIndex, selectedAge);
                                                                     }, ageRange: CHILD_CATEGORY_AGES, required: true }, "infant-".concat(actualIndex)));
-                                                            }) }), "infant-chunk-".concat(chunkIndex))); })] }));
-                                        })() }))] }))), _jsx(ClientTypeSelector, { value: internalData.clientType, onChange: function (val) { return handleDataChange('clientType', val); } })] })), _jsxs("div", __assign({ className: "pax-selector__actions" }, { children: [_jsx("button", __assign({ type: "button", className: "pax-selector__clear-btn", onClick: handleClear }, { children: "Clear Pax" })), _jsx("button", __assign({ type: "button", className: "pax-selector__done-btn", onClick: handleDone }, { children: "Done" }))] }))] })))] })));
+                                                            }) }, "infant-chunk-".concat(chunkIndex))); })] }));
+                                        })() })] })), _jsx(ClientTypeSelector, { value: internalData.clientType, onChange: function (val) { return handleDataChange('clientType', val); } })] })), _jsxs("div", { className: "pax-selector__actions", children: [_jsx("button", { type: "button", className: "pax-selector__clear-btn", onClick: handleClear, children: "Clear Pax" }), _jsx("button", { type: "button", className: "pax-selector__done-btn", onClick: handleDone, children: "Done" })] })] }))] }));
 };
 export default PaxSelector;

package/dist/components/organisms/QuoteHeader/QuoteHeader.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 DropdownInput from '../../atoms/Inputs/DropdownInput/DropdownInput';
@@ -32,10 +21,10 @@ var filterConfig = {
 };
 export var QuoteHeader = function (props) {
     var _a = props.current, current = _a === void 0 ? 'quotation' : _a, onNavigate = props.onNavigate, onNewQuote = props.onNewQuote, onFilterChange = props.onFilterChange;
-    return (_jsxs("div", __assign({ className: "quote-header" }, { children: [_jsx(Heading, __assign({ level: 4, as: "h1", className: "quote-header__title", color: "accent" }, { children: "Quotation & Booking" })), _jsxs("div", __assign({ className: "flex gap-4" }, { children: [_jsx(Button, __assign({ variant: current === 'quotation' ? 'primary' : 'outline-primary', className: "quote-header__button", onClick: function () { return onNavigate('quotation'); } }, { children: "Quotation" })), _jsx(Button, __assign({ variant: current === 'booking' ? 'primary' : 'outline-primary', className: "quote-header__button", onClick: function () { return onNavigate('booking'); } }, { children: "Booking" }))] })), _jsxs("div", __assign({ className: "quote-header__search-container" }, { children: [_jsx(Input, { placeholder: "Search", icon: "search", iconPosition: "leading", className: "quote-header__search" }), _jsx(Button, __assign({ variant: "primary", leadingIcon: "plus-circle", iconSize: "md", size: "sm", onClick: onNewQuote }, { children: "New quote" }))] })), _jsx("div", __assign({ className: "quote-header__filters" }, { children: Object.entries(filterConfig).map(function (_a) {
+    return (_jsxs("div", { className: "quote-header", children: [_jsx(Heading, { level: 4, as: "h1", className: "quote-header__title", color: "accent", children: "Quotation & Booking" }), _jsxs("div", { className: "flex gap-4", children: [_jsx(Button, { variant: current === 'quotation' ? 'primary' : 'outline-primary', className: "quote-header__button", onClick: function () { return onNavigate('quotation'); }, children: "Quotation" }), _jsx(Button, { variant: current === 'booking' ? 'primary' : 'outline-primary', className: "quote-header__button", onClick: function () { return onNavigate('booking'); }, children: "Booking" })] }), _jsxs("div", { className: "quote-header__search-container", children: [_jsx(Input, { placeholder: "Search", icon: "search", iconPosition: "leading", className: "quote-header__search" }), _jsx(Button, { variant: "primary", leadingIcon: "plus-circle", iconSize: "md", size: "sm", onClick: onNewQuote, children: "New quote" })] }), _jsx("div", { className: "quote-header__filters", children: Object.entries(filterConfig).map(function (_a) {
                     var key = _a[0], value = _a[1];
                     return (_jsx(DropdownInput, { placeholder: value.placeholder, options: value.options, onSelect: function (value) {
                             return onFilterChange(key, value);
                         } }, key));
-                }) }))] })));
+                }) })] }));
 };

package/dist/components/organisms/RoundTrip/RoundTrip.js

@@ -184,6 +184,6 @@ var RoundTrip = function (_a) {
     var isAccommodationEmpty = checkEmpty && !internalAccommodation;
     var pickupDropoffOptions = getPickupDropoffOptions();
     var accommodationOptions = getAccommodationOptions();
-    return (_jsx("div", __assign({ className: "round-trip ".concat(className), "data-round-trip-id": id }, { children: _jsxs("div", __assign({ className: "round-trip__content" }, { children: [_jsx("div", __assign({ className: "round-trip__field round-trip__field--pax ".concat(isPaxEmpty ? 'round-trip__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: "round-trip__field round-trip__field--dates" }, { children: [_jsx(Text, __assign({ size: "sm", variant: "regular", className: "round-trip__field-label" }, { children: "Arrival date - Departure date" })), _jsx(DateTimePicker, { placeholder: "DD/MM/YYYY - DD/MM/YYYY", mode: "calendar", iconPosition: "left", numberOfMonths: 2, iconBGFull: false, showChevron: true, onValueChange: handleDateRangeChange, selectionMode: "range", defaultValue: internalArrivalDate && internalDepartureDate ? [internalArrivalDate, internalDepartureDate] : undefined, inputClassName: "round-trip__date-picker--input", state: isDateEmpty ? 'error' : undefined })] })), _jsx("div", __assign({ className: "round-trip__field round-trip__field--pickup-dropoff" }, { children: _jsx(LocationDropdown, { label: "Pick up / Drop-off point", options: pickupDropoffOptions.options, groups: pickupDropoffOptions.groups, selectedValue: (internalPickupDropoffPoint === null || internalPickupDropoffPoint === void 0 ? void 0 : internalPickupDropoffPoint.id) || null, onSelectionChange: handlePickupDropoffChange, placeholder: "Select pick-up / drop-off point", direction: undefined, type: "airport-port", showGroupTitles: true, error: isPickupDropoffEmpty }) })), _jsx("div", __assign({ className: "round-trip__field round-trip__field--accommodation" }, { children: _jsx(LocationDropdown, { label: "Accommodation", options: accommodationOptions.options, groups: accommodationOptions.groups, selectedValue: (internalAccommodation === null || internalAccommodation === void 0 ? void 0 : internalAccommodation.id) || null, onSelectionChange: handleAccommodationChange, placeholder: "Select accommodation", direction: "dropoff", type: "accommodation", showGroupTitles: false, error: isAccommodationEmpty }) }))] })) })));
+    return (_jsx("div", { className: "round-trip ".concat(className), "data-round-trip-id": id, children: _jsxs("div", { className: "round-trip__content", children: [_jsx("div", { className: "round-trip__field round-trip__field--pax ".concat(isPaxEmpty ? 'round-trip__field--error' : ''), children: _jsx(PaxSelector, { label: "Number of pax", value: internalPaxData, onChange: handlePaxChange, placeholder: "2 pax", className: isPaxEmpty ? 'pax-selector--error' : '' }) }), _jsxs("div", { className: "round-trip__field round-trip__field--dates", children: [_jsx(Text, { size: "sm", variant: "regular", className: "round-trip__field-label", children: "Arrival date - Departure date" }), _jsx(DateTimePicker, { placeholder: "DD/MM/YYYY - DD/MM/YYYY", mode: "calendar", iconPosition: "left", numberOfMonths: 2, iconBGFull: false, showChevron: true, onValueChange: handleDateRangeChange, selectionMode: "range", defaultValue: internalArrivalDate && internalDepartureDate ? [internalArrivalDate, internalDepartureDate] : undefined, inputClassName: "round-trip__date-picker--input", state: isDateEmpty ? 'error' : undefined })] }), _jsx("div", { className: "round-trip__field round-trip__field--pickup-dropoff", children: _jsx(LocationDropdown, { label: "Pick up / Drop-off point", options: pickupDropoffOptions.options, groups: pickupDropoffOptions.groups, selectedValue: (internalPickupDropoffPoint === null || internalPickupDropoffPoint === void 0 ? void 0 : internalPickupDropoffPoint.id) || null, onSelectionChange: handlePickupDropoffChange, placeholder: "Select pick-up / drop-off point", direction: undefined, type: "airport-port", showGroupTitles: true, error: isPickupDropoffEmpty }) }), _jsx("div", { className: "round-trip__field round-trip__field--accommodation", children: _jsx(LocationDropdown, { label: "Accommodation", options: accommodationOptions.options, groups: accommodationOptions.groups, selectedValue: (internalAccommodation === null || internalAccommodation === void 0 ? void 0 : internalAccommodation.id) || null, onSelectionChange: handleAccommodationChange, placeholder: "Select accommodation", direction: "dropoff", type: "accommodation", showGroupTitles: false, error: isAccommodationEmpty }) })] }) }));
 };
 export default RoundTrip;

package/dist/components/organisms/SearchBarTransfer/SearchBarTransfer.js

@@ -107,7 +107,7 @@ var SearchBarTransfer = function (_a) {
         setTransferLines(__spreadArray(__spreadArray([], transferLines, true), [newTransfer], false));
     };
     // Render transfer type buttons
-    var renderTransferTypeButtons = function (onClick) { return (_jsxs("div", __assign({ className: "search-bar-transfer__add-buttons" }, { children: [_jsx(Button, __assign({ variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return onClick("arrival"); } }, { children: "Add Arrival" })), _jsx(Button, __assign({ variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return onClick("departure"); } }, { children: "Add Departure" })), _jsx(Button, __assign({ variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return onClick("inter-hotel"); } }, { children: "Add Inter-Hotel" }))] }))); };
+    var renderTransferTypeButtons = function (onClick) { return (_jsxs("div", { className: "search-bar-transfer__add-buttons", children: [_jsx(Button, { variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return onClick("arrival"); }, children: "Add Arrival" }), _jsx(Button, { variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return onClick("departure"); }, children: "Add Departure" }), _jsx(Button, { variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return onClick("inter-hotel"); }, children: "Add Inter-Hotel" })] })); };
     // Handle adding transfer from round-trip mode (converts round-trip to custom and adds new transfer)
     var handleAddTransferFromRoundTrip = function (type) {
         if (!roundTripData) {
@@ -207,7 +207,7 @@ var SearchBarTransfer = function (_a) {
             onSearch === null || onSearch === void 0 ? void 0 : onSearch(data);
         }
     };
-    return (_jsxs("div", __assign({ className: "search-bar-transfer ".concat(className) }, { children: [_jsxs("div", __assign({ className: "search-bar-transfer__header" }, { children: [_jsx(Heading, __assign({ level: 5, variant: "bold", color: "accent" }, { children: "Select your transfer details" })), _jsx("div", __assign({ className: "search-bar-transfer__mode-selector" }, { children: _jsx(SegmentedButton, { options: modeOptions, value: mode, onChange: handleModeChange, name: "transfer-mode" }) }))] })), mode === "roundtrip" ? (_jsxs(_Fragment, { children: [_jsx(RoundTrip, { id: "roundtrip-main", locations: locations, paxData: roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.paxData, arrivalDate: roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.arrivalDate, departureDate: roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.departureDate, pickupDropoffPoint: (_b = roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.pickupDropoffPoint) === null || _b === void 0 ? void 0 : _b.id, accommodation: (_c = roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.accommodation) === null || _c === void 0 ? void 0 : _c.id, onChange: setRoundTripData, checkEmpty: error !== null }), _jsx("div", __assign({ className: "search-bar-transfer__transfer-type" }, { children: renderTransferTypeButtons(handleAddTransferFromRoundTrip) }))] })) : (_jsxs(_Fragment, { children: [_jsxs("div", __assign({ className: "search-bar-transfer__transfer-type" }, { children: [_jsx(Text, __assign({ size: "lg", variant: "bold", color: "subtle", as: "div", className: "search-bar-transfer__transfer-type-label" }, { children: "Select a transfer type you want to add" })), renderTransferTypeButtons(handleAddTransfer)] })), transferLines.length > 0 && (_jsx("div", __assign({ className: "search-bar-transfer__transfer-lines" }, { children: (function () {
+    return (_jsxs("div", { className: "search-bar-transfer ".concat(className), children: [_jsxs("div", { className: "search-bar-transfer__header", children: [_jsx(Heading, { level: 5, variant: "bold", color: "accent", children: "Select your transfer details" }), _jsx("div", { className: "search-bar-transfer__mode-selector", children: _jsx(SegmentedButton, { options: modeOptions, value: mode, onChange: handleModeChange, name: "transfer-mode" }) })] }), mode === "roundtrip" ? (_jsxs(_Fragment, { children: [_jsx(RoundTrip, { id: "roundtrip-main", locations: locations, paxData: roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.paxData, arrivalDate: roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.arrivalDate, departureDate: roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.departureDate, pickupDropoffPoint: (_b = roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.pickupDropoffPoint) === null || _b === void 0 ? void 0 : _b.id, accommodation: (_c = roundTripData === null || roundTripData === void 0 ? void 0 : roundTripData.accommodation) === null || _c === void 0 ? void 0 : _c.id, onChange: setRoundTripData, checkEmpty: error !== null }), _jsx("div", { className: "search-bar-transfer__transfer-type", children: renderTransferTypeButtons(handleAddTransferFromRoundTrip) })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "search-bar-transfer__transfer-type", children: [_jsx(Text, { size: "lg", variant: "bold", color: "subtle", as: "div", className: "search-bar-transfer__transfer-type-label", children: "Select a transfer type you want to add" }), renderTransferTypeButtons(handleAddTransfer)] }), transferLines.length > 0 && (_jsx("div", { className: "search-bar-transfer__transfer-lines", children: (function () {
                             // Group transfers by type
                             var groupedTransfers = {
                                 arrival: [],
@@ -226,10 +226,10 @@ var SearchBarTransfer = function (_a) {
                                 departure: { label: "Departure", icon: "departure" },
                                 "inter-hotel": { label: "Inter-Hotel", icon: "building" },
                             };
-                            return nonEmptyGroups.map(function (type, groupIndex) { return (_jsxs(React.Fragment, { children: [_jsxs("div", __assign({ className: "search-bar-transfer__category-header" }, { children: [_jsx(Icon, { name: categoryInfo[type].icon, size: "md" }), _jsx(Text, __assign({ size: "md", variant: "bold", color: "default", as: "span" }, { children: categoryInfo[type].label }))] })), groupedTransfers[type].map(function (line) {
+                            return nonEmptyGroups.map(function (type, groupIndex) { return (_jsxs(React.Fragment, { children: [_jsxs("div", { className: "search-bar-transfer__category-header", children: [_jsx(Icon, { name: categoryInfo[type].icon, size: "md" }), _jsx(Text, { size: "md", variant: "bold", color: "default", as: "span", children: categoryInfo[type].label })] }), groupedTransfers[type].map(function (line) {
                                         var _a, _b;
                                         return (_jsx(TransferLine, { id: line.id, type: line.type, paxData: line.paxData, transferDate: line.transferDate, pickupPoint: (_a = line.pickupPoint) === null || _a === void 0 ? void 0 : _a.id, dropoffPoint: (_b = line.dropoffPoint) === null || _b === void 0 ? void 0 : _b.id, locations: locations, onDataChange: function (data) { return handleTransferLineChange(line.id, data); }, onDelete: function () { return handleDeleteTransferLine(line.id); }, showDelete: transferLines.length > 1, checkEmpty: error !== null }, line.id));
-                                    }), groupIndex < nonEmptyGroups.length - 1 && (_jsx("svg", __assign({ className: "search-bar-transfer__divider", xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "1", viewBox: "0 0 1076 1", fill: "none", preserveAspectRatio: "none" }, { children: _jsx("path", { d: "M0 0.5L1076 0.499906", stroke: "var(--color-border-medium, #A3A3A3)", strokeWidth: "1", strokeDasharray: "10 10" }) })))] }, type)); });
-                        })() })))] })), _jsxs("div", __assign({ className: "search-bar-transfer__actions" }, { children: [_jsx(Checkbox, { checked: sameVehicle, onChange: setSameVehicle, label: "Use the same vehicle for all your transfers" }), _jsxs("div", __assign({ className: "search-bar-transfer__cta" }, { children: [error && (_jsx(Toast, { text: error, type: "danger" })), _jsx(Button, __assign({ variant: "primary", size: "lg", onClick: handleSearch }, { children: "Search" }))] }))] }))] })));
+                                    }), groupIndex < nonEmptyGroups.length - 1 && (_jsx("svg", { className: "search-bar-transfer__divider", xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "1", viewBox: "0 0 1076 1", fill: "none", preserveAspectRatio: "none", children: _jsx("path", { d: "M0 0.5L1076 0.499906", stroke: "var(--color-border-medium, #A3A3A3)", strokeWidth: "1", strokeDasharray: "10 10" }) }))] }, type)); });
+                        })() }))] })), _jsxs("div", { className: "search-bar-transfer__actions", children: [_jsx(Checkbox, { checked: sameVehicle, onChange: setSameVehicle, label: "Use the same vehicle for all your transfers" }), _jsxs("div", { className: "search-bar-transfer__cta", children: [error && (_jsx(Toast, { text: error, type: "danger" })), _jsx(Button, { variant: "primary", size: "lg", onClick: handleSearch, children: "Search" })] })] })] }));
 };
 export default SearchBarTransfer;

package/dist/components/organisms/TabCancellationPolicy/CancellationAccom.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 CancellationBody from './CancellationBody';
 import CancellationHeader from './CancellationHeader';
@@ -31,5 +20,5 @@ import DetailsCancellationPolicy from './TabCancellationPolicy';
  */
 export default function CancellationAccom(props) {
     var hotelName = props.hotelName, pax = props.pax, dates = props.dates, image = props.image, roomPolicies = props.roomPolicies, isOnRequest = props.isOnRequest;
-    return (_jsx(DetailsCancellationPolicy.Layout, __assign({ title: "Accommodation", icon: "accom", isOnRequest: isOnRequest, image: image, header: _jsx(CancellationHeader, { children: _jsx(CancellationHeader.Accom, { hotelName: hotelName, pax: pax, dates: dates }) }) }, { children: _jsx(CancellationBody, { children: roomPolicies.map(function (roomPolicy, index) { return (_jsx(CancellationBody.Accom, { roomName: roomPolicy.roomName, policies: roomPolicy.policies }, index)); }) }) })));
+    return (_jsx(DetailsCancellationPolicy.Layout, { title: "Accommodation", icon: "accom", isOnRequest: isOnRequest, image: image, header: _jsx(CancellationHeader, { children: _jsx(CancellationHeader.Accom, { hotelName: hotelName, pax: pax, dates: dates }) }), children: _jsx(CancellationBody, { children: roomPolicies.map(function (roomPolicy, index) { return (_jsx(CancellationBody.Accom, { roomName: roomPolicy.roomName, policies: roomPolicy.policies }, index)); }) }) }));
 }

package/dist/components/organisms/TabCancellationPolicy/CancellationExcursion.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 CancellationBody from './CancellationBody';
 import CancellationHeader from './CancellationHeader';
@@ -30,5 +19,5 @@ import DetailsCancellationPolicy from './TabCancellationPolicy';
  */
 export default function CancellationExcursion(props) {
     var name = props.name, date = props.date, image = props.image, pickUpPoint = props.pickUpPoint, policies = props.policies;
-    return (_jsx(DetailsCancellationPolicy.Layout, __assign({ title: "Excursion", icon: "map", isOnRequest: false, image: image, header: _jsx(CancellationHeader, { children: _jsx(CancellationHeader.Excursion, { name: name, date: date }) }) }, { children: _jsx(CancellationBody, { children: _jsx(CancellationBody.Excursion, { pickUpPoint: pickUpPoint, policies: policies }) }) })));
+    return (_jsx(DetailsCancellationPolicy.Layout, { title: "Excursion", icon: "map", isOnRequest: false, image: image, header: _jsx(CancellationHeader, { children: _jsx(CancellationHeader.Excursion, { name: name, date: date }) }), children: _jsx(CancellationBody, { children: _jsx(CancellationBody.Excursion, { pickUpPoint: pickUpPoint, policies: policies }) }) }));
 }

package/dist/components/organisms/TabCancellationPolicy/CancellationHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import HeaderAccom from './HeaderAccom';
 import HeaderExcursion from './HeaderExcursion';
 import HeaderTransfer from './HeaderExcursion/HeaderTransfer';

package/dist/components/organisms/TabCancellationPolicy/CancellationTransfer.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 CancellationBody from './CancellationBody';
 import CancellationHeader from './CancellationHeader';
@@ -28,5 +17,5 @@ import DetailsCancellationPolicy from './TabCancellationPolicy';
  */
 export default function CancellationTransfer(props) {
     var image = props.image, carName = props.carName, transferData = props.transferData;
-    return (_jsx(DetailsCancellationPolicy.Layout, __assign({ title: "Transfer", icon: "car", isOnRequest: false, image: image, header: _jsx(CancellationHeader, { children: _jsx(CancellationHeader.Transfer, { data: transferData }) }) }, { children: _jsx(CancellationBody, { children: _jsx(CancellationBody.Transfer, { carName: carName }) }) })));
+    return (_jsx(DetailsCancellationPolicy.Layout, { title: "Transfer", icon: "car", isOnRequest: false, image: image, header: _jsx(CancellationHeader, { children: _jsx(CancellationHeader.Transfer, { data: transferData }) }), children: _jsx(CancellationBody, { children: _jsx(CancellationBody.Transfer, { carName: carName }) }) }));
 }

package/dist/components/organisms/TabCancellationPolicy/HeaderAccom.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 { DateDisplay } from '../../molecules/DateDisplay/DateDisplay';
@@ -30,5 +19,5 @@ import TextWithIcon from '../../molecules/TextWithIcon/TextWithIcon';
 export default function HeaderAccom(props) {
     var hotelName = props.hotelName, pax = props.pax, dates = props.dates;
     var stay = useStays(dates);
-    return (_jsxs("div", { children: [_jsx(ServiceTitle, { title: hotelName, textSize: "sm" }), _jsx(TextWithIcon, __assign({ icon: "user" }, { children: pax })), _jsx(DateDisplay, { dates: dates, arrowSize: "xs", calendarSize: "xs" }), _jsxs(TextWithIcon, __assign({ icon: "night" }, { children: [stay, " Nights"] }))] }));
+    return (_jsxs("div", { children: [_jsx(ServiceTitle, { title: hotelName, textSize: "sm" }), _jsx(TextWithIcon, { icon: "user", children: pax }), _jsx(DateDisplay, { dates: dates, arrowSize: "xs", calendarSize: "xs" }), _jsxs(TextWithIcon, { icon: "night", children: [stay, " Nights"] })] }));
 }

package/dist/components/organisms/TabCancellationPolicy/HeaderExcursion/HeaderTransfer.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 Icon from '../../../atoms/Icon/Icon';
 import { Text } from '../../../atoms/Typography/Typography';
@@ -22,5 +11,5 @@ var transferLabel = {
 };
 export default function HeaderTransfer(props) {
     var data = props.data;
-    return (_jsx("div", __assign({ className: "transfer-header" }, { children: data.map(function (item, index) { return (_jsxs("div", { children: [_jsx(TextWithIcon, __assign({ icon: item.type === 'DEP' ? 'departure' : 'arrival' }, { children: transferLabel[item.type] })), _jsxs(TextWithIcon, __assign({ icon: "user" }, { children: [item.pax, " pax"] })), _jsx(DateDisplay, { dates: [item.date], arrowSize: "xs", calendarSize: "xs" }), _jsxs(Text, __assign({ size: "sm", variant: "medium", leading: "5", className: "flex items-center gap-x-1" }, { children: [item.from, " ", _jsx(Icon, { name: "arrow-right-outline", size: "xs" }), " ", item.to] }))] }, "ht-".concat(index))); }) })));
+    return (_jsx("div", { className: "transfer-header", children: data.map(function (item, index) { return (_jsxs("div", { children: [_jsx(TextWithIcon, { icon: item.type === 'DEP' ? 'departure' : 'arrival', children: transferLabel[item.type] }), _jsxs(TextWithIcon, { icon: "user", children: [item.pax, " pax"] }), _jsx(DateDisplay, { dates: [item.date], arrowSize: "xs", calendarSize: "xs" }), _jsxs(Text, { size: "sm", variant: "medium", leading: "5", className: "flex items-center gap-x-1", children: [item.from, " ", _jsx(Icon, { name: "arrow-right-outline", size: "xs" }), " ", item.to] })] }, "ht-".concat(index))); }) }));
 }

package/dist/components/organisms/TabCancellationPolicy/PolicyAccom/PolicyAccom.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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import Chip from '../../../atoms/Chip/Chip';
 import { Fragment } from 'react';
@@ -18,5 +7,5 @@ import TextWithIcon from '../../../molecules/TextWithIcon/TextWithIcon';
 import './PolicyAccom.css';
 export default function PolicyAccom(props) {
     var roomName = props.roomName, policies = props.policies, index = props.index;
-    return (_jsxs("div", __assign({ className: "policy-accom" }, { children: [_jsxs("div", __assign({ className: "grid gap-y-1" }, { children: [_jsxs(TextWithIcon, __assign({ icon: "accom" }, { children: ["Room ", index !== undefined && index + 1] })), _jsx(Text, __assign({ size: "sm" }, { children: roomName }))] })), policies.map(function (policy, index) { 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("div", __assign({ className: "space-y-2" }, { children: [_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))); })] })));
+    return (_jsxs("div", { className: "policy-accom", children: [_jsxs("div", { className: "grid gap-y-1", children: [_jsxs(TextWithIcon, { icon: "accom", children: ["Room ", index !== undefined && index + 1] }), _jsx(Text, { size: "sm", children: roomName })] }), policies.map(function (policy, index) { 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("div", { className: "space-y-2", children: [_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))); })] }));
 }

package/dist/components/organisms/TabCancellationPolicy/PolicyExcursion.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';
 /**
@@ -25,5 +14,5 @@ import { Text } from '../../atoms/Typography/Typography';
  */
 export default function PolicyExcursion(props) {
     var pickUpPoint = props.pickUpPoint, policies = props.policies;
-    return (_jsxs("div", __assign({ className: "policy-excursion space-y-6" }, { children: [_jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsx(Text, __assign({ variant: "bold", size: "xs", leading: "4" }, { children: "Pick-up point:" })), _jsx(Text, __assign({ size: "xs", leading: "4" }, { children: pickUpPoint }))] })), _jsx(Text, __assign({ size: "xs", leading: "4" }, { children: policies }))] })));
+    return (_jsxs("div", { className: "policy-excursion space-y-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Text, { variant: "bold", size: "xs", leading: "4", children: "Pick-up point:" }), _jsx(Text, { size: "xs", leading: "4", children: pickUpPoint })] }), _jsx(Text, { size: "xs", leading: "4", children: policies })] }));
 }

package/dist/components/organisms/TabCancellationPolicy/PolicyTransfer.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 TextWithIcon from '../../molecules/TextWithIcon/TextWithIcon';
@@ -51,5 +40,5 @@ var policies = [
  */
 export default function PolicyTransfer(props) {
     var carName = props.carName;
-    return (_jsxs("div", __assign({ className: "policy-excursion" }, { children: [_jsx(TextWithIcon, __assign({ icon: "car", textVariant: "bold", iconSize: "md", textSize: "md" }, { children: carName })), _jsx("div", __assign({ className: "grid grid-cols-2 xl:grid-cols-3 gap-x-4" }, { children: policies.map(function (policy, index) { return (_jsxs("div", __assign({ className: "mt-4" }, { children: [_jsx(Text, __assign({ variant: "medium", size: "sm", leading: "4" }, { children: policy.title })), _jsx("ul", __assign({ className: "pl-8" }, { children: _jsx("li", __assign({ className: "list-disc" }, { children: _jsx(Text, __assign({ size: "sm", leading: "4" }, { children: policy.policy })) })) }))] }), "policy-".concat(index))); }) }))] })));
+    return (_jsxs("div", { className: "policy-excursion", children: [_jsx(TextWithIcon, { icon: "car", textVariant: "bold", iconSize: "md", textSize: "md", children: carName }), _jsx("div", { className: "grid grid-cols-2 xl:grid-cols-3 gap-x-4", children: policies.map(function (policy, index) { return (_jsxs("div", { className: "mt-4", children: [_jsx(Text, { variant: "medium", size: "sm", leading: "4", children: policy.title }), _jsx("ul", { className: "pl-8", children: _jsx("li", { className: "list-disc", children: _jsx(Text, { size: "sm", leading: "4", children: policy.policy }) }) })] }, "policy-".concat(index))); }) })] }));
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import CancellationAccom from './CancellationAccom';
 import CancellationExcursion from './CancellationExcursion';
 import CancellationTransfer from './CancellationTransfer';

package/dist/components/organisms/TabCancellationPolicy/TabCancellationPolicyLayout/TabCancellationPolicyLayout.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 TextWithIcon from '../../../molecules/TextWithIcon/TextWithIcon';
 import './TabCancellationPolicyLayout.css';
 export default function TabCancellationPolicyLayout(props) {
     var title = props.title, icon = props.icon, isOnRequest = props.isOnRequest, children = props.children, image = props.image, header = props.header;
-    return (_jsxs("div", __assign({ className: "details-cancellation-policy__layout" }, { children: [_jsxs(TextWithIcon, __assign({ icon: icon, color: isOnRequest ? 'yellow' : 'accent', textVariant: "bold" }, { children: [title, isOnRequest && _jsx(Chip, __assign({ color: "yellow" }, { children: "On request" }))] })), _jsxs("div", __assign({ className: "details-cancellation-policy__layout-flex" }, { children: [_jsx("figure", { children: _jsx("img", { src: image, alt: title, width: 400, height: 400 }) }), _jsxs("div", __assign({ className: "details-cancellation-policy__layout-content" }, { children: [_jsx("div", __assign({ className: "details-cancellation-policy__layout-content-header" }, { children: header })), _jsx("div", __assign({ className: "details-cancellation-policy__layout-content-body" }, { children: children }))] }))] }))] })));
+    return (_jsxs("div", { className: "details-cancellation-policy__layout", children: [_jsxs(TextWithIcon, { icon: icon, color: isOnRequest ? 'yellow' : 'accent', textVariant: "bold", children: [title, isOnRequest && _jsx(Chip, { color: "yellow", children: "On request" })] }), _jsxs("div", { className: "details-cancellation-policy__layout-flex", children: [_jsx("figure", { children: _jsx("img", { src: image, alt: title, width: 400, height: 400 }) }), _jsxs("div", { className: "details-cancellation-policy__layout-content", children: [_jsx("div", { className: "details-cancellation-policy__layout-content-header", children: header }), _jsx("div", { className: "details-cancellation-policy__layout-content-body", children: children })] })] })] }));
 }

package/dist/components/organisms/TabServiceDetails/Accommodation.js

@@ -42,5 +42,5 @@ import TabServiceDetails from './TabServiceDetails';
  */
 export var Accommodation = function (props) {
     var images = props.images, isOnRequest = props.isOnRequest, rest = __rest(props, ["images", "isOnRequest"]);
-    return (_jsx(TabServiceDetails.Layout, __assign({ title: "Accommodation", icon: "accom", isOnRequest: isOnRequest, images: images, mobileContent: _jsx("div", __assign({ className: "mt-8" }, { children: _jsx(DetailsContentAccom.Body, __assign({}, rest)) })) }, { children: _jsx(DetailsContentAccom, __assign({}, rest)) })));
+    return (_jsx(TabServiceDetails.Layout, { title: "Accommodation", icon: "accom", isOnRequest: isOnRequest, images: images, mobileContent: _jsx("div", { className: "mt-8", children: _jsx(DetailsContentAccom.Body, __assign({}, rest)) }), children: _jsx(DetailsContentAccom, __assign({}, rest)) }));
 };

package/dist/components/organisms/TabServiceDetails/DetailContentTransfer.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 Chip from '../../atoms/Chip/Chip';
 export var DetailContentTransfer = function (props) {
     var pax = props.pax, clientType = props.clientType, carName = props.carName, airConditioning = props.airConditioning, luggageTruck = props.luggageTruck;
-    return (_jsxs("div", __assign({ className: "flex gap-4" }, { children: [_jsx(Chip, { type: "outline", color: "brand", label: pax, leadingIcon: "user", isBlackText: true }), _jsx(Chip, { type: "outline", color: "brand", label: "Client type: ".concat(clientType), leadingIcon: "user", isBlackText: true }), _jsx(Chip, { type: "outline", color: "brand", label: carName, leadingIcon: "car", isBlackText: true }), airConditioning && (_jsx(Chip, { type: "outline", color: "brand", label: "Air conditioning", leadingIcon: "air", isBlackText: true })), luggageTruck && (_jsx(Chip, { type: "outline", color: "brand", label: "Luggage truck: ".concat(luggageTruck > 1 ? "x".concat(luggageTruck) : luggageTruck), leadingIcon: "luggage", isBlackText: true }))] })));
+    return (_jsxs("div", { className: "flex gap-4", children: [_jsx(Chip, { type: "outline", color: "brand", label: pax, leadingIcon: "user", isBlackText: true }), _jsx(Chip, { type: "outline", color: "brand", label: "Client type: ".concat(clientType), leadingIcon: "user", isBlackText: true }), _jsx(Chip, { type: "outline", color: "brand", label: carName, leadingIcon: "car", isBlackText: true }), airConditioning && (_jsx(Chip, { type: "outline", color: "brand", label: "Air conditioning", leadingIcon: "air", isBlackText: true })), luggageTruck && (_jsx(Chip, { type: "outline", color: "brand", label: "Luggage truck: ".concat(luggageTruck > 1 ? "x".concat(luggageTruck) : luggageTruck), leadingIcon: "luggage", isBlackText: true }))] }));
 };

package/dist/components/organisms/TabServiceDetails/DetailsContentAccom.js

@@ -41,7 +41,7 @@ import TextWithIcon from '../../molecules/TextWithIcon/TextWithIcon';
  */
 var DetailsContentAccomBody = function (props) {
     var roomsInfo = props.roomsInfo, globalAmenities = props.globalAmenities;
-    return (_jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsx("div", __assign({ className: "grid grid-cols-2 gap-x-4" }, { children: roomsInfo.map(function (room, index) { return (_jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsx(TextWithIcon, __assign({ icon: "accom", textVariant: "bold", textSize: "sm" }, { children: room.roomName })), _jsxs("div", __assign({ className: "flex flex-wrap gap-2" }, { children: [_jsxs(Chip, __assign({ color: "brand", type: "outline", leadingIcon: "user", isBlackText: true }, { children: [room.roomPax, " pax"] })), _jsx(Chip, __assign({ color: "brand", type: "outline", leadingIcon: "user", isBlackText: true }, { children: room.clientType })), _jsx(Chip, __assign({ color: "brand", type: "outline", leadingIcon: "utensils", isBlackText: true }, { children: room.mealPlan }))] })), _jsx("div", __assign({ className: "flex flex-wrap gap-2" }, { children: room.roomAmenities.map(function (amenity, index) { return (_jsx(Chip, __assign({ color: "accent", type: "outline", isBlackText: true }, { children: amenity }), "ra-".concat(index))); }) }))] }), "ri-".concat(index))); }) })), _jsxs("div", __assign({ className: "grid grid-cols-2 gap-x-8" }, { children: [_jsx(GlobalAmenities, { amenities: globalAmenities }), _jsx(CardServiceAccom, __assign({ className: "flex items-center justify-center" }, { children: _jsx(Text, __assign({ variant: "bold" }, { children: "Coming soon" })) }))] }))] })));
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "grid grid-cols-2 gap-x-4", children: roomsInfo.map(function (room, index) { return (_jsxs("div", { className: "space-y-4", children: [_jsx(TextWithIcon, { icon: "accom", textVariant: "bold", textSize: "sm", children: room.roomName }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs(Chip, { color: "brand", type: "outline", leadingIcon: "user", isBlackText: true, children: [room.roomPax, " pax"] }), _jsx(Chip, { color: "brand", type: "outline", leadingIcon: "user", isBlackText: true, children: room.clientType }), _jsx(Chip, { color: "brand", type: "outline", leadingIcon: "utensils", isBlackText: true, children: room.mealPlan })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: room.roomAmenities.map(function (amenity, index) { return (_jsx(Chip, { color: "accent", type: "outline", isBlackText: true, children: amenity }, "ra-".concat(index))); }) })] }, "ri-".concat(index))); }) }), _jsxs("div", { className: "grid grid-cols-2 gap-x-8", children: [_jsx(GlobalAmenities, { amenities: globalAmenities }), _jsx(CardServiceAccom, { className: "flex items-center justify-center", children: _jsx(Text, { variant: "bold", children: "Coming soon" }) })] })] }));
 };
 /**
  * Details content for the Accommodation component.
@@ -60,6 +60,6 @@ var DetailsContentAccomBody = function (props) {
 export function DetailsContentAccom(props) {
     var roomTitle = props.roomTitle, roomDescription = props.roomDescription, rest = __rest(props, ["roomTitle", "roomDescription"]);
     var isMobile = useMobile(1280).isMobile;
-    return (_jsxs("div", __assign({ className: "space-y-6" }, { children: [_jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsx(TextWithBorderBottom, __assign({ variant: "bold", size: "xl" }, { children: roomTitle })), _jsx(Text, __assign({ variant: "medium", leading: "5" }, { children: roomDescription }))] })), !isMobile && _jsx(DetailsContentAccomBody, __assign({}, rest))] })));
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-4", children: [_jsx(TextWithBorderBottom, { variant: "bold", size: "xl", children: roomTitle }), _jsx(Text, { variant: "medium", leading: "5", children: roomDescription })] }), !isMobile && _jsx(DetailsContentAccomBody, __assign({}, rest))] }));
 }
 DetailsContentAccom.Body = DetailsContentAccomBody;