mautourco-components 0.2.84 → 0.2.86

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

@@ -32,6 +32,8 @@ export interface LocationDropdownProps {
     showGroupTitles?: boolean;
     /** Whether to scroll to the input when the dropdown opens */
     scrollOnOpen?: boolean;
+    /** Default location option to use when no value is selected */
+    defaultValue?: LocationOption;
 }
 declare const LocationDropdown: React.FC<LocationDropdownProps>;
 export default LocationDropdown;

package/dist/components/molecules/LocationDropdown/LocationDropdown.js

@@ -25,7 +25,7 @@ import '../../../styles/components/molecule/location-dropdown.css';
 import Icon from '../../atoms/Icon/Icon';
 import { Text } from '../../atoms/Typography/Typography';
 var LocationDropdown = function (_a) {
-    var _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.groups, groups = _c === void 0 ? [] : _c, _d = _a.selectedValue, selectedValue = _d === void 0 ? null : _d, _e = _a.placeholder, placeholder = _e === void 0 ? 'Select a location' : _e, label = _a.label, onSelectionChange = _a.onSelectionChange, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.error, error = _g === void 0 ? false : _g, _h = _a.loading, loading = _h === void 0 ? false : _h, _j = _a.className, className = _j === void 0 ? '' : _j, _k = _a.type, type = _k === void 0 ? 'airport-port' : _k, _l = _a.maxHeight, maxHeight = _l === void 0 ? 240 : _l, _m = _a.direction, direction = _m === void 0 ? undefined : _m, _o = _a.showGroupTitles, showGroupTitles = _o === void 0 ? true : _o, _p = _a.scrollOnOpen, scrollOnOpen = _p === void 0 ? false : _p;
+    var _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.groups, groups = _c === void 0 ? [] : _c, _d = _a.selectedValue, selectedValue = _d === void 0 ? null : _d, _e = _a.placeholder, placeholder = _e === void 0 ? 'Select a location' : _e, label = _a.label, onSelectionChange = _a.onSelectionChange, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.error, error = _g === void 0 ? false : _g, _h = _a.loading, loading = _h === void 0 ? false : _h, _j = _a.className, className = _j === void 0 ? '' : _j, _k = _a.type, type = _k === void 0 ? 'airport-port' : _k, _l = _a.maxHeight, maxHeight = _l === void 0 ? 240 : _l, _m = _a.direction, direction = _m === void 0 ? undefined : _m, _o = _a.showGroupTitles, showGroupTitles = _o === void 0 ? true : _o, _p = _a.scrollOnOpen, scrollOnOpen = _p === void 0 ? false : _p, defaultValue = _a.defaultValue;
     var _q = useState(false), isOpen = _q[0], setIsOpen = _q[1];
     var _r = useState(''), searchQuery = _r[0], setSearchQuery = _r[1];
     var dropdownRef = useRef(null);
@@ -53,6 +53,17 @@ var LocationDropdown = function (_a) {
             setSearchQuery('');
         }
     }, [isOpen]);
