@qite/tide-components 1.0.4 → 1.0.7

package/build/build-esm/index.js

@@ -2,7 +2,7 @@
 import * as React from 'react';
 import React__default, { useLayoutEffect as useLayoutEffect$1, useEffect, useContext, useState, useRef, useCallback, useMemo } from 'react';
 import JsonURL from '@jsonurl/jsonurl';
-import { format as format$2, isToday, getDate, startOfWeek, startOfMonth, endOfWeek, addWeeks, endOfMonth, eachDayOfInterval, getYear, getMonth, getISOWeek, getISODay, isSameMonth, startOfDay, isAfter, isEqual, isWithinInterval, endOfDay, isBefore, isSameDay, differenceInCalendarDays, addMonths, addDays, formatISO, addYears, differenceInYears, parseISO, differenceInMinutes, parse, startOfToday, isValid } from 'date-fns';
+import { format as format$2, isToday, getDate, startOfWeek, startOfMonth, endOfWeek, addWeeks, endOfMonth, eachDayOfInterval, getYear, getMonth, getISOWeek, getISODay, isSameMonth, startOfDay, isAfter, isEqual, isWithinInterval, endOfDay, isBefore, isSameDay, differenceInCalendarDays, addMonths, addDays, formatISO, addYears, differenceInYears, parseISO, differenceInMinutes, isValid, parse, startOfToday } from 'date-fns';
 import { merge, cloneDeep, isNil, isArray as isArray$1, compact, isEmpty as isEmpty$1, range, chunk, isFunction as isFunction$1, clamp, now, omit, isPlainObject as isPlainObject$1, mapValues, pickBy, first, orderBy, uniq, uniqBy, sortBy, sum, last, findIndex as findIndex$1, set, get, isEqual as isEqual$1, groupBy, minBy, concat, flatMap } from 'lodash';
 import { arSA, da, de, enGB, es, fr, is, it, nl, nb, pl, pt, sv, ja, enUS } from 'date-fns/locale';
 import { usePopper } from 'react-popper';
@@ -409,6 +409,11 @@ var SRP$f = {
 	ACCOMMODATION: "الإقامة",
 	VIEW_DETAILS: "عرض التفاصيل",
 	NIGHTS: "ليالٍ",
+	OF: "من",
+	ADD: "إضافة",
+	REMOVE: "إزالة",
+	ACTIVITIES: "الأنشطة",
+	SHOW_ACTIVITIES: "عرض الأنشطة",
 	MORNING_RANGE: "الصباح",
 	AFTERNOON_RANGE: "بعد الظهر",
 	EVENING_RANGE: "المساء",
@@ -848,6 +853,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",
@@ -1291,6 +1301,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",
@@ -1734,6 +1749,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",
@@ -2173,6 +2193,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",
@@ -2616,6 +2641,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",
@@ -3055,6 +3085,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",
@@ -3494,6 +3529,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",
@@ -3933,6 +3973,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",
@@ -4376,6 +4421,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",
@@ -4815,6 +4865,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",
@@ -5254,6 +5309,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",
@@ -5693,6 +5753,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",
@@ -6132,6 +6197,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",
@@ -6571,6 +6641,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",
@@ -7010,6 +7085,11 @@ var SRP = {
 	ACCOMMODATION: "宿泊",
 	VIEW_DETAILS: "詳細を見る",
 	NIGHTS: "泊",
+	OF: "/",
+	ADD: "追加",
+	REMOVE: "削除",
+	ACTIVITIES: "アクティビティ",
+	SHOW_ACTIVITIES: "アクティビティを表示",
 	MORNING_RANGE: "朝",
 	AFTERNOON_RANGE: "午後",
 	EVENING_RANGE: "夕方",
@@ -16503,7 +16583,7 @@ const Icon = ({ name, className, title, width, height, fill }) => {
                 title && React__default.createElement("title", null, title),
                 React__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.createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !isEmpty$1(className)).join(' '), width: width, height: height, viewBox: "0 0 640 640", fill: fill ?? 'currentColor' },
+            return (React__default.createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !isEmpty$1(className)).join(' '), width: width, height: height, viewBox: "0 0 512 512", fill: fill ?? 'currentColor' },
                 React__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.createElement("title", null, title),
                 React__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" })));
@@ -16532,6 +16612,16 @@ const Icon = ({ name, className, title, width, height, fill }) => {
                 React__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.createElement("title", null, title),
                 React__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.createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !isEmpty$1(className)).join(' '), width: width, height: height, viewBox: "0 0 512 512", fill: fill ?? 'currentColor' },
+                title && React__default.createElement("title", null, title),
+                React__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.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.createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !isEmpty$1(className)).join(' '), width: width, height: height, viewBox: "0 0 512 512", fill: fill ?? 'currentColor' },
+                title && React__default.createElement("title", null, title),
+                React__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.createElement("path", { d: "M168 416h72l-48 64h-72l48-64zm104 0h72l48 64h-72l-48-64z", fill: "currentColor" })));
         case 'ui-ship':
             return (React__default.createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !isEmpty$1(className)).join(' '), width: width, height: height, viewBox: "0 0 640 512", fill: fill ?? 'currentColor' },
                 React__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." }),
@@ -22861,6 +22951,10 @@ const NAME_CHARACTERS_REGEX = /^[\p{L}\s-]+$/u;
 function hasInvalidNameCharacters(name) {
     return !NAME_CHARACTERS_REGEX.test(name);
 }
