@qite/tide-components 1.0.2 → 1.0.3

package/build/build-cjs/index.js

@@ -32967,6 +32967,8 @@ const buildDestination = (line) => {
         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) => ({
@@ -32986,10 +32988,27 @@ const buildTrajectNodeRequest = ({ node, line }, context, productCode) => ({
     rooms: context.rooms,
     tagIds: []
 });
-const getPreferredCodes = (node) => {
-    const codes = [node.code, node.preferredAccommodationCode, ...(node.alternativeAccommodationCodes ?? [])];
-    return codes.filter((code) => !!code && code.trim().length > 0).filter((code, index, all) => all.indexOf(code) === index);
+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;
@@ -33089,10 +33108,26 @@ const getLocation = (result) => {
         return result.countryName ?? '';
     return result.countryName ? `${place}, ${result.countryName}` : place;
 };
-const TrajectNodeCard = ({ result, isSelected, languageCode, translations, onSelect, showNights }) => {
+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 = lodash.first(result.rooms)?.options?.find((x) => x.isSelected) ?? lodash.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["default"].createElement("div", { className: "search__result-card__price__wrapper" },
+        React__default["default"].createElement("span", { className: "search__result-card__price__label" }, translations?.SHARED.TOTAL_PRICE),
+        React__default["default"].createElement("span", { className: "search__result-card__price" }, price)));
     const selectButton = (React__default["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["default"].createElement("div", { className: `search__result-card__wrapper search__result-card__wrapper--custom ${isSelected ? 'search__result-card__wrapper--selected' : ''}` },
@@ -33100,21 +33135,22 @@ const TrajectNodeCard = ({ result, isSelected, languageCode, translations, onSel
             React__default["default"].createElement("div", { className: "search__result-card__footer" }, selectButton)));
     }
     return (React__default["default"].createElement("div", { className: `search__result-card__wrapper ${isSelected ? 'search__result-card__wrapper--selected' : ''}` },
+        image && (React__default["default"].createElement("div", { className: "search__result-card__img-wrapper" },
+            React__default["default"].createElement("img", { src: image, alt: title, className: "search__result-card__img" }),
+            priceBlock)),
         React__default["default"].createElement("div", { className: "search__result-card__content" },
             React__default["default"].createElement("div", { className: "search__result-card__content__wrapper" },
                 React__default["default"].createElement("div", { className: "search__result-card__header" },
                     React__default["default"].createElement("div", { className: "search__result-card__header__wrapper" },
                         !!result.stars && (React__default["default"].createElement("div", { className: "rating" }, [...Array(result.stars)].map((_, index) => (React__default["default"].createElement(Icon, { name: "ui-star", key: `rating-star-${index + 1}`, width: 14, height: 14 }))))),
-                        React__default["default"].createElement("h3", { className: "search__result-card__title" }, result.name)),
-                    React__default["default"].createElement("div", { className: "search__result-card__price__wrapper" },
-                        React__default["default"].createElement("span", { className: "search__result-card__price__label" }, translations?.SHARED.TOTAL_PRICE),
-                        React__default["default"].createElement("span", { className: "search__result-card__price" }, price))),
+                        React__default["default"].createElement("h3", { className: "search__result-card__title" }, title)),
+                    !image && priceBlock),
                 React__default["default"].createElement("span", { className: "search__result-card__location" },
                     React__default["default"].createElement(Icon, { name: "ui-location", height: 16 }),
                     getLocation(result)),
                 React__default["default"].createElement("div", { className: "search__result-card__options" },
                     showNights && nights > 0 && (React__default["default"].createElement("div", { className: "search__result-card__option" },
-                        React__default["default"].createElement(Icon, { name: "ui-bed", height: 16 }),
+                        React__default["default"].createElement(Icon, { name: "ui-moon", height: 16 }),
                         nights,
                         " ",
                         translations?.SRP.NIGHTS)),
@@ -33123,7 +33159,8 @@ const TrajectNodeCard = ({ result, isSelected, languageCode, translations, onSel
                         selectedOption.accommodationName)),
                     selectedOption?.regimeName && (React__default["default"].createElement("div", { className: "search__result-card__option" },
                         React__default["default"].createElement(Icon, { name: "ui-utensils", height: 16 }),
-                        selectedOption.regimeName)))),
+                        selectedOption.regimeName))),
+                description && React__default["default"].createElement("p", { className: "search__result-card__description" }, description)),
             React__default["default"].createElement("div", { className: "search__result-card__footer" }, selectButton))));
 };
 