+    // Initialize default value if provided and no selected value
+    useEffect(function () {
+        if (!selectedValue && defaultValue && !disabled) {
+            var defaultLocationData = {
+                id: defaultValue.id,
+                locationName: defaultValue.label,
+            };
+            onSelectionChange(defaultLocationData);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValue]);
     var handleToggleDropdown = function () {
         if (!disabled) {
             setIsOpen(!isOpen);
@@ -82,20 +93,21 @@ var LocationDropdown = function (_a) {
         });
     };
     var getSelectedOption = function () {
-        if (!selectedValue)
-            return null;
-        // Search in flat options
-        var flatOption = options.find(function (opt) { return opt.id === selectedValue; });
-        if (flatOption)
-            return flatOption;
-        // Search in groups
-        for (var _i = 0, groups_1 = groups; _i < groups_1.length; _i++) {
-            var group = groups_1[_i];
-            var groupOption = group.options.find(function (opt) { return opt.id === selectedValue; });
-            if (groupOption)
-                return groupOption;
+        if (selectedValue) {
+            // Search in flat options
+            var flatOption = options.find(function (opt) { return opt.id === selectedValue; });
+            if (flatOption)
+                return flatOption;
+            // Search in groups
+            for (var _i = 0, groups_1 = groups; _i < groups_1.length; _i++) {
+                var group = groups_1[_i];
+                var groupOption = group.options.find(function (opt) { return opt.id === selectedValue; });
+                if (groupOption)
+                    return groupOption;
+            }
         }
-        return null;
+        // Return default value if no selected value
+        return defaultValue || null;
     };
     var getIconForType = function (optionType) {
         switch (optionType) {
@@ -128,6 +140,8 @@ var LocationDropdown = function (_a) {
         // For other types (port, accommodation), show their specific icon
         return getIconForType(option.type);
     };
+    var selectedOption = getSelectedOption();
+    var effectiveSelectedValue = selectedValue || (defaultValue ? defaultValue.id : null);
     var getDropdownState = function () {
         if (disabled)
             return 'disabled';
@@ -135,11 +149,10 @@ var LocationDropdown = function (_a) {
             return 'error';
         if (isOpen)
             return 'open';
-        if (selectedValue)
+        if (effectiveSelectedValue)
             return 'selected';
         return 'default';
     };
-    var selectedOption = getSelectedOption();
     var displayText = selectedOption ? selectedOption.label : placeholder;
     // Prepare all options (flat or grouped) and filter them
     var allOptionsRaw = groups.length > 0 ? groups : [{ id: 'default', label: '', options: options }];
@@ -150,7 +163,7 @@ var LocationDropdown = function (_a) {
     var renderSkeletonLoading = function () { return (_jsx("div", { className: "location-dropdown__panel", children: _jsx("div", { className: "location-dropdown__content", style: { maxHeight: "".concat(maxHeight, "px") }, children: _jsx("div", { className: "location-dropdown__options-wrapper", children: _jsx("div", { className: "location-dropdown__group", children: _jsx("div", { className: "location-dropdown__group-options", children: __spreadArray([], Array(5), true).map(function (_, index) { return (_jsx(SkeletonOption, {}, "skeleton-".concat(index))); }) }) }) }) }) })); };
     return (_jsxs("div", { ref: dropdownRef, className: "location-dropdown location-dropdown--".concat(type, " ").concat(disabled ? 'location-dropdown--disabled' : '', " ").concat(className), children: [label && (_jsx("div", { className: "location-dropdown__label", children: _jsx(Text, { size: "sm", variant: "medium", children: label }) })), _jsxs("div", { ref: inputRef, className: "location-dropdown__input location-dropdown__input--".concat(getDropdownState()), onClick: handleToggleDropdown, children: [_jsxs("div", { className: "location-dropdown__input-content", children: [_jsx(Icon, { name: getInputIcon(), size: "sm", className: "location-dropdown__input-icon ".concat(!selectedOption ? 'location-dropdown__input-icon--placeholder' : '') }), isOpen ? (_jsx("input", { ref: searchInputRef, type: "text", className: "location-dropdown__input-text ".concat(!selectedOption && !searchQuery ? 'location-dropdown__input-text--placeholder' : ''), placeholder: displayText, value: searchQuery, onChange: handleSearchChange, onClick: function (e) { return e.stopPropagation(); }, disabled: disabled, autoFocus: true })) : (_jsx("span", { className: "location-dropdown__input-text ".concat(!selectedOption ? 'location-dropdown__input-text--placeholder' : ''), children: displayText }))] }), _jsx(Icon, { name: "chevron-down", size: "sm", className: "location-dropdown__input-chevron" })] }), isOpen &&
                 (loading ? (renderSkeletonLoading()) : (_jsx("div", { className: "location-dropdown__panel", children: _jsx("div", { className: "location-dropdown__content", style: { maxHeight: "".concat(maxHeight, "px") }, children: _jsx("div", { className: "location-dropdown__options-wrapper", children: allOptions.length === 0 ? (_jsx("div", { className: "location-dropdown__no-results", children: _jsx(Text, { size: "sm", variant: "medium", children: "No locations found" }) })) : (allOptions.map(function (group, groupIndex) { return (_jsxs("div", { className: "location-dropdown__group", children: [showGroupTitles && group.label && groups.length > 0 && (_jsxs(_Fragment, { children: [groupIndex > 0 && _jsx("div", { className: "location-dropdown__divider" }), _jsx("div", { className: "location-dropdown__group-header", children: _jsx(Text, { size: "xs", variant: "bold", children: group.label }) })] })), _jsx("div", { className: "location-dropdown__group-options", children: group.options.map(function (option) {
-                                            var isSelected = selectedValue === option.id;
+                                            var isSelected = effectiveSelectedValue === option.id;
                                             var isDisabled = option.disabled || disabled;
                                             return (_jsxs("div", { className: "location-dropdown__option ".concat(isSelected ? 'location-dropdown__option--selected' : '', " ").concat(isDisabled ? 'location-dropdown__option--disabled' : ''), onClick: function () { return !isDisabled && handleOptionSelect(option); }, children: [_jsx(Icon, { name: getOptionIcon(option, isSelected), size: "sm", className: "location-dropdown__option-icon" }), _jsx("span", { className: "location-dropdown__option-text", children: option.label })] }, option.id));
                                         }) })] }, group.id)); })) }) }) })))] }));

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TransferDocket as TransferDocketType } from '../../../types/docket/services.types';
 import '../../../styles/components/molecule/transfer-docket.css';
+import { TransferDocket as TransferDocketType } from '../../../types/docket/services.types';
 export interface TransferDocketProps {
     data: TransferDocketType;
     /** Remove mode - replaces price display with remove button */

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

@@ -1,17 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import '../../../styles/components/molecule/transfer-docket.css';
 import Button from '../../atoms/Button/Button';
 import Icon from '../../atoms/Icon/Icon';
 import { Text } from '../../atoms/Typography/Typography';
 import { DateDisplay } from '../DateDisplay/DateDisplay';
 import { PriceDisplay } from '../PriceDisplay/PriceDisplay';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
-import '../../../styles/components/molecule/transfer-docket.css';
 export var TransferDocket = function (_a) {
     var data = _a.data, _b = _a.removeMode, removeMode = _b === void 0 ? false : _b, onRemove = _a.onRemove;
-    var TransferDate = data.TransferDate, Currency = data.Currency, TotalPrice = data.TotalPrice, LocationFromName = data.LocationFromName, LocationToName = data.LocationToName, AdultCount = data.AdultCount, ChildCount = data.ChildCount, TeenCount = data.TeenCount, InfantCount = data.InfantCount, VehicleTypeName = data.VehicleTypeName, paxAge = data.paxAge;
+    var TransferDate = data.TransferDate, Currency = data.Currency, TotalPrice = data.TotalPrice, LocationFromName = data.LocationFromName, LocationToName = data.LocationToName, AdultCount = data.AdultCount, ChildCount = data.ChildCount, TeenCount = data.TeenCount, InfantCount = data.InfantCount, VehicleTypeName = data.VehicleTypeName, paxAge = data.paxAge, baby_seat_count = data.baby_seat_count;
+    // Automatically generate supplements from baby_seat_count
+    var showBabySeat = baby_seat_count && baby_seat_count > 0;
     var formatChildrenInfo = function () {
-        var totalChildren = (ChildCount || 0) + (TeenCount || 0);
+        var totalChildren = (ChildCount || 0) + (TeenCount || 0) + (InfantCount || 0);
         if (totalChildren === 0) {
             return null;
         }
@@ -44,6 +46,6 @@ export var TransferDocket = function (_a) {
         }
         return (_jsx("div", { className: "transfer-docket__children", children: childGroups.map(function (group, index) { return (_jsxs(React.Fragment, { children: [index > 0 && _jsx("div", { className: "transfer-docket__divider-vertical" }), _jsxs("span", { className: "transfer-docket__child-info", children: [_jsxs(Text, { size: "sm", variant: "medium", color: "default", children: [group.count, " Child", group.count > 1 ? 'ren' : ''] }), group.age > 0 ? (_jsxs(Text, { size: "sm", variant: "medium", className: "transfer-docket__child-age", children: [' ', "(", group.age, " y.o)"] })) : null] })] }, "child-".concat(index))); }) }));
     };
-    return (_jsxs("div", { className: "transfer-docket", children: [_jsxs("div", { className: "transfer-docket__header", children: [_jsxs("div", { className: "transfer-docket__title-section", children: [_jsx("div", { className: "transfer-docket__title-bar" }), _jsx(Icon, { name: "bus", size: "sm" }), _jsx(Text, { variant: "bold", size: "sm", color: "accent", children: "Transfer" })] }), removeMode ? (_jsx(Button, { variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "transfer-docket__remove-button", children: "Remove" })) : (TotalPrice && Currency && _jsx(PriceDisplay, { currency: Currency, price: TotalPrice }))] }), _jsxs("div", { className: "transfer-docket__details", children: [TransferDate && (_jsx(DateDisplay, { date: TransferDate, calendarSize: "sm", textSize: "sm", colorMode: "green" })), (LocationFromName || LocationToName) && (_jsxs("div", { className: "transfer-docket__transfer-point", children: [_jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: LocationFromName || 'From' }), _jsx(Icon, { name: "arrow-down-outline", size: "sm" }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: LocationToName || 'To' })] })), _jsxs("div", { className: "transfer-docket__guests", children: [AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, { icon: "user", textSize: "sm", color: "subtle", children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] })), ((ChildCount && ChildCount > 0) || (TeenCount && TeenCount > 0)) ? (_jsxs("div", { className: "transfer-docket__children-wrapper", children: [_jsx(Icon, { name: "user", size: "sm", color: "var(--color-text-subtle, #303642)" }), formatChildrenInfo()] })) : null] }), VehicleTypeName && (_jsx(TextWithIcon, { icon: "car", textSize: "sm", color: "subtle", textLeading: "none", children: VehicleTypeName }))] })] }));
+    return (_jsxs("div", { className: "transfer-docket", children: [_jsxs("div", { className: "transfer-docket__header", children: [_jsxs("div", { className: "transfer-docket__title-section", children: [_jsx("div", { className: "transfer-docket__title-bar" }), _jsx(Icon, { name: "bus", size: "sm" }), _jsx(Text, { variant: "bold", size: "sm", color: "accent", children: "Transfer" })] }), removeMode ? (_jsx(Button, { variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "transfer-docket__remove-button", children: "Remove" })) : (TotalPrice && Currency && _jsx(PriceDisplay, { currency: Currency, price: TotalPrice }))] }), _jsxs("div", { className: "transfer-docket__details", children: [TransferDate && (_jsx(DateDisplay, { date: TransferDate, calendarSize: "sm", textSize: "sm", colorMode: "green" })), (LocationFromName || LocationToName) && (_jsxs("div", { className: "transfer-docket__transfer-point", children: [_jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: LocationFromName || 'From' }), _jsx(Icon, { name: "arrow-down-outline", size: "sm" }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: LocationToName || 'To' })] })), _jsxs("div", { className: "transfer-docket__guests", children: [AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, { icon: "user", textSize: "sm", color: "subtle", children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] })), ((ChildCount && ChildCount > 0) || (TeenCount && TeenCount > 0)) || (InfantCount && InfantCount > 0) ? (_jsxs("div", { className: "transfer-docket__children-wrapper", children: [_jsx(Icon, { name: "user", size: "sm", color: "var(--color-text-subtle, #303642)" }), formatChildrenInfo()] })) : null] }), VehicleTypeName && (_jsx(TextWithIcon, { icon: "car", textSize: "sm", color: "subtle", textLeading: "none", children: VehicleTypeName })), !!showBabySeat && (_jsxs("div", { className: "transfer-docket__supplements", children: [_jsx(Text, { variant: "medium", size: "sm", color: "default", leading: "none", children: "Supplement :" }), _jsxs(TextWithIcon, { icon: "stroller", textSize: "sm", color: "subtle", children: ["Baby seat x", baby_seat_count] })] }))] })] }));
 };
 export default TransferDocket;

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

