@qite/tide-components 1.0.8 → 1.0.9

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, isValid, parse, startOfToday } from 'date-fns';
+import { format as format$2, isToday, getDate, startOfWeek, startOfMonth, endOfWeek, addWeeks, endOfMonth, eachDayOfInterval, getYear, getMonth, getISOWeek, getISODay, isSameMonth, startOfDay, isAfter, isSameDay, isEqual, isWithinInterval, endOfDay, isBefore, 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';
@@ -388,6 +388,8 @@ var SRP$f = {
 	DEPARTURE_ASC: "تاريخ المغادرة (الأقرب أولاً)",
 	FILTERS: "عوامل التصفية",
 	SHOW_ITINERARY: "عرض خط سير الرحلة",
+	VIEW_FULL_ITINERARY: "عرض خط السير الكامل",
+	SHOW_SERVICES: "عرض الخدمات",
 	VIEW_BOOKING: "عرض الحجز",
 	ITINERARY_TITLE: "ملخص رحلتك",
 	DOSSIER_NUMBER: "رقم الملف",
@@ -833,6 +835,8 @@ var SRP$e = {
 	DEPARTURE_ASC: "Afrejsedato (snarest først)",
 	FILTERS: "Filtre",
 	SHOW_ITINERARY: "Vis rejseplan",
+	VIEW_FULL_ITINERARY: "Se hele rejseplanen",
+	SHOW_SERVICES: "Vis ydelser",
 	VIEW_BOOKING: "Se booking",
 	ITINERARY_TITLE: "Din rejseoversigt",
 	DOSSIER_NUMBER: "Sagsnummer",
@@ -1282,6 +1286,8 @@ var SRP$d = {
 	DEPARTURE_ASC: "Abreisedatum (früheste zuerst)",
 	FILTERS: "Filter",
 	SHOW_ITINERARY: "Reiseverlauf anzeigen",
+	VIEW_FULL_ITINERARY: "Vollständigen Reiseverlauf ansehen",
+	SHOW_SERVICES: "Leistungen anzeigen",
 	VIEW_BOOKING: "Buchung anzeigen",
 	ITINERARY_TITLE: "Ihre Reiseübersicht",
 	DOSSIER_NUMBER: "Vorgangsnummer",
@@ -1731,6 +1737,8 @@ var SRP$c = {
 	DEPARTURE_ASC: "Departure date (soonest first)",
 	FILTERS: "Filters",
 	SHOW_ITINERARY: "Show itinerary",
+	VIEW_FULL_ITINERARY: "View full itinerary",
+	SHOW_SERVICES: "Show services",
 	VIEW_BOOKING: "View booking",
 	ITINERARY_TITLE: "Your trip summary",
 	DOSSIER_NUMBER: "File number",
@@ -2176,6 +2184,8 @@ var SRP$b = {
 	DEPARTURE_ASC: "Fecha de salida (más próxima primero)",
 	FILTERS: "Filtros",
 	SHOW_ITINERARY: "Mostrar itinerario",
+	VIEW_FULL_ITINERARY: "Ver itinerario completo",
+	SHOW_SERVICES: "Ver servicios",
 	VIEW_BOOKING: "Ver reserva",
 	ITINERARY_TITLE: "Resumen de tu viaje",
 	DOSSIER_NUMBER: "Número de expediente",
@@ -2625,6 +2635,8 @@ var SRP$a = {
 	DEPARTURE_ASC: "Date de départ (la plus proche d’abord)",
 	FILTERS: "Filtres",
 	SHOW_ITINERARY: "Afficher l’itinéraire",
+	VIEW_FULL_ITINERARY: "Voir l'itinéraire complet",
+	SHOW_SERVICES: "Voir les services",
 	VIEW_BOOKING: "Voir la réservation",
 	ITINERARY_TITLE: "Résumé de votre voyage",
 	DOSSIER_NUMBER: "Numéro de dossier",
@@ -3070,6 +3082,8 @@ var SRP$9 = {
 	DEPARTURE_ASC: "Date de départ (la plus proche d’abord)",
 	FILTERS: "Filtres",
 	SHOW_ITINERARY: "Afficher l’itinéraire",
+	VIEW_FULL_ITINERARY: "Voir l'itinéraire complet",
+	SHOW_SERVICES: "Voir les services",
 	VIEW_BOOKING: "Voir la réservation",
 	ITINERARY_TITLE: "Résumé de votre voyage",
 	DOSSIER_NUMBER: "Numéro de dossier",
@@ -3515,6 +3529,8 @@ var SRP$8 = {
 	DEPARTURE_ASC: "Brottfarardagur (nærst fyrst)",
 	FILTERS: "Síur",
 	SHOW_ITINERARY: "Sýna ferðaráætlun",
+	VIEW_FULL_ITINERARY: "Skoða alla ferðaáætlunina",
+	SHOW_SERVICES: "Sýna þjónustu",
 	VIEW_BOOKING: "Skoða bókun",
 	ITINERARY_TITLE: "Yfirlit ferðarinnar",
 	DOSSIER_NUMBER: "Skrárnúmer",
@@ -3960,6 +3976,8 @@ var SRP$7 = {
 	DEPARTURE_ASC: "Data di partenza (prima la più vicina)",
 	FILTERS: "Filtri",
 	SHOW_ITINERARY: "Mostra itinerario",
+	VIEW_FULL_ITINERARY: "Vedi l'itinerario completo",
+	SHOW_SERVICES: "Mostra i servizi",
 	VIEW_BOOKING: "Visualizza prenotazione",
 	ITINERARY_TITLE: "Riepilogo del tuo viaggio",
 	DOSSIER_NUMBER: "Numero di pratica",
@@ -4409,6 +4427,8 @@ var SRP$6 = {
 	DEPARTURE_ASC: "Vertrekdatum (dichtstbij eerst)",
 	FILTERS: "Filters",
 	SHOW_ITINERARY: "Toon reisplan",
+	VIEW_FULL_ITINERARY: "Bekijk volledige reisroute",
+	SHOW_SERVICES: "Toon diensten",
 	VIEW_BOOKING: "Bekijk boeking",
 	ITINERARY_TITLE: "Overzicht van je reis",
 	DOSSIER_NUMBER: "Dossiernummer",
@@ -4854,6 +4874,8 @@ var SRP$5 = {
 	DEPARTURE_ASC: "Vertrekdatum (dichtstbij eerst)",
 	FILTERS: "Filters",
 	SHOW_ITINERARY: "Toon reisplan",
+	VIEW_FULL_ITINERARY: "Bekijk volledige reisroute",
+	SHOW_SERVICES: "Toon diensten",
 	VIEW_BOOKING: "Bekijk boeking",
 	ITINERARY_TITLE: "Overzicht van je reis",
 	DOSSIER_NUMBER: "Dossiernummer",
@@ -5299,6 +5321,8 @@ var SRP$4 = {
 	DEPARTURE_ASC: "Avreisedato (nærmeste først)",
 	FILTERS: "Filtre",
 	SHOW_ITINERARY: "Vis reiserute",
+	VIEW_FULL_ITINERARY: "Se hele reiseruten",
+	SHOW_SERVICES: "Vis tjenester",
 	VIEW_BOOKING: "Se bestilling",
 	ITINERARY_TITLE: "Din reisemåloversikt",
 	DOSSIER_NUMBER: "Saksnummer",
@@ -5744,6 +5768,8 @@ var SRP$3 = {
 	DEPARTURE_ASC: "Data wyjazdu (najbliższa najpierw)",
 	FILTERS: "Filtry",
 	SHOW_ITINERARY: "Pokaż plan podróży",
+	VIEW_FULL_ITINERARY: "Zobacz pełny plan podróży",
+	SHOW_SERVICES: "Pokaż usługi",
 	VIEW_BOOKING: "Zobacz rezerwację",
 	ITINERARY_TITLE: "Podsumowanie Twojej podróży",
 	DOSSIER_NUMBER: "Numer pliku",
@@ -6189,6 +6215,8 @@ var SRP$2 = {
 	DEPARTURE_ASC: "Data de partida (mais próxima primeiro)",
 	FILTERS: "Filtros",
 	SHOW_ITINERARY: "Mostrar itinerário",
+	VIEW_FULL_ITINERARY: "Ver itinerário completo",
+	SHOW_SERVICES: "Ver serviços",
 	VIEW_BOOKING: "Ver reserva",
 	ITINERARY_TITLE: "Resumo da sua viagem",
 	DOSSIER_NUMBER: "Número do processo",
@@ -6634,6 +6662,8 @@ var SRP$1 = {
 	DEPARTURE_ASC: "Avresedatum (närmast först)",
 	FILTERS: "Filter",
 	SHOW_ITINERARY: "Visa resplan",
+	VIEW_FULL_ITINERARY: "Visa hela resplanen",
+	SHOW_SERVICES: "Visa tjänster",
 	VIEW_BOOKING: "Visa bokning",
 	ITINERARY_TITLE: "Din resesammanfattning",
 	DOSSIER_NUMBER: "Filnummer",
@@ -7079,6 +7109,8 @@ var SRP = {
 	DEPARTURE_ASC: "出発日（早い順）",
 	FILTERS: "フィルター",
 	SHOW_ITINERARY: "旅程を表示",
+	VIEW_FULL_ITINERARY: "旅程の詳細を見る",
+	SHOW_SERVICES: "サービスを表示",
 	VIEW_BOOKING: "予約を見る",
 	ITINERARY_TITLE: "あなたの旅行概要",
 	DOSSIER_NUMBER: "ファイル番号",
@@ -7788,6 +7820,33 @@ var TrajectNodeType = {
   subroute: 3,
 };
 
+var DurationType = {
+  hours: 0,
+  days: 1,
+  nights: 2,
+  minutes: 3,
+};
+
+var RouteTransportType = {
+  none: 0,
+  privateTransport: 1,
+  publicTransport: 2,
+  rentalCar: 3,
+  bus: 4,
+  camper: 5,
+  car: 6,
+  charter: 7,
+  cruise: 8,
+  ferry: 9,
+  flight: 10,
+  taxi: 11,
+  train: 12,
+  transfer: 13,
+  rocket: 14,
+  walking: 15,
+  cycling: 16,
+};
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -15139,6 +15198,7 @@ var submitForm = function (config, id, request, signal) {
 exports.AllotmentType = AllotmentType;
 exports.DataType = DataType;
 exports.DossierType = DossierType;
+exports.DurationType = DurationType;
 exports.EntryLineFlag = EntryLineFlag;
 exports.EntryLineStatus = EntryLineStatus;
 exports.ExportStatus = ExportStatus;
@@ -15151,6 +15211,7 @@ exports.PaymentType = PaymentType;
 exports.PriceChartType = PriceChartType;
 exports.RequirementType = RequirementType;
 exports.RoomType = RoomType;
+exports.RouteTransportType = RouteTransportType;
 exports.SaleType = SaleType;
 exports.ServiceTokenError = ServiceTokenError;
 exports.ServiceType = ServiceType;
@@ -16628,6 +16689,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-cycling':
+            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 v5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc." }),
+                title && React__default.createElement("title", null, title),
+                React__default.createElement("path", { d: "M512.509 192.001c-16.373-.064-32.03 2.955-46.436 8.495l-77.68-125.153A24 24 0 0 0 368.001 64h-64c-8.837 0-16 7.163-16 16v16c0 8.837 7.163 16 16 16h50.649l14.896 24H256.002v-16c0-8.837-7.163-16-16-16h-87.459c-13.441 0-24.777 10.999-24.536 24.437.232 13.044 10.876 23.563 23.995 23.563h48.726l-29.417 47.52c-13.433-4.83-27.904-7.483-42.992-7.52C58.094 191.83.412 249.012.002 319.236-.413 390.279 57.055 448 128.002 448c59.642 0 109.758-40.793 123.967-96h52.033a24 24 0 0 0 20.406-11.367L410.37 201.77l14.938 24.067c-25.455 23.448-41.385 57.081-41.307 94.437.145 68.833 57.899 127.051 126.729 127.719 70.606.685 128.181-55.803 129.255-125.996 1.086-70.941-56.526-129.72-127.476-129.996zM186.75 265.772c9.727 10.529 16.673 23.661 19.642 38.228h-43.306l23.664-38.228zM128.002 400c-44.112 0-80-35.888-80-80s35.888-80 80-80c5.869 0 11.586.653 17.099 1.859l-45.505 73.509C89.715 331.327 101.213 352 120.002 352h81.3c-12.37 28.225-40.562 48-73.3 48zm162.63-96h-35.624c-3.96-31.756-19.556-59.894-42.383-80.026L237.371 184h127.547l-74.286 120zm217.057 95.886c-41.036-2.165-74.049-35.692-75.627-76.755-.812-21.121 6.633-40.518 19.335-55.263l44.433 71.586c4.66 7.508 14.524 9.816 22.032 5.156l13.594-8.437c7.508-4.66 9.817-14.524 5.156-22.032l-44.468-71.643a79.901 79.901 0 0 1 19.858-2.497c44.112 0 80 35.888 80 80-.001 45.54-38.252 82.316-84.313 79.885z", fill: "currentColor" })));
+        case 'ui-walking':
+            return (React__default.createElement("svg", { className: ['icon', `icon--${name}`, className].filter((className) => !isEmpty$1(className)).join(' '), width: width, height: height, viewBox: "0 0 320 512", fill: fill ?? 'currentColor' },
+                React__default.createElement(HTMLComment, { text: "!Font Awesome Free v5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc." }),
+                title && React__default.createElement("title", null, title),
+                React__default.createElement("path", { d: "M208 96c26.5 0 48-21.5 48-48S234.5 0 208 0s-48 21.5-48 48 21.5 48 48 48zm94.5 149.1l-23.3-11.8-9.7-29.4c-14.7-44.6-55.7-75.8-102.2-75.9-36-.1-55.9 10.1-93.3 25.2-21.6 8.7-39.3 25.2-49.7 46.2L17.6 213c-7.8 15.8-1.5 35 14.2 42.9 15.6 7.9 34.6 1.5 42.5-14.3L81 228c3.5-7 9.3-12.5 16.5-15.4l26.8-10.8-15.2 60.7c-5.2 20.8.4 42.9 14.9 58.8l59.9 65.4c7.2 7.9 12.3 17.4 14.9 27.7l18.3 73.3c4.3 17.1 21.7 27.6 38.8 23.3 17.1-4.3 27.6-21.7 23.3-38.8l-22.2-89c-2.6-10.3-7.7-19.9-14.9-27.7l-45.5-49.7 17.2-68.7 5.5 16.5c5.3 16.1 16.7 29.4 31.7 37l23.3 11.8c15.6 7.9 34.6 1.5 42.5-14.3 7.7-15.7 1.4-35.1-14.3-43zM73.6 385.8c-3.2 8.1-8 15.4-14.2 21.5l-50 50.1c-12.5 12.5-12.5 32.8 0 45.3s32.7 12.5 45.2 0l59.4-59.4c6.1-6.1 10.9-13.4 14.2-21.5l13.5-33.8c-55.3-60.3-38.7-41.8-47.4-53.7l-20.7 51.5z", 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),
@@ -16941,10 +17012,10 @@ const DateRangePicker$1 = (props) => {
         month: getMonth(new Date())
     });
     const [isWaitingForToDate, setWaitingForToDate] = useState(false);
-    const { searchType = 0 } = useContext(SettingsContext$1);
+    const { searchType = 0, allowSingleDayDateSelect = false } = useContext(SettingsContext$1);
     const handleDayClick = (day) => {
         const { onSelectionChange } = props;
-        if (isWaitingForToDate && !isNil(fromDate) && isAfter(day, fromDate)) {
+        if (isWaitingForToDate && !isNil(fromDate) && (isAfter(day, fromDate) || (allowSingleDayDateSelect && isSameDay(day, fromDate)))) {
             if (searchType === 1) {
                 // Only allow selecting the exact toDate
                 const expectedToDate = props.toDateByFromDate?.(fromDate);
@@ -16985,7 +17056,7 @@ const DateRangePicker$1 = (props) => {
         }
     };
     const handleDayMouseOver = (day) => {
-        if (isWaitingForToDate && (isNil(fromDate) || isEqual(day, fromDate) || isAfter(day, fromDate))) {
+        if (isWaitingForToDate && (isNil(fromDate) || isSameDay(day, fromDate) || isAfter(day, fromDate))) {
             setToDate(day);
         }
     };
@@ -28004,8 +28075,97 @@ const getServiceTypeBadgeModifier = (serviceType) => {
             return '';
     }
 };
+// DurationType, as the SDK numbers it.
+const DURATION_HOURS = 0;
+const DURATION_DAYS = 1;
+const DURATION_NIGHTS = 2;
+const DURATION_MINUTES = 3;
+/**
+ * How long a node takes, in the same shape the flight legs are written in — an hour count only
+ * once there is one, so a short drive reads as plain minutes.
+ */
+const getTrajectNodeDuration = (node) => {
+    const minutes = toMinutes(node);
+    if (!minutes)
+        return '';
+    const hours = Math.floor(minutes / 60);
+    const rest = minutes % 60;
+    return hours ? `${hours}h ${rest.toString().padStart(2, '0')}m` : `${rest} min`;
+};
+const toMinutes = (node) => {
+    const duration = node.duration ?? 0;
+    if (duration <= 0)
+        return 0;
+    switch (node.durationType) {
+        case DURATION_MINUTES:
+            return duration;
+        case DURATION_HOURS:
+            return duration * 60;
+        case DURATION_DAYS:
+        case DURATION_NIGHTS:
+            return duration * 24 * 60;
+        default:
+            return 0;
+    }
+};
+// RouteTransportType, as the SDK numbers it. It says how a leg is travelled, which is not the
+// same question as what was sold: cycling and walking have no service type of their own.
+const TRANSPORT_PRIVATE = 1;
+const TRANSPORT_PUBLIC = 2;
+const TRANSPORT_RENTAL_CAR = 3;
+const TRANSPORT_BUS = 4;
+const TRANSPORT_CAMPER = 5;
+const TRANSPORT_CAR = 6;
+const TRANSPORT_CHARTER = 7;
+const TRANSPORT_CRUISE = 8;
+const TRANSPORT_FERRY = 9;
+const TRANSPORT_FLIGHT = 10;
+const TRANSPORT_TAXI = 11;
+const TRANSPORT_TRAIN = 12;
+const TRANSPORT_TRANSFER = 13;
+const TRANSPORT_WALKING = 15;
+const TRANSPORT_CYCLING = 16;
+/** Icon per way of travelling, where the route records one. */
+const getTransportTypeIcon = (transportType) => {
+    switch (transportType) {
+        case TRANSPORT_WALKING:
+            return 'ui-walking';
+        case TRANSPORT_CYCLING:
+            return 'ui-cycling';
+        case TRANSPORT_PRIVATE:
+        case TRANSPORT_RENTAL_CAR:
+        case TRANSPORT_CAMPER:
+        case TRANSPORT_CAR:
+            return 'ui-car';
+        case TRANSPORT_TAXI:
+        case TRANSPORT_TRANSFER:
+            return 'ui-transfer';
+        case TRANSPORT_PUBLIC:
+        case TRANSPORT_BUS:
+            return 'ui-bus';
+        case TRANSPORT_TRAIN:
+            return 'ui-train';
+        case TRANSPORT_CRUISE:
+        case TRANSPORT_FERRY:
+            return 'ui-ship';
+        case TRANSPORT_FLIGHT:
+        case TRANSPORT_CHARTER:
+            return 'ui-plane';
+        default:
+            return null;
+    }
+};
 const POI_TRAJECT_NODE_TYPE = 2;
-const getTrajectNodeIcon = (node) => node.trajectNodeType === POI_TRAJECT_NODE_TYPE ? 'ui-location' : getServiceTypeIcon(node.serviceType);
+/**
+ * A point of interest is a place on the map rather than a service, so it gets a marker. Anything
+ * else goes by how it is travelled where the route says so — a leg on foot or by bike is sold as
+ * nothing, and its service type falls back to a transfer — and by what it is where it does not.
+ */
+const getTrajectNodeIcon = (node) => {
+    if (node.trajectNodeType === POI_TRAJECT_NODE_TYPE)
+        return 'ui-location';
+    return getTransportTypeIcon(node.transportType) ?? getServiceTypeIcon(node.serviceType);
+};
 const getTrajectNodeBadgeModifier = (node) => node.trajectNodeType === POI_TRAJECT_NODE_TYPE ? 'poi' : getServiceTypeBadgeModifier(node.serviceType);
 
 const REGULAR_TRAJECT_NODE_TYPE = 0;
@@ -28444,6 +28604,8 @@ const TrajectItinerary = ({ trajectEntry, packagingEntry, translations }) => {
                     trajectNodeType: REGULAR_TRAJECT_NODE_TYPE,
                     requirementType: 0,
                     contentSource: 0,
+                    duration: 0,
+                    durationType: 0,
                     alternatives: [],
                     from: line.from,
                     to: line.to
@@ -28477,6 +28639,8 @@ const TrajectItinerary = ({ trajectEntry, packagingEntry, translations }) => {
         React__default.createElement("p", null, format$2(new Date(value), 'MMM'))));
     const renderConnectingNode = ({ node }) => {
         const distance = node.distanceInKm ? `${Math.round(node.distanceInKm)} km` : '';
+        // How long the hop takes and how far it is, the way the traject editor puts them.
+        const journey = [getTrajectNodeDuration(node), distance].filter(Boolean).join(' · ');
         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" })),
@@ -28485,8 +28649,8 @@ const TrajectItinerary = ({ trajectEntry, packagingEntry, translations }) => {
                 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)))));
+                    React__default.createElement("h6", null, node.name || journey),
+                    !!node.name && !!journey && React__default.createElement("p", { className: "search__filter__itinerary__transport-details-time" }, journey)))));
     };
     const renderOvernight = (item, index) => {
         const { dayOrder } = item.node;
@@ -28630,7 +28794,7 @@ const getServiceTypePriority = (serviceType) => {
 const Itinerary = ({ isOpen, handleSetIsOpen, isLoading, onEditAccommodation }) => {
     const context = useContext(SearchResultsConfigurationContext);
     const translations = getTranslations(context?.languageCode ?? 'en-GB');
-    const { editablePackagingEntry, priceDetails } = useSelector((state) => state.searchResults);
+    const { editablePackagingEntry, priceDetails, trajectItineraryView } = useSelector((state) => state.searchResults);
     const dispatch = useDispatch();
     const packagingEntry = editablePackagingEntry ?? context?.packagingEntry;
     const sortedLines = useMemo(() => {
@@ -28673,6 +28837,11 @@ const Itinerary = ({ isOpen, handleSetIsOpen, isLoading, onEditAccommodation })
     const handleConfirm = () => {
         dispatch(setBookPackagingEntry(true));
     };
+    const handleTrajectView = (itinerary) => {
+        dispatch(setTrajectItineraryView(itinerary));
+        if (typeof window !== 'undefined')
+            window.scrollTo(0, 0);
+    };
     return (React__default.createElement("div", { className: `search__filters--modal ${isOpen ? 'is-open' : ''}` },
         React__default.createElement("div", { className: "search__filters--background", onClick: handleSetIsOpen }),
         React__default.createElement("button", { className: "search__filters--close", onClick: handleSetIsOpen },
@@ -28700,7 +28869,8 @@ const Itinerary = ({ isOpen, handleSetIsOpen, isLoading, onEditAccommodation })
                                 " ",
                                 translations.SRP.TOTAL,
                                 ")"))),
-                    React__default.createElement("button", { className: "cta", onClick: handleConfirm }, translations.QSM.CONFIRM)))),
+                    React__default.createElement("button", { className: "cta", onClick: handleConfirm }, translations.QSM.CONFIRM),
+                    !!context?.trajectEntry && (React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleTrajectView(!trajectItineraryView) }, trajectItineraryView ? translations.SRP.SHOW_SERVICES : translations.SRP.VIEW_FULL_ITINERARY))))),
                 React__default.createElement("div", { className: "search__filter__itinerary" },
                     React__default.createElement("p", null, translations.SRP.DAY_BY_DAY),
                     firstEntryLine && (React__default.createElement("div", { className: "search__filter__itinerary__country" },
@@ -33153,6 +33323,27 @@ const getRequestRoomsFromPackagingSegments = (entry, segments) => {
     }));
 };
 
+/**
+ * The entry to send to the backend, as opposed to the one the page works with.
+ *
+ * They differ only for a traject: the page keeps the line guids the traject was rendered with,
+ * because that is what joins its nodes to its lines, while pricing and booking need the guids the
+ * searches cached their lines under. Anything else passes through untouched, so this can be used
+ * wherever the entry leaves the component without checking which flow is running.
+ */
+const useBookableEntry = () => {
+    const context = useContext(SearchResultsConfigurationContext);
+    const { editablePackagingEntry, trajectNodeAvailability, trajectFlightAvailability } = useSelector((state) => state.searchResults);
+    const trajectEntry = context?.trajectEntry;
+    return useMemo(() => {
+        if (!editablePackagingEntry)
+            return null;
+        if (!trajectEntry)
+            return editablePackagingEntry;
+        return withCachedEntryLineGuids(editablePackagingEntry, trajectEntry, trajectNodeAvailability, trajectFlightAvailability);
+    }, [editablePackagingEntry, trajectEntry, trajectNodeAvailability, trajectFlightAvailability]);
+};
+
 const escapeHtml = (value) => {
     if (!value)
         return '';
@@ -33211,7 +33402,57 @@ const findAccommodationForDay = (nodes, currentDay) => {
     }
     return null;
 };
-const buildItineraryHtml = (itinerary, translations) => {
+const formatTime = (time) => (time ? time.slice(0, 5) : '');
+/**
+ * Whether generated content actually shows something.
+ *
+ * A content view whose data is missing still returns its wrapper markup, or the whitespace left by
+ * a guard around its body — markup that renders as a blank gap. Only text or an image counts as
+ * something the traveller can read.
+ */
+const hasVisibleContent = (contents) => {
+    if (!contents)
+        return false;
+    if (/<(img|svg|picture|video|iframe)\b/i.test(contents))
+        return true;
+    return (contents
+        .replace(/<[^>]*>/g, ' ')
+        .replace(/&nbsp;/gi, ' ')
+        .trim().length > 0);
+};
+/** The legs of a flight, as the entry line records them. */
+const buildFlightHtml = (line) => {
+    const flightLines = line.flightInformation?.flightLines ?? [];
+    if (!flightLines.length)
+        return '';
+    const legs = flightLines
+        .map((leg) => {
+        const from = escapeHtml(leg.departureAirportDescription || leg.departureAirportCode);
+        const to = escapeHtml(leg.arrivalAirportDescription || leg.arrivalAirportCode);
+        const carrier = escapeHtml([leg.airlineDescription, leg.flightNumber].filter(Boolean).join(' '));
+        return `<li>${from} ${formatTime(leg.departureTime)} &rarr; ${to} ${formatTime(leg.arrivalTime)}${carrier ? ` &middot; ${carrier}` : ''}</li>`;
+    })
+        .join('');
+    return `<ul class="itinerary-item__legs">${legs}</ul>`;
+};
+/**
+ * What to show for an item the generator returned no content for.
+ *
+ * An item comes back with a title and a template but an empty body whenever its template has no
+ * content view of its own — flights, today. Rendering that empty body leaves a blank where a
+ * service should be, so what the entry already knows about the line is drawn instead.
+ */
+const buildFallbackHtml = (item, line) => {
+    const details = [line?.accommodationName, line?.regimeName].filter(Boolean).join(' — ');
+    return `
+    <div class="itinerary-item__fallback">
+      <h3 class="itinerary-item__fallback-title">${escapeHtml(item.title)}</h3>
+      ${line ? buildFlightHtml(line) : ''}
+      ${details ? `<p class="itinerary-item__fallback-details">${escapeHtml(details)}</p>` : ''}
+    </div>
+  `;
+};
+const buildItineraryHtml = (itinerary, translations, lines) => {
     if (!itinerary) {
         return `
       <div class="itinerary-shell">
@@ -33240,7 +33481,9 @@ const buildItineraryHtml = (itinerary, translations) => {
             ? uniqueItems
                 .map((item) => `
                 <article class="itinerary-item" data-template="${escapeHtml(item.templateName)}">
-                  ${item.contents ?? ''}
+                  ${hasVisibleContent(item.contents)
+                ? item.contents
+                : buildFallbackHtml(item, lines.find((line) => line.guid === item.itemGuid))}
                 </article>
               `)
                 .join('')
@@ -33274,7 +33517,9 @@ const buildItineraryHtml = (itinerary, translations) => {
           ${getUniqueItems(itinerary.defaultItems)
             .map((item) => `
                 <article class="itinerary-item" data-template="${escapeHtml(item.templateName)}">
-                  ${item.contents ?? ''}
+                  ${hasVisibleContent(item.contents)
+            ? item.contents
+            : buildFallbackHtml(item, lines.find((line) => line.guid === item.itemGuid))}
                 </article>
               `)
             .join('')}
@@ -33295,10 +33540,12 @@ const buildItineraryHtml = (itinerary, translations) => {
 const FullItinerary = ({ isLoading }) => {
     const { itinerary } = useSelector((state) => state.searchResults);
     const context = useContext(SearchResultsConfigurationContext);
+    // The entry as it was sent: its line guids are the ones the itinerary items carry back.
+    const bookableEntry = useBookableEntry();
     const translations = getTranslations(context?.languageCode ?? 'en-GB');
     const hostRef = useRef(null);
     const shadowRootRef = useRef(null);
-    const html = useMemo(() => buildItineraryHtml(itinerary, translations), [itinerary, translations]);
+    const html = useMemo(() => buildItineraryHtml(itinerary, translations, bookableEntry?.lines ?? []), [itinerary, translations, bookableEntry]);
     useEffect(() => {
         if (isLoading) {
             return;
@@ -33412,6 +33659,35 @@ const FullItinerary = ({ isLoading }) => {
           background: #fff;
         }
 
+        /* An item whose template has no content view of its own still has to read as a service. */
+        .itinerary-item__fallback {
+          padding: 16px 20px;
+          border: 1px solid #e5e7eb;
+          border-radius: 12px;
+        }
+
+        .itinerary-item__fallback-title {
+          margin: 0;
+          font-size: 16px;
+          font-weight: 600;
+          color: #111827;
+        }
+
+        .itinerary-item__legs {
+          margin: 8px 0 0;
+          padding-left: 18px;
+          color: #374151;
+        }
+
+        .itinerary-item__legs li + li {
+          margin-top: 4px;
+        }
+
+        .itinerary-item__fallback-details {
+          margin: 8px 0 0;
+          color: #6b7280;
+        }
+
         .itinerary-node__empty,
         .itinerary-empty {
           padding: 20px;
@@ -33547,27 +33823,6 @@ const DayByDayExcursions = () => {
     })));
 };
 
-/**
- * The entry to send to the backend, as opposed to the one the page works with.
- *
- * They differ only for a traject: the page keeps the line guids the traject was rendered with,
- * because that is what joins its nodes to its lines, while pricing and booking need the guids the
- * searches cached their lines under. Anything else passes through untouched, so this can be used
- * wherever the entry leaves the component without checking which flow is running.
- */
-const useBookableEntry = () => {
-    const context = useContext(SearchResultsConfigurationContext);
-    const { editablePackagingEntry, trajectNodeAvailability, trajectFlightAvailability } = useSelector((state) => state.searchResults);
-    const trajectEntry = context?.trajectEntry;
-    return useMemo(() => {
-        if (!editablePackagingEntry)
-            return null;
-        if (!trajectEntry)
-            return editablePackagingEntry;
-        return withCachedEntryLineGuids(editablePackagingEntry, trajectEntry, trajectNodeAvailability, trajectFlightAvailability);
-    }, [editablePackagingEntry, trajectEntry, trajectNodeAvailability, trajectFlightAvailability]);
-};
-
 const renderEditablePackagingEntrySummaryOptions = (editablePackagingEntry, priceDetails, translations, currencyCode) => {
     const priceDetailsByProduct = groupBy(priceDetails?.details ?? [], (detail) => `${detail.productCode}|${detail.accommodationCode}`);
     return (editablePackagingEntry?.lines ?? []).map((line) => {
@@ -34064,7 +34319,7 @@ const TrajectResults = ({ isLoading }) => {
     const loadDay = useTrajectDayActivities();
     const translations = getTranslations(context?.languageCode ?? 'en-GB');
     const locale = getLocale(context?.languageCode ?? 'en-GB');
-    const { trajectNodeAvailability, trajectFlightAvailability, trajectDaySuggestions, editablePackagingEntry, trajectResolving } = useSelector((state) => state.searchResults);
+    const { trajectNodeAvailability, trajectFlightAvailability, trajectDaySuggestions, editablePackagingEntry } = useSelector((state) => state.searchResults);
     const trajectEntry = context?.trajectEntry;
     const hideShowMoreResults = !!context?.hideShowMoreResults;
     const nodesWithLines = useMemo(() => (trajectEntry ? getTrajectNodesWithLines(trajectEntry) : []), [trajectEntry]);
@@ -34094,6 +34349,23 @@ const TrajectResults = ({ isLoading }) => {
         });
         return { stayByDay: byDay, stayStartByNodeId: byNodeId };
     }, [nodesWithLines]);
+    /** Whether every node of the trip has an answer, one way or the other. */
+    const tripResolved = useMemo(() => nodesWithLines
+        .filter((x) => isSearchableTrajectNode(x.node) || isTrajectFlightNode(x.node))
+        .every((x) => {
+        const status = isTrajectFlightNode(x.node) ? trajectFlightAvailability[x.line.guid]?.status : trajectNodeAvailability[x.line.guid]?.status;
+        return !!status && status !== 'loading';
+    }), [nodesWithLines, trajectNodeAvailability, trajectFlightAvailability]);
+    /**
+     * Each day's activities are one more search, and a traject has as many as it has days. They go
+     * out together, but only once the trip itself has resolved — sharing the connections with the
+     * searches the trip cannot do without would only make those slower.
+     */
+    useEffect(() => {
+        if (!trajectEntry || !tripResolved)
+            return;
+        (trajectEntry.traject.days ?? []).filter((day) => stayByDay.has(day.order)).forEach((day) => loadDay(day));
+    }, [trajectEntry, tripResolved, stayByDay]);
     if (!context || !trajectEntry)
         return null;
     const handleSelect = (item, code) => {
@@ -34250,11 +34522,6 @@ const TrajectResults = ({ isLoading }) => {
         if (lines.length)
             dispatch(addEditableEntryLines(lines));
     };
-    const handleShowItinerary = () => {
-        dispatch(setTrajectItineraryView(true));
-        if (typeof window !== 'undefined')
-            window.scrollTo(0, 0);
-    };
     const handleShowMoreActivities = (dayOrder) => {
         dispatch(setTrajectActivitiesDayOrder(dayOrder));
         dispatch(setFlyInType('traject-day-activities'));
@@ -34279,16 +34546,16 @@ const TrajectResults = ({ isLoading }) => {
         const cards = buildDayActivityCards(items, trajectNodeAvailability, suggestions?.results ?? []);
         const nodesResolving = items.some((item) => (trajectNodeAvailability[item.line.guid]?.status ?? 'loading') === 'loading');
         const isSearching = suggestions?.status === 'loading';
-        const canSearch = !!getDayDestination(nodesWithLines, trajectNodeAvailability, day.order);
+        // A day is worth filling only if the party is staying somewhere that night. The day they fly
+        // home is covered by no stay — the last night was the night before — and nobody is looking for
+        // something to do on it.
+        const canSearch = stayByDay.has(day.order) && !!getDayDestination(nodesWithLines, trajectNodeAvailability, day.order);
         if (!items.length && !canSearch)
             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 search__results__label--sub" },
                 React__default.createElement("div", { className: "search__results__label__text" },
                     React__default.createElement(Icon, { name: "ui-excursion", height: 16 }),
                     React__default.createElement("h3", null,
@@ -34296,13 +34563,11 @@ const TrajectResults = ({ isLoading }) => {
             (nodesResolving || isSearching) && !cards.length && React__default.createElement(Spinner, { label: translations.SRP.LOADING_ACTIVITIES }),
             !!cards.length && React__default.createElement("div", { className: "search__results__cards search__results__cards--scroll" }, visible.map(renderActivityCard)),
             !nodesResolving && !isSearching && !cards.length && (!!items.length || !!suggestions) && (React__default.createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)),
-            React__default.createElement("div", { className: "search__results__cards__actions" },
-                !suggestions && canSearch && !cards.length && !hideShowMoreResults && (React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => loadDay(day) }, translations.SRP.SHOW_ACTIVITIES)),
-                hidden > 0 && !hideShowMoreResults && (React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleShowMoreActivities(day.order) },
-                    translations.SRP.SHOW_MORE,
-                    " (",
-                    hidden,
-                    ")")))));
+            React__default.createElement("div", { className: "search__results__cards__actions" }, hidden > 0 && !hideShowMoreResults && (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
@@ -34314,35 +34579,32 @@ const TrajectResults = ({ isLoading }) => {
     };
     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 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)));
-        }),
-        React__default.createElement("div", { className: "search__results__cards__actions" },
-            React__default.createElement("button", { type: "button", className: "cta", disabled: trajectResolving, onClick: handleShowItinerary }, translations.STEPS.NEXT))));
+    return (React__default.createElement(React__default.Fragment, null, trajectEntry.traject.days.map((day) => {
+        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)));
+    })));
 };
 
 const useTrajectAvailability = () => {
@@ -35289,6 +35551,9 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
                 setPricesAreLoading(false);
             }
         };
+        fetchPriceDetails();
+    }, [editablePackagingEntry, bookableEntry, trajectResolving]);
+    useEffect(() => {
         const fetchItinerary = async () => {
             if (!context || !context.packagingEntry || !editablePackagingEntry || isEmpty$1(editablePackagingEntry.lines))
                 return;
@@ -35318,7 +35583,6 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
                 setItineraryIsLoading(false);
             }
         };
-        fetchPriceDetails();
         fetchItinerary();
     }, [editablePackagingEntry, bookableEntry, trajectResolving, trajectItineraryView]);
     // Flight selection
@@ -35669,11 +35933,6 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
             address: {}
         };
     };
-    const handleComposeTraject = () => {
-        dispatch(setTrajectItineraryView(false));
-        if (typeof window !== 'undefined')
-            window.scrollTo(0, 0);
-    };
     const handleShowMoreFlights = (flyInType) => {
         dispatch(setFlyInType(flyInType));
         dispatch(setFlyInIsOpen(true));
@@ -35764,10 +36023,7 @@ const SearchResultsContainer = ({ onBookingStarted }) => {
                             selectedReturnKey && selectedReturn && (React__default.createElement(IndependentFlightOption, { key: `flight-${selectedReturnKey}`, item: selectedReturn.return, guid: selectedReturn.outwardGuid, selectedGuid: selectedReturn.outwardGuid, isOutward: false, showSelectedState: true, price: selectedReturn.price })),
                             uniqueReturnFlights.map((result) => (React__default.createElement(IndependentFlightOption, { key: `flight-${result.outwardGuid}`, item: result.return, onSelect: () => dispatch(setSelectedReturnKey(getFlightKey(result.return.segments))), guid: result.outwardGuid, isOutward: false, currentSelectedPrice: selectedReturn?.price, price: result.price })))))),
                     context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight && context.trajectEntry && !trajectItineraryView && (React__default.createElement(TrajectResults, { isLoading: isLoading })),
-                    context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight && context.trajectEntry && trajectItineraryView && (React__default.createElement(React__default.Fragment, null,
-                        React__default.createElement("div", { className: "search__results__cards__actions" },
-                            React__default.createElement("button", { type: "button", className: "cta cta--secondary", onClick: handleComposeTraject }, translations.STEPS.PREVIOUS)),
-                        React__default.createElement(FullItinerary, { isLoading: itineraryIsLoading }))),
+                    context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight && context.trajectEntry && trajectItineraryView && (React__default.createElement(FullItinerary, { isLoading: itineraryIsLoading })),
                     context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight && context.packagingEntry && !context.trajectEntry && (React__default.createElement(FullItinerary, { isLoading: itineraryIsLoading })))),
             React__default.createElement(FlyIn, { srpType: context.searchConfiguration.qsmType, isOpen: flyInIsOpen, setIsOpen: handleFlyInToggle, handleConfirm: () => handleConfirmHotelSwap(), onPanelRef: (el) => (panelRef.current = el), detailsLoading: detailsIsLoading, flyInType: flyInType, isPackageEditFlow: !!context.packagingEntry, sortByTypes: sortByTypes, activeSearchSeed: activeSearchSeed, toggleFilters: () => setFiltersOpen(!filtersOpen), filtersOpen: filtersOpen })))))))));
 };