@@ -33179,7 +33216,8 @@ const TrajectResults = ({ isLoading }) => {
         const isExpanded = !!expandedNodes[line.guid];
         const results = availability?.results ?? [];
         const selected = results.find((x) => x.code === availability?.selectedCode) ?? null;
-        const alternatives = results.filter((x) => x.code !== availability?.selectedCode);
+        const configured = results.filter((x) => x.code !== selected?.code && !!findCandidateForResult(node, x));
+        const others = results.filter((x) => x.code !== selected?.code && !findCandidateForResult(node, x));
         // 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 },
@@ -33188,9 +33226,7 @@ const TrajectResults = ({ isLoading }) => {
                     React__default["default"].createElement("p", { className: "search__results__label__date-date" }, dateFns.format(new Date(line.from), 'd', { locale })),
                     React__default["default"].createElement("p", null, dateFns.format(new Date(line.from), 'MMM', { locale }))),
                 React__default["default"].createElement("div", { className: "search__results__label__text" },
-                    React__default["default"].createElement(Icon, { name: getNodeIcon(node), height: 16 }),
-                    React__default["default"].createElement("h3", null,
-                        React__default["default"].createElement("strong", null, node.name)))),
+                    React__default["default"].createElement(Icon, { name: getNodeIcon(node), height: 16 }))),
             status === 'loading' && (React__default["default"].createElement(Spinner, { label: node.serviceType === EXCURSION_SERVICE_TYPE ? translations.SRP.LOADING_EXCURSIONS : translations.SRP.LOADING_ACCOMMODATIONS })),
             status === 'unavailable' && React__default["default"].createElement("div", { className: "no-results" }, translations.SRP.NO_RESULTS),
             status === 'resolved' && selected && (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -33199,12 +33235,9 @@ const TrajectResults = ({ isLoading }) => {
                         node.preferredAccommodationName,
                         " \u2014 ",
                         translations.SRP.NO_RESULTS))),
-                React__default["default"].createElement("div", { className: "search__results__cards search__results__cards--extended" },
-                    React__default["default"].createElement(TrajectNodeCard, { result: selected, isSelected: true, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(item, selected.code), showNights: node.serviceType === ACCOMMODATION_SERVICE_TYPE }),
-                    isExpanded &&
-                        alternatives.map((result) => (React__default["default"].createElement(TrajectNodeCard, { key: result.code, result: result, isSelected: false, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(item, result.code), showNights: node.serviceType === ACCOMMODATION_SERVICE_TYPE })))),
-                alternatives.length > 0 && (React__default["default"].createElement("div", { className: "search__results__cards__actions" },
-                    React__default["default"].createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => toggleExpanded(line.guid) }, isExpanded ? translations.SRP.SHOW_LESS : `${translations.SRP.SHOW_MORE} (${alternatives.length})`)))))));
+                React__default["default"].createElement("div", { className: "search__results__cards search__results__cards--extended" }, [selected, ...configured, ...(isExpanded ? others : [])].map((result) => (React__default["default"].createElement(TrajectNodeCard, { key: result.code, item: item, result: result, isSelected: result.code === selected.code, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(item, result.code), showNights: node.serviceType === ACCOMMODATION_SERVICE_TYPE })))),
+                others.length > 0 && (React__default["default"].createElement("div", { className: "search__results__cards__actions" },
+                    React__default["default"].createElement("button", { type: "button", className: "cta cta--secondary", onClick: () => toggleExpanded(line.guid) }, isExpanded ? translations.SRP.SHOW_LESS : `${translations.SRP.SHOW_MORE} (${others.length})`)))))));
     };
     const renderFlightNode = (item) => {
         const { node, line } = item;
@@ -33245,36 +33278,23 @@ const TrajectResults = ({ isLoading }) => {
                 selectedFlight && (React__default["default"].createElement(IndependentFlightOption, { key: `flight-${selectedKey}`, item: isOutbound ? selectedFlight.outward : selectedFlight.return, guid: selectedFlight.outwardGuid, selectedGuid: selectedFlight.outwardGuid, isOutward: isOutbound, showSelectedState: true, price: selectedFlight.price, onSelect: isOutbound ? () => dispatch(setSelectedOutwardKey(null)) : undefined })),
                 visible.map((result) => (React__default["default"].createElement(IndependentFlightOption, { key: `flight-${result.outwardGuid}`, item: isOutbound ? result.outward : result.return, guid: result.outwardGuid, isOutward: isOutbound, price: result.price, currentSelectedPrice: selectedFlight?.price, onSelect: () => dispatch(isOutbound ? setSelectedOutwardKey(getFlightKey(result.outward.segments)) : setSelectedReturnKey(getFlightKey(result.return.segments))) })))))));
     };