@@ -184,6 +184,16 @@ var RoundTrip = function (_a) {
     var isAccommodationEmpty = checkEmpty && !internalAccommodation;
     var pickupDropoffOptions = getPickupDropoffOptions();
     var accommodationOptions = getAccommodationOptions();
-    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' : '', scrollOnOpen: scrollOnOpen, checkEmpty: checkEmpty }) }), _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, scrollOnOpen: scrollOnOpen })] }), _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, scrollOnOpen: scrollOnOpen }) }), _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, scrollOnOpen: scrollOnOpen }) })] }) }));
+    // Helper function to find LocationOption from ID for defaultValue
+    var findLocationOption = function (id, locationType) {
+        if (!id)
+            return undefined;
+        var _a = locationType === 'pickup-dropoff' ? getPickupDropoffOptions() : getAccommodationOptions(), options = _a.options, groups = _a.groups;
+        var allLocations = getAllLocations(options, groups);
+        return allLocations.find(function (loc) { return loc.id === id; });
+    };
+    var defaultPickupDropoffOption = findLocationOption(pickupDropoffPoint, 'pickup-dropoff');
+    var defaultAccommodationOption = findLocationOption(accommodation, 'accommodation');
+    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' : '', scrollOnOpen: scrollOnOpen, checkEmpty: checkEmpty }) }), _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, scrollOnOpen: scrollOnOpen })] }), _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, scrollOnOpen: scrollOnOpen, defaultValue: defaultPickupDropoffOption }) }), _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, scrollOnOpen: scrollOnOpen, defaultValue: defaultAccommodationOption }) })] }) }));
 };
 export default RoundTrip;

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

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

