mautourco-components 0.1.2 → 0.2.0

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

@@ -0,0 +1,54 @@
+import React from "react";
+import { PaxData } from "../PaxSelector/PaxSelector";
+import { LocationOption, LocationGroup, LocationData } from "../../molecules/LocationDropdown/LocationDropdown";
+import "../../../styles/components/organism/round-trip.css";
+export type { LocationData };
+export interface RoundTripTransfer {
+    type: "arrival" | "departure";
+    paxData?: PaxData;
+    transferDate?: string;
+    pickupPoint?: LocationData;
+    dropoffPoint?: LocationData;
+}
+export interface RoundTripData {
+    id: string;
+    paxData?: PaxData;
+    arrivalDate?: string;
+    departureDate?: string;
+    pickupDropoffPoint?: LocationData;
+    accommodation?: LocationData;
+    transfers: [RoundTripTransfer, RoundTripTransfer];
+}
+export interface RoundTripProps {
+    /** Unique identifier for this round trip */
+    id: string;
+    /** Pax data */
+    paxData?: PaxData;
+    /** Arrival date */
+    arrivalDate?: string;
+    /** Departure date */
+    departureDate?: string;
+    /** Selected pickup/dropoff point ID (for initial value) */
+    pickupDropoffPoint?: string;
+    /** Selected accommodation ID (for initial value) */
+    accommodation?: string;
+    /** All location options */
+    locations?: {
+        options?: LocationOption[];
+        groups?: LocationGroup[];
+    };
+    /** Callback when pax data changes */
+    onPaxChange?: (paxData: PaxData) => void;
+    /** Callback when dates change */
+    onDatesChange?: (arrivalDate: string, departureDate: string) => void;
+    /** Callback when pickup/dropoff point changes */
+    onPickupDropoffChange?: (location: LocationData | null) => void;
+    /** Callback when accommodation changes */
+    onAccommodationChange?: (location: LocationData | null) => void;
+    /** Callback when any data changes - returns array of 2 transfers */
+    onChange?: (data: RoundTripData) => void;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const RoundTrip: React.FC<RoundTripProps>;
+export default RoundTrip;

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

@@ -0,0 +1,179 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Text } from "../../atoms/Typography/Typography";
+import PaxSelector from "../PaxSelector/PaxSelector";
+import DateTimePicker from "../DateTimePicker/DateTimePicker";
+import LocationDropdown from "../../molecules/LocationDropdown/LocationDropdown";
+import "../../../styles/components/organism/round-trip.css";
+var RoundTrip = function (_a) {
+    var id = _a.id, paxData = _a.paxData, arrivalDate = _a.arrivalDate, departureDate = _a.departureDate, pickupDropoffPoint = _a.pickupDropoffPoint, accommodation = _a.accommodation, _b = _a.locations, locations = _b === void 0 ? { options: [], groups: [] } : _b, onPaxChange = _a.onPaxChange, onDatesChange = _a.onDatesChange, onPickupDropoffChange = _a.onPickupDropoffChange, onAccommodationChange = _a.onAccommodationChange, onChange = _a.onChange, _c = _a.className, className = _c === void 0 ? "" : _c;
+    var _d = useState(paxData), internalPaxData = _d[0], setInternalPaxData = _d[1];
+    var _e = useState(arrivalDate), internalArrivalDate = _e[0], setInternalArrivalDate = _e[1];
+    var _f = useState(departureDate), internalDepartureDate = _f[0], setInternalDepartureDate = _f[1];
+    var _g = useState(null), internalPickupDropoffPoint = _g[0], setInternalPickupDropoffPoint = _g[1];
+    var _h = useState(null), internalAccommodation = _h[0], setInternalAccommodation = _h[1];
+    // Helper function to get all locations (from options and groups)
+    var getAllLocations = function (options, groups) {
+        var groupOptions = groups.flatMap(function (group) { return group.options; });
+        return __spreadArray(__spreadArray([], options, true), groupOptions, true);
+    };
+    // Get airport/port options and accommodation options
+    var getPickupDropoffOptions = function () {
+        var allOptions = locations.options || [];
+        var allGroups = locations.groups || [];
+        // Filter for airport and port
+        var airportPortOptions = allOptions.filter(function (opt) { return opt.type === "airport" || opt.type === "port"; });
+        // Filter for accommodations
+        var accommodationOptions = allOptions.filter(function (opt) { return opt.type === "accommodation"; });
+        // Create groups
+        var airportPortGroup = {
+            id: "airport-port-group",
+            label: "Airport & Port",
+            options: airportPortOptions,
+        };
+        var accommodationGroup = {
+            id: "accommodation-group",
+            label: "Accommodations",
+            options: accommodationOptions,
+        };
+        return {
+            options: [],
+            groups: [airportPortGroup, accommodationGroup].filter(function (g) { return g.options.length > 0; }),
+        };
+    };
+    var getAccommodationOptions = function () {
+        var allOptions = locations.options || [];
+        var allGroups = locations.groups || [];
+        // Filter for accommodations only
+        var accommodationOptions = allOptions.filter(function (opt) { return opt.type === "accommodation"; });
+        // Extract accommodation groups if they exist
+        var accommodationGroups = allGroups
+            .map(function (group) { return (__assign(__assign({}, group), { options: group.options.filter(function (opt) { return opt.type === "accommodation"; }) })); })
+            .filter(function (group) { return group.options.length > 0; });
+        return {
+            options: accommodationOptions,
+            groups: accommodationGroups,
+        };
+    };
+    // Initialize location data from IDs
+    useEffect(function () {
+        var _a = getPickupDropoffOptions(), options = _a.options, groups = _a.groups;
+        var allLocations = getAllLocations(options, groups);
+        if (pickupDropoffPoint) {
+            var location_1 = allLocations.find(function (loc) { return loc.id === pickupDropoffPoint; });
+            if (location_1) {
+                setInternalPickupDropoffPoint({
+                    id: location_1.id,
+                    locationName: location_1.label,
+                });
+            }
+        }
+        else {
+            // Set default to first airport if available
+            var defaultAirport = allLocations.find(function (loc) { return loc.type === "airport"; });
+            if (defaultAirport) {
+                var defaultData = {
+                    id: defaultAirport.id,
+                    locationName: defaultAirport.label,
+                };
+                setInternalPickupDropoffPoint(defaultData);
+                onPickupDropoffChange === null || onPickupDropoffChange === void 0 ? void 0 : onPickupDropoffChange(defaultData);
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [pickupDropoffPoint, locations]);
+    useEffect(function () {
+        var _a = getAccommodationOptions(), options = _a.options, groups = _a.groups;
+        var allLocations = getAllLocations(options, groups);
+        if (accommodation) {
+            var location_2 = allLocations.find(function (loc) { return loc.id === accommodation; });
+            if (location_2) {
+                setInternalAccommodation({
+                    id: location_2.id,
+                    locationName: location_2.label,
+                });
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [accommodation, locations]);
+    // Update complete data whenever any field changes
+    useEffect(function () {
+        // Create arrival transfer
+        var arrivalTransfer = {
+            type: "arrival",
+            paxData: internalPaxData,
+            transferDate: internalArrivalDate,
+            pickupPoint: internalPickupDropoffPoint || undefined,
+            dropoffPoint: internalAccommodation || undefined,
+        };
+        // Create departure transfer
+        var departureTransfer = {
+            type: "departure",
+            paxData: internalPaxData,
+            transferDate: internalDepartureDate,
+            pickupPoint: internalAccommodation || undefined,
+            dropoffPoint: internalPickupDropoffPoint || undefined,
+        };
+        var completeData = {
+            id: id,
+            paxData: internalPaxData,
+            arrivalDate: internalArrivalDate,
+            departureDate: internalDepartureDate,
+            pickupDropoffPoint: internalPickupDropoffPoint || undefined,
+            accommodation: internalAccommodation || undefined,
+            transfers: [arrivalTransfer, departureTransfer],
+        };
+        onChange === null || onChange === void 0 ? void 0 : onChange(completeData);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        id,
+        internalPaxData,
+        internalArrivalDate,
+        internalDepartureDate,
+        internalPickupDropoffPoint,
+        internalAccommodation,
+    ]);
+    var handlePaxChange = function (newPaxData) {
+        setInternalPaxData(newPaxData);
+        onPaxChange === null || onPaxChange === void 0 ? void 0 : onPaxChange(newPaxData);
+    };
+    var handleDateRangeChange = function (dates) {
+        if (Array.isArray(dates) && dates.length === 2) {
+            setInternalArrivalDate(dates[0]);
+            setInternalDepartureDate(dates[1]);
+            onDatesChange === null || onDatesChange === void 0 ? void 0 : onDatesChange(dates[0], dates[1]);
+        }
+    };
+    var handlePickupDropoffChange = function (location) {
+        setInternalPickupDropoffPoint(location);
+        onPickupDropoffChange === null || onPickupDropoffChange === void 0 ? void 0 : onPickupDropoffChange(location);
+    };
+    var handleAccommodationChange = function (location) {
+        setInternalAccommodation(location);
+        onAccommodationChange === null || onAccommodationChange === void 0 ? void 0 : onAccommodationChange(location);
+    };
+    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" }, { children: _jsx(PaxSelector, { label: "Number of pax", value: internalPaxData, onChange: handlePaxChange, placeholder: "2 pax" }) })), _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" })] })), _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 }) })), _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 }) }))] })) })));
+};
+export default RoundTrip;

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