-    /** Connecting markers and points of interest: shown for context, nothing to book. */
-    const renderContextNode = (node) => (React__default["default"].createElement("div", { className: "search__results__cards__actions", key: `${node.nodeId}-context` },
-        React__default["default"].createElement("span", null,
-            React__default["default"].createElement(Icon, { name: "ui-car", height: 14 }),
-            " ",
-            node.name,
-            node.distanceInKm ? ` — ${Math.round(node.distanceInKm)} km` : '')));
     if (isLoading)
         return React__default["default"].createElement(Spinner, { label: translations.SRP.LOADING_ITINERARY });
     return (React__default["default"].createElement(React__default["default"].Fragment, null, trajectEntry.traject.days.map((day) => {
         const dayNodes = nodesByDay.get(day.order) ?? [];
         if (!dayNodes.length)
             return null;
-        return (React__default["default"].createElement(React__default["default"].Fragment, { key: `day-${day.order}` },
-            React__default["default"].createElement("div", { className: "search__results__label" },
-                React__default["default"].createElement("div", { className: "search__results__label__text" },
-                    React__default["default"].createElement("h2", null,
-                        translations.ITINERARY.DAY,
-                        " ",
-                        day.order + 1,
-                        day.name ? ` — ${day.name}` : ''),
-                    React__default["default"].createElement("span", null, dateFns.format(new Date(day.date), 'EEEE d MMMM yyyy', { locale })))),
-            dayNodes.map((node) => {
-                if (node.trajectNodeType !== REGULAR_TRAJECT_NODE_TYPE)
-                    return renderContextNode(node);
-                const item = lineByNodeId.get(node.nodeId);
-                if (!item)
-                    return renderContextNode(node);
-                return isTrajectFlightNode(node) ? renderFlightNode(item) : renderServiceNode(item);
-            })));
+        return (React__default["default"].createElement(React__default["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);
+        })));
     })));
 };
 