package/dist/index.d.ts

@@ -17,7 +17,7 @@ export { DateDisplay } from './components/molecules/DateDisplay/DateDisplay';
 export { DocketPrices } from './components/molecules/DocketPrices/DocketPrices';
 export { PriceDisplay } from './components/molecules/PriceDisplay/PriceDisplay';
 export { TransferDocket } from './components/molecules/TransferDocket/TransferDocket';
-export { ActionDropdown, type ActionDropdownItem, } from './components/molecules/ActionDropdown/ActionDropdown';
+export { ActionDropdown, type ActionDropdownItem } from './components/molecules/ActionDropdown/ActionDropdown';
 export { AddItemButton } from './components/molecules/AddItemButton/AddItemButton';
 export { default as AgeSelector } from './components/molecules/AgeSelector/AgeSelector';
 export * from './components/molecules/BookingResume';
@@ -39,11 +39,11 @@ export { ServiceLanguages } from './components/molecules/ServiceLanguages/Servic
 export { default as ServiceSelector } from './components/molecules/ServiceSelector/ServiceSelector';
 export { default as Stepper } from './components/molecules/Stepper/Stepper';
 export { default as TextWithIcon } from './components/molecules/TextWithIcon/TextWithIcon';
-export { default as VehicleSupplement } from './components/molecules/VehicleSupplement/VehicleSupplement';
-export type { VehicleSupplementProps, Supplement, SupplementValue } from './components/molecules/VehicleSupplement';
 export { default as TimelineItem } from './components/molecules/TimelineItem/TimelineItem';
 export { default as Toast } from './components/molecules/Toast/Toast';
 export * from './components/molecules/TooltipDisplay/TooltipDisplay';
