@qite/tide-components 1.0.9 → 1.0.10

package/build/build-cjs/index.js

@@ -124,7 +124,7 @@ var PRODUCT$f = {
 	PER_PERSON_PER_NIGHT: "لكل شخص / لكل ليلة",
 	BOOK_NOW: "احجز الآن",
 	TO_YOUR_OFFER: "إلى عرضك",
-	NOT_AVAILABLE: "غير متاح",
+	NOT_AVAILABLE: "غير متاح — يرجى اختيار تاريخ آخر",
 	NUMBER_OF_ROOMS: "عدد الغرف",
 	AGE_BY_DEPARTURE_DATE: "عمر الأطفال عند تاريخ المغادرة",
 	YEAR: "سنة/سنوات",
@@ -468,7 +468,7 @@ var SRP$f = {
 };
 var ITINERARY$f = {
 	DAY: "اليوم",
-	NO_ITEMS: "لا توجد عناصر لهذا اليوم."
+	NO_ITEMS: "لم يتم اختيار أنشطة لهذا اليوم."
 };
 var FORM$f = {
 	LOADING: "جاري تحميل النموذج...",
@@ -571,7 +571,7 @@ var PRODUCT$e = {
 	PER_PERSON_PER_NIGHT: "Per person / per nat",
 	BOOK_NOW: "Book nu",
 	TO_YOUR_OFFER: "Til dit tilbud",
-	NOT_AVAILABLE: "Ikke tilgængelig",
+	NOT_AVAILABLE: "Ikke tilgængelig — vælg venligst en anden dato",
 	NUMBER_OF_ROOMS: "Antal værelser",
 	AGE_BY_DEPARTURE_DATE: "Børns alder på afrejsedato",
 	YEAR: "år",
@@ -915,7 +915,7 @@ var SRP$e = {
 };
 var ITINERARY$e = {
 	DAY: "Dag",
-	NO_ITEMS: "Ingen elementer for denne dag."
+	NO_ITEMS: "Ingen aktiviteter valgt for denne dag."
 };
 var FORM$e = {
 	LOADING: "Indlæser formular...",
@@ -1018,7 +1018,7 @@ var PRODUCT$d = {
 	PER_PERSON_PER_NIGHT: "Pro Person / pro Nacht",
 	BOOK_NOW: "Jetzt buchen",
 	TO_YOUR_OFFER: "Zu Ihrem Angebot",
-	NOT_AVAILABLE: "Nicht verfügbar",
+	NOT_AVAILABLE: "Nicht verfügbar — bitte wählen Sie ein anderes Datum",
 	NUMBER_OF_ROOMS: "Anzahl der Zimmer",
 	AGE_BY_DEPARTURE_DATE: "Alter der Kinder am Abreisedatum",
 	YEAR: "Jahr(e)",
@@ -1362,7 +1362,7 @@ var SRP$d = {
 };
 var ITINERARY$d = {
 	DAY: "Tag",
-	NO_ITEMS: "Keine Elemente für diesen Tag."
+	NO_ITEMS: "Keine Aktivitäten für diesen Tag ausgewählt."
 };
 var FORM$d = {
 	LOADING: "Formular wird geladen...",
@@ -1465,7 +1465,7 @@ var PRODUCT$c = {
 	PER_PERSON_PER_NIGHT: "Per person / per night",
 	BOOK_NOW: "Book now",
 	TO_YOUR_OFFER: "To your quote",
-	NOT_AVAILABLE: "Not available",
+	NOT_AVAILABLE: "Not available — please select a different date",
 	NUMBER_OF_ROOMS: "Number of rooms",
 	AGE_BY_DEPARTURE_DATE: "Age of children on departure date",
 	YEAR: "Year(s)",
@@ -1813,7 +1813,7 @@ var SRP$c = {
 };
 var ITINERARY$c = {
 	DAY: "Day",
-	NO_ITEMS: "No items for this day."
+	NO_ITEMS: "No activities selected for this day."
 };
 var FORM$c = {
 	LOADING: "Loading form...",
@@ -1916,7 +1916,7 @@ var PRODUCT$b = {
 	PER_PERSON_PER_NIGHT: "Por persona / por noche",
 	BOOK_NOW: "Reservar ahora",
 	TO_YOUR_OFFER: "A su presupuesto",
-	NOT_AVAILABLE: "No disponible",
+	NOT_AVAILABLE: "No disponible — seleccione otra fecha",
 	NUMBER_OF_ROOMS: "Número de habitaciones",
 	AGE_BY_DEPARTURE_DATE: "Edad de los niños en la fecha de salida",
 	YEAR: "Año(s)",
@@ -2260,7 +2260,7 @@ var SRP$b = {
 };
 var ITINERARY$b = {
 	DAY: "Día",
-	NO_ITEMS: "No hay elementos para este día."
+	NO_ITEMS: "No hay actividades seleccionadas para este día."
 };
 var FORM$b = {
 	LOADING: "Cargando formulario...",
@@ -2363,7 +2363,7 @@ var PRODUCT$a = {
 	PER_PERSON_PER_NIGHT: "Par personne / par nuit",
 	BOOK_NOW: "Réserver maintenant",
 	TO_YOUR_OFFER: "Vers votre devis",
-	NOT_AVAILABLE: "Non disponible",
+	NOT_AVAILABLE: "Non disponible — veuillez sélectionner une autre date",
 	NUMBER_OF_ROOMS: "Nombre de chambres",
 	AGE_BY_DEPARTURE_DATE: "Âge des enfants à la date de départ",
 	YEAR: "An(s)",
@@ -2711,7 +2711,7 @@ var SRP$a = {
 };
 var ITINERARY$a = {
 	DAY: "Jour",
-	NO_ITEMS: "Aucun élément pour ce jour."
+	NO_ITEMS: "Aucune activité sélectionnée pour ce jour."
 };
 var FORM$a = {
 	LOADING: "Chargement du formulaire...",
@@ -2814,7 +2814,7 @@ var PRODUCT$9 = {
 	PER_PERSON_PER_NIGHT: "Par personne / par nuit",
 	BOOK_NOW: "Réservez maintenant",
 	TO_YOUR_OFFER: "Vers votre devis",
-	NOT_AVAILABLE: "Indisponible",
+	NOT_AVAILABLE: "Indisponible — veuillez sélectionner une autre date",
 	NUMBER_OF_ROOMS: "Nombre de chambres",
 	AGE_BY_DEPARTURE_DATE: "Âge des enfants à la date de départ",
 	YEAR: "An(s)",
@@ -3158,7 +3158,7 @@ var SRP$9 = {
 };
 var ITINERARY$9 = {
 	DAY: "Jour",
-	NO_ITEMS: "Aucun élément pour ce jour."
+	NO_ITEMS: "Aucune activité sélectionnée pour ce jour."
 };
 var FORM$9 = {
 	LOADING: "Chargement du formulaire...",
@@ -3261,7 +3261,7 @@ var PRODUCT$8 = {
 	PER_PERSON_PER_NIGHT: "Á mann / á nótt",
 	BOOK_NOW: "Panta núna",
 	TO_YOUR_OFFER: "Til tilboðsins þíns",
-	NOT_AVAILABLE: "Ekki í boði",
+	NOT_AVAILABLE: "Ekki í boði — vinsamlegast veldu aðra dagsetningu",
 	NUMBER_OF_ROOMS: "Fjöldi herbergja",
 	AGE_BY_DEPARTURE_DATE: "Aldur barna á brottfarardegi",
 	YEAR: "ár",
@@ -3605,7 +3605,7 @@ var SRP$8 = {
 };
 var ITINERARY$8 = {
 	DAY: "Dagur",
-	NO_ITEMS: "Engar upplýsingar fyrir þennan dag."
+	NO_ITEMS: "Engin afþreying valin fyrir þennan dag."
 };
 var FORM$8 = {
 	LOADING: "Hleður eyðublað...",
@@ -3708,7 +3708,7 @@ var PRODUCT$7 = {
 	PER_PERSON_PER_NIGHT: "A persona / a notte",
 	BOOK_NOW: "Prenota ora",
 	TO_YOUR_OFFER: "Vai al preventivo",
-	NOT_AVAILABLE: "Non disponibile",
+	NOT_AVAILABLE: "Non disponibile — seleziona un'altra data",
 	NUMBER_OF_ROOMS: "Numero di camere",
 	AGE_BY_DEPARTURE_DATE: "Età dei bambini alla data di partenza",
 	YEAR: "Anno/i",
@@ -4052,7 +4052,7 @@ var SRP$7 = {
 };
 var ITINERARY$7 = {
 	DAY: "Giorno",
-	NO_ITEMS: "Nessun elemento per questo giorno."
+	NO_ITEMS: "Nessuna attività selezionata per questo giorno."
 };
 var FORM$7 = {
 	LOADING: "Caricamento modulo...",
@@ -4155,7 +4155,7 @@ var PRODUCT$6 = {
 	PER_PERSON_PER_NIGHT: "Per persoon / per nacht",
 	BOOK_NOW: "Boek nu",
 	TO_YOUR_OFFER: "Naar uw offerte",
-	NOT_AVAILABLE: "Niet beschikbaar",
+	NOT_AVAILABLE: "Niet beschikbaar — kies een andere datum",
 	NUMBER_OF_ROOMS: "Aantal kamers",
 	AGE_BY_DEPARTURE_DATE: "Leeftijd kinderen op vertrekdatum",
 	YEAR: "Jaar",
@@ -4503,7 +4503,7 @@ var SRP$6 = {
 };
 var ITINERARY$6 = {
 	DAY: "Dag",
-	NO_ITEMS: "Geen elementen voor deze dag."
+	NO_ITEMS: "Geen activiteiten geselecteerd voor deze dag."
 };
 var FORM$6 = {
 	LOADING: "Formulier laden...",
@@ -4606,7 +4606,7 @@ var PRODUCT$5 = {
 	PER_PERSON_PER_NIGHT: "Per persoon / per nacht",
 	BOOK_NOW: "Nu boeken",
 	TO_YOUR_OFFER: "Naar uw offerte",
-	NOT_AVAILABLE: "Niet beschikbaar",
+	NOT_AVAILABLE: "Niet beschikbaar — kies een andere datum",
 	NUMBER_OF_ROOMS: "Aantal kamers",
 	AGE_BY_DEPARTURE_DATE: "Leeftijd van kinderen op vertrekdatum",
 	YEAR: "Jaar",
@@ -4950,7 +4950,7 @@ var SRP$5 = {
 };
 var ITINERARY$5 = {
 	DAY: "Dag",
-	NO_ITEMS: "Geen elementen voor deze dag."
+	NO_ITEMS: "Geen activiteiten geselecteerd voor deze dag."
 };
 var FORM$5 = {
 	LOADING: "Formulier laden...",
@@ -5053,7 +5053,7 @@ var PRODUCT$4 = {
 	PER_PERSON_PER_NIGHT: "Per person / per natt",
 	BOOK_NOW: "Bestill nå",
 	TO_YOUR_OFFER: "Til ditt tilbud",
-	NOT_AVAILABLE: "Ikke tilgjengelig",
+	NOT_AVAILABLE: "Ikke tilgjengelig — velg en annen dato",
 	NUMBER_OF_ROOMS: "Antall rom",
 	AGE_BY_DEPARTURE_DATE: "Barnas alder på avreisedato",
 	YEAR: "År",
@@ -5397,7 +5397,7 @@ var SRP$4 = {
 };
 var ITINERARY$4 = {
 	DAY: "Dag",
-	NO_ITEMS: "Ingen elementer for denne dagen."
+	NO_ITEMS: "Ingen aktiviteter valgt for denne dagen."
 };
 var FORM$4 = {
 	LOADING: "Laster inn skjema...",
@@ -5500,7 +5500,7 @@ var PRODUCT$3 = {
 	PER_PERSON_PER_NIGHT: "Za osobę / za noc",
 	BOOK_NOW: "Zarezerwuj teraz",
 	TO_YOUR_OFFER: "Do oferty",
-	NOT_AVAILABLE: "Niedostępne",
+	NOT_AVAILABLE: "Niedostępne — wybierz inną datę",
 	NUMBER_OF_ROOMS: "Liczba pokoi",
 	AGE_BY_DEPARTURE_DATE: "Wiek dzieci w dniu wyjazdu",
 	YEAR: "Rok(lata)",
@@ -5844,7 +5844,7 @@ var SRP$3 = {
 };
 var ITINERARY$3 = {
 	DAY: "Dzień",
-	NO_ITEMS: "Brak elementów dla tego dnia."
+	NO_ITEMS: "Nie wybrano atrakcji na ten dzień."
 };
 var FORM$3 = {
 	LOADING: "Ładowanie formularza...",
@@ -5947,7 +5947,7 @@ var PRODUCT$2 = {
 	PER_PERSON_PER_NIGHT: "Por pessoa / por noite",
 	BOOK_NOW: "Reservar agora",
 	TO_YOUR_OFFER: "Ir para o orçamento",
-	NOT_AVAILABLE: "Indisponível",
+	NOT_AVAILABLE: "Indisponível — selecione outra data",
 	NUMBER_OF_ROOMS: "Número de quartos",
 	AGE_BY_DEPARTURE_DATE: "Idade das crianças à data de partida",
 	YEAR: "Ano(s)",
@@ -6291,7 +6291,7 @@ var SRP$2 = {
 };
 var ITINERARY$2 = {
 	DAY: "Dia",
-	NO_ITEMS: "Nenhum item para este dia."
+	NO_ITEMS: "Nenhuma atividade selecionada para este dia."
 };
 var FORM$2 = {
 	LOADING: "A carregar formulário...",
@@ -6394,7 +6394,7 @@ var PRODUCT$1 = {
 	PER_PERSON_PER_NIGHT: "Per person / per natt",
 	BOOK_NOW: "Boka nu",
 	TO_YOUR_OFFER: "Till din offert",
-	NOT_AVAILABLE: "Ej tillgänglig",
+	NOT_AVAILABLE: "Ej tillgänglig — välj ett annat datum",
 	NUMBER_OF_ROOMS: "Antal rum",
 	AGE_BY_DEPARTURE_DATE: "Barnens ålder vid avresedatum",
 	YEAR: "År",
@@ -6738,7 +6738,7 @@ var SRP$1 = {
 };
 var ITINERARY$1 = {
 	DAY: "Dag",
-	NO_ITEMS: "Inga element för denna dag."
+	NO_ITEMS: "Inga aktiviteter valda för denna dag."
 };
 var FORM$1 = {
 	LOADING: "Laddar formulär...",
@@ -6841,7 +6841,7 @@ var PRODUCT = {
 	PER_PERSON_PER_NIGHT: "1名・1泊あたり",
 	BOOK_NOW: "今すぐ予約",
 	TO_YOUR_OFFER: "見積もりへ",
-	NOT_AVAILABLE: "利用不可",
+	NOT_AVAILABLE: "利用不可 — 別の日付をお選びください",
 	NUMBER_OF_ROOMS: "客室数",
 	AGE_BY_DEPARTURE_DATE: "出発日時点での子供の年齢",
 	YEAR: "歳",
@@ -7185,7 +7185,7 @@ var SRP = {
 };
 var ITINERARY = {
 	DAY: "日",
-	NO_ITEMS: "この日のアイテムはありません。"
+	NO_ITEMS: "この日に選択されたアクティビティはありません。"
 };
 var FORM = {
 	LOADING: "フォームを読み込んでいます...",
@@ -21853,6 +21853,7 @@ const OptionRoom = ({ packageRoom, pax, optionPax, onRoomChange, includedService
 
 function useOfferPrinter({ bookingPackage, getPax, tagIds = [], printActionId = null, onPrinted }) {
     const settings = React.useContext(SettingsContext);
+    const apiSettings = reactRedux.useSelector(selectApiSettings);
     if (!settings)
         throw new Error('useOfferPrinter must be used inside <BookingWizard>');
     const { language, officeId } = settings;
@@ -21881,9 +21882,9 @@ function useOfferPrinter({ bookingPackage, getPax, tagIds = [], printActionId =
                 customerRequests: []
             }
         };
-        const cfg = buildTideClientConfig();
+        const cfg = buildTideClientConfig(apiSettings);
         return build.book(cfg, request, undefined, language);
-    }, [agentId, bookingPackage, getPax, language, officeId, tagIds]);
+    }, [agentId, apiSettings, bookingPackage, getPax, language, officeId, tagIds]);
     const languageData = [
         { code: 'nl-BE', tideId: 1 },
         { code: 'fr-BE', tideId: 2 },
@@ -21893,7 +21894,7 @@ function useOfferPrinter({ bookingPackage, getPax, tagIds = [], printActionId =
         return languageData.find((l) => l.code === code)?.tideId || 1;
     }
     const printOffer = React.useCallback(async (offer) => {
-        const cfg = buildTideClientConfig();
+        const cfg = buildTideClientConfig(apiSettings);
         const req = {
             id: printActionId ?? 0,
             dossierNumber: offer.dossierNumber ?? offer.number,
@@ -21904,7 +21905,7 @@ function useOfferPrinter({ bookingPackage, getPax, tagIds = [], printActionId =
         const url = URL.createObjectURL(new Blob([buf], { type: 'application/pdf' }));
         onPrinted?.(url);
         window.open(url);
-    }, [language, onPrinted]);
+    }, [apiSettings, language, onPrinted, printActionId]);
     const handlePrint = React.useCallback(async () => {
         try {
             setStage('creating');
@@ -28261,8 +28262,6 @@ const buildTrajectNodeRequest = ({ node, line }, context, productCode, destinati
     language: context.language,
     serviceType: node.serviceType,
     fromDate: toDateOnlyString(line.from),
-    // An excursion happens on a day rather than over a span. The traject gives its line an end a day
-    // out, the way a night is counted, which asks the search for a window it does not have.
     toDate: toDateOnlyString(node.serviceType === EXCURSION_SERVICE_TYPE ? line.from : line.to),
     destination: destination ?? buildDestination(line, node),
     productCode,
@@ -31182,7 +31181,7 @@ const Filters = ({ initialFilters, filters, isOpen, handleSetIsOpen, isLoading,
                                 const max = filter.max ?? 100;
                                 const selectedMin = filter.selectedMin ?? min;
                                 const selectedMax = filter.selectedMax ?? max;
-                                return (React__default["default"].createElement(MultiRangeFilter, { min: min, max: max, selectedMin: selectedMin, selectedMax: selectedMax, valueFormatter: (value) => `${value}`, onChange: (newMin, newMax) => {
+                                return (React__default["default"].createElement(MultiRangeFilter, { min: min, max: max, selectedMin: selectedMin, selectedMax: selectedMax, valueFormatter: (value) => (filter.property === 'price' ? value.toFixed(2).replace('.', ',') : `${value}`), onChange: (newMin, newMax) => {
                                         handleSliderChange(filter, newMin, newMax);
                                     } }));
                             })(),
@@ -31885,7 +31884,7 @@ const FlyIn = ({ srpType, isOpen, setIsOpen, className = '', onPanelRef, details
             dispatch(setBookPackagingEntry(true));
         }
     };
-    return (React__default["default"].createElement("div", { className: `flyin ${isOpen ? 'flyin--active' : ''} ${className} ${isPackageEditFlow || flyInType === 'acco-results' || flyInType === 'traject-day-activities' ? 'flyin--large' : ''} ${flyInType === 'excursion-results' || flyInType === 'excursion-details' ? 'flyin--medium' : ''}
+    return (React__default["default"].createElement("div", { className: `flyin ${isOpen ? 'flyin--active' : ''} ${className} ${isPackageEditFlow || flyInType === 'acco-results' || flyInType === 'traject-day-activities' ? 'flyin--large' : ''} ${flyInType === 'excursion-results' || flyInType === 'excursion-details' ? 'flyin--medium' : ''}
       ${flyInType === 'flight-outward-results' || flyInType === 'flight-return-results' || flyInType === 'traject-flight-results' ? 'flyin--flight' : ''}` },
         React__default["default"].createElement("div", { className: `flyin__panel ${isOpen ? 'flyin__panel--active' : ''}`, ref: panelRef },
             React__default["default"].createElement("div", { className: "flyin__content" },
@@ -32674,7 +32673,7 @@ const FlightFilters = ({ isOpen, handleSetIsOpen, isLoading }) => {
                             !lodash.isEmpty(priceRangeValues) &&
                             (() => {
                                 return (React__default["default"].createElement("div", { className: "search__filter-rows" },
-                                    React__default["default"].createElement(MultiRangeFilter, { min: minPrice, max: maxPrice, selectedMin: lodash.first(priceRangeValues) ?? minPrice, selectedMax: lodash.last(priceRangeValues) ?? maxPrice, valueFormatter: (value) => `€${value}`, onChange: (newMin, newMax) => {
+                                    React__default["default"].createElement(MultiRangeFilter, { min: minPrice, max: maxPrice, selectedMin: lodash.first(priceRangeValues) ?? minPrice, selectedMax: lodash.last(priceRangeValues) ?? maxPrice, valueFormatter: (value) => `€${value.toFixed(2).replace('.', ',')}`, onChange: (newMin, newMax) => {
                                             handlePriceSliderChange([newMin, newMax]);
                                         } })));
                             })()))))));
@@ -33473,20 +33472,20 @@ const buildFlightHtml = (line) => {
  */
 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>
+    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">
-        <div class="itinerary-empty">Geen reisroute beschikbaar.</div>
-      </div>
+        return `
+      <div class="itinerary-shell">
+        <div class="itinerary-empty">Geen reisroute beschikbaar.</div>
+      </div>
     `;
     }
     const allNodes = itinerary.nodes ?? [];
@@ -33500,70 +33499,70 @@ const buildItineraryHtml = (itinerary, translations, lines) => {
         const hasAccommodationInCurrentNode = uniqueItems.some(isAccommodationItem);
         const activeAccommodation = findAccommodationForDay(allNodes, startDay);
         const accommodationBanner = !hasAccommodationInCurrentNode && activeAccommodation
-            ? `
-            <div class="itinerary-node__accommodation-banner">
-              Accommodatie voor deze dag: <strong>${escapeHtml(getAccommodationName(activeAccommodation))}</strong>
-            </div>
+            ? `
+            <div class="itinerary-node__accommodation-banner">
+              Accommodatie voor deze dag: <strong>${escapeHtml(getAccommodationName(activeAccommodation))}</strong>
+            </div>
           `
             : '';
         const itemsHtml = hasItems
             ? uniqueItems
-                .map((item) => `
-                <article class="itinerary-item" data-template="${escapeHtml(item.templateName)}">
+                .map((item) => `
+                <article class="itinerary-item" data-template="${escapeHtml(item.templateName)}">
                   ${hasVisibleContent(item.contents)
                 ? item.contents
-                : buildFallbackHtml(item, lines.find((line) => line.guid === item.itemGuid))}
-                </article>
+                : buildFallbackHtml(item, lines.find((line) => line.guid === item.itemGuid))}
+                </article>
               `)
                 .join('')
             : `<div class="itinerary-node__empty">${translations.ITINERARY.NO_ITEMS}</div>`;
-        return `
-        <section class="itinerary-node">
-          <header class="itinerary-node__header">
-            
-          <div class="itinerary-node__day">
-            <p class="itinerary-node__day-day">${day}</p>
-            <p class="itinerary-node__day-month">${month}</p>
-          </div>
-
-            <div>
-              <h2 class="itinerary-node__title">${escapeHtml(node.title)}</h2>
-            </div>
-          </header>
-
-          <div class="itinerary-node__content">
-            ${accommodationBanner}
-            ${itemsHtml}
-          </div>
-        </section>
+        return `
+        <section class="itinerary-node">
+          <header class="itinerary-node__header">
+            
+          <div class="itinerary-node__day">
+            <p class="itinerary-node__day-day">${day}</p>
+            <p class="itinerary-node__day-month">${month}</p>
+          </div>
+
+            <div>
+              <h2 class="itinerary-node__title">${escapeHtml(node.title)}</h2>
+            </div>
+          </header>
+
+          <div class="itinerary-node__content">
+            ${accommodationBanner}
+            ${itemsHtml}
+          </div>
+        </section>
       `;
     })
         .join('');
     const defaultItemsHtml = itinerary.defaultItems && itinerary.defaultItems.length > 0
-        ? `
-        <section class="itinerary-default-items">
-          <h2 class="itinerary-default-items__title">Algemene info</h2>
+        ? `
+        <section class="itinerary-default-items">
+          <h2 class="itinerary-default-items__title">Algemene info</h2>
           ${getUniqueItems(itinerary.defaultItems)
-            .map((item) => `
-                <article class="itinerary-item" data-template="${escapeHtml(item.templateName)}">
+            .map((item) => `
+                <article class="itinerary-item" data-template="${escapeHtml(item.templateName)}">
                   ${hasVisibleContent(item.contents)
             ? item.contents
-            : buildFallbackHtml(item, lines.find((line) => line.guid === item.itemGuid))}
-                </article>
+            : buildFallbackHtml(item, lines.find((line) => line.guid === item.itemGuid))}
+                </article>
               `)
-            .join('')}
-        </section>
+            .join('')}
+        </section>
       `
         : '';
-    return `
-    <div class="itinerary-shell">
-      ${itinerary.title ? `<header class="itinerary-shell__header"><h1 class="itinerary-shell__title">${escapeHtml(itinerary.title)}</h1></header>` : ''}
-
-      <div class="itinerary-shell__content">
-        ${nodesHtml}
-        ${defaultItemsHtml}
-      </div>
-    </div>
+    return `
+    <div class="itinerary-shell">
+      ${itinerary.title ? `<header class="itinerary-shell__header"><h1 class="itinerary-shell__title">${escapeHtml(itinerary.title)}</h1></header>` : ''}
+
+      <div class="itinerary-shell__content">
+        ${nodesHtml}
+        ${defaultItemsHtml}
+      </div>
+    </div>
   `;
 };
 const FullItinerary = ({ isLoading }) => {
@@ -33585,170 +33584,170 @@ const FullItinerary = ({ isLoading }) => {
         }
         const shadowRoot = host.shadowRoot ?? host.attachShadow({ mode: 'open' });
         shadowRootRef.current = shadowRoot;
-        shadowRoot.innerHTML = `
-      <style>
-        :host {
-          all: initial;
-          display: block;
-          width: 100%;
-        }
-
-        *,
-        *::before,
-        *::after {
-          box-sizing: border-box;
-        }
-
-        .itinerary-shell {
-          width: 100%;
-          margin: 0 auto;
-          font-family: 'Outfit', sans-serif;
-          color: #222;
-        }
-
-        .itinerary-shell__header {
-          margin-bottom: 24px;
-        }
-
-        .itinerary-shell__title {
-          margin: 0;
-          font-size: 32px;
-          line-height: 1.2;
-        }
-
-        .itinerary-shell__content {
-          display: grid;
-          gap: 24px;
-        }
-
-        .itinerary-node {
-          border: 1px solid #e5e7eb;
-          border-radius: 16px;
-          overflow: hidden;
-          background: #fff;
-          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
-        }
-
-        .itinerary-node__header {
-          display: flex;
-          gap: 16px;
-          align-items: center;
-          border-bottom: 1px solid #eef0f2;
-          background: #fafafa;
-        }
-
-        .itinerary-node__day {
-          flex: 50px 0 0;
-          display: flex;
-          flex-flow: column;
-          align-items: center;
-          justify-content: center;
-          background: #1f9470;
-          color: white;
-          border: 1.5px solid var(--tide-booking-color-secondary);
-        }
-
-        .itinerary-node__day-month {
-          margin: 0px;
-        }
-
-        .itinerary-node__day-day {
-          margin: 0px;
-          font-weight: var(--tide-booking-search-results-label-date-month-font-weight);
-          color: var(--tide-booking-search-results-label-date-month-color);
-          font-size: 24px;
-        }
-
-        .itinerary-node__title {
-          margin: 0;
-          font-size: 22px;
-          line-height: 1.25;
-        }
-
-        .itinerary-node__content {
-          display: grid;
-          gap: 20px;
-          padding: 20px;
-        }
-
-        .itinerary-node__accommodation-banner {
-          padding: 12px 16px;
-          border: 1px solid #dbeafe;
-          border-radius: 12px;
-          background: #eff6ff;
-          color: #1e3a8a;
-          font-size: 14px;
-          line-height: 1.4;
-        }
-
-        .itinerary-item {
-          display: block;
-          border-radius: 12px;
-          overflow: hidden;
-          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;
-          border: 1px dashed #d1d5db;
-          border-radius: 12px;
-          color: #6b7280;
-          background: #fafafa;
-        }
-
-        .itinerary-default-items {
-          border: 1px solid #e5e7eb;
-          border-radius: 16px;
-          padding: 20px;
-          background: #fff;
-          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
-        }
-
-        .itinerary-default-items__title {
-          margin: 0 0 16px;
-          font-size: 22px;
-        }
-
-        @media (max-width: 768px) {
-          .itinerary-shell {
-            padding: 16px;
-          }
-        }
-
-        ${itinerary?.styleSheetBody ?? ''}
-      </style>
-
-      ${html}
+        shadowRoot.innerHTML = `
+      <style>
+        :host {
+          all: initial;
+          display: block;
+          width: 100%;
+        }
+
+        *,
+        *::before,
+        *::after {
+          box-sizing: border-box;
+        }
+
+        .itinerary-shell {
+          width: 100%;
+          margin: 0 auto;
+          font-family: 'Outfit', sans-serif;
+          color: #222;
+        }
+
+        .itinerary-shell__header {
+          margin-bottom: 24px;
+        }
+
+        .itinerary-shell__title {
+          margin: 0;
+          font-size: 32px;
+          line-height: 1.2;
+        }
+
+        .itinerary-shell__content {
+          display: grid;
+          gap: 24px;
+        }
+
+        .itinerary-node {
+          border: 1px solid #e5e7eb;
+          border-radius: 16px;
+          overflow: hidden;
+          background: #fff;
+          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
+        }
+
+        .itinerary-node__header {
+          display: flex;
+          gap: 16px;
+          align-items: center;
+          border-bottom: 1px solid #eef0f2;
+          background: #fafafa;
+        }
+
+        .itinerary-node__day {
+          flex: 50px 0 0;
+          display: flex;
+          flex-flow: column;
+          align-items: center;
+          justify-content: center;
+          background: #1f9470;
+          color: white;
+          border: 1.5px solid var(--tide-booking-color-secondary);
+        }
+
+        .itinerary-node__day-month {
+          margin: 0px;
+        }
+
+        .itinerary-node__day-day {
+          margin: 0px;
+          font-weight: var(--tide-booking-search-results-label-date-month-font-weight);
+          color: var(--tide-booking-search-results-label-date-month-color);
+          font-size: 24px;
+        }
+
+        .itinerary-node__title {
+          margin: 0;
+          font-size: 22px;
+          line-height: 1.25;
+        }
+
+        .itinerary-node__content {
+          display: grid;
+          gap: 20px;
+          padding: 20px;
+        }
+
+        .itinerary-node__accommodation-banner {
+          padding: 12px 16px;
+          border: 1px solid #dbeafe;
+          border-radius: 12px;
+          background: #eff6ff;
+          color: #1e3a8a;
+          font-size: 14px;
+          line-height: 1.4;
+        }
+
+        .itinerary-item {
+          display: block;
+          border-radius: 12px;
+          overflow: hidden;
+          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;
+          border: 1px dashed #d1d5db;
+          border-radius: 12px;
+          color: #6b7280;
+          background: #fafafa;
+        }
+
+        .itinerary-default-items {
+          border: 1px solid #e5e7eb;
+          border-radius: 16px;
+          padding: 20px;
+          background: #fff;
+          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
+        }
+
+        .itinerary-default-items__title {
+          margin: 0 0 16px;
+          font-size: 22px;
+        }
+
+        @media (max-width: 768px) {
+          .itinerary-shell {
+            padding: 16px;
+          }
+        }
+
+        ${itinerary?.styleSheetBody ?? ''}
+      </style>
+
+      ${html}
     `;
     }, [html, itinerary?.styleSheetBody, isLoading]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -34342,6 +34341,7 @@ const getNodeIcon = (node) => {
 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 MAX_HOTEL_RESULTS = 6;
 const TrajectResults = ({ isLoading }) => {
     const context = React.useContext(SearchResultsConfigurationContext);
     const dispatch = reactRedux.useDispatch();
@@ -34351,6 +34351,8 @@ const TrajectResults = ({ isLoading }) => {
     const { trajectNodeAvailability, trajectFlightAvailability, trajectDaySuggestions, editablePackagingEntry } = reactRedux.useSelector((state) => state.searchResults);
     const trajectEntry = context?.trajectEntry;
     const hideShowMoreResults = !!context?.hideShowMoreResults;
+    const loadDayActivitiesOnDemand = !!context?.loadDayActivitiesOnDemand;
+    const showNonPreferredHotels = !!context?.showNonPreferredHotels;
     const nodesWithLines = React.useMemo(() => (trajectEntry ? getTrajectNodesWithLines(trajectEntry) : []), [trajectEntry]);
     const lineByNodeId = React.useMemo(() => new Map(nodesWithLines.map((x) => [x.node.nodeId, x])), [nodesWithLines]);
     const nodesByDay = React.useMemo(() => {
@@ -34388,13 +34390,14 @@ const TrajectResults = ({ isLoading }) => {
     /**
      * 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.
+     * searches the trip cannot do without would only make those slower. A portal can turn the
+     * automatic load off, and then each day waits for its own "show activities" click instead.
      */
     React.useEffect(() => {
-        if (!trajectEntry || !tripResolved)
+        if (!trajectEntry || !tripResolved || loadDayActivitiesOnDemand)
             return;
         (trajectEntry.traject.days ?? []).filter((day) => stayByDay.has(day.order)).forEach((day) => loadDay(day));
-    }, [trajectEntry, tripResolved, stayByDay]);
+    }, [trajectEntry, tripResolved, stayByDay, loadDayActivitiesOnDemand]);
     if (!context || !trajectEntry)
         return null;
     const handleSelect = (item, code) => {
@@ -34468,6 +34471,10 @@ const TrajectResults = ({ isLoading }) => {
         const selected = results.find((x) => x.code === availability?.selectedCode) ?? null;
         const configured = results.filter((x) => x.code !== selected?.code && !!findCandidateForResult(node, x));
         const others = results.filter((x) => x.code !== selected?.code && !findCandidateForResult(node, x));
+        // A hotel row holds the hotels configured on the node; a portal can also let it fill up with
+        // non-preferred hotels found in the area, the rest staying behind "show more".
+        const fill = showNonPreferredHotels && node.serviceType === ACCOMMODATION_SERVICE_TYPE ? others.slice(0, Math.max(MAX_HOTEL_RESULTS - 1 - configured.length, 0)) : [];
+        const remaining = others.length - fill.length;
         // No entry yet means the node's search has been queued but not dispatched — still loading.
         const status = availability?.status ?? 'loading';
         return (React__default["default"].createElement(React__default["default"].Fragment, { key: line.guid },
@@ -34487,12 +34494,12 @@ const TrajectResults = ({ isLoading }) => {
                         node.preferredAccommodationName,
                         " \u2014 ",
                         translations.SRP.NO_RESULTS))),
-                React__default["default"].createElement("div", { className: "search__results__cards search__results__cards--scroll" }, [selected, ...configured].map((result) => (React__default["default"].createElement(TrajectNodeCard, { key: result.code, node: node, result: result, isSelected: result.code === selected.code, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(item, result.code), onEditOptions: node.serviceType === ACCOMMODATION_SERVICE_TYPE ? () => handleEditOptions(item) : undefined, showNights: node.serviceType === ACCOMMODATION_SERVICE_TYPE })))),
-                others.length > 0 && !hideShowMoreResults && (React__default["default"].createElement("div", { className: "search__results__cards__actions" },
+                React__default["default"].createElement("div", { className: "search__results__cards search__results__cards--scroll" }, [selected, ...configured, ...fill].map((result) => (React__default["default"].createElement(TrajectNodeCard, { key: result.code, node: node, result: result, isSelected: result.code === selected.code, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(item, result.code), onEditOptions: node.serviceType === ACCOMMODATION_SERVICE_TYPE ? () => handleEditOptions(item) : undefined, showNights: node.serviceType === ACCOMMODATION_SERVICE_TYPE })))),
+                remaining > 0 && !hideShowMoreResults && (React__default["default"].createElement("div", { className: "search__results__cards__actions" },
                     React__default["default"].createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleShowMore(item) },
                         translations.SRP.SHOW_MORE,
                         " (",
-                        others.length,
+                        remaining,
                         ")")))))));
     };
     const handleSelectFlight = (item, flight) => {
@@ -34583,6 +34590,7 @@ const TrajectResults = ({ isLoading }) => {
             return null;
         const visible = cards.slice(0, MAX_DAY_ACTIVITIES);
         const hidden = cards.length - visible.length;
+        const awaitsRequest = loadDayActivitiesOnDemand && !suggestions && canSearch && !nodesResolving && hidden === 0;
         return (React__default["default"].createElement(React__default["default"].Fragment, { key: `activities-${day.order}` },
             React__default["default"].createElement("div", { className: "search__results__label search__results__label--sub" },
                 React__default["default"].createElement("div", { className: "search__results__label__text" },
@@ -34592,11 +34600,13 @@ const TrajectResults = ({ isLoading }) => {
             (nodesResolving || isSearching) && !cards.length && React__default["default"].createElement(Spinner, { label: translations.SRP.LOADING_ACTIVITIES }),
             !!cards.length && React__default["default"].createElement("div", { className: "search__results__cards search__results__cards--scroll" }, visible.map(renderActivityCard)),
             !nodesResolving && !isSearching && !cards.length && (!!items.length || !!suggestions) && (React__default["default"].createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS)),
-            React__default["default"].createElement("div", { className: "search__results__cards__actions" }, hidden > 0 && !hideShowMoreResults && (React__default["default"].createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleShowMoreActivities(day.order) },
-                translations.SRP.SHOW_MORE,
-                " (",
-                hidden,
-                ")")))));
+            React__default["default"].createElement("div", { className: "search__results__cards__actions" },
+                awaitsRequest && (React__default["default"].createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => loadDay(day) }, translations.SRP.SHOW_ACTIVITIES)),
+                hidden > 0 && !hideShowMoreResults && (React__default["default"].createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => handleShowMoreActivities(day.order) },
+                    translations.SRP.SHOW_MORE,
+                    " (",
+                    hidden,
+                    ")")))));
     };
     /**
      * An activity the traject books is swapped for another, the way a hotel is; one the traveller
@@ -38961,20 +38971,20 @@ function ItineraryMapView({ destinations: propDestinations, adults = 2, dateFrom
             const isStartEnd = dest.isStart || dest.isEnd;
             let iconHtml;
             if (isStartEnd) {
-                iconHtml = `
-          <div class="map-view__marker map-view__marker--plane">
-            <svg viewBox="0 0 576 512" fill="currentColor" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-              <path d="M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10.1-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.3-15.8-20.6l49-196.3L112 288 68.8 377.6c-3 6.1-9.2 10.4-16 10.4l-2.8 0c-9.2 0-16-8.8-13.3-17.6L80 256L36.7 141.6C34 132.8 40.8 124 50 124l2.8 0c6.8 0 13 4.3 16 10.4L112 224l102.9 0-49-196.3C163.5 17.3 171.2 7 181.8 7l56.2 0c11.5 0 22.1 6 27.8 16.1L365.7 192l116.6 0z"/>
-            </svg>
+                iconHtml = `
+          <div class="map-view__marker map-view__marker--plane">
+            <svg viewBox="0 0 576 512" fill="currentColor" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+              <path d="M482.3 192c34.2 0 93.7 29 93.7 64c0 36-59.5 64-93.7 64l-116.6 0L265.2 495.9c-5.7 10.1-16.3 16.1-27.8 16.1l-56.2 0c-10.6 0-18.3-10.3-15.8-20.6l49-196.3L112 288 68.8 377.6c-3 6.1-9.2 10.4-16 10.4l-2.8 0c-9.2 0-16-8.8-13.3-17.6L80 256L36.7 141.6C34 132.8 40.8 124 50 124l2.8 0c6.8 0 13 4.3 16 10.4L112 224l102.9 0-49-196.3C163.5 17.3 171.2 7 181.8 7l56.2 0c11.5 0 22.1 6 27.8 16.1L365.7 192l116.6 0z"/>
+            </svg>
           </div>`;
             }
             else {
                 stopIndex++;
                 const imgStyle = dest.imageUrl ? `style="background-image:url('${dest.imageUrl}')"` : '';
-                iconHtml = `
-          <div class="map-view__marker map-view__marker--stop" ${imgStyle}>
-            ${!dest.imageUrl ? `<span class="map-view__marker-number">${stopIndex}</span>` : ''}
-            <span class="map-view__marker-badge">${stopIndex}</span>
+                iconHtml = `
+          <div class="map-view__marker map-view__marker--stop" ${imgStyle}>
+            ${!dest.imageUrl ? `<span class="map-view__marker-number">${stopIndex}</span>` : ''}
+            <span class="map-view__marker-badge">${stopIndex}</span>
           </div>`;
             }
             const icon = L.divIcon({