@qite/tide-components 1.0.6 → 1.0.7

package/build/build-cjs/index.js

@@ -438,6 +438,11 @@ var SRP$f = {
 	ACCOMMODATION: "الإقامة",
 	VIEW_DETAILS: "عرض التفاصيل",
 	NIGHTS: "ليالٍ",
+	OF: "من",
+	ADD: "إضافة",
+	REMOVE: "إزالة",
+	ACTIVITIES: "الأنشطة",
+	SHOW_ACTIVITIES: "عرض الأنشطة",
 	MORNING_RANGE: "الصباح",
 	AFTERNOON_RANGE: "بعد الظهر",
 	EVENING_RANGE: "المساء",
@@ -877,6 +882,11 @@ var SRP$e = {
 	ACCOMMODATION: "Indkvartering",
 	VIEW_DETAILS: "Se detaljer",
 	NIGHTS: "nætter",
+	OF: "af",
+	ADD: "Tilføj",
+	REMOVE: "Fjern",
+	ACTIVITIES: "Aktiviteter",
+	SHOW_ACTIVITIES: "Vis aktiviteter",
 	MORNING_RANGE: "Morgen",
 	AFTERNOON_RANGE: "Eftermiddag",
 	EVENING_RANGE: "Aften",
@@ -1320,6 +1330,11 @@ var SRP$d = {
 	ACCOMMODATION: "Unterkunft",
 	VIEW_DETAILS: "Details anzeigen",
 	NIGHTS: "Nächte",
+	OF: "von",
+	ADD: "Hinzufügen",
+	REMOVE: "Entfernen",
+	ACTIVITIES: "Aktivitäten",
+	SHOW_ACTIVITIES: "Aktivitäten anzeigen",
 	MORNING_RANGE: "Morgen",
 	AFTERNOON_RANGE: "Nachmittag",
 	EVENING_RANGE: "Abend",
@@ -1763,6 +1778,11 @@ var SRP$c = {
 	ACCOMMODATION: "Accommodation",
 	VIEW_DETAILS: "View details",
 	NIGHTS: "nights",
+	OF: "of",
+	ADD: "Add",
+	REMOVE: "Remove",
+	ACTIVITIES: "Activities",
+	SHOW_ACTIVITIES: "Show activities",
 	PRICE: "Price",
 	MORNING_RANGE: "Morning",
 	AFTERNOON_RANGE: "Afternoon",
@@ -2202,6 +2222,11 @@ var SRP$b = {
 	ACCOMMODATION: "Alojamiento",
 	VIEW_DETAILS: "Ver detalles",
 	NIGHTS: "noches",
+	OF: "de",
+	ADD: "Añadir",
+	REMOVE: "Eliminar",
+	ACTIVITIES: "Actividades",
+	SHOW_ACTIVITIES: "Ver actividades",
 	MORNING_RANGE: "Mañana",
 	AFTERNOON_RANGE: "Tarde",
 	EVENING_RANGE: "Noche",
@@ -2645,6 +2670,11 @@ var SRP$a = {
 	ACCOMMODATION: "Hébergement",
 	VIEW_DETAILS: "Voir les détails",
 	NIGHTS: "nuits",
+	OF: "sur",
+	ADD: "Ajouter",
+	REMOVE: "Supprimer",
+	ACTIVITIES: "Activités",
+	SHOW_ACTIVITIES: "Voir les activités",
 	MORNING_RANGE: "Matin",
 	AFTERNOON_RANGE: "Après-midi",
 	EVENING_RANGE: "Soir",
@@ -3084,6 +3114,11 @@ var SRP$9 = {
 	ACCOMMODATION: "Hébergement",
 	VIEW_DETAILS: "Voir les détails",
 	NIGHTS: "nuits",
+	OF: "sur",
+	ADD: "Ajouter",
+	REMOVE: "Supprimer",
+	ACTIVITIES: "Activités",
+	SHOW_ACTIVITIES: "Voir les activités",
 	MORNING_RANGE: "Matin",
 	AFTERNOON_RANGE: "Après-midi",
 	EVENING_RANGE: "Soir",
@@ -3523,6 +3558,11 @@ var SRP$8 = {
 	ACCOMMODATION: "Gisting",
 	VIEW_DETAILS: "Skoða upplýsingar",
 	NIGHTS: "nætur",
+	OF: "af",
+	ADD: "Bæta við",
+	REMOVE: "Fjarlægja",
+	ACTIVITIES: "Afþreying",
+	SHOW_ACTIVITIES: "Sýna afþreyingu",
 	MORNING_RANGE: "Morgunn",
 	AFTERNOON_RANGE: "Síðdegi",
 	EVENING_RANGE: "Kvöld",
@@ -3962,6 +4002,11 @@ var SRP$7 = {
 	ACCOMMODATION: "Alloggio",
 	VIEW_DETAILS: "Visualizza dettagli",
 	NIGHTS: "notti",
+	OF: "di",
+	ADD: "Aggiungi",
+	REMOVE: "Rimuovi",
+	ACTIVITIES: "Attività",
+	SHOW_ACTIVITIES: "Mostra attività",
 	MORNING_RANGE: "Mattina",
 	AFTERNOON_RANGE: "Pomeriggio",
 	EVENING_RANGE: "Sera",
@@ -4405,6 +4450,11 @@ var SRP$6 = {
 	ACCOMMODATION: "Accommodatie",
 	VIEW_DETAILS: "Bekijk details",
 	NIGHTS: "nachten",
+	OF: "van",
+	ADD: "Toevoegen",
+	REMOVE: "Verwijderen",
+	ACTIVITIES: "Activiteiten",
+	SHOW_ACTIVITIES: "Toon activiteiten",
 	MORNING_RANGE: "Ochtend",
 	AFTERNOON_RANGE: "Namiddag",
 	EVENING_RANGE: "Avond",
@@ -4844,6 +4894,11 @@ var SRP$5 = {
 	ACCOMMODATION: "Accommodatie",
 	VIEW_DETAILS: "Bekijk details",
 	NIGHTS: "nachten",
+	OF: "van",
+	ADD: "Toevoegen",
+	REMOVE: "Verwijderen",
+	ACTIVITIES: "Activiteiten",
+	SHOW_ACTIVITIES: "Toon activiteiten",
 	MORNING_RANGE: "Ochtend",
 	AFTERNOON_RANGE: "Namiddag",
 	EVENING_RANGE: "Avond",
@@ -5283,6 +5338,11 @@ var SRP$4 = {
 	ACCOMMODATION: "Overnatting",
 	VIEW_DETAILS: "Se detaljer",
 	NIGHTS: "netter",
+	OF: "av",
+	ADD: "Legg til",
+	REMOVE: "Fjern",
+	ACTIVITIES: "Aktiviteter",
+	SHOW_ACTIVITIES: "Vis aktiviteter",
 	MORNING_RANGE: "Morgen",
 	AFTERNOON_RANGE: "Ettermiddag",
 	EVENING_RANGE: "Kveld",
@@ -5722,6 +5782,11 @@ var SRP$3 = {
 	ACCOMMODATION: "Zakwaterowanie",
 	VIEW_DETAILS: "Zobacz szczegóły",
 	NIGHTS: "noce",
+	OF: "z",
+	ADD: "Dodaj",
+	REMOVE: "Usuń",
+	ACTIVITIES: "Atrakcje",
+	SHOW_ACTIVITIES: "Pokaż atrakcje",
 	MORNING_RANGE: "Poranek",
 	AFTERNOON_RANGE: "Popołudnie",
 	EVENING_RANGE: "Wieczór",
@@ -6161,6 +6226,11 @@ var SRP$2 = {
 	ACCOMMODATION: "Alojamento",
 	VIEW_DETAILS: "Ver detalhes",
 	NIGHTS: "noites",
+	OF: "de",
+	ADD: "Adicionar",
+	REMOVE: "Remover",
+	ACTIVITIES: "Atividades",
+	SHOW_ACTIVITIES: "Ver atividades",
 	MORNING_RANGE: "Manhã",
 	AFTERNOON_RANGE: "Tarde",
 	EVENING_RANGE: "Noite",
@@ -6600,6 +6670,11 @@ var SRP$1 = {
 	ACCOMMODATION: "Boende",
 	VIEW_DETAILS: "Visa detaljer",
 	NIGHTS: "nätter",
+	OF: "av",
+	ADD: "Lägg till",
+	REMOVE: "Ta bort",
+	ACTIVITIES: "Aktiviteter",
+	SHOW_ACTIVITIES: "Visa aktiviteter",
 	MORNING_RANGE: "Morgon",
 	AFTERNOON_RANGE: "Eftermiddag",
 	EVENING_RANGE: "Kväll",
@@ -7039,6 +7114,11 @@ var SRP = {
 	ACCOMMODATION: "宿泊",
 	VIEW_DETAILS: "詳細を見る",
 	NIGHTS: "泊",
+	OF: "/",
+	ADD: "追加",
+	REMOVE: "削除",
+	ACTIVITIES: "アクティビティ",
+	SHOW_ACTIVITIES: "アクティビティを表示",
 	MORNING_RANGE: "朝",
 	AFTERNOON_RANGE: "午後",
 	EVENING_RANGE: "夕方",
@@ -16532,7 +16612,7 @@ const Icon = ({ name, className, title, width, height, fill }) => {
                 title && React__default["default"].createElement("title", null, title),
                 React__default["default"].createElement("path", { d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" })));
         case 'ui-hotel':
-            return (React__default["default"].createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !lodash.isEmpty(className)).join(' '), width: width, height: height, viewBox: "0 0 640 640", fill: fill ?? 'currentColor' },
+            return (React__default["default"].createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !lodash.isEmpty(className)).join(' '), width: width, height: height, viewBox: "0 0 512 512", fill: fill ?? 'currentColor' },
                 React__default["default"].createElement(HTMLComment, { text: "!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." }),
                 title && React__default["default"].createElement("title", null, title),
                 React__default["default"].createElement("path", { d: "M16 24C16 10.7 26.7 0 40 0L472 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 416 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L40 512c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0 0-416-8 0C26.7 48 16 37.3 16 24zm208 88l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zM128 96c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zm96 112l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zM352 96c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM112 208l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm240-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM288 384l43.8 0c9.9 0 17.5-9 14-18.2-13.8-36.1-48.8-61.8-89.7-61.8s-75.9 25.7-89.7 61.8c-3.5 9.2 4.1 18.2 14 18.2l43.8 0 0 80 64 0 0-80z", fill: "currentColor" })));
@@ -16561,6 +16641,16 @@ const Icon = ({ name, className, title, width, height, fill }) => {
                 React__default["default"].createElement(HTMLComment, { text: "!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." }),
                 title && React__default["default"].createElement("title", null, title),
                 React__default["default"].createElement("path", { d: "M135.2 117.4l-26.1 74.6 293.8 0-26.1-74.6C372.3 104.6 360.2 96 346.6 96L165.4 96c-13.6 0-25.7 8.6-30.2 21.4zM39.6 196.8L74.8 96.3C88.3 57.8 124.6 32 165.4 32l181.2 0c40.8 0 77.1 25.8 90.6 64.3l35.2 100.5c23.2 9.6 39.6 32.5 39.6 59.2l0 192c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-32-320 0 0 32c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32L0 256c0-26.7 16.4-49.6 39.6-59.2zM128 304a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm288 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64z", fill: "currentColor" })));
+        case 'ui-bus':
+            return (React__default["default"].createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !lodash.isEmpty(className)).join(' '), width: width, height: height, viewBox: "0 0 512 512", fill: fill ?? 'currentColor' },
+                title && React__default["default"].createElement("title", null, title),
+                React__default["default"].createElement("path", { d: "M112 32h288a64 64 0 0 1 64 64v256a64 64 0 0 1-64 64h-288a64 64 0 0 1-64-64V96a64 64 0 0 1 64-64zM96 112v104h136V112H96zm184 0v104h136V112H280zM160 352a36 36 0 1 0-72 0 36 36 0 1 0 72 0zm264 0a36 36 0 1 0-72 0 36 36 0 1 0 72 0z", fill: "currentColor", fillRule: "evenodd" }),
+                React__default["default"].createElement("path", { d: "M112 416h64v48a24 24 0 0 1-24 24h-16a24 24 0 0 1-24-24v-48zm224 0h64v48a24 24 0 0 1-24 24h-16a24 24 0 0 1-24-24v-48z", fill: "currentColor" })));
+        case 'ui-train':
+            return (React__default["default"].createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !lodash.isEmpty(className)).join(' '), width: width, height: height, viewBox: "0 0 512 512", fill: fill ?? 'currentColor' },
+                title && React__default["default"].createElement("title", null, title),
+                React__default["default"].createElement("path", { d: "M160 32h192a64 64 0 0 1 64 64v224a64 64 0 0 1-64 64h-192a64 64 0 0 1-64-64V96a64 64 0 0 1 64-64zm-24 80v104h240V112H136zm56 168a28 28 0 1 0-56 0 28 28 0 1 0 56 0zm192 0a28 28 0 1 0-56 0 28 28 0 1 0 56 0z", fill: "currentColor", fillRule: "evenodd" }),
+                React__default["default"].createElement("path", { d: "M168 416h72l-48 64h-72l48-64zm104 0h72l48 64h-72l-48-64z", fill: "currentColor" })));
         case 'ui-ship':
             return (React__default["default"].createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !lodash.isEmpty(className)).join(' '), width: width, height: height, viewBox: "0 0 640 512", fill: fill ?? 'currentColor' },
                 React__default["default"].createElement(HTMLComment, { text: "!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc." }),
@@ -27379,7 +27469,9 @@ const initialState$1 = {
     bookingNumber: undefined,
     trajectNodeAvailability: {},
     trajectFlightAvailability: {},
-    trajectEditLineGuid: null
+    trajectDaySuggestions: {},
+    trajectEditLineGuid: null,
+    trajectActivitiesDayOrder: null
 };
 const searchResultsSlice = toolkit.createSlice({
     name: 'searchResults',
@@ -27595,6 +27687,11 @@ const searchResultsSlice = toolkit.createSlice({
                 return;
             state.editablePackagingEntry.lines[index] = action.payload;
         },
+        addEditableEntryLines(state, action) {
+            if (!state.editablePackagingEntry)
+                return;
+            state.editablePackagingEntry.lines = [...(state.editablePackagingEntry.lines ?? []), ...action.payload];
+        },
         removeEditableEntryLines(state, action) {
             if (!state.editablePackagingEntry)
                 return;
@@ -27626,9 +27723,24 @@ const searchResultsSlice = toolkit.createSlice({
             flight.selectedGuid = action.payload.guid;
             flight.status = 'resolved';
         },
+        setTrajectDaySuggestionsLoading(state, action) {
+            const dayOrder = action.payload;
+            state.trajectDaySuggestions[dayOrder] = {
+                dayOrder,
+                status: 'loading',
+                results: state.trajectDaySuggestions[dayOrder]?.results ?? []
+            };
+        },
+        setTrajectDaySuggestions(state, action) {
+            const { dayOrder, results } = action.payload;
+            state.trajectDaySuggestions[dayOrder] = { dayOrder, status: 'resolved', results };
+        },
         setTrajectEditLineGuid(state, action) {
             state.trajectEditLineGuid = action.payload;
         },
+        setTrajectActivitiesDayOrder(state, action) {
+            state.trajectActivitiesDayOrder = action.payload;
+        },
         updateTrajectNodeResult(state, action) {
             const { lineGuid, result } = action.payload;
             const node = state.trajectNodeAvailability[lineGuid];
@@ -27641,11 +27753,13 @@ const searchResultsSlice = toolkit.createSlice({
         resetTrajectAvailability(state) {
             state.trajectNodeAvailability = {};
             state.trajectFlightAvailability = {};
+            state.trajectDaySuggestions = {};
             state.trajectEditLineGuid = null;
+            state.trajectActivitiesDayOrder = null;
         }
     }
 });
-const { setResults, setFilteredResults, setSelectedSearchResult, setPackagingAccoResults, setFilteredPackagingAccoResults, setFilteredPackagingFlightResults, setPackagingAccoSearchDetails, setSelectedPackagingAccoResult, setPackagingFlightResults, setSelectedPackagingFlight, setSelectedFlight, setSelectedFlightDetails, setBookingPackageDetails, selectFlight, setIsLoading, setFlightsLoading, setInitialFilters, setFilters, resetFilters, setInitialFlightFilters, setFlightFilters, resetFlightFilters, setSortType, setFlightSortType, setActiveTab, setCurrentPage, resetSearchState, setFlyInIsOpen, setEditablePackagingEntry, setTransactionId, setFlyInType, setPriceDetails, setItinerary, setSelectedOutwardKey, setSelectedReturnKey, resetFlightSelection, setExcursionSearchParams, setSelectedExcursionSearchResult, confirmExcursionForDay, removeConfirmedExcursionForDay, clearConfirmedExcursionsForDay, setBookPackagingEntry, setCurrentStep, setBookingNumber, setTrajectNodeLoading, setTrajectNodeAvailability, setTrajectNodeSelection, setTrajectFlightLoading, setTrajectFlightAvailability, setTrajectFlightSelection, setTrajectEditLineGuid, updateTrajectNodeResult, resetTrajectAvailability, updateEditableEntryLine, removeEditableEntryLines } = searchResultsSlice.actions;
+const { setResults, setFilteredResults, setSelectedSearchResult, setPackagingAccoResults, setFilteredPackagingAccoResults, setFilteredPackagingFlightResults, setPackagingAccoSearchDetails, setSelectedPackagingAccoResult, setPackagingFlightResults, setSelectedPackagingFlight, setSelectedFlight, setSelectedFlightDetails, setBookingPackageDetails, selectFlight, setIsLoading, setFlightsLoading, setInitialFilters, setFilters, resetFilters, setInitialFlightFilters, setFlightFilters, resetFlightFilters, setSortType, setFlightSortType, setActiveTab, setCurrentPage, resetSearchState, setFlyInIsOpen, setEditablePackagingEntry, setTransactionId, setFlyInType, setPriceDetails, setItinerary, setSelectedOutwardKey, setSelectedReturnKey, resetFlightSelection, setExcursionSearchParams, setSelectedExcursionSearchResult, confirmExcursionForDay, removeConfirmedExcursionForDay, clearConfirmedExcursionsForDay, setBookPackagingEntry, setCurrentStep, setBookingNumber, setTrajectNodeLoading, setTrajectNodeAvailability, setTrajectNodeSelection, setTrajectFlightLoading, setTrajectFlightAvailability, setTrajectFlightSelection, setTrajectEditLineGuid, setTrajectActivitiesDayOrder, setTrajectDaySuggestionsLoading, setTrajectDaySuggestions, addEditableEntryLines, updateTrajectNodeResult, resetTrajectAvailability, updateEditableEntryLine, removeEditableEntryLines } = searchResultsSlice.actions;
 var searchResultsReducer = searchResultsSlice.reducer;
 
 const ItemPicker = ({ items, selection, selectedSortByType, label, placeholder, classModifier, onPick, valueFormatter }) => {
@@ -27830,6 +27944,518 @@ const getDuration = (flight) => {
 const numberOfNights = (segment) => {
     return dateFns.differenceInCalendarDays(new Date(segment.to), new Date(segment.from));
 };
+const CHARTER_SERVICE_TYPE = 10;
+const CRUISE_SERVICE_TYPE = 11;
+const FERRY_SERVICE_TYPE = 12;
+const TRANSFER_SERVICE_TYPE = 13;
+const BUS_SERVICE_TYPE = 14;
+const CAR_SERVICE_TYPE = 17;
+const CAMPER_SERVICE_TYPE = 18;
+const TRAIN_SERVICE_TYPE = 20;
+const RENTAL_SERVICE_TYPE = 22;
+const RESTAURANT_SERVICE_TYPE = 23;
+const EVENT_SERVICE_TYPE = 24;
+const TRAINING_SERVICE_TYPE = 25;
+/** Icon per service type, so every node on the itinerary reads at a glance. */
+const getServiceTypeIcon = (serviceType) => {
+    switch (serviceType) {
+        case ACCOMMODATION_SERVICE_TYPE:
+            return 'ui-hotel';
+        case EXCURSION_SERVICE_TYPE:
+            return 'ui-excursion';
+        case FLIGHT_SERVICE_TYPE:
+        case CHARTER_SERVICE_TYPE:
+            return 'ui-plane';
+        case RESTAURANT_SERVICE_TYPE:
+            return 'ui-utensils';
+        case CRUISE_SERVICE_TYPE:
+        case FERRY_SERVICE_TYPE:
+            return 'ui-ship';
+        case CAR_SERVICE_TYPE:
+        case CAMPER_SERVICE_TYPE:
+        case RENTAL_SERVICE_TYPE:
+            return 'ui-car';
+        case BUS_SERVICE_TYPE:
+            return 'ui-bus';
+        case TRAIN_SERVICE_TYPE:
+            return 'ui-train';
+        case TRANSFER_SERVICE_TYPE:
+            return 'ui-transfer';
+        case EVENT_SERVICE_TYPE:
+            return 'ui-ticket';
+        case TRAINING_SERVICE_TYPE:
+            return 'ui-group';
+        default:
+            return 'ui-location';
+    }
+};
+const getServiceTypeBadgeModifier = (serviceType) => {
+    switch (serviceType) {
+        case FLIGHT_SERVICE_TYPE:
+        case CHARTER_SERVICE_TYPE:
+        case CRUISE_SERVICE_TYPE:
+        case FERRY_SERVICE_TYPE:
+            return 'flight';
+        case ACCOMMODATION_SERVICE_TYPE:
+            return 'hotel';
+        case EXCURSION_SERVICE_TYPE:
+        case EVENT_SERVICE_TYPE:
+            return 'excursion';
+        case RESTAURANT_SERVICE_TYPE:
+            return 'restaurant';
+        default:
+            return '';
+    }
+};
+const POI_TRAJECT_NODE_TYPE = 2;
+const getTrajectNodeIcon = (node) => node.trajectNodeType === POI_TRAJECT_NODE_TYPE ? 'ui-location' : getServiceTypeIcon(node.serviceType);
+const getTrajectNodeBadgeModifier = (node) => node.trajectNodeType === POI_TRAJECT_NODE_TYPE ? 'poi' : getServiceTypeBadgeModifier(node.serviceType);
+
+const REGULAR_TRAJECT_NODE_TYPE = 0;
+const CONNECTING_TRAJECT_NODE_TYPE = 1;
+const isSearchableTrajectNode = (node) => node.serviceType === ACCOMMODATION_SERVICE_TYPE || node.serviceType === EXCURSION_SERVICE_TYPE;
+const isTrajectFlightNode = (node) => node.serviceType === FLIGHT_SERVICE_TYPE;
+const getTrajectNodesWithLines = (trajectEntry) => {
+    const linesByGuid = new Map((trajectEntry.entry.lines ?? []).map((line) => [line.guid, line]));
+    return [...(trajectEntry.nodes ?? [])]
+        .sort((a, b) => a.dayOrder - b.dayOrder || a.order - b.order)
+        .map((node) => {
+        const guids = node.lineGuids?.length ? node.lineGuids : [node.lineGuid];
+        const lines = guids.map((guid) => linesByGuid.get(guid)).filter((x) => !!x);
+        return { node, line: lines[0], lines };
+    })
+        .filter((x) => !!x.line);
+};
+const getCoordinates = (line, node, result) => {
+    const sources = [
+        ...(result ? [result] : []),
+        ...(line ? [line] : []),
+        ...(node?.alternatives ?? []).filter((x) => x.isPreferred),
+        ...(node?.alternatives ?? [])
+    ];
+    const found = sources.find((x) => !!x.latitude && !!x.longitude);
+    return found ? { latitude: found.latitude, longitude: found.longitude } : null;
+};
+const buildDestination = (line, node, result) => {
+    const coordinates = getCoordinates(line, node, result);
+    const place = (result?.locationId && { id: result.locationId, isLocation: true }) ||
+        (result?.oordId && { id: result.oordId, isOord: true }) ||
+        (result?.regionId && { id: result.regionId, isRegion: true }) ||
+        (result?.countryId && { id: result.countryId, isCountry: true }) ||
+        (line.location?.id && { id: line.location.id, isLocation: true }) ||
+        (line.oord?.id && { id: line.oord.id, isOord: true }) ||
+        (line.region?.id && { id: line.region.id, isRegion: true }) ||
+        (line.country?.id && { id: line.country.id, isCountry: true }) ||
+        null;
+    return { id: 0, ...place, ...coordinates };
+};
+const buildTrajectNodeRequest = ({ node, line }, context, productCode) => ({
+    transactionId: context.transactionId,
+    officeId: context.officeId,
+    agentId: context.agentId ?? null,
+    catalogueId: context.catalogueId,
+    searchConfigurationId: context.searchConfigurationId,
+    portalId: context.portalId ?? null,
+    vendorConfigurationId: node.externalVendorId ?? null,
+    language: context.language,
+    serviceType: node.serviceType,
+    fromDate: toDateOnlyString(line.from),
+    toDate: toDateOnlyString(line.to),
+    destination: buildDestination(line, node),
+    productCode,
+    rooms: context.rooms,
+    tagIds: []
+});
+/**
+ * Entry lines for an excursion the traveller picked out of the suggestions.
+ *
+ * A traject node already has its lines and only needs stamping; a suggestion has none, so this
+ * builds them — one per selected option, as the regular day-by-day excursion flow does, since an
+ * excursion's options are ticket types (adult, child) rather than rooms. Where the search marks no
+ * default, the first option of each room stands in.
+ */
+const buildTrajectExcursionLines = (result) => {
+    const options = (result.rooms ?? []).flatMap((room) => {
+        const selected = (room.options ?? []).filter((x) => x.isSelected);
+        return selected.length ? selected : (room.options ?? []).slice(0, 1);
+    });
+    if (!options.length)
+        return [];
+    const guids = options.map((option) => option.guid || crypto.randomUUID());
+    return options.map((option, index) => ({
+        guid: guids[index],
+        moment: '',
+        parentGuid: index === 0 ? null : guids[0],
+        order: index,
+        isChanged: true,
+        from: result.fromDate,
+        to: result.toDate,
+        serviceType: EXCURSION_SERVICE_TYPE,
+        productName: result.name,
+        productCode: result.code,
+        accommodationName: option.accommodationName,
+        accommodationCode: option.accommodationCode,
+        regimeName: option.regimeName,
+        regimeCode: option.regimeCode,
+        country: result.countryId ? { id: result.countryId, name: result.countryName, localizations: [] } : null,
+        region: result.regionId ? { id: result.regionId, name: result.regionName, localizations: [] } : null,
+        oord: result.oordId ? { id: result.oordId, name: result.oordName, localizations: [] } : null,
+        location: result.locationId ? { id: result.locationId, name: result.locationName, localizations: [] } : null,
+        longitude: result.longitude ?? null,
+        latitude: result.latitude ?? null,
+        pax: (option.paxIds ?? []).map((paxId, paxIndex) => ({ paxId, room: 0, order: paxIndex })),
+        flightInformation: null
+    }));
+};
+const buildDayActivityCards = (items, availability, suggestions) => {
+    const cards = [];
+    const seen = new Set();
+    const push = (result, item) => {
+        if (!result || seen.has(result.code))
+            return;
+        seen.add(result.code);
+        cards.push({ result, item });
+    };
+    items.forEach((item) => {
+        const results = availability[item.line.guid]?.results ?? [];
+        const selected = results.find((x) => x.code === availability[item.line.guid]?.selectedCode);
+        push(selected, item);
+        results.filter((x) => !!findCandidateForResult(item.node, x)).forEach((result) => push(result, item));
+    });
+    suggestions.forEach((result) => push(result));
+    // Whatever the nodes' own destination search found and the day's search did not — normally
+    // nothing, as they are the same search, but a node can resolve where a day has no place to look.
+    items.forEach((item) => (availability[item.line.guid]?.results ?? []).forEach((result) => push(result, item)));
+    return cards;
+};
+const getNodeCandidates = (node) => {
+    const configured = (node.alternatives ?? []).filter((x) => !!x.code && x.code.trim().length > 0);
+    if (configured.length)
+        return configured;
+    const fallbackCode = node.code ?? node.preferredAccommodationCode;
+    if (!fallbackCode || !fallbackCode.trim().length)
+        return [];
+    return [
+        {
+            code: fallbackCode,
+            name: node.name,
+            description: node.description,
+            imageUrl: node.imageUrl,
+            contentSource: node.contentSource,
+            vendor: node.vendor,
+            externalVendorId: node.externalVendorId,
+            isPreferred: true
+        }
+    ];
+};
+const findCandidateForResult = (node, result) => getNodeCandidates(node).find((candidate) => matchesCode(result, candidate.code)) ?? null;
+const matchesCode = (result, code) => {
+    if (result.code === code)
+        return true;
+    return (result.rooms ?? []).some((room) => (room.options ?? []).some((option) => option.accommodationCode === code));
+};
+const getPackagingRoomsFromEntry = (entry) => {
+    const paxById = new Map((entry.pax ?? []).map((p) => [p.id, p]));
+    const rooms = (entry.rooms ?? []).map((room) => ({
+        travellers: (room.paxIds ?? []).map((paxId) => {
+            const pax = paxById.get(paxId);
+            return {
+                id: paxId,
+                age: pax?.age ?? null,
+                dateOfBirth: pax?.dateOfBirth ?? null
+            };
+        })
+    }));
+    return rooms.filter((room) => room.travellers.length > 0);
+};
+const pickCheapest = (results) => [...results].sort((a, b) => a.price - b.price)[0] ?? null;
+const applyResultToLines = (lines, result) => lines.map((line, index) => applyResultToLine(line, result, index));
+const getOptionForRoom = (result, roomIndex) => {
+    const room = (result.rooms ?? [])[roomIndex];
+    if (room)
+        return (room.options ?? []).find((x) => x.isSelected) ?? (room.options ?? [])[0];
+    return (result.rooms ?? []).flatMap((x) => x.options ?? []).find((x) => x.isSelected) ?? (result.rooms ?? [])[0]?.options?.[0];
+};
+const applyResultToLine = (line, result, roomIndex = 0) => {
+    const option = getOptionForRoom(result, roomIndex);
+    return {
+        ...line,
+        productName: result.name ?? line.productName,
+        productCode: result.code ?? line.productCode,
+        accommodationCode: option?.accommodationCode ?? line.accommodationCode,
+        accommodationName: option?.accommodationName ?? line.accommodationName,
+        regimeCode: option?.regimeCode ?? line.regimeCode,
+        regimeName: option?.regimeName ?? line.regimeName,
+        latitude: result.latitude ?? line.latitude,
+        longitude: result.longitude ?? line.longitude,
+        isChanged: true
+    };
+};
+const toDateOnlyUtcString = (value) => {
+    const date = new Date(value);
+    return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate())).toISOString();
+};
+const toTimeOnlyString = (value) => {
+    const date = new Date(value);
+    const hh = String(date.getUTCHours()).padStart(2, '0');
+    const mm = String(date.getUTCMinutes()).padStart(2, '0');
+    const ss = String(date.getUTCSeconds()).padStart(2, '0');
+    return `${hh}:${mm}:${ss}`;
+};
+const mapFlightSegmentsToFlightLines = (segments) => segments.map((segment) => ({
+    airlineCode: segment.marketingAirlineCode,
+    airlineDescription: segment.marketingAirlineName,
+    operatingAirlineCode: segment.operatingAirlineCode,
+    operatingAirlineDescription: segment.operatingAirlineName,
+    flightNumber: segment.flightNumber,
+    operatingFlightNumber: segment.operatingFlightNumber ?? null,
+    departureDate: toDateOnlyUtcString(segment.departureDateTime),
+    departureTime: toTimeOnlyString(segment.departureDateTime),
+    departureAirportCode: segment.departureAirportCode,
+    departureAirportDescription: segment.departureAirportName,
+    arrivalDate: toDateOnlyUtcString(segment.arrivalDateTime),
+    arrivalTime: toTimeOnlyString(segment.arrivalDateTime),
+    arrivalAirportCode: segment.arrivalAirportCode,
+    arrivalAirportDescription: segment.arrivalAirportName,
+    durationInTicks: segment.durationInTicks
+}));
+const buildTrajectFlightRequest = ({ node, line }, context, pax) => ({
+    transactionId: context.transactionId,
+    officeId: context.officeId,
+    catalogueId: context.catalogueId,
+    agentId: context.agentId ?? null,
+    language: context.language,
+    departureAirportCode: node.departureAirportCode ?? '',
+    arrivalAirportCode: node.arrivalAirportCode ?? '',
+    returnAirportCode: null,
+    luggageIncluded: null,
+    maxStops: null,
+    travelClass: null,
+    vendorConfigurationId: node.externalVendorId ?? null,
+    pax,
+    outward: { date: dateToDateStruct(new Date(line.from)) },
+    return: null
+});
+const pickCheapestFlight = (flights) => [...flights].sort((a, b) => a.price - b.price)[0] ?? null;
+const applyFlightToLine = (line, flight) => {
+    const segments = flight.outward?.segments ?? [];
+    if (!segments.length)
+        return line;
+    const firstSegment = segments[0];
+    const lastSegment = segments[segments.length - 1];
+    return {
+        ...line,
+        from: new Date(firstSegment.departureDateTime).toISOString(),
+        to: new Date(lastSegment.arrivalDateTime).toISOString(),
+        productName: `${firstSegment.departureAirportName} - ${lastSegment.arrivalAirportName} (${firstSegment.marketingAirlineName})`,
+        productCode: `${firstSegment.departureAirportCode} ${lastSegment.arrivalAirportCode}/${firstSegment.marketingAirlineCode}`,
+        accommodationName: firstSegment.metaData?.farePriceClassName ?? line.accommodationName,
+        accommodationCode: firstSegment.metaData?.fareCode ?? line.accommodationCode,
+        flightInformation: {
+            pnr: '',
+            flightLines: mapFlightSegmentsToFlightLines(segments)
+        },
+        isChanged: true
+    };
+};
+/**
+ * Externally sourced products carry a vendor configuration; products held internally in Tide have
+ * none. `vendorType` is not a reliable signal — the packaging service nulls it out when the search
+ * configuration has ExposeProvider off — so the vendor ids are what we go on.
+ */
+const isExternalResult = (result) => result.vendorId != null || result.vendorConfigurationId != null;
+const isExternalCandidate = (candidate) => candidate.externalVendorId != null || candidate.vendor != null;
+
+const badgeClass = (kind, modifier) => {
+    const base = `search__filter__itinerary__${kind}-badge`;
+    const fallback = kind === 'segment' ? `${base}--secondary` : `${base}--default`;
+    return `${base} ${modifier ? `${base}--${modifier}` : fallback}`;
+};
+const nightsOf = (node, line) => dateFns.differenceInCalendarDays(new Date(line?.to ?? node.to), new Date(line?.from ?? node.from));
+const TrajectItinerary = ({ trajectEntry, packagingEntry, translations }) => {
+    const timeline = React.useMemo(() => {
+        const linesByGuid = new Map((packagingEntry.lines ?? []).map((line) => [line.guid, line]));
+        const nodes = [...(trajectEntry.nodes ?? [])]
+            .sort((a, b) => a.dayOrder - b.dayOrder || a.order - b.order)
+            .map((node) => {
+            const guids = node.lineGuids?.length ? node.lineGuids : [node.lineGuid];
+            const lines = guids.map((guid) => linesByGuid.get(guid)).filter((x) => !!x);
+            return { node, lines };
+        });
+        const claimed = new Set(nodes.flatMap((item) => item.lines.map((line) => line.guid)));
+        const extras = (packagingEntry.lines ?? []).filter((line) => !claimed.has(line.guid));
+        if (!extras.length)
+            return nodes;
+        const dayOrderOf = (date) => trajectEntry.traject.days.find((day) => dateFns.isSameDay(new Date(day.date), new Date(date)))?.order ??
+            Math.max(dateFns.differenceInCalendarDays(new Date(date), new Date(trajectEntry.traject.startDate)), 0);
+        // One product bought once, however many option lines it took (an adult and a child ticket).
+        const grouped = new Map();
+        extras.forEach((line) => {
+            const key = `${line.productCode}|${line.from}`;
+            grouped.set(key, [...(grouped.get(key) ?? []), line]);
+        });
+        const byDay = new Map();
+        nodes.forEach((item) => byDay.set(item.node.dayOrder, [...(byDay.get(item.node.dayOrder) ?? []), item]));
+        [...grouped.values()].forEach((lines, index) => {
+            const line = lines[0];
+            const dayOrder = dayOrderOf(line.from);
+            const item = {
+                lines,
+                node: {
+                    nodeId: -(index + 1),
+                    lineGuid: line.guid,
+                    lineGuids: lines.map((x) => x.guid),
+                    dayOrder,
+                    order: Number.MAX_SAFE_INTEGER,
+                    name: line.productName,
+                    serviceType: line.serviceType,
+                    trajectNodeType: REGULAR_TRAJECT_NODE_TYPE,
+                    requirementType: 0,
+                    contentSource: 0,
+                    alternatives: [],
+                    from: line.from,
+                    to: line.to
+                }
+            };
+            const dayItems = [...(byDay.get(dayOrder) ?? [])];
+            let at = dayItems.length;
+            while (at > 0 && dayItems[at - 1].node.trajectNodeType === CONNECTING_TRAJECT_NODE_TYPE)
+                at--;
+            dayItems.splice(at, 0, item);
+            byDay.set(dayOrder, dayItems);
+        });
+        return [...byDay.keys()].sort((a, b) => a - b).flatMap((dayOrder) => byDay.get(dayOrder));
+    }, [trajectEntry, packagingEntry]);
+    const stayByDay = React.useMemo(() => {
+        const map = new Map();
+        timeline
+            .filter(({ node }) => node.trajectNodeType === REGULAR_TRAJECT_NODE_TYPE && node.serviceType === ACCOMMODATION_SERVICE_TYPE)
+            .forEach(({ node, lines }) => {
+            const line = lines[0];
+            const nights = Math.max(nightsOf(node, line), 1);
+            const name = line?.productName || node.preferredAccommodationName || node.name || '';
+            for (let night = 0; night < nights; night++)
+                map.set(node.dayOrder + night, { name, night, nights });
+        });
+        return map;
+    }, [timeline]);
+    const renderDate = (value) => (React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-date" },
+        React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-date-date" },
+            React__default["default"].createElement("strong", null, dateFns.format(new Date(value), 'd'))),
+        React__default["default"].createElement("p", null, dateFns.format(new Date(value), 'MMM'))));
+    const renderConnectingNode = ({ node }) => {
+        const distance = node.distanceInKm ? `${Math.round(node.distanceInKm)} km` : '';
+        return (React__default["default"].createElement("div", { className: "search__filter__itinerary__transport", key: `connect-${node.nodeId}` },
+            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-item" },
+                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-date" }),
+                React__default["default"].createElement("div", { className: badgeClass('transport', getTrajectNodeBadgeModifier(node)) },
+                    React__default["default"].createElement(Icon, { name: getTrajectNodeIcon(node), height: 15 })),
+                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-details" },
+                    React__default["default"].createElement("h6", null, node.name || distance),
+                    !!node.name && !!distance && React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-details-time" }, distance)))));
+    };
+    const renderOvernight = (item, index) => {
+        const { dayOrder } = item.node;
+        const closesTheDay = timeline[index + 1]?.node.dayOrder !== dayOrder;
+        const stay = stayByDay.get(dayOrder);
+        if (!closesTheDay || !stay)
+            return null;
+        return (React__default["default"].createElement("div", { className: "search__filter__itinerary__transport", key: `overnight-${item.node.nodeId}` },
+            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-item" },
+                renderDate(item.node.from),
+                React__default["default"].createElement("div", { className: badgeClass('transport', getServiceTypeBadgeModifier(ACCOMMODATION_SERVICE_TYPE)) },
+                    React__default["default"].createElement(Icon, { name: "ui-bed", height: 15 })),
+                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-details" },
+                    React__default["default"].createElement("h6", null, stay.name),
+                    React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-details-time" },
+                        stay.night + 1,
+                        " ",
+                        translations.SRP.OF,
+                        " ",
+                        stay.nights,
+                        " ",
+                        translations.SRP.NIGHTS)))));
+    };
+    const renderFlightNode = ({ node, lines }) => {
+        const line = lines[0];
+        return (React__default["default"].createElement("div", { className: "search__filter__itinerary__transport", key: `flight-${node.nodeId}` },
+            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-item" },
+                renderDate(line?.from ?? node.from),
+                React__default["default"].createElement("div", { className: badgeClass('transport', getServiceTypeBadgeModifier(FLIGHT_SERVICE_TYPE)) },
+                    React__default["default"].createElement(Icon, { name: "ui-plane", height: 15 })),
+                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-details" },
+                    React__default["default"].createElement("h6", null, line?.productName || node.name),
+                    !!getDepartureTime(line) && (React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
+                        React__default["default"].createElement("span", null,
+                            React__default["default"].createElement(Icon, { name: "ui-plane-depart", height: 14 }),
+                            " ",
+                            React__default["default"].createElement("strong", null, getDepartureTime(line))),
+                        ' ',
+                        "-",
+                        ' ',
+                        React__default["default"].createElement("span", null,
+                            React__default["default"].createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
+                            " ",
+                            React__default["default"].createElement("strong", null, getArrivalTime(line))))),
+                    !!getDuration(line) && (React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-details-time" },
+                        React__default["default"].createElement("span", null,
+                            React__default["default"].createElement(Icon, { name: "ui-clock", height: 20 }),
+                            " ",
+                            getDuration(line))))))));
+    };
+    const renderServiceNode = ({ node, lines }) => {
+        const line = lines[0];
+        const isStay = node.serviceType === ACCOMMODATION_SERVICE_TYPE;
+        const nights = isStay ? nightsOf(node, line) : 0;
+        return (React__default["default"].createElement("div", { className: "search__filter__itinerary__segments", key: `node-${node.nodeId}` },
+            React__default["default"].createElement("div", { className: "search__filter__itinerary__segments__wrapper" },
+                React__default["default"].createElement("div", { className: "search__filter__itinerary__segments-timeline" },
+                    React__default["default"].createElement("div", { className: "search__filter__itinerary__segments-timeline-line" })),
+                React__default["default"].createElement("div", { className: "search__filter__itinerary__segment" },
+                    React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-item" },
+                        React__default["default"].createElement("div", { className: `search__filter__itinerary__segment-date ${isStay && nights > 0 ? 'search__filter__itinerary__segment-nights' : ''}` }, isStay && nights > 0 ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+                            React__default["default"].createElement("p", { className: "search__filter__itinerary__segment-date-date" },
+                                React__default["default"].createElement("strong", null, nights)),
+                            React__default["default"].createElement(Icon, { name: "ui-moon", width: 16, height: 16 }))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+                            React__default["default"].createElement("p", { className: "search__filter__itinerary__segment-date-date" },
+                                React__default["default"].createElement("strong", null, dateFns.format(new Date(line?.from ?? node.from), 'd'))),
+                            React__default["default"].createElement("p", null, dateFns.format(new Date(line?.from ?? node.from), 'MMM'))))),
+                        React__default["default"].createElement("div", { className: badgeClass('segment', getTrajectNodeBadgeModifier(node)) },
+                            React__default["default"].createElement(Icon, { name: getTrajectNodeIcon(node), width: 15, height: 15 })),
+                        React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-details" },
+                            React__default["default"].createElement("h6", null, line?.productName || node.preferredAccommodationName || node.name),
+                            isStay &&
+                                lines.map((roomLine, index) => (React__default["default"].createElement(React__default["default"].Fragment, { key: roomLine.guid },
+                                    lines.length > 1 && (React__default["default"].createElement("strong", null,
+                                        translations.SHARED.ROOM,
+                                        "\u00A0",
+                                        index + 1)),
+                                    roomLine.accommodationName && (React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-details__room" },
+                                        React__default["default"].createElement(Icon, { name: "ui-bed", width: 12, height: 12 }),
+                                        roomLine.accommodationName)),
+                                    roomLine.regimeName && (React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-details__room" },
+                                        React__default["default"].createElement(Icon, { name: "ui-utensils", width: 12, height: 12 }),
+                                        roomLine.regimeName))))),
+                            !isStay && React__default["default"].createElement("p", { className: "search__filter__itinerary__segment-details-text" }, dateFns.format(new Date(line?.from ?? node.from), 'EEE. d MMM yyyy'))))))));
+    };
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, timeline.map((item, index) => {
+        if (item.node.trajectNodeType === CONNECTING_TRAJECT_NODE_TYPE) {
+            return (React__default["default"].createElement(React__default["default"].Fragment, { key: `connect-${item.node.nodeId}` },
+                renderConnectingNode(item),
+                renderOvernight(item, index)));
+        }
+        if (item.node.trajectNodeType === REGULAR_TRAJECT_NODE_TYPE && item.node.serviceType === FLIGHT_SERVICE_TYPE)
+            return renderFlightNode(item);
+        return renderServiceNode(item);
+    })));
+};
+
 const getSegmentIcon = (segment) => {
     switch (segment.serviceType) {
         case 3:
@@ -27953,116 +28579,119 @@ const Itinerary = ({ isOpen, handleSetIsOpen, isLoading, onEditAccommodation })
                                 dateFns.format(new Date(firstEntryLine.from), 'EEE. d MMM yyyy'),
                                 " - ",
                                 React__default["default"].createElement("strong", null, translations.SRP.START))))),