+// Rejects values like a 5-digit year, which the native date input allows while typing
+function isValidBirthDate(birthDateText) {
+    return isValid(parse(birthDateText, 'yyyy-MM-dd', new Date()));
+}
 function getAge(birthDateText, startDateText) {
     var birthDate = new Date(birthDateText);
     var startDate = new Date(startDateText);
@@ -22928,7 +23022,7 @@ const validateForm$1 = (values, agentRequired, bookingType, translations, formFi
             }
         }
         if (isFormFieldPresent('birthDate')) {
-            if (isEmpty$1(adult.birthDate)) {
+            if (isEmpty$1(adult.birthDate) || !isValidBirthDate(adult.birthDate)) {
                 set(errors, `rooms[${rIndex}].adults[${index}].birthDate`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.BIRTHDATE));
             }
             else if (values.endDate) {
@@ -22961,7 +23055,7 @@ const validateForm$1 = (values, agentRequired, bookingType, translations, formFi
             }
         }
         if (isFormFieldPresent('birthDate')) {
-            if (isEmpty$1(child.birthDate)) {
+            if (isEmpty$1(child.birthDate) || !isValidBirthDate(child.birthDate)) {
                 set(errors, `rooms[${rIndex}].children[${index}].birthDate`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.BIRTHDATE));
             }
             else if (child.isBaby && values.startDate) {
@@ -23186,6 +23280,13 @@ const TypeAheadInput = ({ name, value, placeholder, options, onChange, onSelect,
 function isBabyAge(age, maxBabyAge = BABY_MAX_AGE) {
     return typeof age === 'number' && age <= maxBabyAge;
 }
+// The native date input can hold values format() throws on (e.g. a 5+ digit year while typing), so never format an unvalidated birthDate
+function formatBirthDate$1(birthDate) {
+    if (!birthDate)
+        return '';
+    const parsed = parse(birthDate, 'yyyy-MM-dd', new Date());
+    return isValid(parsed) ? format$2(parsed, 'dd-MM-yyyy') : '';
+}
 function createTraveler(traveler, followNumber, personTranslation, isCompact, maxBabyAge) {
     if (isCompact) {
         return {
@@ -23493,10 +23594,7 @@ const SharedTravelersForm = ({ formik, translations, travellersSettings, countri
             !useCompactForm && (bookingType !== 'b2b' || travellersSettings?.mainBookerFormFields?.length) ? (React__default.createElement("div", { className: "form__region" },
                 React__default.createElement("div", { className: "form__region-header" },
                     React__default.createElement("h5", { className: "form__region-heading" }, translations.TRAVELERS_FORM.MAIN_BOOKER),
-                    React__default.createElement("p", { className: "form__region-label" }, compact([
-                        compact([mainBooker?.firstName, mainBooker?.lastName]).join(' '),
-                        mainBooker?.birthDate && format$2(parse(mainBooker.birthDate, 'yyyy-MM-dd', new Date()), 'dd-MM-yyyy')
-                    ]).join(', '))),
+                    React__default.createElement("p", { className: "form__region-label" }, compact([compact([mainBooker?.firstName, mainBooker?.lastName]).join(' '), formatBirthDate$1(mainBooker?.birthDate)]).join(', '))),
                 travellersSettings?.mainBookerFormFields?.length ? (React__default.createElement("div", { className: "main-booker-form__grid" }, travellersSettings.mainBookerFormFields.map((field, index) => (React__default.createElement("div", { key: index, className: `control control--${field.type}` }, getControl(field.type, {}, field.type)))))) : (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement("div", { className: "form__twocolumn" },
                         React__default.createElement("div", { className: "form__twocolumn-column" },
@@ -27341,7 +27439,10 @@ const initialState$1 = {
     currentStep: 0,
     bookingNumber: undefined,
     trajectNodeAvailability: {},
-    trajectFlightAvailability: {}
+    trajectFlightAvailability: {},
+    trajectDaySuggestions: {},
+    trajectEditLineGuid: null,
+    trajectActivitiesDayOrder: null
 };
 const searchResultsSlice = createSlice({
     name: 'searchResults',
@@ -27557,6 +27658,11 @@ const searchResultsSlice = 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;
@@ -27588,13 +27694,43 @@ const searchResultsSlice = 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];
+            if (!node)
+                return;
+            node.results = node.results.map((x) => (x.code === result.code ? result : x));
+            node.selectedCode = result.code;
+            node.status = 'resolved';
+        },
         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, 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 }) => {
@@ -27779,6 +27915,518 @@ const getDuration = (flight) => {
 const numberOfNights = (segment) => {
     return 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) => differenceInCalendarDays(new Date(line?.to ?? node.to), new Date(line?.from ?? node.from));
+const TrajectItinerary = ({ trajectEntry, packagingEntry, translations }) => {
+    const timeline = 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) => isSameDay(new Date(day.date), new Date(date)))?.order ??
+            Math.max(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 = 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.createElement("div", { className: "search__filter__itinerary__transport-date" },
+        React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
+            React__default.createElement("strong", null, format$2(new Date(value), 'd'))),
+        React__default.createElement("p", null, format$2(new Date(value), 'MMM'))));
+    const renderConnectingNode = ({ node }) => {
+        const distance = node.distanceInKm ? `${Math.round(node.distanceInKm)} km` : '';
+        return (React__default.createElement("div", { className: "search__filter__itinerary__transport", key: `connect-${node.nodeId}` },
+            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+            React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-date" }),
+                React__default.createElement("div", { className: badgeClass('transport', getTrajectNodeBadgeModifier(node)) },
+                    React__default.createElement(Icon, { name: getTrajectNodeIcon(node), height: 15 })),
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
+                    React__default.createElement("h6", null, node.name || distance),
+                    !!node.name && !!distance && React__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.createElement("div", { className: "search__filter__itinerary__transport", key: `overnight-${item.node.nodeId}` },
+            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+            React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
+                renderDate(item.node.from),
+                React__default.createElement("div", { className: badgeClass('transport', getServiceTypeBadgeModifier(ACCOMMODATION_SERVICE_TYPE)) },
+                    React__default.createElement(Icon, { name: "ui-bed", height: 15 })),
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
+                    React__default.createElement("h6", null, stay.name),
+                    React__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.createElement("div", { className: "search__filter__itinerary__transport", key: `flight-${node.nodeId}` },
+            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+            React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
+                renderDate(line?.from ?? node.from),
+                React__default.createElement("div", { className: badgeClass('transport', getServiceTypeBadgeModifier(FLIGHT_SERVICE_TYPE)) },
+                    React__default.createElement(Icon, { name: "ui-plane", height: 15 })),
+                React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
+                    React__default.createElement("h6", null, line?.productName || node.name),
+                    !!getDepartureTime(line) && (React__default.createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
+                        React__default.createElement("span", null,
+                            React__default.createElement(Icon, { name: "ui-plane-depart", height: 14 }),
+                            " ",
+                            React__default.createElement("strong", null, getDepartureTime(line))),
+                        ' ',
+                        "-",
+                        ' ',
+                        React__default.createElement("span", null,
+                            React__default.createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
+                            " ",
+                            React__default.createElement("strong", null, getArrivalTime(line))))),
+                    !!getDuration(line) && (React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" },
+                        React__default.createElement("span", null,
+                            React__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.createElement("div", { className: "search__filter__itinerary__segments", key: `node-${node.nodeId}` },
+            React__default.createElement("div", { className: "search__filter__itinerary__segments__wrapper" },
+                React__default.createElement("div", { className: "search__filter__itinerary__segments-timeline" },
+                    React__default.createElement("div", { className: "search__filter__itinerary__segments-timeline-line" })),
+                React__default.createElement("div", { className: "search__filter__itinerary__segment" },
+                    React__default.createElement("div", { className: "search__filter__itinerary__segment-item" },
+                        React__default.createElement("div", { className: `search__filter__itinerary__segment-date ${isStay && nights > 0 ? 'search__filter__itinerary__segment-nights' : ''}` }, isStay && nights > 0 ? (React__default.createElement(React__default.Fragment, null,
+                            React__default.createElement("p", { className: "search__filter__itinerary__segment-date-date" },
+                                React__default.createElement("strong", null, nights)),
+                            React__default.createElement(Icon, { name: "ui-moon", width: 16, height: 16 }))) : (React__default.createElement(React__default.Fragment, null,
+                            React__default.createElement("p", { className: "search__filter__itinerary__segment-date-date" },
+                                React__default.createElement("strong", null, format$2(new Date(line?.from ?? node.from), 'd'))),
+                            React__default.createElement("p", null, format$2(new Date(line?.from ?? node.from), 'MMM'))))),
+                        React__default.createElement("div", { className: badgeClass('segment', getTrajectNodeBadgeModifier(node)) },
+                            React__default.createElement(Icon, { name: getTrajectNodeIcon(node), width: 15, height: 15 })),
+                        React__default.createElement("div", { className: "search__filter__itinerary__segment-details" },
+                            React__default.createElement("h6", null, line?.productName || node.preferredAccommodationName || node.name),
+                            isStay &&
+                                lines.map((roomLine, index) => (React__default.createElement(React__default.Fragment, { key: roomLine.guid },
+                                    lines.length > 1 && (React__default.createElement("strong", null,
+                                        translations.SHARED.ROOM,
+                                        "\u00A0",
+                                        index + 1)),
+                                    roomLine.accommodationName && (React__default.createElement("div", { className: "search__filter__itinerary__segment-details__room" },
+                                        React__default.createElement(Icon, { name: "ui-bed", width: 12, height: 12 }),
+                                        roomLine.accommodationName)),
+                                    roomLine.regimeName && (React__default.createElement("div", { className: "search__filter__itinerary__segment-details__room" },
+                                        React__default.createElement(Icon, { name: "ui-utensils", width: 12, height: 12 }),
+                                        roomLine.regimeName))))),
+                            !isStay && React__default.createElement("p", { className: "search__filter__itinerary__segment-details-text" }, format$2(new Date(line?.from ?? node.from), 'EEE. d MMM yyyy'))))))));
+    };
+    return (React__default.createElement(React__default.Fragment, null, timeline.map((item, index) => {
+        if (item.node.trajectNodeType === CONNECTING_TRAJECT_NODE_TYPE) {
+            return (React__default.createElement(React__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:
@@ -27902,116 +28550,119 @@ const Itinerary = ({ isOpen, handleSetIsOpen, isLoading, onEditAccommodation })
                                 format$2(new Date(firstEntryLine.from), 'EEE. d MMM yyyy'),
                                 " - ",
                                 React__default.createElement("strong", null, translations.SRP.START))))),
-                    outboundFlight && (React__default.createElement("div", { className: "search__filter__itinerary__transport" },
-                        React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
-                        React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
-                                React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
-                                    React__default.createElement("strong", null, format$2(new Date(outboundFlight.from), 'd'))),
-                                React__default.createElement("p", null, format$2(new Date(outboundFlight.from), 'MMM'))),
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-badge" },
-                                React__default.createElement(Icon, { name: "ui-plane", height: 15 })),
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
-                                React__default.createElement("h6", null, outboundFlight.productName),
-                                React__default.createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
-                                    React__default.createElement("span", null,
-                                        React__default.createElement(Icon, { name: "ui-plane-depart", height: 14 }),
-                                        " ",
-                                        React__default.createElement("strong", null, getDepartureTime(outboundFlight))),
-                                    ' ',
-                                    "-",
-                                    ' ',
-                                    React__default.createElement("span", null,
-                                        React__default.createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
-                                        " ",
-                                        React__default.createElement("strong", null, getArrivalTime(outboundFlight)))),
-                                React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" },
-                                    React__default.createElement("span", null,
-                                        React__default.createElement(Icon, { name: "ui-clock", height: 20 }),
-                                        " ",
-                                        getDuration(outboundFlight))))))),
-                    !isEmpty$1(groupedOtherSegments) &&
-                        groupedOtherSegments.map((group) => {
-                            const firstSegment = first(group.segments);
-                            if (!firstSegment)
-                                return null;
-                            return (React__default.createElement("div", { className: "search__filter__itinerary__segments" },
-                                React__default.createElement("div", { className: "search__filter__itinerary__segments__wrapper", key: group.key },
-                                    React__default.createElement("div", { className: "search__filter__itinerary__segments-timeline" },
-                                        React__default.createElement("div", { className: "search__filter__itinerary__segments-timeline-line" })),
-                                    React__default.createElement("div", { className: "search__filter__itinerary__segment" },
-                                        React__default.createElement("div", { className: "search__filter__itinerary__segment-item search__filter__itinerary__segment-item--start" },
-                                            React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
-                                                React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
-                                                    React__default.createElement("strong", null, format$2(new Date(firstSegment.from), 'd'))),
-                                                React__default.createElement("p", null, format$2(new Date(firstSegment.from), 'MMM'))),
-                                            React__default.createElement("div", { className: "search__filter__itinerary__segment-badge" },
-                                                React__default.createElement(Icon, { name: "ui-location", width: 15, height: 15 })),
-                                            React__default.createElement("div", { className: "search__filter__itinerary__segment-details" },
-                                                React__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.createElement("p", { className: "search__filter__itinerary__segment-details-text" },
-                                                    format$2(new Date(firstSegment.from), 'EEE. d MMM yyyy'),
-                                                    "> ",
-                                                    format$2(new Date(firstSegment.to), 'EEE. d MMM yyyy'))))),
-                                    React__default.createElement("div", { className: "search__filter__itinerary__segment" },
-                                        React__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.createElement("div", { className: "search__filter__itinerary__segment-date search__filter__itinerary__segment-nights" }, firstSegment.serviceType === ACCOMMODATION_SERVICE_TYPE && (React__default.createElement(React__default.Fragment, null,
-                                                React__default.createElement("p", { className: "search__filter__itinerary__segment-date-date" },
-                                                    React__default.createElement("strong", null, numberOfNights(firstSegment))),
-                                                React__default.createElement(Icon, { name: "ui-moon", width: 16, height: 16 })))),
-                                            getSegmentIcon(firstSegment),
-                                            React__default.createElement("div", { className: "search__filter__itinerary__segment-details" },
-                                                React__default.createElement("h6", null, getSegmentTitle(firstSegment)),
-                                                firstSegment.serviceType === ACCOMMODATION_SERVICE_TYPE &&
-                                                    group.segments.map((segment, index) => (React__default.createElement(React__default.Fragment, { key: segment.guid },
-                                                        React__default.createElement("strong", null,
-                                                            translations.SHARED.ROOM,
-                                                            "\u00A0",
-                                                            index + 1),
-                                                        segment.productName && segment.accommodationName && (React__default.createElement("div", { className: "search__filter__itinerary__segment-details__room" },
-                                                            React__default.createElement(Icon, { name: "ui-bed", width: 12, height: 12 }),
-                                                            segment.accommodationName)),
-                                                        segment.regimeName && (React__default.createElement("div", { className: "search__filter__itinerary__segment-details__room" },
-                                                            React__default.createElement(Icon, { name: "ui-utensils", width: 12, height: 12 }),
-                                                            segment.regimeName)))))))))));
-                        }),
-                    returnFlight && returnFlight !== outboundFlight && (React__default.createElement("div", { className: "search__filter__itinerary__transport" },
-                        React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
-                        React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
-                                React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
-                                    React__default.createElement("strong", null, format$2(new Date(returnFlight.from), 'd'))),
-                                React__default.createElement("p", null, format$2(new Date(returnFlight.from), 'MMM'))),
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-badge" },
-                                React__default.createElement(Icon, { name: "ui-plane", height: 15 })),
-                            React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
-                                React__default.createElement("h6", null, returnFlight.productName),
-                                React__default.createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
-                                    React__default.createElement("span", null,
-                                        React__default.createElement(Icon, { name: "ui-plane-depart", height: 14 }),
-                                        " ",
-                                        React__default.createElement("strong", null, getDepartureTime(returnFlight))),
-                                    ' ',
-                                    "-",
-                                    ' ',
-                                    React__default.createElement("span", null,
-                                        React__default.createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
-                                        " ",
-                                        React__default.createElement("strong", null, getArrivalTime(returnFlight)))),
-                                React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" },
-                                    React__default.createElement("span", null,
-                                        React__default.createElement(Icon, { name: "ui-clock", height: 20 }),
-                                        " ",
-                                        getDuration(returnFlight))))))),
+                    context?.trajectEntry ? (React__default.createElement(TrajectItinerary, { trajectEntry: context.trajectEntry, packagingEntry: packagingEntry, translations: translations })) : (React__default.createElement(React__default.Fragment, null,
+                        outboundFlight && (React__default.createElement("div", { className: "search__filter__itinerary__transport" },
+                            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+                            React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
+                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
+                                        React__default.createElement("strong", null, format$2(new Date(outboundFlight.from), 'd'))),
+                                    React__default.createElement("p", null, format$2(new Date(outboundFlight.from), 'MMM'))),
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-badge" },
+                                    React__default.createElement(Icon, { name: "ui-plane", height: 15 })),
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
+                                    React__default.createElement("h6", null, outboundFlight.productName),
+                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
+                                        React__default.createElement("span", null,
+                                            React__default.createElement(Icon, { name: "ui-plane-depart", height: 14 }),
+                                            " ",
+                                            React__default.createElement("strong", null, getDepartureTime(outboundFlight))),
+                                        ' ',
+                                        "-",
+                                        ' ',
+                                        React__default.createElement("span", null,
+                                            React__default.createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
+                                            " ",
+                                            React__default.createElement("strong", null, getArrivalTime(outboundFlight)))),
+                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" },
+                                        React__default.createElement("span", null,
+                                            React__default.createElement(Icon, { name: "ui-clock", height: 20 }),
+                                            " ",
+                                            getDuration(outboundFlight))))))),
+                        !isEmpty$1(groupedOtherSegments) &&
+                            groupedOtherSegments.map((group) => {
+                                const firstSegment = first(group.segments);
+                                if (!firstSegment)
+                                    return null;
+                                return (React__default.createElement("div", { className: "search__filter__itinerary__segments" },
+                                    React__default.createElement("div", { className: "search__filter__itinerary__segments__wrapper", key: group.key },
+                                        React__default.createElement("div", { className: "search__filter__itinerary__segments-timeline" },
+                                            React__default.createElement("div", { className: "search__filter__itinerary__segments-timeline-line" })),
+                                        React__default.createElement("div", { className: "search__filter__itinerary__segment" },
+                                            React__default.createElement("div", { className: "search__filter__itinerary__segment-item search__filter__itinerary__segment-item--start" },
+                                                React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
+                                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
+                                                        React__default.createElement("strong", null, format$2(new Date(firstSegment.from), 'd'))),
+                                                    React__default.createElement("p", null, format$2(new Date(firstSegment.from), 'MMM'))),
+                                                React__default.createElement("div", { className: "search__filter__itinerary__segment-badge" },
+                                                    React__default.createElement(Icon, { name: "ui-location", width: 15, height: 15 })),
+                                                React__default.createElement("div", { className: "search__filter__itinerary__segment-details" },
+                                                    React__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.createElement("p", { className: "search__filter__itinerary__segment-details-text" },
+                                                        format$2(new Date(firstSegment.from), 'EEE. d MMM yyyy'),
+                                                        "> ",
+                                                        format$2(new Date(firstSegment.to), 'EEE. d MMM yyyy'))))),
+                                        React__default.createElement("div", { className: "search__filter__itinerary__segment" },
+                                            React__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.createElement("div", { className: "search__filter__itinerary__segment-date search__filter__itinerary__segment-nights" }, firstSegment.serviceType === ACCOMMODATION_SERVICE_TYPE && (React__default.createElement(React__default.Fragment, null,
+                                                    React__default.createElement("p", { className: "search__filter__itinerary__segment-date-date" },
+                                                        React__default.createElement("strong", null, numberOfNights(firstSegment))),
+                                                    React__default.createElement(Icon, { name: "ui-moon", width: 16, height: 16 })))),
+                                                getSegmentIcon(firstSegment),
+                                                React__default.createElement("div", { className: "search__filter__itinerary__segment-details" },
+                                                    React__default.createElement("h6", null, getSegmentTitle(firstSegment)),
+                                                    firstSegment.serviceType === ACCOMMODATION_SERVICE_TYPE &&
+                                                        group.segments.map((segment, index) => (React__default.createElement(React__default.Fragment, { key: segment.guid },
+                                                            React__default.createElement("strong", null,
+                                                                translations.SHARED.ROOM,
+                                                                "\u00A0",
+                                                                index + 1),
+                                                            segment.productName && segment.accommodationName && (React__default.createElement("div", { className: "search__filter__itinerary__segment-details__room" },
+                                                                React__default.createElement(Icon, { name: "ui-bed", width: 12, height: 12 }),
+                                                                segment.accommodationName)),
+                                                            segment.regimeName && (React__default.createElement("div", { className: "search__filter__itinerary__segment-details__room" },
+                                                                React__default.createElement(Icon, { name: "ui-utensils", width: 12, height: 12 }),
+                                                                segment.regimeName)))))))))));
+                            }),
+                        returnFlight && returnFlight !== outboundFlight && (React__default.createElement("div", { className: "search__filter__itinerary__transport" },
+                            React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline" },
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-timeline-line" })),
+                            React__default.createElement("div", { className: "search__filter__itinerary__transport-item" },
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-date" },
+                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-date-date" },
+                                        React__default.createElement("strong", null, format$2(new Date(returnFlight.from), 'd'))),
+                                    React__default.createElement("p", null, format$2(new Date(returnFlight.from), 'MMM'))),
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-badge" },
+                                    React__default.createElement(Icon, { name: "ui-plane", height: 15 })),
+                                React__default.createElement("div", { className: "search__filter__itinerary__transport-details" },
+                                    React__default.createElement("h6", null, returnFlight.productName),
+                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-details-plane" },
+                                        React__default.createElement("span", null,
+                                            React__default.createElement(Icon, { name: "ui-plane-depart", height: 14 }),
+                                            " ",
+                                            React__default.createElement("strong", null, getDepartureTime(returnFlight))),
+                                        ' ',
+                                        "-",
+                                        ' ',
+                                        React__default.createElement("span", null,
+                                            React__default.createElement(Icon, { name: "ui-plane-arrive", height: 14 }),
+                                            " ",
+                                            React__default.createElement("strong", null, getArrivalTime(returnFlight)))),
+                                    React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" },
+                                        React__default.createElement("span", null,
+                                            React__default.createElement(Icon, { name: "ui-clock", height: 20 }),
+                                            " ",
+                                            getDuration(returnFlight))))))))),
                     lastEntryLine && (React__default.createElement("div", { className: "search__filter__itinerary__country" },
                         React__default.createElement("div", { className: "search__filter__itinerary__country-icon" },
                             React__default.createElement(Icon, { name: "ui-flag", width: 17.5, height: 20 })),
@@ -30574,6 +31225,222 @@ const ExcursionDetails = () => {
             React__default.createElement("button", { type: "button", className: "cta cta--primary", onClick: handleConfirm }, translations?.QSM.CONFIRM))));
 };
 