@@ -33308,25 +33328,27 @@ const useTrajectAvailability = () => {
             const search = item.node.serviceType === EXCURSION_SERVICE_TYPE ? build.searchPackagingExcursions : build.searchPackagingAccommodations;
             dispatch(setTrajectNodeLoading(lineGuid));
             try {
-                const preferredCodes = getPreferredCodes(item.node);
-                let results = [];
-                let picked = null;
-                // Try the traject's own product/hotel codes first, in configured order.
-                for (const code of preferredCodes) {
-                    const attempt = await search(config, buildTrajectNodeRequest(item, searchContext, code), controller.signal);
-                    const hit = (attempt ?? []).find((result) => matchesCode(result, code));
-                    if (hit) {
-                        results = attempt;
-                        picked = hit;
-                        break;
+                const candidates = getNodeCandidates(item.node);
+                const attempts = await Promise.all(candidates.map(async (candidate) => {
+                    try {
+                        const attempt = await search(config, buildTrajectNodeRequest(item, searchContext, candidate.code), controller.signal);
+                        return (attempt ?? []).find((result) => matchesCode(result, candidate.code)) ?? null;
                     }
-                }
-                let preferredUnavailable = false;
+                    catch (error) {
+                        if (!controller.signal.aborted)
+                            console.error('Traject hotel unavailable', candidate.code, error);
+                        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 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);
-                    preferredUnavailable = preferredCodes.length > 0;
+                    preferredUnavailable = candidates.length > 0;
                 }
                 if (controller.signal.aborted)
                     return null;

package/build/build-cjs/src/search-results/components/traject/traject-node-card.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import { PackagingAccommodationResponse } from '@qite/tide-client';
+import { TrajectNodeWithLine } from '../../utils/traject-utils';
 interface TrajectNodeCardProps {
+    item: TrajectNodeWithLine;
     result: PackagingAccommodationResponse;
     isSelected: boolean;
     languageCode?: string;

package/build/build-cjs/src/search-results/utils/traject-utils.d.ts

@@ -1,5 +1,6 @@
-import { PackagingAccommodationRequest, PackagingAccommodationResponse, PackagingEntry, PackagingEntryLine, PackagingFlightResponse, PackagingRoom, PackagingTrajectNode, PackagingTrajectResponse } from '@qite/tide-client';
+import { PackagingAccommodationRequest, PackagingAccommodationResponse, PackagingEntry, PackagingEntryLine, PackagingFlightResponse, PackagingRoom, PackagingTrajectAlternative, PackagingTrajectNode, PackagingTrajectResponse } from '@qite/tide-client';
 export declare const REGULAR_TRAJECT_NODE_TYPE = 0;
+export declare const CONNECTING_TRAJECT_NODE_TYPE = 1;
 export interface TrajectNodeWithLine {
     node: PackagingTrajectNode;
     line: PackagingEntryLine;
@@ -18,7 +19,8 @@ export interface TrajectSearchContext {
     rooms: PackagingAccommodationRequest['rooms'];
 }
 export declare const buildTrajectNodeRequest: ({ node, line }: TrajectNodeWithLine, context: TrajectSearchContext, productCode: string) => PackagingAccommodationRequest;
-export declare const getPreferredCodes: (node: PackagingTrajectNode) => string[];
+export declare const getNodeCandidates: (node: PackagingTrajectNode) => PackagingTrajectAlternative[];
+export declare const findCandidateForResult: (node: PackagingTrajectNode, result: PackagingAccommodationResponse) => PackagingTrajectAlternative | null;
 export declare const matchesCode: (result: PackagingAccommodationResponse, code: string) => boolean;
 export declare const getPackagingRoomsFromEntry: (entry: PackagingEntry) => PackagingRoom[];
 export declare const pickCheapest: (results: PackagingAccommodationResponse[]) => PackagingAccommodationResponse | null;

package/build/build-esm/index.js

@@ -32938,6 +32938,8 @@ const buildDestination = (line) => {
         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) => ({
@@ -32957,10 +32959,27 @@ const buildTrajectNodeRequest = ({ node, line }, context, productCode) => ({
     rooms: context.rooms,
     tagIds: []
 });
-const getPreferredCodes = (node) => {
-    const codes = [node.code, node.preferredAccommodationCode, ...(node.alternativeAccommodationCodes ?? [])];
-    return codes.filter((code) => !!code && code.trim().length > 0).filter((code, index, all) => all.indexOf(code) === index);
+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;
@@ -33060,10 +33079,26 @@ const getLocation = (result) => {
         return result.countryName ?? '';
     return result.countryName ? `${place}, ${result.countryName}` : place;
 };
-const TrajectNodeCard = ({ result, isSelected, languageCode, translations, onSelect, showNights }) => {
+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' : ''}` },
@@ -33071,21 +33106,22 @@ const TrajectNodeCard = ({ result, isSelected, languageCode, translations, onSel
             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" }, result.name)),
-                    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))),
+                        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-bed", height: 16 }),
+                        React__default.createElement(Icon, { name: "ui-moon", height: 16 }),
                         nights,
                         " ",
                         translations?.SRP.NIGHTS)),
@@ -33094,7 +33130,8 @@ const TrajectNodeCard = ({ result, isSelected, languageCode, translations, onSel
                         selectedOption.accommodationName)),
                     selectedOption?.regimeName && (React__default.createElement("div", { className: "search__result-card__option" },
                         React__default.createElement(Icon, { name: "ui-utensils", height: 16 }),
-                        selectedOption.regimeName)))),
+                        selectedOption.regimeName))),
+                description && React__default.createElement("p", { className: "search__result-card__description" }, description)),
             React__default.createElement("div", { className: "search__result-card__footer" }, selectButton))));
 };
 