-                    outboundFlight && (React__default["default"].createElement("div", { className: "search__filter__itinerary__transport" },
-                        React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline" },
-                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
-                        React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-item" },
-                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-date" },
-                                React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-date-date" },
-                                    React__default["default"].createElement("strong", null, dateFns.format(new Date(outboundFlight.from), 'd'))),
-                                React__default["default"].createElement("p", null, dateFns.format(new Date(outboundFlight.from), 'MMM'))),
-                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-badge" },
-                                React__default["default"].createElement(Icon, { name: "ui-plane", height: 15 })),
-                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-details" },
-                                React__default["default"].createElement("h6", null, outboundFlight.productName),
-                                React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
-                                    React__default["default"].createElement("span", null,
-                                        React__default["default"].createElement(Icon, { name: "ui-plane-depart", height: 14 }),
-                                        " ",
-                                        React__default["default"].createElement("strong", null, getDepartureTime(outboundFlight))),
-                                    ' ',
-                                    "-",
-                                    ' ',
-                                    React__default["default"].createElement("span", null,
-                                        React__default["default"].createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
-                                        " ",
-                                        React__default["default"].createElement("strong", null, getArrivalTime(outboundFlight)))),
-                                React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-details-time" },
-                                    React__default["default"].createElement("span", null,
-                                        React__default["default"].createElement(Icon, { name: "ui-clock", height: 20 }),
-                                        " ",
-                                        getDuration(outboundFlight))))))),
-                    !lodash.isEmpty(groupedOtherSegments) &&
-                        groupedOtherSegments.map((group) => {
-                            const firstSegment = lodash.first(group.segments);
-                            if (!firstSegment)
-                                return null;
-                            return (React__default["default"].createElement("div", { className: "search__filter__itinerary__segments" },
-                                React__default["default"].createElement("div", { className: "search__filter__itinerary__segments__wrapper", key: group.key },
-                                    React__default["default"].createElement("div", { className: "search__filter__itinerary__segments-timeline" },
-                                        React__default["default"].createElement("div", { className: "search__filter__itinerary__segments-timeline-line" })),
-                                    React__default["default"].createElement("div", { className: "search__filter__itinerary__segment" },
-                                        React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-item search__filter__itinerary__segment-item--start" },
-                                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-date" },
-                                                React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-date-date" },
-                                                    React__default["default"].createElement("strong", null, dateFns.format(new Date(firstSegment.from), 'd'))),
-                                                React__default["default"].createElement("p", null, dateFns.format(new Date(firstSegment.from), 'MMM'))),
-                                            React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-badge" },
-                                                React__default["default"].createElement(Icon, { name: "ui-location", width: 15, height: 15 })),
-                                            React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-details" },
-                                                React__default["default"].createElement("h6", null,
-                                                    firstSegment.location?.name || firstSegment.oord?.name || firstSegment.region?.name,
-                                                    (firstSegment.location?.name || firstSegment.oord?.name || firstSegment.region?.name) && firstSegment.country?.name ? ', ' : '',
-                                                    firstSegment.country?.name),
-                                                React__default["default"].createElement("p", { className: "search__filter__itinerary__segment-details-text" },
-                                                    dateFns.format(new Date(firstSegment.from), 'EEE. d MMM yyyy'),
-                                                    "> ",
-                                                    dateFns.format(new Date(firstSegment.to), 'EEE. d MMM yyyy'))))),
-                                    React__default["default"].createElement("div", { className: "search__filter__itinerary__segment" },
-                                        React__default["default"].createElement("div", { className: `search__filter__itinerary__segment-item ${canEdit(firstSegment) ? 'search__filter__itinerary__segment-item--editable' : ''}`, onClick: () => {
-                                                if (canEdit(firstSegment) && onEditAccommodation) {
-                                                    onEditAccommodation(group.segments);
-                                                }
-                                            } },
-                                            React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-date search__filter__itinerary__segment-nights" }, firstSegment.serviceType === ACCOMMODATION_SERVICE_TYPE && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                                                React__default["default"].createElement("p", { className: "search__filter__itinerary__segment-date-date" },
-                                                    React__default["default"].createElement("strong", null, numberOfNights(firstSegment))),
-                                                React__default["default"].createElement(Icon, { name: "ui-moon", width: 16, height: 16 })))),
-                                            getSegmentIcon(firstSegment),
-                                            React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-details" },
-                                                React__default["default"].createElement("h6", null, getSegmentTitle(firstSegment)),
-                                                firstSegment.serviceType === ACCOMMODATION_SERVICE_TYPE &&
-                                                    group.segments.map((segment, index) => (React__default["default"].createElement(React__default["default"].Fragment, { key: segment.guid },
-                                                        React__default["default"].createElement("strong", null,
-                                                            translations.SHARED.ROOM,
-                                                            "\u00A0",
-                                                            index + 1),
-                                                        segment.productName && segment.accommodationName && (React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-details__room" },
-                                                            React__default["default"].createElement(Icon, { name: "ui-bed", width: 12, height: 12 }),
-                                                            segment.accommodationName)),
-                                                        segment.regimeName && (React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-details__room" },
-                                                            React__default["default"].createElement(Icon, { name: "ui-utensils", width: 12, height: 12 }),
-                                                            segment.regimeName)))))))))));
-                        }),
-                    returnFlight && returnFlight !== outboundFlight && (React__default["default"].createElement("div", { className: "search__filter__itinerary__transport" },
-                        React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline" },
-                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
-                        React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-item" },
-                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-date" },
-                                React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-date-date" },
-                                    React__default["default"].createElement("strong", null, dateFns.format(new Date(returnFlight.from), 'd'))),
-                                React__default["default"].createElement("p", null, dateFns.format(new Date(returnFlight.from), 'MMM'))),
-                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-badge" },
-                                React__default["default"].createElement(Icon, { name: "ui-plane", height: 15 })),
-                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-details" },
-                                React__default["default"].createElement("h6", null, returnFlight.productName),
-                                React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
-                                    React__default["default"].createElement("span", null,
-                                        React__default["default"].createElement(Icon, { name: "ui-plane-depart", height: 14 }),
-                                        " ",
-                                        React__default["default"].createElement("strong", null, getDepartureTime(returnFlight))),
-                                    ' ',
-                                    "-",
-                                    ' ',
-                                    React__default["default"].createElement("span", null,
-                                        React__default["default"].createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
-                                        " ",
-                                        React__default["default"].createElement("strong", null, getArrivalTime(returnFlight)))),
-                                React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-details-time" },
-                                    React__default["default"].createElement("span", null,
-                                        React__default["default"].createElement(Icon, { name: "ui-clock", height: 20 }),
-                                        " ",
-                                        getDuration(returnFlight))))))),
+                    context?.trajectEntry ? (React__default["default"].createElement(TrajectItinerary, { trajectEntry: context.trajectEntry, packagingEntry: packagingEntry, translations: translations })) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+                        outboundFlight && (React__default["default"].createElement("div", { className: "search__filter__itinerary__transport" },
+                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-item" },
+                                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-date" },
+                                    React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-date-date" },
+                                        React__default["default"].createElement("strong", null, dateFns.format(new Date(outboundFlight.from), 'd'))),
+                                    React__default["default"].createElement("p", null, dateFns.format(new Date(outboundFlight.from), 'MMM'))),
+                                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-badge" },
+                                    React__default["default"].createElement(Icon, { name: "ui-plane", height: 15 })),
+                                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-details" },
+                                    React__default["default"].createElement("h6", null, outboundFlight.productName),
+                                    React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
+                                        React__default["default"].createElement("span", null,
+                                            React__default["default"].createElement(Icon, { name: "ui-plane-depart", height: 14 }),
+                                            " ",
+                                            React__default["default"].createElement("strong", null, getDepartureTime(outboundFlight))),
+                                        ' ',
+                                        "-",
+                                        ' ',
+                                        React__default["default"].createElement("span", null,
+                                            React__default["default"].createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
+                                            " ",
+                                            React__default["default"].createElement("strong", null, getArrivalTime(outboundFlight)))),
+                                    React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-details-time" },
+                                        React__default["default"].createElement("span", null,
+                                            React__default["default"].createElement(Icon, { name: "ui-clock", height: 20 }),
+                                            " ",
+                                            getDuration(outboundFlight))))))),
+                        !lodash.isEmpty(groupedOtherSegments) &&
+                            groupedOtherSegments.map((group) => {
+                                const firstSegment = lodash.first(group.segments);
+                                if (!firstSegment)
+                                    return null;
+                                return (React__default["default"].createElement("div", { className: "search__filter__itinerary__segments" },
+                                    React__default["default"].createElement("div", { className: "search__filter__itinerary__segments__wrapper", key: group.key },
+                                        React__default["default"].createElement("div", { className: "search__filter__itinerary__segments-timeline" },
+                                            React__default["default"].createElement("div", { className: "search__filter__itinerary__segments-timeline-line" })),
+                                        React__default["default"].createElement("div", { className: "search__filter__itinerary__segment" },
+                                            React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-item search__filter__itinerary__segment-item--start" },
+                                                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-date" },
+                                                    React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-date-date" },
+                                                        React__default["default"].createElement("strong", null, dateFns.format(new Date(firstSegment.from), 'd'))),
+                                                    React__default["default"].createElement("p", null, dateFns.format(new Date(firstSegment.from), 'MMM'))),
+                                                React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-badge" },
+                                                    React__default["default"].createElement(Icon, { name: "ui-location", width: 15, height: 15 })),
+                                                React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-details" },
+                                                    React__default["default"].createElement("h6", null,
+                                                        firstSegment.location?.name || firstSegment.oord?.name || firstSegment.region?.name,
+                                                        (firstSegment.location?.name || firstSegment.oord?.name || firstSegment.region?.name) && firstSegment.country?.name
+                                                            ? ', '
+                                                            : '',
+                                                        firstSegment.country?.name),
+                                                    React__default["default"].createElement("p", { className: "search__filter__itinerary__segment-details-text" },
+                                                        dateFns.format(new Date(firstSegment.from), 'EEE. d MMM yyyy'),
+                                                        "> ",
+                                                        dateFns.format(new Date(firstSegment.to), 'EEE. d MMM yyyy'))))),
+                                        React__default["default"].createElement("div", { className: "search__filter__itinerary__segment" },
+                                            React__default["default"].createElement("div", { className: `search__filter__itinerary__segment-item ${canEdit(firstSegment) ? 'search__filter__itinerary__segment-item--editable' : ''}`, onClick: () => {
+                                                    if (canEdit(firstSegment) && onEditAccommodation) {
+                                                        onEditAccommodation(group.segments);
+                                                    }
+                                                } },
+                                                React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-date search__filter__itinerary__segment-nights" }, firstSegment.serviceType === ACCOMMODATION_SERVICE_TYPE && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                                                    React__default["default"].createElement("p", { className: "search__filter__itinerary__segment-date-date" },
+                                                        React__default["default"].createElement("strong", null, numberOfNights(firstSegment))),
+                                                    React__default["default"].createElement(Icon, { name: "ui-moon", width: 16, height: 16 })))),
+                                                getSegmentIcon(firstSegment),
+                                                React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-details" },
+                                                    React__default["default"].createElement("h6", null, getSegmentTitle(firstSegment)),
+                                                    firstSegment.serviceType === ACCOMMODATION_SERVICE_TYPE &&
+                                                        group.segments.map((segment, index) => (React__default["default"].createElement(React__default["default"].Fragment, { key: segment.guid },
+                                                            React__default["default"].createElement("strong", null,
+                                                                translations.SHARED.ROOM,
+                                                                "\u00A0",
+                                                                index + 1),
+                                                            segment.productName && segment.accommodationName && (React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-details__room" },
+                                                                React__default["default"].createElement(Icon, { name: "ui-bed", width: 12, height: 12 }),
+                                                                segment.accommodationName)),
+                                                            segment.regimeName && (React__default["default"].createElement("div", { className: "search__filter__itinerary__segment-details__room" },
+                                                                React__default["default"].createElement(Icon, { name: "ui-utensils", width: 12, height: 12 }),
+                                                                segment.regimeName)))))))))));
+                            }),
+                        returnFlight && returnFlight !== outboundFlight && (React__default["default"].createElement("div", { className: "search__filter__itinerary__transport" },
+                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+                            React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-item" },
+                                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-date" },
+                                    React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-date-date" },
+                                        React__default["default"].createElement("strong", null, dateFns.format(new Date(returnFlight.from), 'd'))),
+                                    React__default["default"].createElement("p", null, dateFns.format(new Date(returnFlight.from), 'MMM'))),
+                                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-badge" },
+                                    React__default["default"].createElement(Icon, { name: "ui-plane", height: 15 })),
+                                React__default["default"].createElement("div", { className: "search__filter__itinerary__transport-details" },
+                                    React__default["default"].createElement("h6", null, returnFlight.productName),
+                                    React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
+                                        React__default["default"].createElement("span", null,
+                                            React__default["default"].createElement(Icon, { name: "ui-plane-depart", height: 14 }),
+                                            " ",
+                                            React__default["default"].createElement("strong", null, getDepartureTime(returnFlight))),
+                                        ' ',
+                                        "-",
+                                        ' ',
+                                        React__default["default"].createElement("span", null,
+                                            React__default["default"].createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
+                                            " ",
+                                            React__default["default"].createElement("strong", null, getArrivalTime(returnFlight)))),
+                                    React__default["default"].createElement("p", { className: "search__filter__itinerary__transport-details-time" },
+                                        React__default["default"].createElement("span", null,
+                                            React__default["default"].createElement(Icon, { name: "ui-clock", height: 20 }),
+                                            " ",
+                                            getDuration(returnFlight))))))))),
                     lastEntryLine && (React__default["default"].createElement("div", { className: "search__filter__itinerary__country" },
                         React__default["default"].createElement("div", { className: "search__filter__itinerary__country-icon" },
                             React__default["default"].createElement(Icon, { name: "ui-flag", width: 17.5, height: 20 })),
@@ -30625,181 +31254,6 @@ const ExcursionDetails = () => {
             React__default["default"].createElement("button", { type: "button", className: "cta cta--primary", onClick: handleConfirm }, translations?.QSM.CONFIRM))));
 };
 