+export type { Supplement, SupplementValue, VehicleSupplementProps } from './components/molecules/VehicleSupplement';
+export { default as VehicleSupplement } from './components/molecules/VehicleSupplement/VehicleSupplement';
 export { Illustration } from './components/atoms/Illustration/Illustration';
 export * from './components/molecules/BookingPax';
 export { DetailsClientInfo } from './components/molecules/DetailsInfo/DetailsClient/DetailsClient';
@@ -89,44 +89,44 @@ export { default as UserIcon } from './components/atoms/Icon/icons/User';
 export { priceFormatter } from './lib/price-formatter';
 export type { DividerProps } from './components/atoms/Divider/Divider';
 export type { FeatureRowProps } from './components/molecules/FeatureRow/FeatureRow';
-export type { LocationData, LocationDropdownProps, LocationGroup, LocationOption, } from './components/molecules/LocationDropdown/LocationDropdown';
-export type { ServiceOption, ServiceSelectorProps, ServiceType, } from './components/molecules/ServiceSelector/ServiceSelector';
+export type { LocationData, LocationDropdownProps, LocationGroup, LocationOption } from './components/molecules/LocationDropdown/LocationDropdown';
+export type { ServiceOption, ServiceSelectorProps, ServiceType } from './components/molecules/ServiceSelector/ServiceSelector';
 export type { StepperProps } from './components/molecules/Stepper/Stepper';
-export type { CarBookingCardPriceRow, CarBookingCardProps, CarBookingCardSize, CarBookingCardState, CarBookingCardType, } from './components/organisms/CarBookingCard/CarBookingCard';
-export type { CardContainerProps, CardContainerSpacing, } from './components/organisms/CardContainer/CardContainer';
+export type { CarBookingCardPriceRow, CarBookingCardProps, CarBookingCardSize, CarBookingCardState, CarBookingCardType } from './components/organisms/CarBookingCard/CarBookingCard';
+export type { CardContainerProps, CardContainerSpacing } from './components/organisms/CardContainer/CardContainer';
 export type { DateTimePickerProps } from './components/organisms/DateTimePicker/DateTimePicker';
 export type { DialogProps, DialogSize } from './components/organisms/Dialog/Dialog';
 export type { FooterProps } from './components/organisms/Footer/Footer';
-export type { DocketDetailsData, DocketServiceType, MultipleQuotationDocketProps, } from './components/organisms/MultipleQuotationDocket';
+export type { DocketDetailsData, DocketServiceType, MultipleQuotationDocketProps } from './components/organisms/MultipleQuotationDocket';
 export { CHILD_CATEGORY_AGES } from './components/organisms/PaxSelector/PaxSelector';
-export type { ClientType, PaxData, PaxSelectorProps, } from './components/organisms/PaxSelector/PaxSelector';
-export type { RoundTripData, RoundTripProps, RoundTripTransfer, } from './components/organisms/RoundTrip/RoundTrip';
-export type { SearchBarTransferData, SearchBarTransferProps, TransferMode, } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
+export type { ClientType, PaxData, PaxSelectorProps } from './components/organisms/PaxSelector/PaxSelector';
+export type { RoundTripData, RoundTripProps, RoundTripTransfer } from './components/organisms/RoundTrip/RoundTrip';
+export type { SearchBarTransferData, SearchBarTransferProps, TransferMode } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
 export type { TopNavigationProps } from './components/organisms/TopNavigation/TopNavigation';
-export type { TransferLineData, TransferLineProps, TransferType, } from './components/organisms/TransferLine/TransferLine';
+export type { TransferLineData, TransferLineProps, TransferType } from './components/organisms/TransferLine/TransferLine';
 export type { CheckboxProps } from './components/atoms/Checkbox/Checkbox';
 export type { InputProps } from './components/atoms/Inputs/Input/Input';
 export type { AddItemButtonProps } from './components/molecules/AddItemButton/AddItemButton';
 export type { AgeSelectorProps } from './components/molecules/AgeSelector/AgeSelector';
-export type { BreadcrumbsItem, BreadcrumbsProps, } from './components/molecules/Breadcrumbs/Breadcrumbs';
+export type { BreadcrumbsItem, BreadcrumbsProps } from './components/molecules/Breadcrumbs/Breadcrumbs';
 export type { DocketPricesProps } from './components/molecules/DocketPrices/DocketPrices';
 export type { FromToProps } from './components/molecules/FromTo/FromTo';
 export type { PaxChipsProps, PaxCount } from './components/molecules/PaxChips/PaxChips';
 export type { PriceDisplayProps } from './components/molecules/PriceDisplay/PriceDisplay';
 export type { SectionTitleProps } from './components/molecules/SectionTitle/SectionTitle';