@@ -33150,7 +33187,8 @@ const TrajectResults = ({ isLoading }) => {
         const isExpanded = !!expandedNodes[line.guid];
         const results = availability?.results ?? [];
         const selected = results.find((x) => x.code === availability?.selectedCode) ?? null;
-        const alternatives = results.filter((x) => x.code !== availability?.selectedCode);
+        const configured = results.filter((x) => x.code !== selected?.code && !!findCandidateForResult(node, x));
+        const others = results.filter((x) => x.code !== selected?.code && !findCandidateForResult(node, x));
         // 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 },
@@ -33159,9 +33197,7 @@ const TrajectResults = ({ isLoading }) => {
                     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("h3", null,
-                        React__default.createElement("strong", null, node.name)))),
+                    React__default.createElement(Icon, { name: getNodeIcon(node), height: 16 }))),
             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,
@@ -33170,12 +33206,9 @@ const TrajectResults = ({ isLoading }) => {
                         node.preferredAccommodationName,
                         " \u2014 ",
                         translations.SRP.NO_RESULTS))),
-                React__default.createElement("div", { className: "search__results__cards search__results__cards--extended" },
-                    React__default.createElement(TrajectNodeCard, { result: selected, isSelected: true, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(item, selected.code), showNights: node.serviceType === ACCOMMODATION_SERVICE_TYPE }),
-                    isExpanded &&
-                        alternatives.map((result) => (React__default.createElement(TrajectNodeCard, { key: result.code, result: result, isSelected: false, languageCode: context.languageCode, translations: translations, onSelect: () => handleSelect(item, result.code), showNights: node.serviceType === ACCOMMODATION_SERVICE_TYPE })))),
-                alternatives.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} (${alternatives.length})`)))))));
+                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})`)))))));
     };
     const renderFlightNode = (item) => {
         const { node, line } = item;
@@ -33216,36 +33249,23 @@ const TrajectResults = ({ isLoading }) => {
                 selectedFlight && (React__default.createElement(IndependentFlightOption, { key: `flight-${selectedKey}`, item: isOutbound ? selectedFlight.outward : selectedFlight.return, guid: selectedFlight.outwardGuid, selectedGuid: selectedFlight.outwardGuid, isOutward: isOutbound, showSelectedState: true, price: selectedFlight.price, onSelect: isOutbound ? () => dispatch(setSelectedOutwardKey(null)) : undefined })),
                 visible.map((result) => (React__default.createElement(IndependentFlightOption, { key: `flight-${result.outwardGuid}`, item: isOutbound ? result.outward : result.return, guid: result.outwardGuid, isOutward: isOutbound, price: result.price, currentSelectedPrice: selectedFlight?.price, onSelect: () => dispatch(isOutbound ? setSelectedOutwardKey(getFlightKey(result.outward.segments)) : setSelectedReturnKey(getFlightKey(result.return.segments))) })))))));
     };