-const REGULAR_TRAJECT_NODE_TYPE = 0;
-const isSearchableTrajectNode = (node) => node.serviceType === ACCOMMODATION_SERVICE_TYPE || node.serviceType === EXCURSION_SERVICE_TYPE;
-const isTrajectFlightNode = (node) => node.serviceType === FLIGHT_SERVICE_TYPE;
-const getTrajectNodesWithLines = (trajectEntry) => {
-    const linesByGuid = new Map((trajectEntry.entry.lines ?? []).map((line) => [line.guid, line]));
-    return [...(trajectEntry.nodes ?? [])]
-        .sort((a, b) => a.dayOrder - b.dayOrder || a.order - b.order)
-        .map((node) => {
-        const guids = node.lineGuids?.length ? node.lineGuids : [node.lineGuid];
-        const lines = guids.map((guid) => linesByGuid.get(guid)).filter((x) => !!x);
-        return { node, line: lines[0], lines };
-    })
-        .filter((x) => !!x.line);
-};
-const buildDestination = (line) => {
-    if (line.location?.id)
-        return { id: line.location.id, isLocation: true };
-    if (line.oord?.id)
-        return { id: line.oord.id, isOord: true };
-    if (line.region?.id)
-        return { id: line.region.id, isRegion: true };
-    if (line.country?.id)
-        return { id: line.country.id, isCountry: true };
-    if (line.latitude && line.longitude)
-        return { latitude: line.latitude, longitude: line.longitude };
-    return { id: 0 };
-};
-const buildTrajectNodeRequest = ({ node, line }, context, productCode) => ({
-    transactionId: context.transactionId,
-    officeId: context.officeId,
-    agentId: context.agentId ?? null,
-    catalogueId: context.catalogueId,
-    searchConfigurationId: context.searchConfigurationId,
-    portalId: context.portalId ?? null,
-    vendorConfigurationId: node.externalVendorId ?? null,
-    language: context.language,
-    serviceType: node.serviceType,
-    fromDate: toDateOnlyString(line.from),
-    toDate: toDateOnlyString(line.to),
-    destination: buildDestination(line),
-    productCode,
-    rooms: context.rooms,
-    tagIds: []
-});
-const getNodeCandidates = (node) => {
-    const configured = (node.alternatives ?? []).filter((x) => !!x.code && x.code.trim().length > 0);
-    if (configured.length)
-        return configured;
-    const fallbackCode = node.code ?? node.preferredAccommodationCode;
-    if (!fallbackCode || !fallbackCode.trim().length)
-        return [];
-    return [
-        {
-            code: fallbackCode,
-            name: node.name,
-            description: node.description,
-            imageUrl: node.imageUrl,
-            contentSource: node.contentSource,
-            vendor: node.vendor,
-            externalVendorId: node.externalVendorId,
-            isPreferred: true
-        }
-    ];
-};
-const findCandidateForResult = (node, result) => getNodeCandidates(node).find((candidate) => matchesCode(result, candidate.code)) ?? null;
-const matchesCode = (result, code) => {
-    if (result.code === code)
-        return true;
-    return (result.rooms ?? []).some((room) => (room.options ?? []).some((option) => option.accommodationCode === code));
-};
-const getPackagingRoomsFromEntry = (entry) => {
-    const paxById = new Map((entry.pax ?? []).map((p) => [p.id, p]));
-    const rooms = (entry.rooms ?? []).map((room) => ({
-        travellers: (room.paxIds ?? []).map((paxId) => {
-            const pax = paxById.get(paxId);
-            return {
-                id: paxId,
-                age: pax?.age ?? null,
-                dateOfBirth: pax?.dateOfBirth ?? null
-            };
-        })
-    }));
-    return rooms.filter((room) => room.travellers.length > 0);
-};
-const pickCheapest = (results) => [...results].sort((a, b) => a.price - b.price)[0] ?? null;
-const applyResultToLines = (lines, result) => lines.map((line, index) => applyResultToLine(line, result, index));
-const getOptionForRoom = (result, roomIndex) => {
-    const room = (result.rooms ?? [])[roomIndex];
-    if (room)
-        return (room.options ?? []).find((x) => x.isSelected) ?? (room.options ?? [])[0];
-    return (result.rooms ?? []).flatMap((x) => x.options ?? []).find((x) => x.isSelected) ?? (result.rooms ?? [])[0]?.options?.[0];
-};
-const applyResultToLine = (line, result, roomIndex = 0) => {
-    const option = getOptionForRoom(result, roomIndex);
-    return {
-        ...line,
-        productName: result.name ?? line.productName,
-        productCode: result.code ?? line.productCode,
-        accommodationCode: option?.accommodationCode ?? line.accommodationCode,
-        accommodationName: option?.accommodationName ?? line.accommodationName,
-        regimeCode: option?.regimeCode ?? line.regimeCode,
-        regimeName: option?.regimeName ?? line.regimeName,
-        latitude: result.latitude ?? line.latitude,
-        longitude: result.longitude ?? line.longitude,
-        isChanged: true
-    };
-};
-const toDateOnlyUtcString = (value) => {
-    const date = new Date(value);
-    return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate())).toISOString();
-};
-const toTimeOnlyString = (value) => {
-    const date = new Date(value);
-    const hh = String(date.getUTCHours()).padStart(2, '0');
-    const mm = String(date.getUTCMinutes()).padStart(2, '0');
-    const ss = String(date.getUTCSeconds()).padStart(2, '0');
-    return `${hh}:${mm}:${ss}`;
-};
-const mapFlightSegmentsToFlightLines = (segments) => segments.map((segment) => ({
-    airlineCode: segment.marketingAirlineCode,
-    airlineDescription: segment.marketingAirlineName,
-    operatingAirlineCode: segment.operatingAirlineCode,
-    operatingAirlineDescription: segment.operatingAirlineName,
-    flightNumber: segment.flightNumber,
-    operatingFlightNumber: segment.operatingFlightNumber ?? null,
-    departureDate: toDateOnlyUtcString(segment.departureDateTime),
-    departureTime: toTimeOnlyString(segment.departureDateTime),
-    departureAirportCode: segment.departureAirportCode,
-    departureAirportDescription: segment.departureAirportName,
-    arrivalDate: toDateOnlyUtcString(segment.arrivalDateTime),
-    arrivalTime: toTimeOnlyString(segment.arrivalDateTime),
-    arrivalAirportCode: segment.arrivalAirportCode,
-    arrivalAirportDescription: segment.arrivalAirportName,
-    durationInTicks: segment.durationInTicks
-}));
-const buildTrajectFlightRequest = ({ node, line }, context, pax) => ({
-    transactionId: context.transactionId,
-    officeId: context.officeId,
-    catalogueId: context.catalogueId,
-    agentId: context.agentId ?? null,
-    language: context.language,
-    departureAirportCode: node.departureAirportCode ?? '',
-    arrivalAirportCode: node.arrivalAirportCode ?? '',
-    returnAirportCode: null,
-    luggageIncluded: null,
-    maxStops: null,
-    travelClass: null,
-    vendorConfigurationId: node.externalVendorId ?? null,
-    pax,
-    outward: { date: dateToDateStruct(new Date(line.from)) },
-    return: null
-});
-const pickCheapestFlight = (flights) => [...flights].sort((a, b) => a.price - b.price)[0] ?? null;
-const applyFlightToLine = (line, flight) => {
-    const segments = flight.outward?.segments ?? [];
-    if (!segments.length)
-        return line;
-    const firstSegment = segments[0];
-    const lastSegment = segments[segments.length - 1];
-    return {
-        ...line,
-        from: new Date(firstSegment.departureDateTime).toISOString(),
-        to: new Date(lastSegment.arrivalDateTime).toISOString(),
-        productName: `${firstSegment.departureAirportName} - ${lastSegment.arrivalAirportName} (${firstSegment.marketingAirlineName})`,
-        productCode: `${firstSegment.departureAirportCode} ${lastSegment.arrivalAirportCode}/${firstSegment.marketingAirlineCode}`,
-        accommodationName: firstSegment.metaData?.farePriceClassName ?? line.accommodationName,
-        accommodationCode: firstSegment.metaData?.fareCode ?? line.accommodationCode,
-        flightInformation: {
-            pnr: '',
-            flightLines: mapFlightSegmentsToFlightLines(segments)
-        },
-        isChanged: true
-    };
-};
-
 const getLocation = (result) => {
     const place = result.locationName || result.regionName || result.oordName;
     if (!place)
@@ -30814,13 +31268,12 @@ const toPlainText = (value) => {
         .replace(/\s+/g, ' ')
         .trim();
 };
-const TrajectNodeCard = ({ item, result, isSelected, languageCode, translations, onSelect, onEditOptions, showNights }) => {
-    const { node } = item;
+const TrajectNodeCard = ({ node, result, isSelected, languageCode, translations, onSelect, onEditOptions, showNights, selectLabel, selectedLabel }) => {
     const selectedPerRoom = (result.rooms ?? []).map((room) => (room.options ?? []).find((x) => x.isSelected) ?? (room.options ?? [])[0]);
     const isMultiRoom = selectedPerRoom.length > 1;
     const price = formatPrice$3(result.price, result.currencyCode, languageCode);
     const nights = calculateNights(new Date(result.fromDate), new Date(result.toDate));
-    const candidate = findCandidateForResult(node, result);
+    const candidate = node ? findCandidateForResult(node, result) : null;
     const image = candidate?.imageUrl ?? null;
     const description = toPlainText(candidate?.description);
     const title = candidate?.name ?? result.name;
@@ -30829,7 +31282,7 @@ const TrajectNodeCard = ({ item, result, isSelected, languageCode, translations,
         React__default["default"].createElement("span", { className: "search__result-card__price" }, price)));
     const canEditOptions = isSelected && !!onEditOptions && (result.rooms ?? []).some((room) => (room.options ?? []).length > 1);
     const selectButton = (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("button", { type: "button", className: `cta ${isSelected ? 'cta--selected' : 'cta--select'}`, onClick: onSelect }, isSelected ? translations?.SHARED.SELECTED : translations?.SHARED.SELECT),
+        React__default["default"].createElement("button", { type: "button", className: `cta ${isSelected ? 'cta--selected' : 'cta--select'}`, onClick: onSelect }, isSelected ? selectedLabel ?? translations?.SHARED.SELECTED : selectLabel ?? translations?.SHARED.SELECT),
         canEditOptions && (React__default["default"].createElement("button", { type: "button", className: "cta cta--secondary", onClick: onEditOptions },
             translations?.SRP.SELECT,
             " ",
@@ -30909,7 +31362,112 @@ const TrajectResultsFlyIn = ({ isLoading }) => {
                 ordered.length,
                 "\u00A0",
                 translations.SRP.TOTAL_RESULTS_LABEL)),
-        ordered.length === 0 ? (React__default["default"].createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)) : (React__default["default"].createElement("div", { className: "search__results__cards search__results__cards--compact" }, ordered.map((result) => (React__default["default"].createElement(TrajectNodeCard, { key: result.code, item: item, result: result, isSelected: result.code === availability?.selectedCode, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(result.code), showNights: item.node.serviceType === ACCOMMODATION_SERVICE_TYPE })))))));
+        ordered.length === 0 ? (React__default["default"].createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)) : (React__default["default"].createElement("div", { className: "search__results__cards" }, ordered.map((result) => (React__default["default"].createElement(TrajectNodeCard, { key: result.code, node: item.node, result: result, isSelected: result.code === availability?.selectedCode, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(result.code), showNights: item.node.serviceType === ACCOMMODATION_SERVICE_TYPE })))))));
+};
+
+/**
+ * Every flight found for one traject leg, shown in the fly-in.
+ *
+ * A one-way search can return far more options than belong in the results column, so the column
+ * keeps three and hands the rest to this list — the same shape the regular flight results use.
+ * Each leg is searched on its own, so the single leg of a result always sits in `outward`.
+ */
+const TrajectFlightsFlyIn = ({ isLoading }) => {
+    const context = React.useContext(SearchResultsConfigurationContext);
+    const dispatch = reactRedux.useDispatch();
+    const translations = getTranslations(context?.languageCode ?? 'en-GB');
+    const { trajectFlightAvailability, trajectEditLineGuid, flightsLoading } = reactRedux.useSelector((state) => state.searchResults);
+    const trajectEntry = context?.trajectEntry;
+    const item = React.useMemo(() => {
+        if (!trajectEntry || !trajectEditLineGuid)
+            return null;
+        return getTrajectNodesWithLines(trajectEntry).find((x) => x.line.guid === trajectEditLineGuid) ?? null;
+    }, [trajectEntry, trajectEditLineGuid]);
+    if (!context || !item)
+        return null;
+    const availability = trajectFlightAvailability[item.line.guid];
+    const flights = availability?.results ?? [];
+    const selectedGuid = availability?.selectedGuid;
+    const selected = flights.find((x) => x.outwardGuid === selectedGuid) ?? null;
+    const handleSelect = (outwardGuid) => {
+        const flight = flights.find((x) => x.outwardGuid === outwardGuid);
+        if (!flight)
+            return;
+        dispatch(setTrajectFlightSelection({ lineGuid: item.line.guid, guid: flight.outwardGuid }));
+        dispatch(updateEditableEntryLine(applyFlightToLine(item.line, flight)));
+        dispatch(setTrajectEditLineGuid(null));
+        dispatch(setFlyInIsOpen(false));
+    };
+    if (isLoading || flightsLoading) {
+        return React__default["default"].createElement(React__default["default"].Fragment, null, context.customSpinner ?? React__default["default"].createElement(Spinner, { label: translations.SRP.LOADING_FLIGHTS }));
+    }
+    // The picked flight stays at the top; the rest follow by price.
+    const ordered = [...flights].sort((a, b) => {
+        if (a.outwardGuid === selectedGuid)
+            return -1;
+        if (b.outwardGuid === selectedGuid)
+            return 1;
+        return a.price - b.price;
+    });
+    return (React__default["default"].createElement("div", { className: "flyin__content" },
+        React__default["default"].createElement("div", { className: "search__result-row" },
+            React__default["default"].createElement("span", { className: "search__result-row-text" },
+                ordered.length,
+                "\u00A0",
+                translations.SRP.TOTAL_RESULTS_LABEL)),
+        ordered.length === 0 ? (React__default["default"].createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)) : (React__default["default"].createElement("div", { className: "search__results__cards search__results__cards--extended" }, ordered.map((result) => (React__default["default"].createElement(IndependentFlightOption, { key: `flight-${result.outwardGuid}`, item: result.outward, guid: result.outwardGuid, selectedGuid: selectedGuid ?? undefined, isOutward: true, showSelectedState: true, price: result.price, currentSelectedPrice: selected?.price, onSelect: result.outwardGuid === selectedGuid ? undefined : () => handleSelect(result.outwardGuid) })))))));
+};
+
+const TrajectDayActivitiesFlyIn = ({ isLoading }) => {
+    const context = React.useContext(SearchResultsConfigurationContext);
+    const dispatch = reactRedux.useDispatch();
+    const translations = getTranslations(context?.languageCode ?? 'en-GB');
+    const { trajectNodeAvailability, trajectDaySuggestions, trajectActivitiesDayOrder, editablePackagingEntry } = reactRedux.useSelector((state) => state.searchResults);
+    const trajectEntry = context?.trajectEntry;
+    const items = React.useMemo(() => {
+        if (!trajectEntry || trajectActivitiesDayOrder === null)
+            return [];
+        return getTrajectNodesWithLines(trajectEntry).filter(({ node }) => node.dayOrder === trajectActivitiesDayOrder && node.trajectNodeType === REGULAR_TRAJECT_NODE_TYPE && node.serviceType === EXCURSION_SERVICE_TYPE);
+    }, [trajectEntry, trajectActivitiesDayOrder]);
+    if (!context || trajectActivitiesDayOrder === null)
+        return null;
+    const suggestions = trajectDaySuggestions[trajectActivitiesDayOrder];
+    const cards = buildDayActivityCards(items, trajectNodeAvailability, suggestions?.results ?? []);
+    const getAddedLines = (result) => (editablePackagingEntry?.lines ?? []).filter((line) => line.serviceType === EXCURSION_SERVICE_TYPE && line.productCode === result.code && dateFns.isSameDay(new Date(line.from), new Date(result.fromDate)));
+    /** Adding is not a decision that ends the list — the traveller may want several. */
+    const handleToggle = (result) => {
+        const added = getAddedLines(result);
+        if (added.length) {
+            dispatch(removeEditableEntryLines(added.map((line) => line.guid)));
+            return;
+        }
+        const lines = buildTrajectExcursionLines(result);
+        if (lines.length)
+            dispatch(addEditableEntryLines(lines));
+    };
+    /** Swapping what the traject books is one decision, so the list closes behind it. */
+    const handleSelect = ({ result, item }) => {
+        if (!item)
+            return;
+        dispatch(setTrajectNodeSelection({ lineGuid: item.line.guid, code: result.code }));
+        applyResultToLines(item.lines, result).forEach((line) => dispatch(updateEditableEntryLine(line)));
+        dispatch(setTrajectActivitiesDayOrder(null));
+        dispatch(setFlyInIsOpen(false));
+    };
+    if (isLoading || suggestions?.status === 'loading') {
+        return React__default["default"].createElement(React__default["default"].Fragment, null, context.customSpinner ?? React__default["default"].createElement(Spinner, { label: translations.SRP.LOADING_EXCURSIONS }));
+    }
+    return (React__default["default"].createElement("div", { className: "flyin__content" },
+        React__default["default"].createElement("div", { className: "search__result-row" },
+            React__default["default"].createElement("span", { className: "search__result-row-text" },
+                cards.length,
+                "\u00A0",
+                translations.SRP.TOTAL_RESULTS_LABEL)),
+        cards.length === 0 ? (React__default["default"].createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)) : (React__default["default"].createElement("div", { className: "search__results__cards" }, cards.map((card) => {
+            const { result, item } = card;
+            const isSelected = item ? trajectNodeAvailability[item.line.guid]?.selectedCode === result.code : getAddedLines(result).length > 0;
+            return (React__default["default"].createElement(TrajectNodeCard, { key: `activity-${result.code}`, node: item?.node, result: result, isSelected: isSelected, languageCode: context.languageCode, translations: translations, onSelect: () => (item ? handleSelect(card) : handleToggle(result)), selectLabel: item ? undefined : translations.SRP.ADD, selectedLabel: item ? undefined : translations.SRP.REMOVE }));
+        })))));
 };
 
 const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, detailsLoading, flyInType, isPackageEditFlow, handleConfirm, sortByTypes, activeSearchSeed, toggleFilters, filtersOpen }) => {
@@ -30984,8 +31542,8 @@ const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, details
             dispatch(setBookPackagingEntry(true));
         }
     };