-export type { DetailsColProps, ItemColProps, RowAccommodationProps, RowExcursionProps, RowTransferProps, } from './components/molecules/TableServiceItem';
+export type { DetailsColProps, ItemColProps, RowAccommodationProps, RowExcursionProps, RowTransferProps } from './components/molecules/TableServiceItem';
 export type { ServiceAccommodationProps } from './components/molecules/TimelineItem/ServiceAccommodation';
 export type { ServiceExcursionProps } from './components/molecules/TimelineItem/ServiceExcursion';
 export type { ServiceTransferProps } from './components/molecules/TimelineItem/ServiceTransfer';
 export type { TimelineHeaderProps } from './components/molecules/TimelineItem/TimelineHeader';
 export type { ToastProps } from './components/molecules/Toast/Toast';
 export type { TransferDocketProps } from './components/molecules/TransferDocket/TransferDocket';
-export type { ComparisonData, DialogComparisonProps, MultiComparisonData, } from './components/organisms/DialogComparison/DialogComparison';
+export type { ComparisonData, DialogComparisonProps, MultiComparisonData } from './components/organisms/DialogComparison/DialogComparison';
 export type { DialogDeleteConfirmProps } from './components/organisms/DialogDeleteConfirm/DialogDeleteConfirm';
 export type { DialogQuoteRenameProps } from './components/organisms/DialogQuoteRename/DialogQuoteRename';
 export type { SelectedQuote } from './components/organisms/DialogSendingMail/DialogSendingMailMultiple/DialogSendingMailMultiple';
-export type { FilterType, QuoteHeaderProps, } from './components/organisms/QuoteHeader/QuoteHeader';
-export type { TimelineProps, TimelineServices, } from './components/organisms/Timeline/Timeline';
-export type { AccomodationDocket as AccomodationDocketType, ExcursionDocket as ExcursionDocketType, OtherServiceDocket as OtherServiceDocketType, ServiceDocket as ServiceDocketType, TransferDocket as TransferDocketType, } from './types/docket/services.types';
+export type { FilterType, QuoteHeaderProps } from './components/organisms/QuoteHeader/QuoteHeader';
+export type { TimelineProps, TimelineServices } from './components/organisms/Timeline/Timeline';
+export type { AccomodationDocket as AccomodationDocketType, ExcursionDocket as ExcursionDocketType, OtherServiceDocket as OtherServiceDocketType, ServiceDocket as ServiceDocketType, TransferDocket as TransferDocketType } from './types/docket/services.types';
 export * from './types/table';
 export * from './hooks/useStays';

package/dist/index.js

@@ -19,7 +19,7 @@ export { DocketPrices } from './components/molecules/DocketPrices/DocketPrices';
 export { PriceDisplay } from './components/molecules/PriceDisplay/PriceDisplay';
 export { TransferDocket } from './components/molecules/TransferDocket/TransferDocket';
 // Molecules - Composed components
-export { ActionDropdown, } from './components/molecules/ActionDropdown/ActionDropdown';
+export { ActionDropdown } from './components/molecules/ActionDropdown/ActionDropdown';
 export { AddItemButton } from './components/molecules/AddItemButton/AddItemButton';
 export { default as AgeSelector } from './components/molecules/AgeSelector/AgeSelector';
 export * from './components/molecules/BookingResume';
@@ -41,10 +41,10 @@ export { ServiceLanguages } from './components/molecules/ServiceLanguages/Servic
 export { default as ServiceSelector } from './components/molecules/ServiceSelector/ServiceSelector';
 export { default as Stepper } from './components/molecules/Stepper/Stepper';
 export { default as TextWithIcon } from './components/molecules/TextWithIcon/TextWithIcon';
-export { default as VehicleSupplement } from './components/molecules/VehicleSupplement/VehicleSupplement';
 export { default as TimelineItem } from './components/molecules/TimelineItem/TimelineItem';
 export { default as Toast } from './components/molecules/Toast/Toast';
 export * from './components/molecules/TooltipDisplay/TooltipDisplay';
+export { default as VehicleSupplement } from './components/molecules/VehicleSupplement/VehicleSupplement';
 // Organisms - Complex components
 export { Illustration } from './components/atoms/Illustration/Illustration';
 export * from './components/molecules/BookingPax';

package/dist/styles/components/molecule/transfer-docket.css

@@ -75,4 +75,10 @@
   height: 14px;
   border-left: 1px solid rgba(163, 163, 163, 1);
   margin: 0 8px;