@@ -0,0 +1,2 @@
+export { default } from './RoundTrip';
+export type { RoundTripProps, RoundTripData, RoundTripTransfer } from './RoundTrip';

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

@@ -0,0 +1 @@
+export { default } from './RoundTrip';

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

@@ -0,0 +1,35 @@
+import React from "react";
+import { RoundTripData } from "../RoundTrip/RoundTrip";
+import { TransferLineData } from "../TransferLine/TransferLine";
+import { LocationOption, LocationGroup } from "../../molecules/LocationDropdown/LocationDropdown";
+import "../../../styles/components/organism/search-bar-transfer.css";
+export type TransferMode = "roundtrip" | "custom";
+export interface SearchBarTransferData {
+    mode: TransferMode;
+    sameVehicle: boolean;
+    roundTripData?: RoundTripData;
+    transferLines?: TransferLineData[];
+}
+export interface SearchBarTransferProps {
+    /** Initial mode */
+    mode?: TransferMode;
+    /** Location options for dropdowns */
+    locations?: {
+        options?: LocationOption[];
+        groups?: LocationGroup[];
+    };
+    /** Default round trip data (for roundtrip mode) */
+    defaultRoundTripData?: RoundTripData;
+    /** Default transfer lines (for custom mode) */
+    defaultTransferLines?: TransferLineData[];
+    /** Default "same vehicle" checkbox state */
+    defaultSameVehicle?: boolean;
+    /** Callback when search button is clicked */
+    onSearch?: (data: SearchBarTransferData) => void;
+    /** Callback when data changes */
+    onChange?: (data: SearchBarTransferData) => void;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const SearchBarTransfer: React.FC<SearchBarTransferProps>;
+export default SearchBarTransfer;

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

@@ -0,0 +1,192 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useEffect } from "react";
+import RoundTrip from "../RoundTrip/RoundTrip";
+import TransferLine from "../TransferLine/TransferLine";
+import Button from "../../atoms/Button/Button";
+import Checkbox from "../../atoms/Checkbox/Checkbox";
+import { Text, Heading } from "../../atoms/Typography/Typography";
+import Icon from "../../atoms/Icon/Icon";
+import SegmentedButton from "../../atoms/SegmentedButton/SegmentedButton";
+import "../../../styles/components/organism/search-bar-transfer.css";
+var transferIdCounter = 0;
+var SearchBarTransfer = function (_a) {
+    var _b, _c;
+    var _d = _a.mode, initialMode = _d === void 0 ? "roundtrip" : _d, _e = _a.locations, locations = _e === void 0 ? { options: [], groups: [] } : _e, defaultRoundTripData = _a.defaultRoundTripData, defaultTransferLines = _a.defaultTransferLines, _f = _a.defaultSameVehicle, defaultSameVehicle = _f === void 0 ? false : _f, onSearch = _a.onSearch, onChange = _a.onChange, _g = _a.className, className = _g === void 0 ? "" : _g;
+    // Generate unique ID for transfer lines
+    var generateTransferId = function () {
+        transferIdCounter += 1;
+        return "transfer-".concat(transferIdCounter, "-").concat(Date.now());
+    };
+    // Ensure default transfer lines have IDs
+    var initializeTransferLines = function (lines) {
+        if (!lines)
+            return [];
+        return lines.map(function (line) { return (__assign(__assign({}, line), { id: line.id || generateTransferId() })); });
+    };
+    var _h = useState(initialMode), mode = _h[0], setMode = _h[1];
+    var _j = useState(defaultSameVehicle), sameVehicle = _j[0], setSameVehicle = _j[1];
+    var _k = useState(defaultRoundTripData), roundTripData = _k[0], setRoundTripData = _k[1];
+    var _l = useState(initializeTransferLines(defaultTransferLines)), transferLines = _l[0], setTransferLines = _l[1];
+    var _m = useState(null), error = _m[0], setError = _m[1];
+    // Notify parent of changes
+    useEffect(function () {
+        var data = {
+            mode: mode,
+            sameVehicle: sameVehicle,
+            roundTripData: mode === "roundtrip" ? roundTripData : undefined,
+            transferLines: mode === "custom" ? transferLines : undefined,
+        };
+        onChange === null || onChange === void 0 ? void 0 : onChange(data);
+    }, [mode, sameVehicle, roundTripData, transferLines, onChange]);
+    // Mode options for SegmentedButton
+    var modeOptions = [
+        { value: "roundtrip", label: "Round trip" },
+        { value: "custom", label: "Custom transfer" },
+    ];
+    // Handle mode change
+    var handleModeChange = function (newMode) {
+        var transferMode = newMode;
+        if (transferMode === mode)
+            return;
+        if (transferMode === "custom" && mode === "roundtrip" && roundTripData) {
+            // Parse roundtrip to two transfer lines
+            var arrivalTransfer = {
+                id: generateTransferId(),
+                type: "arrival",
+                paxData: roundTripData.paxData,
+                transferDate: roundTripData.arrivalDate,
+                pickupPoint: roundTripData.pickupDropoffPoint,
+                dropoffPoint: roundTripData.accommodation,
+            };
+            var departureTransfer = {
+                id: generateTransferId(),
+                type: "departure",
+                paxData: roundTripData.paxData,
+                transferDate: roundTripData.departureDate,
+                pickupPoint: roundTripData.accommodation,
+                dropoffPoint: roundTripData.pickupDropoffPoint,
+            };
+            setTransferLines([arrivalTransfer, departureTransfer]);
+            setRoundTripData(undefined);
+        }
+        else if (transferMode === "roundtrip" && mode === "custom") {
+            // Reset everything when switching to roundtrip
+            setTransferLines([]);
+            setRoundTripData(undefined);
+        }
+        setMode(transferMode);
+        setError(null);
+    };
+    // Handle adding transfer lines
+    var handleAddTransfer = function (type) {
+        var newTransfer = {
+            id: generateTransferId(),
+            type: type,
+        };
+        setTransferLines(__spreadArray(__spreadArray([], transferLines, true), [newTransfer], false));
+    };
+    // Handle transfer line data change
+    var handleTransferLineChange = function (id, data) {
+        setTransferLines(function (prevLines) {
+            return prevLines.map(function (line) { return (line.id === id ? data : line); });
+        });
+    };
+    // Handle transfer line deletion
+    var handleDeleteTransferLine = function (id) {
+        setTransferLines(function (prevLines) { return prevLines.filter(function (line) { return line.id !== id; }); });
+    };
+    // Validate data
+    var validateData = function () {
+        if (mode === "roundtrip") {
+            if (!roundTripData) {
+                setError("Please fill in all the transfer details.");
+                return false;
+            }
+            // Check if required fields are filled
+            if (!roundTripData.paxData ||
+                !roundTripData.arrivalDate ||
+                !roundTripData.departureDate ||
+                !roundTripData.pickupDropoffPoint ||
+                !roundTripData.accommodation) {
+                setError("Please fill in all the transfer details.");
+                return false;
+            }
+        }
+        else {
+            if (transferLines.length === 0) {
+                setError("Please add at least one transfer.");
+                return false;
+            }
+            // Check if all transfer lines have required data
+            for (var _i = 0, transferLines_1 = transferLines; _i < transferLines_1.length; _i++) {
+                var line = transferLines_1[_i];
+                if (!line.paxData ||
+                    !line.transferDate ||
+                    !line.pickupPoint ||
+                    !line.dropoffPoint) {
+                    setError("Please fill in all the transfer details.");
+                    return false;
+                }
+            }
+        }
+        setError(null);
+        return true;
+    };
+    // Handle search
+    var handleSearch = function () {
+        if (validateData()) {
+            var data = {
+                mode: mode,
+                sameVehicle: sameVehicle,
+                roundTripData: mode === "roundtrip" ? roundTripData : undefined,
+                transferLines: mode === "custom" ? transferLines : undefined,
+            };
+            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: 3, className: "search-bar-transfer__title" }, { 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" ? (_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 })) : (_jsxs(_Fragment, { children: [_jsxs("div", __assign({ className: "search-bar-transfer__transfer-type" }, { children: [_jsx(Text, __assign({ size: "lg", variant: "bold", as: "div", className: "search-bar-transfer__transfer-type-label" }, { children: "Select a transfer type you want to add" })), _jsxs("div", __assign({ className: "search-bar-transfer__add-buttons" }, { children: [_jsx(Button, __assign({ variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return handleAddTransfer("arrival"); } }, { children: "Add Arrival" })), _jsx(Button, __assign({ variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return handleAddTransfer("departure"); } }, { children: "Add Departure" })), _jsx(Button, __assign({ variant: "outline-secondary", size: "sm", leadingIcon: "plus", onClick: function () { return handleAddTransfer("inter-hotel"); } }, { children: "Add Inter-Hotel" }))] }))] })), transferLines.length > 0 && (_jsx("div", __assign({ className: "search-bar-transfer__transfer-lines" }, { children: (function () {
+                            // Group transfers by type
+                            var groupedTransfers = {
+                                arrival: [],
+                                departure: [],
+                                "inter-hotel": [],
+                            };
+                            transferLines.forEach(function (line) {
+                                groupedTransfers[line.type].push(line);
+                            });
+                            // Get the order of non-empty groups
+                            var typeOrder = ["arrival", "inter-hotel", "departure"];
+                            var nonEmptyGroups = typeOrder.filter(function (type) { return groupedTransfers[type].length > 0; });
+                            // Category labels and icons
+                            var categoryInfo = {
+                                arrival: { label: "Arrival", icon: "arrival" },
+                                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", 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 }, 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 && (_jsxs("div", __assign({ className: "search-bar-transfer__error" }, { children: [_jsx("div", { className: "search-bar-transfer__error-bar" }), _jsxs("div", __assign({ className: "search-bar-transfer__error-content" }, { children: [_jsx(Icon, { name: "info", size: "md", className: "search-bar-transfer__error-icon" }), _jsx(Text, __assign({ size: "sm", variant: "bold", className: "search-bar-transfer__error-text" }, { children: error }))] }))] }))), _jsx(Button, __assign({ variant: "primary", size: "lg", onClick: handleSearch }, { children: "Search" }))] }))] }))] })));
+};
+export default SearchBarTransfer;

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

@@ -0,0 +1,2 @@
+export { default } from './SearchBarTransfer';
+export type { SearchBarTransferProps, SearchBarTransferData, TransferMode } from './SearchBarTransfer';

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

@@ -0,0 +1 @@
+export { default } from './SearchBarTransfer';

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

@@ -0,0 +1,53 @@
+import React from "react";
+import { PaxData } from "../PaxSelector/PaxSelector";
+import { LocationOption, LocationGroup, LocationData } from "../../molecules/LocationDropdown/LocationDropdown";
+import "../../../styles/components/organism/transfer-line.css";
+export type TransferType = "arrival" | "departure" | "inter-hotel";
+export type { LocationData };
+export interface TransferLineData {
+    id: string;
+    type: TransferType;
+    paxData?: PaxData;
+    transferDate?: string;
+    pickupPoint?: LocationData;
+    dropoffPoint?: LocationData;
+}
+export interface TransferLineProps {
+    /** Unique identifier for this transfer line */
+    id: string;
+    /** Type of transfer: arrival, departure, or inter-hotel */
+    type: TransferType;
+    /** Pax data */
+    paxData?: PaxData;
+    /** Transfer date */
+    transferDate?: string;
+    /** Selected pickup point ID (for initial value) */
+    pickupPoint?: string | number;
+    /** Selected dropoff point ID (for initial value) */
+    dropoffPoint?: string | number;
+    /** All location options - will be filtered based on transfer type */
+    locations?: {
+        options?: LocationOption[];
+        groups?: LocationGroup[];
+    };
+    /** Callback when pax data changes */
+    onPaxChange?: (paxData: PaxData) => void;
+    /** Callback when transfer date changes */
+    onDateChange?: (date: string) => void;
+    /** Callback when pickup point changes */
+    onPickupChange?: (location: LocationData | null) => void;
+    /** Callback when dropoff point changes */
+    onDropoffChange?: (location: LocationData | null) => void;
+    /** Callback when any data changes - returns complete TransferLineData */
+    onDataChange?: (data: TransferLineData) => void;
+    /** Callback when delete button is clicked */
+    onDelete?: () => void;
+    /** Whether to show the delete button */
+    showDelete?: boolean;
+    /** Whether to show the title (Arrival, Departure, Inter-Hotel) */
+    showTitle?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const TransferLine: React.FC<TransferLineProps>;
+export default TransferLine;