-    return (React__default["default"].createElement("div", { className: `flyin ${isOpen ? 'flyin--active' : ''} ${className} ${isPackageEditFlow || flyInType === 'acco-results' ? 'flyin--large' : ''} ${flyInType === 'excursion-results' || flyInType === 'excursion-details' ? 'flyin--medium' : ''}
-      ${flyInType === 'flight-outward-results' || flyInType === 'flight-return-results' ? 'flyin--flight' : ''}` },
+    return (React__default["default"].createElement("div", { className: `flyin ${isOpen ? 'flyin--active' : ''} ${className} ${isPackageEditFlow || flyInType === 'acco-results' || flyInType === 'traject-day-activities' ? 'flyin--large' : ''} ${flyInType === 'excursion-results' || flyInType === 'excursion-details' ? 'flyin--medium' : ''}
+      ${flyInType === 'flight-outward-results' || flyInType === 'flight-return-results' || flyInType === 'traject-flight-results' ? 'flyin--flight' : ''}` },
         React__default["default"].createElement("div", { className: `flyin__panel ${isOpen ? 'flyin__panel--active' : ''}`, ref: panelRef },
             React__default["default"].createElement("div", { className: "flyin__content" },
                 React__default["default"].createElement("div", { className: "flyin__content-title-row" },
@@ -31002,6 +31560,8 @@ const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, details
                             flyInType === 'flight-return-results' &&
                             `${translations.SRP.SELECT} ${translations.FLIGHTS_FORM.RETURN_FLIGHT}`,
                         srpType === build.PortalQsmType.AccommodationAndFlight && flyInType === 'flight-details' && 'Select your fare',
+                        flyInType === 'traject-flight-results' && `${translations.SRP.SELECT} ${translations.SRP.DEPARTURE}`,
+                        flyInType === 'traject-day-activities' && translations.SRP.ACTIVITIES,
                         flyInType === 'excursion-results' || (flyInType === 'excursion-details' && 'Select excursion')),
                     React__default["default"].createElement("span", { className: "flyin__close", onClick: () => handleClose() },
                         React__default["default"].createElement(Icon, { name: "ui-close", width: 30, height: 30, "aria-hidden": "true" }))),
@@ -31011,6 +31571,8 @@ const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, details
                         "Go Back")))),
             srpType === build.PortalQsmType.Flight && React__default["default"].createElement(FlightsFlyIn, { isOpen: isOpen, setIsOpen: setIsOpen }),
             context?.trajectEntry && flyInType === 'acco-results' && React__default["default"].createElement(TrajectResultsFlyIn, { isLoading: detailsLoading }),
+            context?.trajectEntry && flyInType === 'traject-flight-results' && React__default["default"].createElement(TrajectFlightsFlyIn, { isLoading: detailsLoading }),
+            context?.trajectEntry && flyInType === 'traject-day-activities' && React__default["default"].createElement(TrajectDayActivitiesFlyIn, { isLoading: detailsLoading }),
             !context?.trajectEntry &&
                 (srpType === build.PortalQsmType.Accommodation || srpType === build.PortalQsmType.AccommodationAndFlight) &&
                 flyInType === 'acco-results' && (React__default["default"].createElement("div", { className: "flyin__content flyin__content--columns" },
@@ -33295,14 +33857,17 @@ const getNodeIcon = (node) => {
         return 'ui-bed';
     return 'ui-location';
 };
+const isRenderableNode = (node) => node.trajectNodeType === REGULAR_TRAJECT_NODE_TYPE &&
+    (node.serviceType === ACCOMMODATION_SERVICE_TYPE || node.serviceType === EXCURSION_SERVICE_TYPE || node.serviceType === FLIGHT_SERVICE_TYPE);
+const MAX_DAY_ACTIVITIES = 6;
 const TrajectResults = ({ isLoading }) => {
     const context = React.useContext(SearchResultsConfigurationContext);
     const dispatch = reactRedux.useDispatch();
     const translations = getTranslations(context?.languageCode ?? 'en-GB');
     const locale = getLocale(context?.languageCode ?? 'en-GB');
-    const { trajectNodeAvailability, trajectFlightAvailability } = reactRedux.useSelector((state) => state.searchResults);
-    const [expandedNodes, setExpandedNodes] = React.useState({});
+    const { trajectNodeAvailability, trajectFlightAvailability, trajectDaySuggestions, editablePackagingEntry } = reactRedux.useSelector((state) => state.searchResults);
     const trajectEntry = context?.trajectEntry;
+    const hideShowMoreResults = !!context?.hideShowMoreResults;
     const nodesWithLines = React.useMemo(() => (trajectEntry ? getTrajectNodesWithLines(trajectEntry) : []), [trajectEntry]);
     const lineByNodeId = React.useMemo(() => new Map(nodesWithLines.map((x) => [x.node.nodeId, x])), [nodesWithLines]);
     const nodesByDay = React.useMemo(() => {
@@ -33316,9 +33881,22 @@ const TrajectResults = ({ isLoading }) => {
         });
         return map;
     }, [trajectEntry]);
+    const { stayByDay, stayStartByNodeId } = React.useMemo(() => {
+        const byDay = new Map();
+        const byNodeId = new Map();
+        nodesWithLines
+            .filter((x) => x.node.serviceType === ACCOMMODATION_SERVICE_TYPE)
+            .forEach((item) => {
+            const nights = Math.max(dateFns.differenceInCalendarDays(new Date(item.line.to), new Date(item.line.from)), 1);
+            byNodeId.set(item.node.nodeId, { item, night: 0, nights });
+            for (let night = 0; night < nights; night++) {
+                byDay.set(item.node.dayOrder + night, { item, night, nights });
+            }
+        });
+        return { stayByDay: byDay, stayStartByNodeId: byNodeId };
+    }, [nodesWithLines]);
     if (!context || !trajectEntry)
         return null;
-    const toggleExpanded = (lineGuid) => setExpandedNodes((prev) => ({ ...prev, [lineGuid]: !prev[lineGuid] }));
     const handleSelect = (item, code) => {
         const availability = trajectNodeAvailability[item.line.guid];
         const result = availability?.results.find((x) => x.code === code);
@@ -33327,6 +33905,12 @@ const TrajectResults = ({ isLoading }) => {
         dispatch(setTrajectNodeSelection({ lineGuid: item.line.guid, code }));
         applyResultToLines(item.lines, result).forEach((line) => dispatch(updateEditableEntryLine(line)));
     };
+    /** The remaining legs for a flight node open in the fly-in, as the regular flight results do. */
+    const handleShowMoreFlights = (item) => {
+        dispatch(setTrajectEditLineGuid(item.line.guid));
+        dispatch(setFlyInType('traject-flight-results'));
+        dispatch(setFlyInIsOpen(true));
+    };
     const handleShowMore = (item) => {
         dispatch(setTrajectEditLineGuid(item.line.guid));
         dispatch(setFlyInType('acco-results'));
@@ -33343,8 +33927,41 @@ const TrajectResults = ({ isLoading }) => {
         dispatch(setFlyInType('acco-details'));
         dispatch(setFlyInIsOpen(true));
     };
-    const renderServiceNode = (item) => {
-        console.log('renderServiceNode', item);
+    const getStayLocation = (item) => {
+        const availability = trajectNodeAvailability[item.line.guid];
+        const result = availability?.results.find((x) => x.code === availability?.selectedCode);
+        return (result?.locationName ||
+            result?.oordName ||
+            result?.regionName ||
+            result?.countryName ||
+            item.line.location?.name ||
+            item.line.oord?.name ||
+            item.line.region?.name ||
+            item.line.country?.name ||
+            item.node.alternatives?.find((x) => x.isPreferred)?.city ||
+            '');
+    };
+    const getStayName = (item) => {
+        const availability = trajectNodeAvailability[item.line.guid];
+        const result = availability?.results.find((x) => x.code === availability?.selectedCode);
+        return result?.name || item.node.preferredAccommodationName || item.node.name || '';
+    };
+    const getStayTitle = (stay) => [getStayLocation(stay.item), getStayName(stay.item), `${stay.night + 1} ${translations.SRP.OF} ${stay.nights} ${translations.SRP.NIGHTS}`]
+        .filter(Boolean)
+        .join(' - ');
+    const renderDayHeader = (day, stay) => {
+        const date = new Date(day.date);
+        const title = stay ? getStayTitle(stay) : day.name;
+        return (React__default["default"].createElement("div", { className: "search__results__label search__results__label--secondary" },
+            React__default["default"].createElement("div", { className: "search__results__label__date" },
+                React__default["default"].createElement("p", { className: "search__results__label__date-date" }, dateFns.format(date, 'd', { locale })),
+                React__default["default"].createElement("p", null, dateFns.format(date, 'MMM', { locale }))),
+            React__default["default"].createElement("div", { className: "search__results__label__text" },
+                React__default["default"].createElement(Icon, { name: stay ? 'ui-bed' : 'ui-location', height: 16 }),
+                React__default["default"].createElement("h3", null,
+                    React__default["default"].createElement("strong", null, title)))));
+    };
+    const renderServiceNode = (item, showHeader = true, headerTitle) => {
         const { node, line } = item;
         const availability = trajectNodeAvailability[line.guid];
         const results = availability?.results ?? [];
@@ -33354,12 +33971,14 @@ const TrajectResults = ({ isLoading }) => {
         // No entry yet means the node's search has been queued but not dispatched — still loading.
         const status = availability?.status ?? 'loading';
         return (React__default["default"].createElement(React__default["default"].Fragment, { key: line.guid },
-            React__default["default"].createElement("div", { className: "search__results__label search__results__label--secondary" },
+            showHeader && (React__default["default"].createElement("div", { className: "search__results__label search__results__label--secondary" },
                 React__default["default"].createElement("div", { className: "search__results__label__date" },
                     React__default["default"].createElement("p", { className: "search__results__label__date-date" }, dateFns.format(new Date(line.from), 'd', { locale })),
                     React__default["default"].createElement("p", null, dateFns.format(new Date(line.from), 'MMM', { locale }))),
                 React__default["default"].createElement("div", { className: "search__results__label__text" },
-                    React__default["default"].createElement(Icon, { name: getNodeIcon(node), height: 16 }))),
+                    React__default["default"].createElement(Icon, { name: getNodeIcon(node), height: 16 }),
+                    React__default["default"].createElement("h3", null,
+                        React__default["default"].createElement("strong", null, headerTitle || node.name))))),
             status === 'loading' && (React__default["default"].createElement(Spinner, { label: node.serviceType === EXCURSION_SERVICE_TYPE ? translations.SRP.LOADING_EXCURSIONS : translations.SRP.LOADING_ACCOMMODATIONS })),
             status === 'unavailable' && React__default["default"].createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS),
             status === 'resolved' && selected && (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -33368,8 +33987,8 @@ const TrajectResults = ({ isLoading }) => {
                         node.preferredAccommodationName,
                         " \u2014 ",
                         translations.SRP.NO_RESULTS))),
-                React__default["default"].createElement("div", { className: "search__results__cards search__results__cards--compact" }, [selected, ...configured].map((result) => (React__default["default"].createElement(TrajectNodeCard, { key: result.code, item: item, result: result, isSelected: result.code === selected.code, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(item, result.code), onEditOptions: node.serviceType === ACCOMMODATION_SERVICE_TYPE ? () => handleEditOptions(item) : undefined, showNights: node.serviceType === ACCOMMODATION_SERVICE_TYPE })))),
-                others.length > 0 && (React__default["default"].createElement("div", { className: "search__results__cards__actions" },
+                React__default["default"].createElement("div", { className: "search__results__cards search__results__cards--scroll" }, [selected, ...configured].map((result) => (React__default["default"].createElement(TrajectNodeCard, { key: result.code, node: node, result: result, isSelected: result.code === selected.code, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(item, result.code), onEditOptions: node.serviceType === ACCOMMODATION_SERVICE_TYPE ? () => handleEditOptions(item) : undefined, showNights: node.serviceType === ACCOMMODATION_SERVICE_TYPE })))),
+                others.length > 0 && !hideShowMoreResults && (React__default["default"].createElement("div", { className: "search__results__cards__actions" },
                     React__default["default"].createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleShowMore(item) },
                         translations.SRP.SHOW_MORE,
                         " (",
@@ -33387,8 +34006,7 @@ const TrajectResults = ({ isLoading }) => {
         const flights = availability?.results ?? [];
         const selected = flights.find((x) => x.outwardGuid === availability?.selectedGuid) ?? null;
         const others = flights.filter((x) => x.outwardGuid !== availability?.selectedGuid);
-        const isExpanded = !!expandedNodes[line.guid];
-        const visible = isExpanded ? others : others.slice(0, 2);
+        const visible = others.slice(0, 2);
         return (React__default["default"].createElement(React__default["default"].Fragment, { key: line.guid },
             React__default["default"].createElement("div", { className: "search__results__label search__results__label--secondary" },
                 React__default["default"].createElement("div", { className: "search__results__label__date" },
@@ -33409,28 +34027,109 @@ const TrajectResults = ({ isLoading }) => {
                 React__default["default"].createElement("div", { className: "search__results__cards search__results__cards--extended" },
                     React__default["default"].createElement(IndependentFlightOption, { key: `flight-${selected.outwardGuid}`, item: selected.outward, guid: selected.outwardGuid, selectedGuid: selected.outwardGuid, isOutward: true, showSelectedState: true, price: selected.price }),
                     visible.map((result) => (React__default["default"].createElement(IndependentFlightOption, { key: `flight-${result.outwardGuid}`, item: result.outward, guid: result.outwardGuid, isOutward: true, price: result.price, currentSelectedPrice: selected.price, onSelect: () => handleSelectFlight(item, result) })))),
-                others.length > 2 && (React__default["default"].createElement("div", { className: "search__results__cards__actions" },
-                    React__default["default"].createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => toggleExpanded(line.guid) }, isExpanded ? translations.SRP.SHOW_LESS : `${translations.SRP.SHOW_MORE} (${others.length - 2})`)))))));
+                others.length > 2 && !hideShowMoreResults && (React__default["default"].createElement("div", { className: "search__results__cards__actions" },
+                    React__default["default"].createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleShowMoreFlights(item) },
+                        translations.SRP.SHOW_MORE,
+                        " (",
+                        others.length - 2,
+                        ")")))))));
+    };
+    /** The lines a suggested activity put on the entry, which is also how we know it was added. */
+    const getAddedExcursionLines = (result) => (editablePackagingEntry?.lines ?? []).filter((line) => line.serviceType === EXCURSION_SERVICE_TYPE && line.productCode === result.code && dateFns.isSameDay(new Date(line.from), new Date(result.fromDate)));
+    const handleToggleActivity = (result) => {
+        const added = getAddedExcursionLines(result);
+        if (added.length) {
+            dispatch(removeEditableEntryLines(added.map((line) => line.guid)));
+            return;
+        }
+        const lines = buildTrajectExcursionLines(result);
+        if (lines.length)
+            dispatch(addEditableEntryLines(lines));
+    };
+    const handleShowMoreActivities = (dayOrder) => {
+        dispatch(setTrajectActivitiesDayOrder(dayOrder));
+        dispatch(setFlyInType('traject-day-activities'));
+        dispatch(setFlyInIsOpen(true));
+    };
+    /** The excursion nodes the traject itself puts on a day. */
+    const getDayExcursionItems = (dayOrder) => (nodesByDay.get(dayOrder) ?? [])
+        .filter((node) => node.trajectNodeType === REGULAR_TRAJECT_NODE_TYPE && node.serviceType === EXCURSION_SERVICE_TYPE)
+        .map((node) => lineByNodeId.get(node.nodeId))
+        .filter((x) => !!x);
+    /**
+     * One block per day for everything there is to do that day.
+     *
+     * What the traject books sits first and stays selected; the rest of the day follows as things
+     * the traveller may add. They share a row because they answer the same question — an excursion
+     * on the traject and one found for the day are alternatives to each other, and a block apiece
+     * would only hide that.
+     */
+    const renderDayActivities = (day) => {
+        const items = getDayExcursionItems(day.order);
+        const suggestions = trajectDaySuggestions[day.order];
+        const cards = buildDayActivityCards(items, trajectNodeAvailability, suggestions?.results ?? []);
+        const isResolving = items.some((item) => (trajectNodeAvailability[item.line.guid]?.status ?? 'loading') === 'loading') || suggestions?.status === 'loading';
+        // A day with nothing configured and nothing found has nothing to say. A day whose own
+        // excursion came back empty does, so the gap is not passed off as a day without activities.
+        if (!cards.length && !items.length)
+            return null;
+        const visible = cards.slice(0, MAX_DAY_ACTIVITIES);
+        const hidden = cards.length - visible.length;
+        return (React__default["default"].createElement(React__default["default"].Fragment, { key: `activities-${day.order}` },
+            React__default["default"].createElement("div", { className: "search__results__label search__results__label--secondary" },
+                React__default["default"].createElement("div", { className: "search__results__label__date" },
+                    React__default["default"].createElement("p", { className: "search__results__label__date-date" }, dateFns.format(new Date(day.date), 'd', { locale })),
+                    React__default["default"].createElement("p", null, dateFns.format(new Date(day.date), 'MMM', { locale }))),
+                React__default["default"].createElement("div", { className: "search__results__label__text" },
+                    React__default["default"].createElement(Icon, { name: "ui-excursion", height: 16 }),
+                    React__default["default"].createElement("h3", null,
+                        React__default["default"].createElement("strong", null, translations.SRP.ACTIVITIES)))),
+            isResolving && !cards.length && React__default["default"].createElement(Spinner, { label: translations.SRP.LOADING_EXCURSIONS }),
+            !isResolving && !cards.length && React__default["default"].createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS),
+            !!cards.length && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("div", { className: "search__results__cards search__results__cards--scroll" }, visible.map(renderActivityCard)),
+                hidden > 0 && !hideShowMoreResults && (React__default["default"].createElement("div", { className: "search__results__cards__actions" },
+                    React__default["default"].createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleShowMoreActivities(day.order) },
+                        translations.SRP.SHOW_MORE,
+                        " (",
+                        hidden,
+                        ")")))))));
+    };
+    /**
+     * An activity the traject books is swapped for another, the way a hotel is; one the traveller
+     * found for themselves is added to the trip or taken back off it.
+     */
+    const renderActivityCard = ({ result, item }) => {
+        const isSelected = item ? trajectNodeAvailability[item.line.guid]?.selectedCode === result.code : getAddedExcursionLines(result).length > 0;
+        return (React__default["default"].createElement(TrajectNodeCard, { key: `activity-${result.code}`, node: item?.node, result: result, isSelected: isSelected, languageCode: context.languageCode, translations: translations, onSelect: () => (item ? handleSelect(item, result.code) : handleToggleActivity(result)), selectLabel: item ? undefined : translations.SRP.ADD, selectedLabel: item ? undefined : translations.SRP.REMOVE }));
     };
     if (isLoading)
         return React__default["default"].createElement(Spinner, { label: translations.SRP.LOADING_ITINERARY });
     return (React__default["default"].createElement(React__default["default"].Fragment, null, trajectEntry.traject.days.map((day) => {
-        const dayNodes = nodesByDay.get(day.order) ?? [];
-        if (!dayNodes.length)
-            return null;
-        return (React__default["default"].createElement(React__default["default"].Fragment, { key: `day-${day.order}` }, dayNodes.map((node) => {
-            if (node.serviceType !== ACCOMMODATION_SERVICE_TYPE && node.serviceType !== EXCURSION_SERVICE_TYPE && node.serviceType !== FLIGHT_SERVICE_TYPE)
-                return null;
-            // if (node.trajectNodeType === CONNECTING_TRAJECT_NODE_TYPE) return null;
-            // if (node.trajectNodeType !== REGULAR_TRAJECT_NODE_TYPE) return renderContextNode(node);
-            if (node.trajectNodeType !== REGULAR_TRAJECT_NODE_TYPE)
-                return null;
-            const item = lineByNodeId.get(node.nodeId);
-            // if (!item) return renderContextNode(node);
-            if (!item)
-                return null;
-            return isTrajectFlightNode(node) ? renderFlightNode(item) : renderServiceNode(item);
-        })));
+        const stay = stayByDay.get(day.order);
+        const dayNodes = (nodesByDay.get(day.order) ?? []).filter((node) => isRenderableNode(node) && lineByNodeId.has(node.nodeId));
+        const stayLeadsDay = !!stay && (stay.night > 0 || dayNodes[0]?.nodeId === stay.item.node.nodeId);
+        // Where the day's activities belong in the order: with the first excursion it carries.
+        const firstExcursionNodeId = dayNodes.find((node) => node.serviceType === EXCURSION_SERVICE_TYPE)?.nodeId;
+        const showDayHeader = stayLeadsDay || !!day.name?.trim();
+        return (React__default["default"].createElement(React__default["default"].Fragment, { key: `day-${day.order}` },
+            showDayHeader && renderDayHeader(day, stayLeadsDay ? stay : undefined),
+            dayNodes.map((node) => {
+                const item = lineByNodeId.get(node.nodeId);
+                if (node.serviceType === ACCOMMODATION_SERVICE_TYPE) {
+                    const stayStart = stayStartByNodeId.get(node.nodeId);
+                    const titledByDayHeader = stayLeadsDay && stay.item.node.nodeId === node.nodeId;
+                    return renderServiceNode(item, !titledByDayHeader, stayStart && getStayTitle(stayStart));
+                }
+                // Every excursion the day holds is drawn once, in one block, where the first of
+                // them falls in the order — so the activities still sit between the stay and the
+                // flight that follow them.
+                if (node.serviceType === EXCURSION_SERVICE_TYPE) {
+                    return node.nodeId === firstExcursionNodeId ? renderDayActivities(day) : null;
+                }
+                return renderFlightNode(item);
+            }),
+            firstExcursionNodeId === undefined && renderDayActivities(day)));
     })));
 };
 