+}
+
+.transfer-docket__supplements {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mautourco-components",
-  "version": "0.2.84",
+  "version": "0.2.86",
   "private": false,
   "description": "Bibliothèque de composants Mautourco pour le redesign",
   "main": "dist/index.js",

package/src/components/molecules/LocationDropdown/LocationDropdown.tsx

@@ -39,6 +39,8 @@ export interface LocationDropdownProps {
   showGroupTitles?: boolean;
   /** Whether to scroll to the input when the dropdown opens */
   scrollOnOpen?: boolean;
+  /** Default location option to use when no value is selected */
+  defaultValue?: LocationOption;
 }
 
 const LocationDropdown: React.FC<LocationDropdownProps> = ({
@@ -57,6 +59,7 @@ const LocationDropdown: React.FC<LocationDropdownProps> = ({
   direction = undefined,
   showGroupTitles = true,
   scrollOnOpen = false,
+  defaultValue,
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [searchQuery, setSearchQuery] = useState('');
@@ -90,6 +93,18 @@ const LocationDropdown: React.FC<LocationDropdownProps> = ({
     }
   }, [isOpen]);
 
+  // Initialize default value if provided and no selected value
+  useEffect(() => {
+    if (!selectedValue && defaultValue && !disabled) {
+      const defaultLocationData: LocationData = {
+        id: defaultValue.id,
+        locationName: defaultValue.label,
+      };
+      onSelectionChange(defaultLocationData);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [defaultValue]);
+
   const handleToggleDropdown = () => {
     if (!disabled) {
       setIsOpen(!isOpen);
@@ -122,19 +137,20 @@ const LocationDropdown: React.FC<LocationDropdownProps> = ({
   };
 
   const getSelectedOption = (): LocationOption | null => {
-    if (!selectedValue) return null;
-
-    // Search in flat options
-    const flatOption = options.find((opt) => opt.id === selectedValue);
-    if (flatOption) return flatOption;
+    if (selectedValue) {
+      // Search in flat options
+      const flatOption = options.find((opt) => opt.id === selectedValue);
+      if (flatOption) return flatOption;
 
-    // Search in groups
-    for (const group of groups) {
-      const groupOption = group.options.find((opt) => opt.id === selectedValue);
-      if (groupOption) return groupOption;
+      // Search in groups
+      for (const group of groups) {
+        const groupOption = group.options.find((opt) => opt.id === selectedValue);
+        if (groupOption) return groupOption;
+      }
     }
 
-    return null;
+    // Return default value if no selected value
+    return defaultValue || null;
   };
 
   const getIconForType = (optionType: 'airport' | 'port' | 'accommodation') => {
@@ -171,15 +187,17 @@ const LocationDropdown: React.FC<LocationDropdownProps> = ({
     return getIconForType(option.type);
   };
 
+  const selectedOption = getSelectedOption();
+  const effectiveSelectedValue = selectedValue || (defaultValue ? defaultValue.id : null);
+
   const getDropdownState = () => {
     if (disabled) return 'disabled';
     if (error) return 'error';
     if (isOpen) return 'open';
-    if (selectedValue) return 'selected';
+    if (effectiveSelectedValue) return 'selected';
     return 'default';
   };
 
-  const selectedOption = getSelectedOption();
   const displayText = selectedOption ? selectedOption.label : placeholder;
 
   // Prepare all options (flat or grouped) and filter them
@@ -293,7 +311,7 @@ const LocationDropdown: React.FC<LocationDropdownProps> = ({
 
                     <div className="location-dropdown__group-options">
                       {group.options.map((option) => {
-                        const isSelected = selectedValue === option.id;
+                        const isSelected = effectiveSelectedValue === option.id;
                         const isDisabled = option.disabled || disabled;
 
                         return (

package/src/components/molecules/TransferDocket/TransferDocket.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import '../../../styles/components/molecule/transfer-docket.css';
 import { TransferDocket as TransferDocketType } from '../../../types/docket/services.types';
 import Button from '../../atoms/Button/Button';
 import Icon from '../../atoms/Icon/Icon';
@@ -6,7 +7,6 @@ import { Text } from '../../atoms/Typography/Typography';
 import { DateDisplay } from '../DateDisplay/DateDisplay';
 import { PriceDisplay } from '../PriceDisplay/PriceDisplay';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
-import '../../../styles/components/molecule/transfer-docket.css';
 
 export interface TransferDocketProps {
   data: TransferDocketType;
@@ -33,10 +33,14 @@ export const TransferDocket: React.FC<TransferDocketProps> = ({
     InfantCount,
     VehicleTypeName,
     paxAge,
+    baby_seat_count,
   } = data;
 
+  // Automatically generate supplements from baby_seat_count
+  const showBabySeat = baby_seat_count && baby_seat_count > 0;
+
   const formatChildrenInfo = (): React.ReactNode => {
-    const totalChildren = (ChildCount || 0) + (TeenCount || 0);
+    const totalChildren = (ChildCount || 0) + (TeenCount || 0) + (InfantCount || 0);
     if (totalChildren === 0) {
       return null;
     }
@@ -148,7 +152,7 @@ export const TransferDocket: React.FC<TransferDocketProps> = ({
               {AdultCount} Adult{AdultCount > 1 ? 's' : ''}
             </TextWithIcon>
           )}
-          {((ChildCount && ChildCount > 0) || (TeenCount && TeenCount > 0)) ? (
+          {((ChildCount && ChildCount > 0) || (TeenCount && TeenCount > 0)) || (InfantCount && InfantCount > 0) ? (
             <div className="transfer-docket__children-wrapper">
               <Icon
                 name="user"
@@ -165,6 +169,21 @@ export const TransferDocket: React.FC<TransferDocketProps> = ({
             {VehicleTypeName}
           </TextWithIcon>
         )}
+
+        {!!showBabySeat && (
+          <div className="transfer-docket__supplements">
+            <Text variant="medium" size="sm" color="default" leading="none">
+              Supplement :
+            </Text>
+            <TextWithIcon 
+              icon="stroller" 
+              textSize="sm" 
+              color="subtle"
+            >
+              Baby seat x{baby_seat_count}
+            </TextWithIcon>
+          </div>
+        )}
       </div>
     </div>
   );

package/src/components/organisms/RoundTrip/RoundTrip.tsx

@@ -292,6 +292,17 @@ const RoundTrip: React.FC<RoundTripProps> = ({
   const pickupDropoffOptions = getPickupDropoffOptions();
   const accommodationOptions = getAccommodationOptions();
 
+  // Helper function to find LocationOption from ID for defaultValue
+  const findLocationOption = (id: string | undefined, locationType: 'pickup-dropoff' | 'accommodation'): LocationOption | undefined => {
+    if (!id) return undefined;
+    const { options, groups } = locationType === 'pickup-dropoff' ? getPickupDropoffOptions() : getAccommodationOptions();
+    const allLocations = getAllLocations(options, groups);
+    return allLocations.find((loc) => loc.id === id);
+  };
+
+  const defaultPickupDropoffOption = findLocationOption(pickupDropoffPoint, 'pickup-dropoff');
+  const defaultAccommodationOption = findLocationOption(accommodation, 'accommodation');
+
   return (
     <div className={`round-trip ${className}`} data-round-trip-id={id}>
       <div className="round-trip__content">
@@ -339,6 +350,7 @@ const RoundTrip: React.FC<RoundTripProps> = ({
             showGroupTitles={true}
             error={isPickupDropoffEmpty}
             scrollOnOpen={scrollOnOpen}
+            defaultValue={defaultPickupDropoffOption}
           />
         </div>
 
@@ -355,6 +367,7 @@ const RoundTrip: React.FC<RoundTripProps> = ({
             showGroupTitles={false}
             error={isAccommodationEmpty}
             scrollOnOpen={scrollOnOpen}
+            defaultValue={defaultAccommodationOption}
           />
         </div>
       </div>

package/src/components/organisms/TransferLine/TransferLine.tsx

@@ -292,6 +292,17 @@ const TransferLine: React.FC<TransferLineProps> = ({
 
   const isDropoffEmpty = checkEmpty && !internalDropoffPoint;
 
+  // Helper function to find LocationOption from ID for defaultValue
+  const findLocationOption = (id: string | number | undefined, position: 'pickup' | 'dropoff'): LocationOption | undefined => {
+    if (!id) return undefined;
+    const { options, groups } = filterLocations(position);
+    const allLocations = getAllLocations(options, groups);
+    return allLocations.find((loc) => loc.id === id);
+  };
+
+  const defaultPickupOption = findLocationOption(pickupPoint, 'pickup');
+  const defaultDropoffOption = findLocationOption(dropoffPoint, 'dropoff');
+
   return (
     <div
       className={`transfer-line transfer-line--${type} ${disabled ? 'transfer-line--disabled' : ''} ${className}`}
@@ -367,6 +378,7 @@ const TransferLine: React.FC<TransferLineProps> = ({
               error={isPickupEmpty}
               disabled={disabled}
               scrollOnOpen={scrollOnOpen}
+              defaultValue={defaultPickupOption}
             />
           </div>
 
@@ -391,6 +403,7 @@ const TransferLine: React.FC<TransferLineProps> = ({
               error={isDropoffEmpty}
               disabled={disabled}
               scrollOnOpen={scrollOnOpen}
+              defaultValue={defaultDropoffOption}
             />
           </div>
         </div>

package/src/styles/components/molecule/transfer-docket.css

@@ -59,3 +59,8 @@
   margin: 0 8px;
 }
 
+.transfer-docket__supplements {
+  @apply flex flex-col;
+  gap: 8px;
+}
+