+const getLocation = (result) => {
+    const place = result.locationName || result.regionName || result.oordName;
+    if (!place)
+        return result.countryName ?? '';
+    return result.countryName ? `${place}, ${result.countryName}` : place;
+};
+const toPlainText = (value) => {
+    if (!value)
+        return '';
+    return he
+        .decode(value.replace(/<[^>]*>/g, ' '))
+        .replace(/\s+/g, ' ')
+        .trim();
+};
+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 = node ? findCandidateForResult(node, result) : null;
+    const image = candidate?.imageUrl ?? null;
+    const description = toPlainText(candidate?.description);
+    const title = candidate?.name ?? result.name;
+    const priceBlock = (React__default.createElement("div", { className: "search__result-card__price__wrapper" },
+        React__default.createElement("span", { className: "search__result-card__price__label" }, translations?.SHARED.TOTAL_PRICE),
+        React__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.createElement(React__default.Fragment, null,
+        React__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.createElement("button", { type: "button", className: "cta cta--secondary", onClick: onEditOptions },
+            translations?.SRP.SELECT,
+            " ",
+            translations?.SRP.ACCOMMODATION))));
+    if (result.contents?.length) {
+        return (React__default.createElement("div", { className: `search__result-card__wrapper search__result-card__wrapper--custom ${isSelected ? 'search__result-card__wrapper--selected' : ''}` },
+            React__default.createElement("div", { className: "search__result-card__top", dangerouslySetInnerHTML: { __html: he.decode(result.contents) } }),
+            React__default.createElement("div", { className: "search__result-card__footer" }, selectButton)));
+    }
+    return (React__default.createElement("div", { className: `search__result-card__wrapper ${isSelected ? 'search__result-card__wrapper--selected' : ''}` },
+        image && (React__default.createElement("div", { className: "search__result-card__img-wrapper" },
+            React__default.createElement("img", { src: image, alt: title, className: "search__result-card__img" }),
+            priceBlock)),
+        React__default.createElement("div", { className: "search__result-card__content" },
+            React__default.createElement("div", { className: "search__result-card__content__wrapper" },
+                React__default.createElement("div", { className: "search__result-card__header" },
+                    React__default.createElement("div", { className: "search__result-card__header__wrapper" },
+                        !!result.stars && (React__default.createElement("div", { className: "rating" }, [...Array(result.stars)].map((_, index) => (React__default.createElement(Icon, { name: "ui-star", key: `rating-star-${index + 1}`, width: 14, height: 14 }))))),
+                        React__default.createElement("h3", { className: "search__result-card__title" }, title)),
+                    !image && priceBlock),
+                React__default.createElement("span", { className: "search__result-card__location" },
+                    React__default.createElement(Icon, { name: "ui-location", height: 16 }),
+                    getLocation(result)),
+                React__default.createElement("div", { className: "search__result-card__options" },
+                    showNights && nights > 0 && (React__default.createElement("div", { className: "search__result-card__option" },
+                        React__default.createElement(Icon, { name: "ui-moon", height: 16 }),
+                        nights,
+                        " ",
+                        translations?.SRP.NIGHTS)),
+                    selectedPerRoom.map((option, roomIndex) => (React__default.createElement(React__default.Fragment, { key: `room-${roomIndex}` },
+                        option?.accommodationName && (React__default.createElement("div", { className: "search__result-card__option" },
+                            React__default.createElement(Icon, { name: "ui-bed", height: 16 }),
+                            isMultiRoom && `${translations?.SHARED.ROOM} ${roomIndex + 1}: `,
+                            option.accommodationName)),
+                        option?.regimeName && (React__default.createElement("div", { className: "search__result-card__option" },
+                            React__default.createElement(Icon, { name: "ui-utensils", height: 16 }),
+                            option.regimeName)))))),
+                description && React__default.createElement("p", { className: "search__result-card__description" }, description)),
+            React__default.createElement("div", { className: "search__result-card__footer" }, selectButton))));
+};
+
+const TrajectResultsFlyIn = ({ isLoading }) => {
+    const context = useContext(SearchResultsConfigurationContext);
+    const dispatch = useDispatch();
+    const translations = getTranslations(context?.languageCode ?? 'en-GB');
+    const { trajectNodeAvailability, trajectEditLineGuid } = useSelector((state) => state.searchResults);
+    const trajectEntry = context?.trajectEntry;
+    const item = 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 = trajectNodeAvailability[item.line.guid];
+    const results = availability?.results ?? [];
+    const ordered = [...results].sort((a, b) => {
+        const aConfigured = findCandidateForResult(item.node, a) ? 0 : 1;
+        const bConfigured = findCandidateForResult(item.node, b) ? 0 : 1;
+        return aConfigured - bConfigured || a.price - b.price;
+    });
+    const handleSelect = (code) => {
+        const result = results.find((x) => x.code === code);
+        if (!result)
+            return;
+        dispatch(setTrajectNodeSelection({ lineGuid: item.line.guid, code }));
+        applyResultToLines(item.lines, result).forEach((line) => dispatch(updateEditableEntryLine(line)));
+        dispatch(setTrajectEditLineGuid(null));
+        dispatch(setFlyInIsOpen(false));
+    };
+    if (isLoading) {
+        return React__default.createElement(React__default.Fragment, null, context.customSpinner ?? React__default.createElement(Spinner, { label: translations.SRP.LOADING_ACCOMMODATIONS }));
+    }
+    return (React__default.createElement("div", { className: "flyin__content" },
+        React__default.createElement("div", { className: "search__result-row" },
+            React__default.createElement("span", { className: "search__result-row-text" },
+                ordered.length,
+                "\u00A0",
+                translations.SRP.TOTAL_RESULTS_LABEL)),
+        ordered.length === 0 ? (React__default.createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)) : (React__default.createElement("div", { className: "search__results__cards" }, ordered.map((result) => (React__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 = useContext(SearchResultsConfigurationContext);
+    const dispatch = useDispatch();
+    const translations = getTranslations(context?.languageCode ?? 'en-GB');
+    const { trajectFlightAvailability, trajectEditLineGuid, flightsLoading } = useSelector((state) => state.searchResults);
+    const trajectEntry = context?.trajectEntry;
+    const item = 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.createElement(React__default.Fragment, null, context.customSpinner ?? React__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.createElement("div", { className: "flyin__content" },
+        React__default.createElement("div", { className: "search__result-row" },
+            React__default.createElement("span", { className: "search__result-row-text" },
+                ordered.length,
+                "\u00A0",
+                translations.SRP.TOTAL_RESULTS_LABEL)),
+        ordered.length === 0 ? (React__default.createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)) : (React__default.createElement("div", { className: "search__results__cards search__results__cards--extended" }, ordered.map((result) => (React__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 = useContext(SearchResultsConfigurationContext);
+    const dispatch = useDispatch();
+    const translations = getTranslations(context?.languageCode ?? 'en-GB');
+    const { trajectNodeAvailability, trajectDaySuggestions, trajectActivitiesDayOrder, editablePackagingEntry } = useSelector((state) => state.searchResults);
+    const trajectEntry = context?.trajectEntry;
+    const items = 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 && 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.createElement(React__default.Fragment, null, context.customSpinner ?? React__default.createElement(Spinner, { label: translations.SRP.LOADING_EXCURSIONS }));
+    }
+    return (React__default.createElement("div", { className: "flyin__content" },
+        React__default.createElement("div", { className: "search__result-row" },
+            React__default.createElement("span", { className: "search__result-row-text" },
+                cards.length,
+                "\u00A0",
+                translations.SRP.TOTAL_RESULTS_LABEL)),
+        cards.length === 0 ? (React__default.createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)) : (React__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.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 }) => {
     const dispatch = useDispatch();
     const context = useContext(SearchResultsConfigurationContext);
@@ -30619,6 +31486,10 @@ const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, details
         }
     };
     const handleGoBack = () => {
+        if (context?.trajectEntry) {
+            handleClose();
+            return;
+        }
         if (flyInType === 'acco-details') {
             dispatch(setFlyInType('acco-results'));
         }
@@ -30642,8 +31513,8 @@ const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, details
             dispatch(setBookPackagingEntry(true));
         }
     };
-    return (React__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.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.createElement("div", { className: `flyin__panel ${isOpen ? 'flyin__panel--active' : ''}`, ref: panelRef },
             React__default.createElement("div", { className: "flyin__content" },
                 React__default.createElement("div", { className: "flyin__content-title-row" },
@@ -30660,6 +31531,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.createElement("span", { className: "flyin__close", onClick: () => handleClose() },
                         React__default.createElement(Icon, { name: "ui-close", width: 30, height: 30, "aria-hidden": "true" }))),
@@ -30668,7 +31541,12 @@ const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, details
                         React__default.createElement(Icon, { name: "ui-chevron", width: 14, height: 14, "aria-hidden": "true" }),
                         "Go Back")))),
             srpType === build.PortalQsmType.Flight && React__default.createElement(FlightsFlyIn, { isOpen: isOpen, setIsOpen: setIsOpen }),
-            (srpType === build.PortalQsmType.Accommodation || srpType === build.PortalQsmType.AccommodationAndFlight) && flyInType === 'acco-results' && (React__default.createElement("div", { className: "flyin__content flyin__content--columns" },
+            context?.trajectEntry && flyInType === 'acco-results' && React__default.createElement(TrajectResultsFlyIn, { isLoading: detailsLoading }),
+            context?.trajectEntry && flyInType === 'traject-flight-results' && React__default.createElement(TrajectFlightsFlyIn, { isLoading: detailsLoading }),
+            context?.trajectEntry && flyInType === 'traject-day-activities' && React__default.createElement(TrajectDayActivitiesFlyIn, { isLoading: detailsLoading }),
+            !context?.trajectEntry &&
+                (srpType === build.PortalQsmType.Accommodation || srpType === build.PortalQsmType.AccommodationAndFlight) &&
+                flyInType === 'acco-results' && (React__default.createElement("div", { className: "flyin__content flyin__content--columns" },
                 React__default.createElement(Filters, { initialFilters: initialFilters, filters: filters, isOpen: filtersOpen, handleSetIsOpen: () => toggleFilters && toggleFilters(), 
                     // handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
                     isLoading: isLoading, setFilters: (filters) => dispatch(setFilters(filters)), resetFilters: (filters) => dispatch(resetFilters(filters)) }),
@@ -32941,232 +33819,6 @@ const BookPackagingEntry = ({ activeSearchSeed, isLoading, isConfirmationPage })
             React__default.createElement(WLSidebar, { activeSearchSeed: activeSearchSeed, packagingAccoResult: selectedPackagingAccoResult }))));
 };
 
-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) => ({ node, line: linesByGuid.get(node.lineGuid) }))
-        .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 applyResultToLine = (line, result) => {
-    const option = (result.rooms ?? []).flatMap((room) => room.options ?? []).find((x) => x.isSelected) ?? (result.rooms ?? [])[0]?.options?.[0];
-    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)
-        return result.countryName ?? '';
-    return result.countryName ? `${place}, ${result.countryName}` : place;
-};
-const toPlainText = (value) => {
-    if (!value)
-        return '';
-    return he
-        .decode(value.replace(/<[^>]*>/g, ' '))
-        .replace(/\s+/g, ' ')
-        .trim();
-};
-const TrajectNodeCard = ({ item, result, isSelected, languageCode, translations, onSelect, showNights }) => {
-    const { node } = item;
-    const selectedOption = first(result.rooms)?.options?.find((x) => x.isSelected) ?? first(result.rooms)?.options?.[0];
-    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 image = candidate?.imageUrl ?? null;
-    const description = toPlainText(candidate?.description);
-    const title = candidate?.name ?? result.name;
-    const priceBlock = (React__default.createElement("div", { className: "search__result-card__price__wrapper" },
-        React__default.createElement("span", { className: "search__result-card__price__label" }, translations?.SHARED.TOTAL_PRICE),
-        React__default.createElement("span", { className: "search__result-card__price" }, price)));
-    const selectButton = (React__default.createElement("button", { type: "button", className: `cta ${isSelected ? 'cta--selected' : 'cta--select'}`, onClick: onSelect }, isSelected ? translations?.SHARED.SELECTED : translations?.SHARED.SELECT));
-    if (result.contents?.length) {
-        return (React__default.createElement("div", { className: `search__result-card__wrapper search__result-card__wrapper--custom ${isSelected ? 'search__result-card__wrapper--selected' : ''}` },
-            React__default.createElement("div", { className: "search__result-card__top", dangerouslySetInnerHTML: { __html: he.decode(result.contents) } }),
-            React__default.createElement("div", { className: "search__result-card__footer" }, selectButton)));
-    }
-    return (React__default.createElement("div", { className: `search__result-card__wrapper ${isSelected ? 'search__result-card__wrapper--selected' : ''}` },
-        image && (React__default.createElement("div", { className: "search__result-card__img-wrapper" },
-            React__default.createElement("img", { src: image, alt: title, className: "search__result-card__img" }),
-            priceBlock)),
-        React__default.createElement("div", { className: "search__result-card__content" },
-            React__default.createElement("div", { className: "search__result-card__content__wrapper" },
-                React__default.createElement("div", { className: "search__result-card__header" },
-                    React__default.createElement("div", { className: "search__result-card__header__wrapper" },
-                        !!result.stars && (React__default.createElement("div", { className: "rating" }, [...Array(result.stars)].map((_, index) => (React__default.createElement(Icon, { name: "ui-star", key: `rating-star-${index + 1}`, width: 14, height: 14 }))))),
-                        React__default.createElement("h3", { className: "search__result-card__title" }, title)),
-                    !image && priceBlock),
-                React__default.createElement("span", { className: "search__result-card__location" },
-                    React__default.createElement(Icon, { name: "ui-location", height: 16 }),
-                    getLocation(result)),
-                React__default.createElement("div", { className: "search__result-card__options" },
-                    showNights && nights > 0 && (React__default.createElement("div", { className: "search__result-card__option" },
-                        React__default.createElement(Icon, { name: "ui-moon", height: 16 }),
-                        nights,
-                        " ",
-                        translations?.SRP.NIGHTS)),
-                    selectedOption?.accommodationName && (React__default.createElement("div", { className: "search__result-card__option" },
-                        React__default.createElement(Icon, { name: "ui-bed", height: 16 }),
-                        selectedOption.accommodationName)),
-                    selectedOption?.regimeName && (React__default.createElement("div", { className: "search__result-card__option" },
-                        React__default.createElement(Icon, { name: "ui-utensils", height: 16 }),
-                        selectedOption.regimeName))),
-                description && React__default.createElement("p", { className: "search__result-card__description" }, description)),
-            React__default.createElement("div", { className: "search__result-card__footer" }, selectButton))));
-};
-
 const getNodeIcon = (node) => {
     if (isTrajectFlightNode(node))
         return 'ui-flight';
@@ -33176,14 +33828,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 = useContext(SearchResultsConfigurationContext);
     const dispatch = useDispatch();
     const translations = getTranslations(context?.languageCode ?? 'en-GB');
     const locale = getLocale(context?.languageCode ?? 'en-GB');
-    const { trajectNodeAvailability, trajectFlightAvailability } = useSelector((state) => state.searchResults);
-    const [expandedNodes, setExpandedNodes] = useState({});
+    const { trajectNodeAvailability, trajectFlightAvailability, trajectDaySuggestions, editablePackagingEntry } = useSelector((state) => state.searchResults);
     const trajectEntry = context?.trajectEntry;
+    const hideShowMoreResults = !!context?.hideShowMoreResults;
     const nodesWithLines = useMemo(() => (trajectEntry ? getTrajectNodesWithLines(trajectEntry) : []), [trajectEntry]);
     const lineByNodeId = useMemo(() => new Map(nodesWithLines.map((x) => [x.node.nodeId, x])), [nodesWithLines]);
     const nodesByDay = useMemo(() => {
@@ -33197,22 +33852,89 @@ const TrajectResults = ({ isLoading }) => {
         });
         return map;
     }, [trajectEntry]);
+    const { stayByDay, stayStartByNodeId } = useMemo(() => {
+        const byDay = new Map();
+        const byNodeId = new Map();
+        nodesWithLines
+            .filter((x) => x.node.serviceType === ACCOMMODATION_SERVICE_TYPE)
+            .forEach((item) => {
+            const nights = Math.max(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);
         if (!result)
             return;
         dispatch(setTrajectNodeSelection({ lineGuid: item.line.guid, code }));
-        dispatch(updateEditableEntryLine(applyResultToLine(item.line, result)));
+        applyResultToLines(item.lines, result).forEach((line) => dispatch(updateEditableEntryLine(line)));
     };
-    const renderServiceNode = (item) => {
-        console.log('renderServiceNode', item);
+    /** 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'));
+        dispatch(setFlyInIsOpen(true));
+    };
+    const handleEditOptions = (item) => {
+        const availability = trajectNodeAvailability[item.line.guid];
+        const result = availability?.results.find((x) => x.code === availability?.selectedCode);
+        if (!result)
+            return;
+        dispatch(setPackagingAccoSearchDetails([result]));
+        dispatch(setSelectedPackagingAccoResult(result.code));
+        dispatch(setTrajectEditLineGuid(item.line.guid));
+        dispatch(setFlyInType('acco-details'));
+        dispatch(setFlyInIsOpen(true));
+    };
+    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.createElement("div", { className: "search__results__label search__results__label--secondary" },
+            React__default.createElement("div", { className: "search__results__label__date" },
+                React__default.createElement("p", { className: "search__results__label__date-date" }, format$2(date, 'd', { locale })),
+                React__default.createElement("p", null, format$2(date, 'MMM', { locale }))),
+            React__default.createElement("div", { className: "search__results__label__text" },
+                React__default.createElement(Icon, { name: stay ? 'ui-bed' : 'ui-location', height: 16 }),
+                React__default.createElement("h3", null,
+                    React__default.createElement("strong", null, title)))));
+    };
+    const renderServiceNode = (item, showHeader = true, headerTitle) => {
         const { node, line } = item;
         const availability = trajectNodeAvailability[line.guid];
-        const isExpanded = !!expandedNodes[line.guid];
         const results = availability?.results ?? [];
         const selected = results.find((x) => x.code === availability?.selectedCode) ?? null;
         const configured = results.filter((x) => x.code !== selected?.code && !!findCandidateForResult(node, x));
@@ -33220,12 +33942,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.createElement(React__default.Fragment, { key: line.guid },
-            React__default.createElement("div", { className: "search__results__label search__results__label--secondary" },
+            showHeader && (React__default.createElement("div", { className: "search__results__label search__results__label--secondary" },
                 React__default.createElement("div", { className: "search__results__label__date" },
                     React__default.createElement("p", { className: "search__results__label__date-date" }, format$2(new Date(line.from), 'd', { locale })),
                     React__default.createElement("p", null, format$2(new Date(line.from), 'MMM', { locale }))),
                 React__default.createElement("div", { className: "search__results__label__text" },
-                    React__default.createElement(Icon, { name: getNodeIcon(node), height: 16 }))),
+                    React__default.createElement(Icon, { name: getNodeIcon(node), height: 16 }),
+                    React__default.createElement("h3", null,
+                        React__default.createElement("strong", null, headerTitle || node.name))))),
             status === 'loading' && (React__default.createElement(Spinner, { label: node.serviceType === EXCURSION_SERVICE_TYPE ? translations.SRP.LOADING_EXCURSIONS : translations.SRP.LOADING_ACCOMMODATIONS })),
             status === 'unavailable' && React__default.createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS),
             status === 'resolved' && selected && (React__default.createElement(React__default.Fragment, null,
@@ -33234,9 +33958,13 @@ const TrajectResults = ({ isLoading }) => {
                         node.preferredAccommodationName,
                         " \u2014 ",
                         translations.SRP.NO_RESULTS))),
-                React__default.createElement("div", { className: "search__results__cards search__results__cards--extended" }, [selected, ...configured, ...(isExpanded ? others : [])].map((result) => (React__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), showNights: node.serviceType === ACCOMMODATION_SERVICE_TYPE })))),
-                others.length > 0 && (React__default.createElement("div", { className: "search__results__cards__actions" },
-                    React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => toggleExpanded(line.guid) }, isExpanded ? translations.SRP.SHOW_LESS : `${translations.SRP.SHOW_MORE} (${others.length})`)))))));
+                React__default.createElement("div", { className: "search__results__cards search__results__cards--scroll" }, [selected, ...configured].map((result) => (React__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.createElement("div", { className: "search__results__cards__actions" },
+                    React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleShowMore(item) },
+                        translations.SRP.SHOW_MORE,
+                        " (",
+                        others.length,
+                        ")")))))));
     };
     const handleSelectFlight = (item, flight) => {
         dispatch(setTrajectFlightSelection({ lineGuid: item.line.guid, guid: flight.outwardGuid }));
@@ -33249,8 +33977,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.createElement(React__default.Fragment, { key: line.guid },
             React__default.createElement("div", { className: "search__results__label search__results__label--secondary" },
                 React__default.createElement("div", { className: "search__results__label__date" },
@@ -33271,26 +33998,109 @@ const TrajectResults = ({ isLoading }) => {
                 React__default.createElement("div", { className: "search__results__cards search__results__cards--extended" },
                     React__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.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.createElement("div", { className: "search__results__cards__actions" },
-                    React__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.createElement("div", { className: "search__results__cards__actions" },
+                    React__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 && 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.createElement(React__default.Fragment, { key: `activities-${day.order}` },
+            React__default.createElement("div", { className: "search__results__label search__results__label--secondary" },
+                React__default.createElement("div", { className: "search__results__label__date" },
+                    React__default.createElement("p", { className: "search__results__label__date-date" }, format$2(new Date(day.date), 'd', { locale })),
+                    React__default.createElement("p", null, format$2(new Date(day.date), 'MMM', { locale }))),
+                React__default.createElement("div", { className: "search__results__label__text" },
+                    React__default.createElement(Icon, { name: "ui-excursion", height: 16 }),
+                    React__default.createElement("h3", null,
+                        React__default.createElement("strong", null, translations.SRP.ACTIVITIES)))),
+            isResolving && !cards.length && React__default.createElement(Spinner, { label: translations.SRP.LOADING_EXCURSIONS }),
+            !isResolving && !cards.length && React__default.createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS),
+            !!cards.length && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement("div", { className: "search__results__cards search__results__cards--scroll" }, visible.map(renderActivityCard)),
+                hidden > 0 && !hideShowMoreResults && (React__default.createElement("div", { className: "search__results__cards__actions" },
+                    React__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.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.createElement(Spinner, { label: translations.SRP.LOADING_ITINERARY });
     return (React__default.createElement(React__default.Fragment, null, trajectEntry.traject.days.map((day) => {
-        const dayNodes = nodesByDay.get(day.order) ?? [];
-        if (!dayNodes.length)
-            return null;
-        return (React__default.createElement(React__default.Fragment, { key: `day-${day.order}` }, dayNodes.map((node) => {
-            // 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.createElement(React__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)));
     })));
 };
 
@@ -33298,6 +34108,8 @@ const useTrajectAvailability = () => {
     const context = useContext(SearchResultsConfigurationContext);
     const dispatch = useDispatch();
     const trajectEntry = context?.trajectEntry;
+    const showApiItems = !!context?.showApiItems;
+    const hideShowMoreResults = !!context?.hideShowMoreResults;
     useEffect(() => {
         if (!context || !trajectEntry)
             return;
@@ -33330,7 +34142,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);
@@ -33342,18 +34155,25 @@ const useTrajectAvailability = () => {
                         return null;
                     }
                 }));
-                let results = attempts.filter((x) => !!x).filter((x, i, all) => all.findIndex((y) => y.code === x.code) === i);
-                let picked = results[0] ?? null;
+                const configuredResults = attempts
+                    .filter((x) => !!x)
+                    .filter((x, i, all) => all.findIndex((y) => y.code === x.code) === i);
                 const preferredCandidate = candidates.find((x) => x.isPreferred) ?? candidates[0];
-                let preferredUnavailable = !!preferredCandidate && !results.some((x) => matchesCode(x, preferredCandidate.code));
-                // Nothing configured was available — fall back to the cheapest result in the destination.
-                if (!picked) {
-                    results = (await search(config, buildTrajectNodeRequest(item, searchContext, ''), controller.signal)) ?? [];
-                    picked = pickCheapest(results);
+                let preferredUnavailable = !!preferredCandidate && !configuredResults.some((x) => matchesCode(x, preferredCandidate.code));
+                // 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)
-                    return null;
+                    return [];
                 dispatch(setTrajectNodeAvailability({
                     lineGuid,
                     results,
@@ -33361,58 +34181,58 @@ const useTrajectAvailability = () => {
                     preferredUnavailable
                 }));
                 if (!picked)
-                    return lineGuid;
-                dispatch(updateEditableEntryLine(applyResultToLine(item.line, picked)));
-                return null;
+                    return item.lines.map((x) => x.guid);
+                applyResultToLines(item.lines, picked).forEach((line) => dispatch(updateEditableEntryLine(line)));
+                return [];
             }
             catch (error) {
                 if (controller.signal.aborted)
-                    return null;
+                    return [];
                 console.error('Failed to resolve traject node availability', item.node.name, error);
                 dispatch(setTrajectNodeAvailability({ lineGuid, results: [], selectedCode: null, preferredUnavailable: false }));
-                return lineGuid;
+                return item.lines.map((x) => x.guid);
             }
         };
         const resolveFlightNode = async (item) => {
             const lineGuid = item.line.guid;
             if (!item.node.departureAirportCode || !item.node.arrivalAirportCode) {
                 dispatch(setTrajectFlightAvailability({ lineGuid, results: [], selectedGuid: null }));
-                return lineGuid;
+                return item.lines.map((x) => x.guid);
             }
             dispatch(setTrajectFlightLoading(lineGuid));
             try {
                 const flights = (await build.searchPackagingFlights(config, buildTrajectFlightRequest(item, searchContext, flightPax), controller.signal)) ?? [];
                 if (controller.signal.aborted)
-                    return null;
+                    return [];
                 const picked = pickCheapestFlight(flights);
                 dispatch(setTrajectFlightAvailability({ lineGuid, results: flights, selectedGuid: picked?.outwardGuid ?? null }));
                 if (!picked)
-                    return lineGuid;
+                    return item.lines.map((x) => x.guid);
                 dispatch(updateEditableEntryLine(applyFlightToLine(item.line, picked)));
-                return null;
+                return [];
             }
             catch (error) {
                 if (controller.signal.aborted)
-                    return null;
+                    return [];
                 console.error('Failed to resolve traject flight', item.node.name, error);
                 dispatch(setTrajectFlightAvailability({ lineGuid, results: [], selectedGuid: null }));
-                return lineGuid;
+                return item.lines.map((x) => x.guid);
             }
         };
         (async () => {
             const searchable = nodesWithLines.filter((x) => isSearchableTrajectNode(x.node));
             const flightNodes = nodesWithLines.filter((x) => isTrajectFlightNode(x.node));
-            const unresolved = await Promise.all([...searchable.map(resolveNode), ...flightNodes.map(resolveFlightNode)]);
+            const unresolved = (await Promise.all([...searchable.map(resolveNode), ...flightNodes.map(resolveFlightNode)])).flat();
             if (controller.signal.aborted)
                 return;
             // A node with no availability anywhere cannot be priced or booked, so its line comes off
             // the entry. The card stays visible and reports the gap.
-            const emptyLineGuids = unresolved.filter((guid) => !!guid);
+            const emptyLineGuids = unresolved.filter(Boolean);
             if (emptyLineGuids.length)
                 dispatch(removeEditableEntryLines(emptyLineGuids));
         })();
         return () => controller.abort();
-    }, [trajectEntry]);
+    }, [trajectEntry, showApiItems, hideShowMoreResults]);
 };
 
 const SearchResultsContainer = ({ onBookingStarted }) => {
@@ -33420,7 +34240,7 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
     const dispatch = useDispatch();
     const context = useContext(SearchResultsConfigurationContext);
     const translations = getTranslations(context?.languageCode ?? 'en-GB');
-    const { results, filteredResults, packagingAccoResults, filteredPackagingAccoResults, isLoading, flightsLoading, initialFilters, filters, flightFilters, selectedSortType, selectedFlightSortType, selectedSearchResult, selectedPackagingAccoResultCode, flyInIsOpen, packagingAccoSearchDetails, editablePackagingEntry, transactionId, flyInType, packagingFlightResults, confirmedExcursionsByDay, bookPackagingEntry } = useSelector((state) => state.searchResults);
+    const { results, filteredResults, packagingAccoResults, filteredPackagingAccoResults, isLoading, flightsLoading, initialFilters, filters, flightFilters, selectedSortType, selectedFlightSortType, selectedSearchResult, selectedPackagingAccoResultCode, flyInIsOpen, packagingAccoSearchDetails, editablePackagingEntry, transactionId, flyInType, packagingFlightResults, confirmedExcursionsByDay, bookPackagingEntry, trajectEditLineGuid } = useSelector((state) => state.searchResults);
     const isMobile = useMediaQuery('(max-width: 1200px)');
     // Resolves live availability per traject node; no-op unless a traject entry is configured.
     useTrajectAvailability();
@@ -33709,6 +34529,20 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
         setDetailsIsLoading(false);
     };
     const handleConfirmHotelSwap = () => {
+        if (context?.trajectEntry && trajectEditLineGuid) {
+            const item = getTrajectNodesWithLines(context.trajectEntry).find((x) => x.line.guid === trajectEditLineGuid);
+            const result = packagingAccoSearchDetails.find((x) => x.code === selectedPackagingAccoResultCode);
+            if (item && result) {
+                const currentLines = item.lines
+                    .map((line) => editablePackagingEntry?.lines?.find((x) => x.guid === line.guid))
+                    .filter((x) => !!x);
+                applyResultToLines(currentLines, result).forEach((line) => dispatch(updateEditableEntryLine(line)));
+                dispatch(updateTrajectNodeResult({ lineGuid: trajectEditLineGuid, result }));
+            }
+            dispatch(setTrajectEditLineGuid(null));
+            handleFlyInToggle(false);
+            return;
+        }
         const updatedEntry = swapHotelInPackagingEntry();
         if (!updatedEntry)
             return;
@@ -34057,6 +34891,10 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
         const fetchPackagingAccoSearchDetails = async () => {
             if (!selectedPackagingAccoResultCode || !context)
                 return;
+            // A traject node already resolved its own availability, options per room included, and hands
+            // that result straight to the fly-in.
+            if (context.trajectEntry)
+                return;
             if (skipInitialPackagingAccoDetailsRef.current) {
                 skipInitialPackagingAccoDetailsRef.current = false;
                 return;