-    /** Connecting markers and points of interest: shown for context, nothing to book. */
-    const renderContextNode = (node) => (React__default.createElement("div", { className: "search__results__cards__actions", key: `${node.nodeId}-context` },
-        React__default.createElement("span", null,
-            React__default.createElement(Icon, { name: "ui-car", height: 14 }),
-            " ",
-            node.name,
-            node.distanceInKm ? ` — ${Math.round(node.distanceInKm)} km` : '')));
     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}` },
-            React__default.createElement("div", { className: "search__results__label" },
-                React__default.createElement("div", { className: "search__results__label__text" },
-                    React__default.createElement("h2", null,
-                        translations.ITINERARY.DAY,
-                        " ",
-                        day.order + 1,
-                        day.name ? ` — ${day.name}` : ''),
-                    React__default.createElement("span", null, format$2(new Date(day.date), 'EEEE d MMMM yyyy', { locale })))),
-            dayNodes.map((node) => {
-                if (node.trajectNodeType !== REGULAR_TRAJECT_NODE_TYPE)
-                    return renderContextNode(node);
-                const item = lineByNodeId.get(node.nodeId);
-                if (!item)
-                    return renderContextNode(node);
-                return isTrajectFlightNode(node) ? renderFlightNode(item) : renderServiceNode(item);
-            })));
+        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);
+        })));
     })));
 };
 
@@ -33279,25 +33299,27 @@ const useTrajectAvailability = () => {
             const search = item.node.serviceType === EXCURSION_SERVICE_TYPE ? build.searchPackagingExcursions : build.searchPackagingAccommodations;
             dispatch(setTrajectNodeLoading(lineGuid));
             try {
-                const preferredCodes = getPreferredCodes(item.node);
-                let results = [];
-                let picked = null;
-                // Try the traject's own product/hotel codes first, in configured order.
-                for (const code of preferredCodes) {
-                    const attempt = await search(config, buildTrajectNodeRequest(item, searchContext, code), controller.signal);
-                    const hit = (attempt ?? []).find((result) => matchesCode(result, code));
-                    if (hit) {
-                        results = attempt;
-                        picked = hit;
-                        break;
+                const candidates = getNodeCandidates(item.node);
+                const attempts = await Promise.all(candidates.map(async (candidate) => {
+                    try {
+                        const attempt = await search(config, buildTrajectNodeRequest(item, searchContext, candidate.code), controller.signal);
+                        return (attempt ?? []).find((result) => matchesCode(result, candidate.code)) ?? null;
                     }
-                }
-                let preferredUnavailable = false;
+                    catch (error) {
+                        if (!controller.signal.aborted)
+                            console.error('Traject hotel unavailable', candidate.code, error);
+                        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 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);
-                    preferredUnavailable = preferredCodes.length > 0;
+                    preferredUnavailable = candidates.length > 0;
                 }
                 if (controller.signal.aborted)
                     return null;

package/build/build-esm/src/search-results/components/traject/traject-node-card.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import { PackagingAccommodationResponse } from '@qite/tide-client';
+import { TrajectNodeWithLine } from '../../utils/traject-utils';
 interface TrajectNodeCardProps {
+    item: TrajectNodeWithLine;
     result: PackagingAccommodationResponse;
     isSelected: boolean;
     languageCode?: string;

package/build/build-esm/src/search-results/utils/traject-utils.d.ts

@@ -1,5 +1,6 @@
-import { PackagingAccommodationRequest, PackagingAccommodationResponse, PackagingEntry, PackagingEntryLine, PackagingFlightResponse, PackagingRoom, PackagingTrajectNode, PackagingTrajectResponse } from '@qite/tide-client';
+import { PackagingAccommodationRequest, PackagingAccommodationResponse, PackagingEntry, PackagingEntryLine, PackagingFlightResponse, PackagingRoom, PackagingTrajectAlternative, PackagingTrajectNode, PackagingTrajectResponse } from '@qite/tide-client';
 export declare const REGULAR_TRAJECT_NODE_TYPE = 0;
+export declare const CONNECTING_TRAJECT_NODE_TYPE = 1;
 export interface TrajectNodeWithLine {
     node: PackagingTrajectNode;
     line: PackagingEntryLine;
@@ -18,7 +19,8 @@ export interface TrajectSearchContext {
     rooms: PackagingAccommodationRequest['rooms'];
 }
 export declare const buildTrajectNodeRequest: ({ node, line }: TrajectNodeWithLine, context: TrajectSearchContext, productCode: string) => PackagingAccommodationRequest;
-export declare const getPreferredCodes: (node: PackagingTrajectNode) => string[];
+export declare const getNodeCandidates: (node: PackagingTrajectNode) => PackagingTrajectAlternative[];
+export declare const findCandidateForResult: (node: PackagingTrajectNode, result: PackagingAccommodationResponse) => PackagingTrajectAlternative | null;
 export declare const matchesCode: (result: PackagingAccommodationResponse, code: string) => boolean;
 export declare const getPackagingRoomsFromEntry: (entry: PackagingEntry) => PackagingRoom[];
 export declare const pickCheapest: (results: PackagingAccommodationResponse[]) => PackagingAccommodationResponse | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-components",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "React components for Tide (booking, product availability, form, ...)",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",
@@ -36,7 +36,7 @@
   "devDependencies": {
     "@jsonurl/jsonurl": "^1.1.4",
     "@popperjs/core": "^2.10.2",
-    "@qite/tide-client": "^2.0.11",
+    "@qite/tide-client": "^2.0.12",
     "@reduxjs/toolkit": "^2.8.2",
     "@rollup/plugin-commonjs": "^19.0.1",
     "@rollup/plugin-json": "^4.1.0",