@@ -33438,7 +34137,8 @@ const useTrajectAvailability = () => {
     const context = React.useContext(SearchResultsConfigurationContext);
     const dispatch = reactRedux.useDispatch();
     const trajectEntry = context?.trajectEntry;
-    const showNonPreferredItems = !!context?.showNonPreferredItems;
+    const showApiItems = !!context?.showApiItems;
+    const hideShowMoreResults = !!context?.hideShowMoreResults;
     React.useEffect(() => {
         if (!context || !trajectEntry)
             return;
@@ -33471,7 +34171,8 @@ const useTrajectAvailability = () => {
             const search = item.node.serviceType === EXCURSION_SERVICE_TYPE ? build.searchPackagingExcursions : build.searchPackagingAccommodations;
             dispatch(setTrajectNodeLoading(lineGuid));
             try {
-                const candidates = getNodeCandidates(item.node);
+                // With external items switched off the node only looks at products held inside Tide.
+                const candidates = getNodeCandidates(item.node).filter((x) => showApiItems || !isExternalCandidate(x));
                 const attempts = await Promise.all(candidates.map(async (candidate) => {
                     try {
                         const attempt = await search(config, buildTrajectNodeRequest(item, searchContext, candidate.code), controller.signal);
@@ -33488,11 +34189,16 @@ const useTrajectAvailability = () => {
                     .filter((x, i, all) => all.findIndex((y) => y.code === x.code) === i);
                 const preferredCandidate = candidates.find((x) => x.isPreferred) ?? candidates[0];
                 let preferredUnavailable = !!preferredCandidate && !configuredResults.some((x) => matchesCode(x, preferredCandidate.code));
-                const destinationResults = showNonPreferredItems
-                    ? ((await search(config, buildTrajectNodeRequest(item, searchContext, ''), controller.signal)) ?? []).filter((x) => !configuredResults.some((configured) => configured.code === x.code))
-                    : [];
-                const results = [...configuredResults, ...destinationResults];
+                // The destination search exists only to stock the show-more fly-in. With the button hidden
+                // a node is limited to its configured products; if none are available it simply reports so,
+                // rather than quietly substituting a hotel nobody configured.
+                const destinationResults = hideShowMoreResults
+                    ? []
+                    : ((await search(config, buildTrajectNodeRequest(item, searchContext, ''), controller.signal)) ?? [])
+                        .filter((x) => showApiItems || !isExternalResult(x))
+                        .filter((x) => !configuredResults.some((configured) => configured.code === x.code));
                 const picked = configuredResults[0] ?? pickCheapest(destinationResults);
+                const results = [...configuredResults, ...destinationResults];
                 if (!configuredResults.length)
                     preferredUnavailable = candidates.length > 0;
                 if (controller.signal.aborted)
@@ -33555,7 +34261,7 @@ const useTrajectAvailability = () => {
                 dispatch(removeEditableEntryLines(emptyLineGuids));
         })();
         return () => controller.abort();
-    }, [trajectEntry, showNonPreferredItems]);
+    }, [trajectEntry, showApiItems, hideShowMoreResults]);
 };
 
 const SearchResultsContainer = ({ onBookingStarted }) => {
@@ -37732,20 +38438,20 @@ function ItineraryMapView({ destinations: propDestinations, adults = 2, dateFrom
             const isStartEnd = dest.isStart || dest.isEnd;
             let iconHtml;
             if (isStartEnd) {
-                iconHtml = `
-          <div class="map-view__marker map-view__marker--plane">
-            <svg viewBox="0 0 576 512" fill="currentColor" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-              <path d="M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10.1-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.3-15.8-20.6l49-196.3L112 288 68.8 377.6c-3 6.1-9.2 10.4-16 10.4l-2.8 0c-9.2 0-16-8.8-13.3-17.6L80 256L36.7 141.6C34 132.8 40.8 124 50 124l2.8 0c6.8 0 13 4.3 16 10.4L112 224l102.9 0-49-196.3C163.5 17.3 171.2 7 181.8 7l56.2 0c11.5 0 22.1 6 27.8 16.1L365.7 192l116.6 0z"/>
-            </svg>
+                iconHtml = `
+          <div class="map-view__marker map-view__marker--plane">
+            <svg viewBox="0 0 576 512" fill="currentColor" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+              <path d="M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10.1-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.3-15.8-20.6l49-196.3L112 288 68.8 377.6c-3 6.1-9.2 10.4-16 10.4l-2.8 0c-9.2 0-16-8.8-13.3-17.6L80 256L36.7 141.6C34 132.8 40.8 124 50 124l2.8 0c6.8 0 13 4.3 16 10.4L112 224l102.9 0-49-196.3C163.5 17.3 171.2 7 181.8 7l56.2 0c11.5 0 22.1 6 27.8 16.1L365.7 192l116.6 0z"/>
+            </svg>
           </div>`;
             }
             else {
                 stopIndex++;
                 const imgStyle = dest.imageUrl ? `style="background-image:url('${dest.imageUrl}')"` : '';
-                iconHtml = `
-          <div class="map-view__marker map-view__marker--stop" ${imgStyle}>
-            ${!dest.imageUrl ? `<span class="map-view__marker-number">${stopIndex}</span>` : ''}
-            <span class="map-view__marker-badge">${stopIndex}</span>
+                iconHtml = `
+          <div class="map-view__marker map-view__marker--stop" ${imgStyle}>
+            ${!dest.imageUrl ? `<span class="map-view__marker-number">${stopIndex}</span>` : ''}
+            <span class="map-view__marker-badge">${stopIndex}</span>
           </div>`;
             }
             const icon = L.divIcon({