@qite/tide-booking-component 1.4.101 → 1.4.103

package/build/build-cjs/index.js

@@ -579,6 +579,8 @@ var QSM$g = {
   GROUP_TOUR: 'جولة جماعية'
 };
 var SRP$f = {
+  SHOW_MORE: 'عرض المزيد',
+  SHOW_LESS: 'عرض أقل',
   NO_RESULTS: 'لم يتم العثور على نتائج.',
   TOTAL_RESULTS_LABEL: 'تم العثور على باقات',
   RESET: 'إعادة تعيين',
@@ -983,6 +985,8 @@ var QSM$f = {
   GROUP_TOUR: 'Grupperejse'
 };
 var SRP$e = {
+  SHOW_MORE: 'Vis flere',
+  SHOW_LESS: 'Vis færre',
   NO_RESULTS: 'Ingen resultater fundet.',
   TOTAL_RESULTS_LABEL: 'Fundne pakker',
   RESET: 'Nulstil',
@@ -1388,6 +1392,8 @@ var QSM$e = {
   GROUP_TOUR: 'Gruppentour'
 };
 var SRP$d = {
+  SHOW_MORE: 'Mehr anzeigen',
+  SHOW_LESS: 'Weniger anzeigen',
   NO_RESULTS: 'Keine Ergebnisse gefunden.',
   TOTAL_RESULTS_LABEL: 'Gefundene Pakete',
   RESET: 'Zurücksetzen',
@@ -1796,6 +1802,8 @@ var QSM$d = {
   GROUP_TOUR: 'Group tour'
 };
 var SRP$c = {
+  SHOW_MORE: 'Show more',
+  SHOW_LESS: 'Show less',
   NO_RESULTS: 'No results found.',
   TOTAL_RESULTS_LABEL: 'Packages found',
   RESET: 'Reset',
@@ -2201,6 +2209,8 @@ var QSM$c = {
   GROUP_TOUR: 'Tour grupal'
 };
 var SRP$b = {
+  SHOW_MORE: 'Mostrar más',
+  SHOW_LESS: 'Mostrar menos',
   NO_RESULTS: 'No se han encontrado resultados.',
   TOTAL_RESULTS_LABEL: 'Paquetes encontrados',
   RESET: 'Restablecer',
@@ -2610,6 +2620,8 @@ var QSM$b = {
   GROUP_TOUR: 'Tour en groupe'
 };
 var SRP$a = {
+  SHOW_MORE: 'Afficher plus',
+  SHOW_LESS: 'Afficher moins',
   NO_RESULTS: 'Aucun résultat trouvé.',
   TOTAL_RESULTS_LABEL: 'Forfaits trouvés',
   RESET: 'Réinitialiser',
@@ -3014,6 +3026,8 @@ var QSM$a = {
   GROUP_TOUR: 'Tour en groupe'
 };
 var SRP$9 = {
+  SHOW_MORE: 'Afficher plus',
+  SHOW_LESS: 'Afficher moins',
   NO_RESULTS: 'Aucun résultat trouvé.',
   TOTAL_RESULTS_LABEL: 'Forfaits trouvés',
   RESET: 'Réinitialiser',
@@ -3418,6 +3432,8 @@ var QSM$9 = {
   GROUP_TOUR: 'Ferð í hóp'
 };
 var SRP$8 = {
+  SHOW_MORE: 'Sýna meira',
+  SHOW_LESS: 'Sýna minna',
   NO_RESULTS: 'Engar niðurstöður fundust.',
   TOTAL_RESULTS_LABEL: 'Fundnar pakkar',
   RESET: 'Endurstilla',
@@ -3823,6 +3839,8 @@ var QSM$8 = {
   GROUP_TOUR: 'Tour di gruppo'
 };
 var SRP$7 = {
+  SHOW_MORE: 'Mostra di più',
+  SHOW_LESS: 'Mostra di meno',
   NO_RESULTS: 'Nessun risultato trovato.',
   TOTAL_RESULTS_LABEL: 'Pacchetti trovati',
   RESET: 'Reimposta',
@@ -4232,6 +4250,8 @@ var QSM$7 = {
   GROUP_TOUR: 'Groepsreis'
 };
 var SRP$6 = {
+  SHOW_MORE: 'Toon meer',
+  SHOW_LESS: 'Toon minder',
   NO_RESULTS: 'Geen resultaten gevonden.',
   TOTAL_RESULTS_LABEL: 'Gevonden pakketten',
   RESET: 'Resetten',
@@ -4637,6 +4657,8 @@ var QSM$6 = {
   GROUP_TOUR: 'Groepsreis'
 };
 var SRP$5 = {
+  SHOW_MORE: 'Toon meer',
+  SHOW_LESS: 'Toon minder',
   NO_RESULTS: 'Geen resultaten gevonden.',
   TOTAL_RESULTS_LABEL: 'Gevonden pakketten',
   RESET: 'Resetten',
@@ -5042,6 +5064,8 @@ var QSM$5 = {
   GROUP_TOUR: 'Gruppetur'
 };
 var SRP$4 = {
+  SHOW_MORE: 'Vis mer',
+  SHOW_LESS: 'Vis mindre',
   NO_RESULTS: 'Ingen resultater funnet.',
   TOTAL_RESULTS_LABEL: 'Fant pakker',
   RESET: 'Tilbakestill',
@@ -5447,6 +5471,8 @@ var QSM$4 = {
   GROUP_TOUR: 'Tour w grupie'
 };
 var SRP$3 = {
+  SHOW_MORE: 'Pokaż więcej',
+  SHOW_LESS: 'Pokaż mniej',
   NO_RESULTS: 'Nie znaleziono wyników.',
   TOTAL_RESULTS_LABEL: 'Znalezione pakiety',
   RESET: 'Resetuj',
@@ -5852,6 +5878,8 @@ var QSM$3 = {
   GROUP_TOUR: 'Tour em grupo'
 };
 var SRP$2 = {
+  SHOW_MORE: 'Mostrar mais',
+  SHOW_LESS: 'Mostrar menos',
   NO_RESULTS: 'Nenhum resultado encontrado.',
   TOTAL_RESULTS_LABEL: 'Pacotes encontrados',
   RESET: 'Redefinir',
@@ -6257,6 +6285,8 @@ var QSM$2 = {
   GROUP_TOUR: 'Gruppresa'
 };
 var SRP$1 = {
+  SHOW_MORE: 'Visa mer',
+  SHOW_LESS: 'Visa mindre',
   NO_RESULTS: 'Inga resultat hittades.',
   TOTAL_RESULTS_LABEL: 'Hittade paket',
   RESET: 'Återställ',
@@ -6660,6 +6690,8 @@ var QSM$1 = {
   GROUP_TOUR: 'グループツアー'
 };
 var SRP = {
+  SHOW_MORE: 'もっと見る',
+  SHOW_LESS: '閉じる',
   NO_RESULTS: '結果が見つかりませんでした。',
   TOTAL_RESULTS_LABEL: '見つかったパッケージ',
   RESET: 'リセット',
@@ -6866,8 +6898,8 @@ var timeFromDateTime = function (dateTime) {
     return '';
   }
   var date = new Date(dateTime);
-  var hours = date.getHours();
-  var minutes = date.getMinutes();
+  var hours = date.getUTCHours();
+  var minutes = date.getUTCMinutes();
   return ''
     .concat(hours, ':')
     .concat(minutes < 10 ? '0' : '')
@@ -13417,6 +13449,7 @@ PERFORMANCE OF THIS SOFTWARE.
   var ENDPOINT = '/api/web/packaging';
   var ENDPOINT_START_TRANSACTION = ENDPOINT + '/start';
   var ENDPOINT_ACCOMMODATIONS = ENDPOINT + '/accommodations';
+  var ENDPOINT_FLIGHTS = ENDPOINT + '/flights';
   var ENDPOINT_PRICE_DETAILS = ENDPOINT + '/price-details';
   var ENDPOINT_ITINERARY = ENDPOINT + '/itinerary';
   var ENDPOINT_ENTRY = function (magicLinkCode) {
@@ -13433,6 +13466,12 @@ PERFORMANCE OF THIS SOFTWARE.
     var body = JSON.stringify(request);
     return post(url, apiKey, body, config.token, signal, true);
   };
+  var searchPackagingFlights = function (config, request, signal) {
+    var url = '' + config.host + ENDPOINT_FLIGHTS;
+    var apiKey = config.apiKey;
+    var body = JSON.stringify(request);
+    return post(url, apiKey, body, config.token, signal, true);
+  };
   var getEntry = function (config, magicLinkCode, signal) {
     var apiKey = config.apiKey;
     var url = '' + config.host + ENDPOINT_ENTRY(magicLinkCode);
@@ -13524,6 +13563,7 @@ PERFORMANCE OF THIS SOFTWARE.
   exports.searchLocations = searchLocations;
   exports.searchOords = searchOords;
   exports.searchPackagingAccommodations = searchPackagingAccommodations;
+  exports.searchPackagingFlights = searchPackagingFlights;
   exports.searchRegions = searchRegions;
   exports.searchWithErrorMapping = searchWithErrorMapping;
   exports.setCustomEntryStatus = setCustomEntryStatus;
@@ -20511,7 +20551,7 @@ var getFlightDetails = function (flight) {
     arrivalDate: lastLine.arrivalDate,
     arrivalTime: lastLine.arrivalTime,
     arrivalAirport: lastLine.arrivalAirportDescription,
-    travelDuration: formatDuration$1(flight.flightMetaData.durationInTicks),
+    travelDuration: formatDuration(flight.flightMetaData.durationInTicks),
     travelDurationMinutes: minutesFromTicks(flight.flightMetaData.durationInTicks),
     changeDurationMinutes: getTotalChangeDuration(flight),
     numberOfStops: flight.flightMetaData.flightLines.length - 1,
@@ -20527,7 +20567,7 @@ var getFlightDetails = function (flight) {
         arrivalTime: x.arrivalTime,
         arrivalAirport: x.arrivalAirportDescription,
         number: ''.concat(x.airlineCode, ' ').concat(x.number),
-        travelDuration: formatDuration$1(x.durationInTicks),
+        travelDuration: formatDuration(x.durationInTicks),
         waitDuration: waitDurations.length - 1 <= i ? waitDurations[i] : undefined
       };
     })
@@ -20603,7 +20643,7 @@ var minutesFromTicks = function (ticks) {
   var totalSeconds = ticks / 10000000;
   return Math.floor(totalSeconds / 60);
 };
-var formatDuration$1 = function (ticks) {
+var formatDuration = function (ticks) {
   if (!ticks) return '';
   var totalSeconds = ticks / 10000000;
   var hh = Math.floor(totalSeconds / 3600);
@@ -33816,10 +33856,13 @@ var initialState$1 = {
   filteredPackagingAccoResults: [],
   packagingAccoSearchDetails: [],
   selectedPackagingAccoResultCode: null,
+  packagingFlightResults: [],
+  selectedPackagingFlight: null,
   selectedFlight: null,
   selectedFlightDetails: null,
   bookingPackageDetails: null,
   isLoading: false,
+  flightsLoading: false,
   filters: [],
   selectedSortType: null,
   activeTab: 'compact',
@@ -33856,6 +33899,12 @@ var searchResultsSlice = toolkit.createSlice({
     setSelectedPackagingAccoResult: function (state, action) {
       state.selectedPackagingAccoResultCode = action.payload;
     },
+    setPackagingFlightResults: function (state, action) {
+      state.packagingFlightResults = action.payload;
+    },
+    setSelectedPackagingFlight: function (state, action) {
+      state.selectedPackagingFlight = action.payload;
+    },
     setSelectedFlight: function (state, action) {
       state.selectedFlight = action.payload;
     },
@@ -33878,6 +33927,9 @@ var searchResultsSlice = toolkit.createSlice({
     setIsLoading: function (state, action) {
       state.isLoading = action.payload;
     },
+    setFlightsLoading: function (state, action) {
+      state.flightsLoading = action.payload;
+    },
     setFilters: function (state, action) {
       var updatedFilters = action.payload;
       updatedFilters.forEach(function (updatedFilter) {
@@ -33938,11 +33990,14 @@ var setResults = ((_a = searchResultsSlice.actions), _a.setResults),
   setFilteredPackagingAccoResults = _a.setFilteredPackagingAccoResults,
   setPackagingAccoSearchDetails = _a.setPackagingAccoSearchDetails,
   setSelectedPackagingAccoResult = _a.setSelectedPackagingAccoResult,
+  setPackagingFlightResults = _a.setPackagingFlightResults,
+  setSelectedPackagingFlight = _a.setSelectedPackagingFlight,
   setSelectedFlight = _a.setSelectedFlight,
   setSelectedFlightDetails = _a.setSelectedFlightDetails,
-  setBookingPackageDetails = _a.setBookingPackageDetails,
-  selectFlight = _a.selectFlight,
-  setIsLoading = _a.setIsLoading,
+  setBookingPackageDetails = _a.setBookingPackageDetails;
+_a.selectFlight;
+var setIsLoading = _a.setIsLoading,
+  setFlightsLoading = _a.setFlightsLoading,
   setFilters = _a.setFilters,
   resetFilters = _a.resetFilters,
   setSortType = _a.setSortType,
@@ -34219,7 +34274,7 @@ var Icon$1 = function (_a) {
         title && React__default['default'].createElement('title', null, title),
         React__default['default'].createElement('path', {
           d: 'M32 32c17.7 0 32 14.3 32 32l0 256 224 0 0-160c0-17.7 14.3-32 32-32l224 0c53 0 96 43 96 96l0 224c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-32-224 0-32 0L64 416l0 32c0 17.7-14.3 32-32 32s-32-14.3-32-32L0 64C0 46.3 14.3 32 32 32zm144 96a80 80 0 1 1 0 160 80 80 0 1 1 0-160z',
-          fill: 'currentColor'
+          fill: fill !== null && fill !== void 0 ? fill : 'currentColor'
         })
       );
     case 'ui-utensils':
@@ -35314,8 +35369,6 @@ var Itinerary = function (_a) {
       segments: segments
     };
   });
-  console.log('otherSegments', otherSegments);
-  console.log('groupedOtherSegments', groupedOtherSegments);
   var numberOfPax = ((_p = packagingEntry.pax) === null || _p === void 0 ? void 0 : _p.length) || 1;
   var totalPrice = (priceDetails === null || priceDetails === void 0 ? void 0 : priceDetails.total) || packagingEntry.price || 0;
   var pricePerPerson = totalPrice / numberOfPax;
@@ -36899,6 +36952,14 @@ var Icon = function (_a) {
   }
 };
 
+var getFlightKey = function (segments) {
+  if (!segments || segments.length === 0) return '';
+  return segments
+    .map(function (s) {
+      return ''.concat(s.marketingAirlineCode).concat(s.flightNumber, '_').concat(s.departureDateTime);
+    })
+    .join('_');
+};
 // export const getAirportName = (airport: TideAirport | undefined, language: string): string => {
 //   if (!airport || !airport.name) {
 //     return "";
@@ -38459,13 +38520,11 @@ var FlightsFlyIn = function (_a) {
 };
 
 var formatPrice$1 = function (price, currencyCode) {
-  if (currencyCode === void 0) {
-    currencyCode = 'EUR';
-  }
   if (typeof price !== 'number') return '';
+  var safeCurrency = currencyCode !== null && currencyCode !== void 0 ? currencyCode : 'EUR';
   return new Intl.NumberFormat('nl-BE', {
     style: 'currency',
-    currency: currencyCode
+    currency: safeCurrency
   }).format(price);
 };
 var AccommodationFlyIn = function (_a) {
@@ -43672,16 +43731,6 @@ var HotelAccommodationResults = function (_a) {
       : firstPackagingResult.fromDate;
   var firstResultDay = firstResultDate ? dateFns.format(dateFns.parseISO(firstResultDate), 'd') : null;
   var firstResultMonth = firstResultDate ? dateFns.format(dateFns.parseISO(firstResultDate), 'MMM') : null;
-  if (isLoading) {
-    return React__default['default'].createElement(
-      React__default['default'].Fragment,
-      null,
-      (_c = context.customSpinner) !== null && _c !== void 0 ? _c : React__default['default'].createElement(Spinner, null)
-    );
-  }
-  if (mappedResults.length === 0) {
-    return React__default['default'].createElement('div', { className: 'no-results' }, translations.SRP.NO_RESULTS);
-  }
   return React__default['default'].createElement(
     React__default['default'].Fragment,
     null,
@@ -43691,8 +43740,14 @@ var HotelAccommodationResults = function (_a) {
       React__default['default'].createElement(
         'div',
         { className: 'search__results__label__date' },
-        React__default['default'].createElement('p', { className: 'search__results__label__date-date' }, firstResultDay),
-        React__default['default'].createElement('p', null, firstResultMonth)
+        firstResultDay && firstResultMonth
+          ? React__default['default'].createElement(
+              React__default['default'].Fragment,
+              null,
+              React__default['default'].createElement('p', { className: 'search__results__label__date-date' }, firstResultDay),
+              React__default['default'].createElement('p', null, firstResultMonth)
+            )
+          : React__default['default'].createElement(Icon$1, { name: 'ui-bed', height: 16, fill: 'white' })
       ),
       React__default['default'].createElement(
         'div',
@@ -43706,7 +43761,14 @@ var HotelAccommodationResults = function (_a) {
         )
       )
     ),
-    renderHotelResults(mappedResults, context, activeTab, translations)
+    isLoading
+      ? React__default['default'].createElement(
+          React__default['default'].Fragment,
+          null,
+          (_c = context.customSpinner) !== null && _c !== void 0 ? _c : React__default['default'].createElement(Spinner, null)
+        )
+      : renderHotelResults(mappedResults, context, activeTab, translations),
+    mappedResults.length === 0 && !isLoading && React__default['default'].createElement('div', { className: 'no-results' }, translations.SRP.NO_RESULTS)
   );
 };
 
@@ -44138,266 +44200,6 @@ var RoundTripResults = function () {
   );
 };
 
-var ticksToMinutes = function (ticks) {
-  return Math.floor(ticks / 600000000);
-};
-var formatDuration = function (ticks) {
-  var minutes = ticksToMinutes(ticks);
-  var h = Math.floor(minutes / 60);
-  var m = minutes % 60;
-  return ''.concat(h, 'h ').concat(m, 'm');
-};
-var FlightResults = function (_a) {
-  var _b;
-  var flights = _a.flights,
-    isDeparture = _a.isDeparture;
-  var context = React.useContext(SearchResultsConfigurationContext);
-  var translations = getTranslations((_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB');
-  var dispatch = reactRedux.useDispatch();
-  var _c = React.useState(null),
-    activeDetailId = _c[0],
-    setActiveDetailId = _c[1];
-  var handleDetailClick = function (flightOptionId) {
-    setActiveDetailId(function (prev) {
-      return prev === flightOptionId ? null : flightOptionId;
-    });
-  };
-  var firstResult = flights === null || flights === void 0 ? void 0 : flights[0];
-  var firstResultDate = (firstResult === null || firstResult === void 0 ? void 0 : firstResult.startDateTime)
-    ? dateFns.parseISO(firstResult.startDateTime)
-    : null;
-  return React__default['default'].createElement(
-    React__default['default'].Fragment,
-    null,
-    React__default['default'].createElement(
-      'div',
-      { className: 'search__results__label' },
-      React__default['default'].createElement(
-        'div',
-        { className: 'search__results__label__date' },
-        firstResultDate &&
-          React__default['default'].createElement(
-            React__default['default'].Fragment,
-            null,
-            React__default['default'].createElement('p', { className: 'search__results__label__date-date' }, dateFns.format(firstResultDate, 'd')),
-            React__default['default'].createElement('p', null, dateFns.format(firstResultDate, 'MMM'))
-          )
-      ),
-      React__default['default'].createElement(
-        'div',
-        { className: 'search__results__label__text' },
-        React__default['default'].createElement(
-          'h3',
-          null,
-          translations.SRP.SELECT,
-          ' ',
-          React__default['default'].createElement('strong', null, isDeparture ? translations.SRP.DEPARTURE : translations.SRP.RETURN)
-        )
-      )
-    ),
-    flights &&
-      flights.length > 0 &&
-      React__default['default'].createElement(
-        'div',
-        { className: 'search__results__cards search__results__cards--extended' },
-        flights.map(function (flight, index) {
-          var lines = flight.flightMetaData.flightLines;
-          var firstLine = lines[0];
-          var lastLine = lines[lines.length - 1];
-          var stops = lines.length - 1;
-          return React__default['default'].createElement(
-            'div',
-            { className: 'flight', key: 'flight-'.concat(flight.flightId, '-').concat(index) },
-            React__default['default'].createElement(
-              'div',
-              { className: 'flight__option' },
-              React__default['default'].createElement(
-                'div',
-                { className: 'flight__content' },
-                React__default['default'].createElement(
-                  'div',
-                  { className: 'flight__flights' },
-                  React__default['default'].createElement(
-                    'div',
-                    { className: 'flight__flight' },
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flight__flight__header' },
-                      React__default['default'].createElement('div', { className: 'flight__status__container' }),
-                      React__default['default'].createElement(
-                        'div',
-                        { className: 'flight__price' },
-                        React__default['default'].createElement('span', { className: 'price' }, '\u20AC ', flight.price.toFixed(2)),
-                        React__default['default'].createElement(
-                          'button',
-                          {
-                            type: 'button',
-                            className: 'cta '.concat(flight.isSelected ? 'cta--selected' : 'cta--select'),
-                            onClick: function () {
-                              return dispatch(selectFlight({ flightOptionId: flight.flightOptionId, isDeparture: !!isDeparture }));
-                            }
-                          },
-                          flight.isSelected ? 'Selected' : 'Select'
-                        )
-                      )
-                    )
-                  ),
-                  React__default['default'].createElement(
-                    'div',
-                    { className: 'flight__flight' },
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flight__flight__container' },
-                      React__default['default'].createElement(
-                        'div',
-                        { className: 'flight__flight__wrapper' },
-                        React__default['default'].createElement(
-                          'div',
-                          { className: 'flight__logo__wrapper' },
-                          React__default['default'].createElement('img', {
-                            src: 'https://media.tidesoftware.be/media/shared/Airlines/'.concat(firstLine.airlineCode, '.png?height=256'),
-                            alt: flight.airlineDescription,
-                            className: 'flight__logo'
-                          }),
-                          React__default['default'].createElement('span', null, flight.airlineDescription)
-                        ),
-                        React__default['default'].createElement(
-                          'div',
-                          { className: 'flight__info' },
-                          React__default['default'].createElement(
-                            'div',
-                            { className: 'flight__info__times' },
-                            React__default['default'].createElement('strong', null, firstLine.departureTime, ' ', firstLine.departureAirport),
-                            React__default['default'].createElement('p', null, dateFns.format(dateFns.parseISO(firstLine.departureDate), 'EEE dd MMM yyyy'))
-                          ),
-                          React__default['default'].createElement(
-                            'div',
-                            { className: 'flight__info__duration' },
-                            React__default['default'].createElement('p', null, formatDuration(flight.flightMetaData.durationInTicks)),
-                            React__default['default'].createElement(
-                              'div',
-                              { className: 'flight__info__duration__stops' },
-                              stops > 0 && React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
-                            ),
-                            React__default['default'].createElement(
-                              'span',
-                              null,
-                              stops === 0
-                                ? translations.SRP.DIRECT
-                                : ''
-                                    .concat(stops, ' ')
-                                    .concat(translations.SRP.STOP)
-                                    .concat(stops > 1 ? 's' : '')
-                            )
-                          ),
-                          React__default['default'].createElement(
-                            'div',
-                            { className: 'flight__info__times flight__info__times--arrival' },
-                            React__default['default'].createElement('strong', null, lastLine.arrivalTime, ' ', lastLine.arrivalAirport),
-                            React__default['default'].createElement('p', null, dateFns.format(dateFns.parseISO(lastLine.arrivalDate), 'EEE dd MMM yyyy'))
-                          )
-                        )
-                      ),
-                      React__default['default'].createElement(
-                        'div',
-                        { className: 'flight__detail__btn__wrapper' },
-                        React__default['default'].createElement(
-                          'div',
-                          {
-                            className: 'flight__detail__btn '.concat(activeDetailId === flight.flightOptionId ? 'flight__detail__btn--active' : ''),
-                            onClick: function () {
-                              return handleDetailClick(flight.flightOptionId);
-                            }
-                          },
-                          React__default['default'].createElement(Icon$1, {
-                            name: 'ui-chevron',
-                            className: 'flight__detail__btn__arrow',
-                            width: 16,
-                            height: 16
-                          })
-                        )
-                      )
-                    ),
-                    React__default['default'].createElement(
-                      'div',
-                      { className: 'flight__detail '.concat(activeDetailId === flight.flightOptionId ? 'flight__detail--active' : '') },
-                      lines.map(function (line, index) {
-                        var nextLine = lines[index + 1];
-                        return React__default['default'].createElement(
-                          React__default['default'].Fragment,
-                          { key: index },
-                          React__default['default'].createElement(
-                            'div',
-                            { className: 'flight__info' },
-                            React__default['default'].createElement(
-                              'div',
-                              { className: 'flight__info__times__wrapper' },
-                              React__default['default'].createElement(
-                                'div',
-                                { className: 'flight__info__times' },
-                                React__default['default'].createElement('p', null, line.departureTime),
-                                React__default['default'].createElement('strong', null, line.departureAirport),
-                                React__default['default'].createElement('p', null, dateFns.format(dateFns.parseISO(line.departureDate), 'EEE dd MMM yyyy'))
-                              ),
-                              React__default['default'].createElement(Icon$1, { name: 'ui-plane-depart', width: 30, height: 20 })
-                            ),
-                            React__default['default'].createElement(
-                              'div',
-                              { className: 'flight__info__duration' },
-                              React__default['default'].createElement('p', null, formatDuration(line.durationInTicks)),
-                              React__default['default'].createElement('span', null, line.airline, ' ', line.number)
-                            ),
-                            React__default['default'].createElement(
-                              'div',
-                              { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
-                              React__default['default'].createElement(Icon$1, { name: 'ui-plane-arrive', width: 30, height: 20 }),
-                              React__default['default'].createElement(
-                                'div',
-                                { className: 'flight__info__times flight__info__times--arrival' },
-                                React__default['default'].createElement('p', null, line.arrivalTime),
-                                React__default['default'].createElement('strong', null, line.arrivalAirport),
-                                React__default['default'].createElement('p', null, dateFns.format(dateFns.parseISO(line.arrivalDate), 'EEE dd MMM yyyy'))
-                              )
-                            )
-                          ),
-                          nextLine &&
-                            React__default['default'].createElement(
-                              'div',
-                              { className: 'flight__info' },
-                              React__default['default'].createElement(
-                                'div',
-                                { className: 'flight__info__duration flight__info__duration--waittime' },
-                                React__default['default'].createElement(
-                                  'div',
-                                  { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
-                                  React__default['default'].createElement(Icon$1, { name: 'ui-clock', width: 24, height: 24 })
-                                ),
-                                React__default['default'].createElement(
-                                  'div',
-                                  { className: 'flight__info__duration__stoptime' },
-                                  React__default['default'].createElement('span', null, translations.SRP.STOP_TIME),
-                                  React__default['default'].createElement(
-                                    'strong',
-                                    null,
-                                    formatDuration(dateFns.parseISO(nextLine.departureDate).getTime() - dateFns.parseISO(line.arrivalDate).getTime())
-                                  )
-                                )
-                              )
-                            )
-                        );
-                      })
-                    )
-                  )
-                ),
-                React__default['default'].createElement('div', { className: 'flight__rate' })
-              )
-            )
-          );
-        })
-      )
-  );
-};
-
 var PairedFlightOption = function (_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
   var item = _a.item;
@@ -44862,25 +44664,28 @@ var PairedFlightSelection = function (_a) {
 };
 
 var IndependentFlightOption = function (_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
   var item = _a.item,
     onSelect = _a.onSelect,
     guid = _a.guid,
-    selectedGuid = _a.selectedGuid;
-  _a.isOutward;
-  reactRedux.useDispatch();
+    selectedGuid = _a.selectedGuid,
+    isOutward = _a.isOutward,
+    showSelectedState = _a.showSelectedState,
+    currentSelectedPrice = _a.currentSelectedPrice,
+    price = _a.price;
   var context = React.useContext(SearchResultsConfigurationContext);
   var language = (_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB';
   var translations = getTranslations(language);
-  var _m = React.useState(false),
-    detailsOpen = _m[0],
-    setDetailsOpen = _m[1];
+  var _p = React.useState(false),
+    detailsOpen = _p[0],
+    setDetailsOpen = _p[1];
+  var priceDifference = price && currentSelectedPrice ? price - currentSelectedPrice : null;
   return React__default['default'].createElement(
     'div',
     { className: 'search__result-card', key: 'flight-'.concat(item.code) },
     React__default['default'].createElement(
       'div',
-      { className: 'flight' },
+      { className: 'flight '.concat(showSelectedState && selectedGuid === guid ? 'flight--selected' : '') },
       React__default['default'].createElement(
         'div',
         { className: 'flight__option' },
@@ -44900,6 +44705,33 @@ var IndependentFlightOption = function (_a) {
                 React__default['default'].createElement(
                   'div',
                   { className: 'flight__price' },
+                  price != null &&
+                    price > 0 &&
+                    (isOutward
+                      ? React__default['default'].createElement(
+                          'span',
+                          { className: 'price' },
+                          translations.QSM.ROUNDTRIP + ' ' + translations.SRP.PRICE,
+                          '\u00A0',
+                          formatPrice$2(
+                            price,
+                            'EUR',
+                            (_c = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _c !== void 0 ? _c : 'en-GB'
+                          )
+                        )
+                      : priceDifference != null &&
+                        Math.abs(priceDifference) > 0 &&
+                        React__default['default'].createElement(
+                          'span',
+                          { className: 'price' },
+                          priceDifference > 0 ? '+' : '-',
+                          '\u00A0',
+                          formatPrice$2(
+                            Math.abs(priceDifference),
+                            'EUR',
+                            (_d = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _d !== void 0 ? _d : 'en-GB'
+                          )
+                        )),
                   React__default['default'].createElement(
                     'button',
                     {
@@ -44928,7 +44760,7 @@ var IndependentFlightOption = function (_a) {
                     { className: 'flight__logo__wrapper' },
                     React__default['default'].createElement('img', {
                       src: 'https://media.tidesoftware.be/media/shared/Airlines/'.concat(
-                        (_c = getDepartureSegment(item)) === null || _c === void 0 ? void 0 : _c.marketingAirlineCode,
+                        (_e = getDepartureSegment(item)) === null || _e === void 0 ? void 0 : _e.marketingAirlineCode,
                         '.png?height=256'
                       ),
                       alt: '',
@@ -44937,7 +44769,7 @@ var IndependentFlightOption = function (_a) {
                     React__default['default'].createElement(
                       'span',
                       null,
-                      (_d = getDepartureSegment(item)) === null || _d === void 0 ? void 0 : _d.marketingAirlineName
+                      (_f = getDepartureSegment(item)) === null || _f === void 0 ? void 0 : _f.marketingAirlineName
                     )
                   ),
                   React__default['default'].createElement(
@@ -44949,14 +44781,14 @@ var IndependentFlightOption = function (_a) {
                       React__default['default'].createElement(
                         'strong',
                         null,
-                        timeFromDateTime((_e = getDepartureSegment(item)) === null || _e === void 0 ? void 0 : _e.departureDateTime),
+                        timeFromDateTime((_g = getDepartureSegment(item)) === null || _g === void 0 ? void 0 : _g.departureDateTime),
                         ' ',
-                        (_f = getDepartureSegment(item)) === null || _f === void 0 ? void 0 : _f.departureAirportCode
+                        (_h = getDepartureSegment(item)) === null || _h === void 0 ? void 0 : _h.departureAirportCode
                       ),
                       React__default['default'].createElement(
                         'p',
                         null,
-                        longFormatDate((_g = getDepartureSegment(item)) === null || _g === void 0 ? void 0 : _g.departureDateTime, language)
+                        longFormatDate((_j = getDepartureSegment(item)) === null || _j === void 0 ? void 0 : _j.departureDateTime, language)
                       )
                     ),
                     React__default['default'].createElement(
@@ -44980,14 +44812,14 @@ var IndependentFlightOption = function (_a) {
                       React__default['default'].createElement(
                         'strong',
                         null,
-                        timeFromDateTime((_h = getArrivalSegment(item)) === null || _h === void 0 ? void 0 : _h.arrivalDateTime),
+                        timeFromDateTime((_k = getArrivalSegment(item)) === null || _k === void 0 ? void 0 : _k.arrivalDateTime),
                         ' ',
-                        (_j = getArrivalSegment(item)) === null || _j === void 0 ? void 0 : _j.arrivalAirportCode
+                        (_l = getArrivalSegment(item)) === null || _l === void 0 ? void 0 : _l.arrivalAirportCode
                       ),
                       React__default['default'].createElement(
                         'p',
                         null,
-                        longFormatDate((_k = getArrivalSegment(item)) === null || _k === void 0 ? void 0 : _k.arrivalDateTime, language)
+                        longFormatDate((_m = getArrivalSegment(item)) === null || _m === void 0 ? void 0 : _m.arrivalDateTime, language)
                       )
                     )
                   )
@@ -45012,9 +44844,9 @@ var IndependentFlightOption = function (_a) {
               React__default['default'].createElement(
                 'div',
                 { className: 'flight__detail '.concat(detailsOpen ? 'flight__detail--active' : '') },
-                (_l = getFlightSegments(item)) === null || _l === void 0
+                (_o = getFlightSegments(item)) === null || _o === void 0
                   ? void 0
-                  : _l.map(function (segment, index) {
+                  : _o.map(function (segment, index) {
                       return React__default['default'].createElement(
                         React__default['default'].Fragment,
                         { key: 'outward-segment-'.concat(index, '-').concat(segment.flightNumber) },
@@ -45095,14 +44927,6 @@ var IndependentFlightOption = function (_a) {
   );
 };
 
-var getFlightKey = function (segments) {
-  if (!segments || segments.length === 0) return '';
-  return segments
-    .map(function (s) {
-      return ''.concat(s.marketingAirlineCode).concat(s.flightNumber, '_').concat(s.departureDateTime);
-    })
-    .join('_');
-};
 var IndependentFlightSelection = function (_a) {
   var _b;
   var searchResults = _a.searchResults;
@@ -47458,9 +47282,10 @@ var SearchResultsContainer = function () {
     results = _c.results,
     filteredResults = _c.filteredResults,
     packagingAccoResults = _c.packagingAccoResults,
-    filteredPackagingAccoResults = _c.filteredPackagingAccoResults,
-    bookingPackageDetails = _c.bookingPackageDetails,
-    isLoading = _c.isLoading,
+    filteredPackagingAccoResults = _c.filteredPackagingAccoResults;
+  _c.bookingPackageDetails;
+  var isLoading = _c.isLoading,
+    flightsLoading = _c.flightsLoading,
     filters = _c.filters,
     selectedSortType = _c.selectedSortType,
     selectedSearchResult = _c.selectedSearchResult,
@@ -47470,7 +47295,8 @@ var SearchResultsContainer = function () {
     editablePackagingEntry = _c.editablePackagingEntry,
     transactionId = _c.transactionId,
     accommodationFlyInStep = _c.accommodationFlyInStep,
-    itinerary = _c.itinerary;
+    itinerary = _c.itinerary,
+    packagingFlightResults = _c.packagingFlightResults;
   var isMobile = useMediaQuery('(max-width: 1200px)');
   var _d = React.useState(false),
     initialFiltersSet = _d[0],
@@ -47496,6 +47322,10 @@ var SearchResultsContainer = function () {
   var _l = React.useState(null),
     selectedAccommodationSeed = _l[0],
     setSelectedAccommodationSeed = _l[1];
+  var skipInitialPackagingAccoDetailsRef = React.useRef(false);
+  var _m = React.useState(false),
+    showAllOutwardFlights = _m[0],
+    setShowAllOutwardFlights = _m[1];
   var panelRef = React.useRef(null);
   var sortByTypes = [
     { direction: 'asc', label: 'default' },
@@ -47607,7 +47437,7 @@ var SearchResultsContainer = function () {
     };
   };
   var buildPackagingAccommodationRequestFromSeed = function (seed, currentTransactionId) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     var country = seed.country;
     var region = seed.region;
     var oord = seed.oord;
@@ -47643,11 +47473,15 @@ var SearchResultsContainer = function () {
     }
     return {
       transactionId: currentTransactionId,
-      officeId: 1,
-      agentId: (_b = context === null || context === void 0 ? void 0 : context.agentId) !== null && _b !== void 0 ? _b : null,
-      catalogueId: (_c = context.searchConfiguration.defaultCatalogueId) !== null && _c !== void 0 ? _c : 0,
+      officeId:
+        (_c = (_b = context === null || context === void 0 ? void 0 : context.tideConnection) === null || _b === void 0 ? void 0 : _b.officeId) !== null &&
+        _c !== void 0
+          ? _c
+          : 1,
+      agentId: (_d = context === null || context === void 0 ? void 0 : context.agentId) !== null && _d !== void 0 ? _d : null,
+      catalogueId: (_e = context.searchConfiguration.defaultCatalogueId) !== null && _e !== void 0 ? _e : 0,
       searchConfigurationId: context.searchConfiguration.id,
-      language: (_d = context.languageCode) !== null && _d !== void 0 ? _d : 'en-GB',
+      language: (_f = context.languageCode) !== null && _f !== void 0 ? _f : 'en-GB',
       serviceType: ACCOMMODATION_SERVICE_TYPE,
       fromDate: seed.fromDate,
       toDate: seed.toDate,
@@ -47665,6 +47499,75 @@ var SearchResultsContainer = function () {
       tagIds: tagId ? [tagId] : []
     };
   };
+  var buildPackagingFlightRequestFromSeed = function (seed, currentTransactionId) {
+    var _a, _b, _c, _d;
+    if (typeof window !== 'undefined') {
+      window.scrollTo(0, 0);
+    }
+    var adults = seed.rooms
+      .flatMap(function (x) {
+        return x.pax;
+      })
+      .filter(function (x) {
+        return x.age >= 18;
+      }).length;
+    var kids = seed.rooms
+      .flatMap(function (x) {
+        return x.pax;
+      })
+      .filter(function (x) {
+        return x.age >= 2 && x.age < 18;
+      }).length;
+    var babies = seed.rooms
+      .flatMap(function (x) {
+        return x.pax;
+      })
+      .filter(function (x) {
+        return x.age < 2;
+      }).length;
+    return {
+      transactionId: currentTransactionId,
+      officeId:
+        (_b = (_a = context === null || context === void 0 ? void 0 : context.tideConnection) === null || _a === void 0 ? void 0 : _a.officeId) !== null &&
+        _b !== void 0
+          ? _b
+          : 1,
+      catalogueId:
+        (_d = lodash.first(
+          (_c = context === null || context === void 0 ? void 0 : context.tideConnection) === null || _c === void 0 ? void 0 : _c.catalogueIds
+        )) !== null && _d !== void 0
+          ? _d
+          : 0,
+      departureAirportCode: seed.departureAirport,
+      arrivalAirportCode: seed.destinationAirport,
+      returnAirportCode: seed.returnAirport,
+      luggageIncluded: null,
+      maxStops: null,
+      travelClass: seed.travelClass,
+      pax: lodash.concat(
+        Array.from({ length: adults !== null && adults !== void 0 ? adults : 0 }, function (_, index) {
+          return {
+            id: index,
+            age: 31
+          };
+        }),
+        Array.from({ length: kids !== null && kids !== void 0 ? kids : 0 }, function (_, index) {
+          return {
+            id: index + (adults !== null && adults !== void 0 ? adults : 0),
+            age: 8
+          };
+        }),
+        Array.from({ length: babies !== null && babies !== void 0 ? babies : 0 }, function (_, index) {
+          return {
+            id: index + (adults !== null && adults !== void 0 ? adults : 0) + (kids !== null && kids !== void 0 ? kids : 0),
+            age: 1
+          };
+        })
+      ),
+      outward: seed.fromDate ? { date: dateToDateStruct(new Date(seed.fromDate)) } : null,
+      return: seed.toDate ? { date: dateToDateStruct(new Date(seed.toDate)) } : null
+    };
+  };
   var buildSearchSeedFromQueryParams = function (params) {
     var from = getDateFromParams(params, 'fromDate');
     var to = getDateFromParams(params, 'toDate');
@@ -47677,6 +47580,8 @@ var SearchResultsContainer = function () {
     var tagId = getNumberFromParams(params, 'tagId');
     var destinationAirport = getStringFromParams(params, 'destinationAirport');
     var departureAirport = getStringFromParams(params, 'departureAirport');
+    var travelClass = getStringFromParams(params, 'travelClass');
+    var nationality = getStringFromParams(params, 'nationality');
     if (!from || !to) {
       return null;
     }
@@ -47692,9 +47597,66 @@ var SearchResultsContainer = function () {
       tagId: tagId,
       destinationAirport: destinationAirport,
       departureAirport: departureAirport,
+      travelClass: travelClass,
+      nationality: nationality,
       rooms: getRequestRooms(rooms)
     };
   };
+  var buildSearchSeedFromAccommodationSegments = function (entry, segments) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    if (!(segments === null || segments === void 0 ? void 0 : segments.length)) return null;
+    var sortedSegments = __spreadArray([], segments, true).sort(function (a, b) {
+      return new Date(a.from).getTime() - new Date(b.from).getTime();
+    });
+    var firstSegment = lodash.first(sortedSegments);
+    var lastSegment = lodash.last(sortedSegments);
+    if (!firstSegment || !lastSegment) return null;
+    return {
+      fromDate: toDateOnlyString(firstSegment.from),
+      toDate: toDateOnlyString(lastSegment.to),
+      country: (_b = (_a = firstSegment.country) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null,
+      region: (_d = (_c = firstSegment.region) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : null,
+      oord: (_f = (_e = firstSegment.oord) === null || _e === void 0 ? void 0 : _e.id) !== null && _f !== void 0 ? _f : null,
+      location: (_h = (_g = firstSegment.location) === null || _g === void 0 ? void 0 : _g.id) !== null && _h !== void 0 ? _h : null,
+      hotel: parseHotelId(firstSegment),
+      hotelCode: (_j = firstSegment.productCode) !== null && _j !== void 0 ? _j : null,
+      tagId: null,
+      destinationAirport: getDestinationAirportFromEntry((_k = entry.lines) !== null && _k !== void 0 ? _k : []),
+      departureAirport: getDepartureAirportFromEntry((_l = entry.lines) !== null && _l !== void 0 ? _l : []),
+      rooms: getRequestRoomsFromPackagingSegments(entry, sortedSegments)
+    };
+  };
+  var handleEditAccommodation = function (segments) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var sourceEntry, seed, currentTransactionId;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            sourceEntry =
+              editablePackagingEntry !== null && editablePackagingEntry !== void 0
+                ? editablePackagingEntry
+                : context === null || context === void 0
+                ? void 0
+                : context.packagingEntry;
+            if (!sourceEntry) return [2 /*return*/];
+            seed = buildSearchSeedFromAccommodationSegments(sourceEntry, segments);
+            if (!seed) return [2 /*return*/];
+            setDetailsIsLoading(true);
+            setSelectedAccommodationSeed(seed);
+            dispatch(setAccommodationFlyInStep('results'));
+            handleFlyInToggle(true);
+            return [4 /*yield*/, getOrCreateTransactionId()];
+          case 1:
+            currentTransactionId = _a.sent();
+            return [4 /*yield*/, runAccommodationFlow(seed, currentTransactionId !== null && currentTransactionId !== void 0 ? currentTransactionId : '')];
+          case 2:
+            _a.sent();
+            setDetailsIsLoading(false);
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
   var handleConfirmHotelSwap = function () {
     var updatedEntry = swapHotelInPackagingEntry();
     if (!updatedEntry) return;
@@ -47795,6 +47757,25 @@ var SearchResultsContainer = function () {
     },
     [filtersOpen]
   );
+  var getOrCreateTransactionId = function () {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var _a;
+      return __generator(this, function (_b) {
+        switch (_b.label) {
+          case 0:
+            if ((_a = context === null || context === void 0 ? void 0 : context.packagingEntry) === null || _a === void 0 ? void 0 : _a.transactionId) {
+              return [2 /*return*/, context.packagingEntry.transactionId];
+            }
+            if (transactionId) {
+              return [2 /*return*/, transactionId];
+            }
+            return [4 /*yield*/, runStartTransaction()];
+          case 1:
+            return [2 /*return*/, _b.sent()];
+        }
+      });
+    });
+  };
   var runSearch = function () {
     return __awaiter(void 0, void 0, void 0, function () {
       var config, seed, searchRequest, packageSearchResults, enrichedFilters, initialFilteredResults, err_1;
@@ -47853,6 +47834,7 @@ var SearchResultsContainer = function () {
           case 0:
             _a.trys.push([0, 2, , 3]);
             if (!context) return [2 /*return*/, null];
+            dispatch(setIsLoading(true));
             config = {
               host: context.tideConnection.host,
               apiKey: context.tideConnection.apiKey
@@ -47860,12 +47842,13 @@ var SearchResultsContainer = function () {
             return [4 /*yield*/, build.startTransaction(config)];
           case 1:
             transaction = _a.sent();
-            console.log('Transaction started', transaction);
             dispatch(setTransactionId(transaction.transactionId));
+            dispatch(setIsLoading(false));
             return [2 /*return*/, transaction.transactionId];
           case 2:
             err_2 = _a.sent();
             console.error('Transaction failed', err_2);
+            dispatch(setIsLoading(false));
             return [2 /*return*/, null];
           case 3:
             return [2 /*return*/];
@@ -47876,11 +47859,11 @@ var SearchResultsContainer = function () {
   var runHotelSearch = function (currentTransactionId, seed) {
     return __awaiter(void 0, void 0, void 0, function () {
       var config, searchRequest, packageAccoSearchResults, enrichedFilters, initialFilteredResults, err_3;
-      var _a;
-      return __generator(this, function (_b) {
-        switch (_b.label) {
+      var _a, _b, _c;
+      return __generator(this, function (_d) {
+        switch (_d.label) {
           case 0:
-            _b.trys.push([0, 2, , 3]);
+            _d.trys.push([0, 2, , 3]);
             if (!context) return [2 /*return*/];
             dispatch(setIsLoading(true));
             config = {
@@ -47892,7 +47875,7 @@ var SearchResultsContainer = function () {
             searchRequest.agentId = context.agentId;
             return [4 /*yield*/, build.searchPackagingAccommodations(config, searchRequest)];
           case 1:
-            packageAccoSearchResults = _b.sent();
+            packageAccoSearchResults = _d.sent();
             enrichedFilters = enrichFiltersWithPackageAccoResults(
               packageAccoSearchResults,
               context.filters,
@@ -47906,11 +47889,19 @@ var SearchResultsContainer = function () {
             dispatch(setPackagingAccoResults(packageAccoSearchResults));
             initialFilteredResults = applyFiltersToPackageAccoResults(packageAccoSearchResults, filters, null);
             dispatch(setFilteredPackagingAccoResults(initialFilteredResults));
+            if (initialFilteredResults.length > 0) {
+              skipInitialPackagingAccoDetailsRef.current = true;
+              dispatch(
+                setSelectedPackagingAccoResult(
+                  (_c = (_b = lodash.first(initialFilteredResults)) === null || _b === void 0 ? void 0 : _b.code) !== null && _c !== void 0 ? _c : null
+                )
+              );
+            }
             dispatch(setIsLoading(false));
             return [3 /*break*/, 3];
           case 2:
-            err_3 = _b.sent();
-            console.error('Search failed', err_3);
+            err_3 = _d.sent();
+            console.error('HotelSearch failed', err_3);
             dispatch(setIsLoading(false));
             return [3 /*break*/, 3];
           case 3:
@@ -47919,31 +47910,66 @@ var SearchResultsContainer = function () {
       });
     });
   };
-  var runAccommodationFlow = function (seed) {
+  var runAccommodationFlow = function (seed, currentTransactionId) {
     return __awaiter(void 0, void 0, void 0, function () {
-      var currentTransactionId;
-      var _a;
-      return __generator(this, function (_b) {
-        switch (_b.label) {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
           case 0:
             if (!context || context.showMockup) return [2 /*return*/];
-            currentTransactionId =
-              ((_a = context === null || context === void 0 ? void 0 : context.packagingEntry) === null || _a === void 0 ? void 0 : _a.transactionId) ||
-              transactionId;
-            if (!!currentTransactionId) return [3 /*break*/, 2];
-            dispatch(setIsLoading(true));
-            return [4 /*yield*/, runStartTransaction()];
+            return [4 /*yield*/, runHotelSearch(currentTransactionId, seed)];
           case 1:
-            currentTransactionId = _b.sent();
-            _b.label = 2;
-          case 2:
-            if (!currentTransactionId) {
-              dispatch(setIsLoading(false));
-              return [2 /*return*/];
+            _a.sent();
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
+  var runFlightSearch = function (currentTransactionId, seed) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var config, searchRequest, packageFlightSearchResults, firstResult, err_4;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            _a.trys.push([0, 2, , 3]);
+            if (!context) return [2 /*return*/];
+            dispatch(setFlightsLoading(true));
+            config = {
+              host: context.tideConnection.host,
+              apiKey: context.tideConnection.apiKey
+            };
+            searchRequest = buildPackagingFlightRequestFromSeed(seed, currentTransactionId);
+            searchRequest.agentId = context.agentId;
+            return [4 /*yield*/, build.searchPackagingFlights(config, searchRequest)];
+          case 1:
+            packageFlightSearchResults = _a.sent();
+            dispatch(setPackagingFlightResults(packageFlightSearchResults));
+            firstResult = lodash.first(packageFlightSearchResults);
+            if (firstResult) {
+              setSelectedOutwardKey(getFlightKey(firstResult.outward.segments));
+              setSelectedReturnKey(getFlightKey(firstResult.return.segments));
             }
-            return [4 /*yield*/, runHotelSearch(currentTransactionId, seed)];
+            dispatch(setFlightsLoading(false));
+            return [3 /*break*/, 3];
+          case 2:
+            err_4 = _a.sent();
+            console.error('FlightSearch failed', err_4);
+            dispatch(setFlightsLoading(false));
+            return [3 /*break*/, 3];
           case 3:
-            _b.sent();
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
+  var runFlightFlow = function (seed, currentTransactionId) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (!context || context.showMockup) return [2 /*return*/];
+            return [4 /*yield*/, runFlightSearch(currentTransactionId, seed)];
+          case 1:
+            _a.sent();
             return [2 /*return*/];
         }
       });
@@ -47960,20 +47986,60 @@ var SearchResultsContainer = function () {
         runSearch();
       }
       if ((context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.Accommodation) {
-        var seed = activeSearchSeed;
-        if (seed) {
-          runAccommodationFlow(seed);
+        var seed_1 = activeSearchSeed;
+        if (seed_1) {
+          (function () {
+            return __awaiter(void 0, void 0, void 0, function () {
+              var transactionId;
+              return __generator(this, function (_a) {
+                switch (_a.label) {
+                  case 0:
+                    return [4 /*yield*/, getOrCreateTransactionId()];
+                  case 1:
+                    transactionId = _a.sent();
+                    if (!transactionId) return [2 /*return*/];
+                    return [4 /*yield*/, runAccommodationFlow(seed_1, transactionId)];
+                  case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+                }
+              });
+            });
+          })();
         }
       }
       if (
         (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.AccommodationAndFlight &&
         context.searchConfiguration.enableManualPackaging &&
-        context.searchConfiguration.allowAccommodations &&
         !(context === null || context === void 0 ? void 0 : context.packagingEntry)
       ) {
-        var seed = activeSearchSeed;
-        if (seed) {
-          runAccommodationFlow(seed);
+        var seed_2 = activeSearchSeed;
+        if (seed_2) {
+          (function () {
+            return __awaiter(void 0, void 0, void 0, function () {
+              var sharedTransactionId, tasks;
+              return __generator(this, function (_a) {
+                switch (_a.label) {
+                  case 0:
+                    return [4 /*yield*/, getOrCreateTransactionId()];
+                  case 1:
+                    sharedTransactionId = _a.sent();
+                    if (!sharedTransactionId) return [2 /*return*/];
+                    tasks = [];
+                    if (context.searchConfiguration.allowAccommodations) {
+                      tasks.push(runAccommodationFlow(seed_2, sharedTransactionId));
+                    }
+                    if (context.searchConfiguration.allowFlights) {
+                      tasks.push(runFlightFlow(seed_2, sharedTransactionId));
+                    }
+                    return [4 /*yield*/, Promise.all(tasks)];
+                  case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+                }
+              });
+            });
+          })();
         }
       }
     },
@@ -47990,7 +48056,6 @@ var SearchResultsContainer = function () {
   React.useEffect(
     function () {
       if (context === null || context === void 0 ? void 0 : context.packagingEntry) {
-        console.log('original packaging entry from context', context.packagingEntry);
         dispatch(setEditablePackagingEntry(structuredClone(context.packagingEntry)));
         dispatch(setTransactionId(context.packagingEntry.transactionId));
       }
@@ -48002,7 +48067,7 @@ var SearchResultsContainer = function () {
     function () {
       var fetchDetails = function () {
         return __awaiter(void 0, void 0, void 0, function () {
-          var config, selectedItem, requestRooms, seed, detailsRequest, detailsResponse, err_4;
+          var config, selectedItem, requestRooms, seed, detailsRequest, detailsResponse, err_5;
           var _a;
           return __generator(this, function (_b) {
             switch (_b.label) {
@@ -48065,8 +48130,8 @@ var SearchResultsContainer = function () {
                 setDetailsIsLoading(false);
                 return [3 /*break*/, 4];
               case 3:
-                err_4 = _b.sent();
-                console.error('Failed to fetch package details', err_4);
+                err_5 = _b.sent();
+                console.error('Failed to fetch package details', err_5);
                 setDetailsIsLoading(false);
                 return [3 /*break*/, 4];
               case 4:
@@ -48091,12 +48156,16 @@ var SearchResultsContainer = function () {
             destinationIsAirport,
             detailSearchRequest,
             packageAccoSearchDetails,
-            err_5;
+            err_6;
           var _a, _b, _c, _d, _e;
           return __generator(this, function (_f) {
             switch (_f.label) {
               case 0:
                 if (!selectedPackagingAccoResultCode || !context) return [2 /*return*/];
+                if (skipInitialPackagingAccoDetailsRef.current) {
+                  skipInitialPackagingAccoDetailsRef.current = false;
+                  return [2 /*return*/];
+                }
                 setDetailsIsLoading(true);
                 if (
                   (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) === build.PortalQsmType.Accommodation ||
@@ -48179,8 +48248,8 @@ var SearchResultsContainer = function () {
                 setDetailsIsLoading(false);
                 return [3 /*break*/, 4];
               case 3:
-                err_5 = _f.sent();
-                console.error('Failed to fetch package details', err_5);
+                err_6 = _f.sent();
+                console.error('Failed to fetch package details', err_6);
                 setDetailsIsLoading(false);
                 return [3 /*break*/, 4];
               case 4:
@@ -48217,84 +48286,40 @@ var SearchResultsContainer = function () {
     },
     [activeSearchSeed]
   );
-  var handleEditAccommodation = function (segments) {
-    return __awaiter(void 0, void 0, void 0, function () {
-      var sourceEntry, seed;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            sourceEntry =
-              editablePackagingEntry !== null && editablePackagingEntry !== void 0
-                ? editablePackagingEntry
-                : context === null || context === void 0
-                ? void 0
-                : context.packagingEntry;
-            if (!sourceEntry) return [2 /*return*/];
-            seed = buildSearchSeedFromAccommodationSegments(sourceEntry, segments);
-            if (!seed) return [2 /*return*/];
-            setDetailsIsLoading(true);
-            setSelectedAccommodationSeed(seed);
-            dispatch(setAccommodationFlyInStep('results'));
-            handleFlyInToggle(true);
-            return [4 /*yield*/, runAccommodationFlow(seed)];
-          case 1:
-            _a.sent();
-            setDetailsIsLoading(false);
-            return [2 /*return*/];
-        }
-      });
-    });
-  };
-  var buildSearchSeedFromAccommodationSegments = function (entry, segments) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    if (!(segments === null || segments === void 0 ? void 0 : segments.length)) return null;
-    var sortedSegments = __spreadArray([], segments, true).sort(function (a, b) {
-      return new Date(a.from).getTime() - new Date(b.from).getTime();
-    });
-    var firstSegment = lodash.first(sortedSegments);
-    var lastSegment = lodash.last(sortedSegments);
-    if (!firstSegment || !lastSegment) return null;
-    return {
-      fromDate: toDateOnlyString(firstSegment.from),
-      toDate: toDateOnlyString(lastSegment.to),
-      country: (_b = (_a = firstSegment.country) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null,
-      region: (_d = (_c = firstSegment.region) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : null,
-      oord: (_f = (_e = firstSegment.oord) === null || _e === void 0 ? void 0 : _e.id) !== null && _f !== void 0 ? _f : null,
-      location: (_h = (_g = firstSegment.location) === null || _g === void 0 ? void 0 : _g.id) !== null && _h !== void 0 ? _h : null,
-      hotel: parseHotelId(firstSegment),
-      hotelCode: (_j = firstSegment.productCode) !== null && _j !== void 0 ? _j : null,
-      tagId: null,
-      destinationAirport: getDestinationAirportFromEntry((_k = entry.lines) !== null && _k !== void 0 ? _k : []),
-      departureAirport: getDepartureAirportFromEntry((_l = entry.lines) !== null && _l !== void 0 ? _l : []),
-      rooms: getRequestRoomsFromPackagingSegments(entry, sortedSegments)
-    };
-  };
   React.useEffect(
     function () {
       var fetchPriceDetails = function () {
         return __awaiter(void 0, void 0, void 0, function () {
-          var config, priceDetails, err_6;
-          return __generator(this, function (_a) {
-            switch (_a.label) {
+          var config, request, priceDetails, err_7;
+          var _a, _b;
+          return __generator(this, function (_c) {
+            switch (_c.label) {
               case 0:
-                if (!context || !editablePackagingEntry) return [2 /*return*/];
+                if (!context || !editablePackagingEntry || lodash.isEmpty(editablePackagingEntry.lines)) return [2 /*return*/];
                 setPricesAreLoading(true);
-                _a.label = 1;
+                _c.label = 1;
               case 1:
-                _a.trys.push([1, 3, , 4]);
+                _c.trys.push([1, 3, , 4]);
                 config = {
                   host: context.tideConnection.host,
                   apiKey: context.tideConnection.apiKey
                 };
-                return [4 /*yield*/, build.getPriceDetails(config, editablePackagingEntry)];
+                request = {
+                  language: (_a = context.languageCode) !== null && _a !== void 0 ? _a : 'en-GB',
+                  officeId: context.tideConnection.officeId,
+                  catalogueId: (_b = context.searchConfiguration.defaultCatalogueId) !== null && _b !== void 0 ? _b : 0,
+                  agentId: context.agentId,
+                  payload: editablePackagingEntry
+                };
+                return [4 /*yield*/, build.getPriceDetails(config, request)];
               case 2:
-                priceDetails = _a.sent();
+                priceDetails = _c.sent();
                 dispatch(setPriceDetails(priceDetails));
                 setPricesAreLoading(false);
                 return [3 /*break*/, 4];
               case 3:
-                err_6 = _a.sent();
-                console.error('Error fetching price details', err_6);
+                err_7 = _c.sent();
+                console.error('Error fetching price details', err_7);
                 setPricesAreLoading(false);
                 return [3 /*break*/, 4];
               case 4:
@@ -48305,30 +48330,37 @@ var SearchResultsContainer = function () {
       };
       var fetchItinerary = function () {
         return __awaiter(void 0, void 0, void 0, function () {
-          var config, itinerary_1, err_7;
-          return __generator(this, function (_a) {
-            switch (_a.label) {
+          var config, request, itinerary_1, err_8;
+          var _a, _b;
+          return __generator(this, function (_c) {
+            switch (_c.label) {
               case 0:
-                console.log('Fetching itinerary for entry', editablePackagingEntry);
-                if (!context || !editablePackagingEntry) return [2 /*return*/];
+                if (!context || !context.packagingEntry || !editablePackagingEntry || lodash.isEmpty(editablePackagingEntry.lines)) return [2 /*return*/];
                 setItineraryIsLoading(true);
-                _a.label = 1;
+                _c.label = 1;
               case 1:
-                _a.trys.push([1, 3, , 4]);
+                _c.trys.push([1, 3, , 4]);
                 config = {
                   host: context.tideConnection.host,
                   apiKey: context.tideConnection.apiKey
                 };
-                return [4 /*yield*/, build.getItinerary(config, editablePackagingEntry)];
+                request = {
+                  language: (_a = context.languageCode) !== null && _a !== void 0 ? _a : 'en-GB',
+                  officeId: context.tideConnection.officeId,
+                  catalogueId: (_b = context.searchConfiguration.defaultCatalogueId) !== null && _b !== void 0 ? _b : 0,
+                  agentId: context.agentId,
+                  payload: editablePackagingEntry
+                };
+                return [4 /*yield*/, build.getItinerary(config, request)];
               case 2:
-                itinerary_1 = _a.sent();
+                itinerary_1 = _c.sent();
                 console.log('Fetched itinerary', itinerary_1);
                 dispatch(setItinerary(itinerary_1));
                 setItineraryIsLoading(false);
                 return [3 /*break*/, 4];
               case 3:
-                err_7 = _a.sent();
-                console.error('Error fetching itinerary', err_7);
+                err_8 = _c.sent();
+                console.error('Error fetching itinerary', err_8);
                 setItineraryIsLoading(false);
                 return [3 /*break*/, 4];
               case 4:
@@ -48342,6 +48374,399 @@ var SearchResultsContainer = function () {
     },
     [editablePackagingEntry]
   );
+  // Flight selection
+  var _o = React.useState(null),
+    selectedOutwardKey = _o[0],
+    setSelectedOutwardKey = _o[1];
+  var _p = React.useState(null),
+    selectedReturnKey = _p[0],
+    setSelectedReturnKey = _p[1];
+  var uniqueOutwardFlights = React__default['default'].useMemo(
+    function () {
+      var map = new Map();
+      packagingFlightResults.forEach(function (flight) {
+        var key = getFlightKey(flight.outward.segments);
+        if (!map.has(key)) {
+          map.set(key, flight);
+        }
+      });
+      return Array.from(map.values());
+    },
+    [packagingFlightResults]
+  );
+  var _q = React.useState([]),
+    uniqueReturnFlights = _q[0],
+    setUniqueReturnFlights = _q[1];
+  React.useEffect(
+    function () {
+      var _a;
+      if (!selectedOutwardKey) {
+        setUniqueReturnFlights([]);
+        setSelectedReturnKey(null);
+        return;
+      }
+      // Filter combinations that match selected outward fare
+      var matchingCombinations = packagingFlightResults.filter(function (flight) {
+        return getFlightKey(flight.outward.segments) === selectedOutwardKey;
+      });
+      var returnMap = new Map();
+      matchingCombinations.forEach(function (flight) {
+        var key = getFlightKey(flight.return.segments);
+        if (!returnMap.has(key)) {
+          returnMap.set(key, flight);
+        }
+      });
+      var returns = Array.from(returnMap.values());
+      setUniqueReturnFlights(returns);
+      var firstReturnKey = returns.length > 0 ? getFlightKey((_a = lodash.first(returns)) === null || _a === void 0 ? void 0 : _a.return.segments) : null;
+      if (firstReturnKey) {
+        setSelectedReturnKey(firstReturnKey);
+      }
+    },
+    [selectedOutwardKey, packagingFlightResults]
+  );
+  var selectedOutward = React__default['default'].useMemo(
+    function () {
+      if (!selectedOutwardKey) return null;
+      return (
+        packagingFlightResults.find(function (flight) {
+          return getFlightKey(flight.outward.segments) === selectedOutwardKey;
+        }) || null
+      );
+    },
+    [packagingFlightResults, selectedOutwardKey]
+  );
+  var selectedReturn = React__default['default'].useMemo(
+    function () {
+      if (!selectedReturnKey) return null;
+      return (
+        packagingFlightResults.find(function (flight) {
+          return getFlightKey(flight.return.segments) === selectedReturnKey;
+        }) || null
+      );
+    },
+    [packagingFlightResults, selectedReturnKey]
+  );
+  var selectedCombinationFlight = React__default['default'].useMemo(
+    function () {
+      if (!selectedOutwardKey || !selectedReturnKey) return undefined;
+      return packagingFlightResults.find(function (flight) {
+        return getFlightKey(flight.outward.segments) === selectedOutwardKey && getFlightKey(flight.return.segments) === selectedReturnKey;
+      });
+    },
+    [packagingFlightResults, selectedOutwardKey, selectedReturnKey]
+  );
+  // TODO: get details for selected combination flight and show in fly-in
+  // useEffect(() => {
+  //   if (!selectedCombinationFlight) return;
+  //   dispatch(setSelectedPackagingFlight(selectedCombinationFlight));
+  //   // onFlightSearch(selectedCombinationFlight); // Trigger search to update accommodation options based on selected flight
+  //   dispatch(setFlyInIsOpen(true));
+  // }, [selectedCombinationFlight, dispatch]);
+  React.useEffect(
+    function () {
+      var _a, _b, _c, _d;
+      if (!context) return;
+      var seed = activeSearchSeed;
+      if (!seed) return;
+      var nextEntry = buildOrUpdatePackagingEntryPartial({
+        sourceEntry:
+          (_a = editablePackagingEntry !== null && editablePackagingEntry !== void 0 ? editablePackagingEntry : context.packagingEntry) !== null &&
+          _a !== void 0
+            ? _a
+            : null,
+        selectedHotelCode: selectedPackagingAccoResultCode,
+        accommodationResults: packagingAccoResults,
+        selectedFlight: selectedCombinationFlight !== null && selectedCombinationFlight !== void 0 ? selectedCombinationFlight : null,
+        seed: seed,
+        transactionId:
+          (_c =
+            transactionId !== null && transactionId !== void 0
+              ? transactionId
+              : (_b = context.packagingEntry) === null || _b === void 0
+              ? void 0
+              : _b.transactionId) !== null && _c !== void 0
+            ? _c
+            : '',
+        language: (_d = context.languageCode) !== null && _d !== void 0 ? _d : 'en-GB'
+      });
+      if (!nextEntry) return;
+      dispatch(setEditablePackagingEntry(nextEntry));
+      if (selectedCombinationFlight) {
+        dispatch(setSelectedPackagingFlight(selectedCombinationFlight));
+      }
+    },
+    [
+      context,
+      activeSearchSeed,
+      selectedPackagingAccoResultCode,
+      packagingAccoResults,
+      packagingAccoSearchDetails,
+      selectedCombinationFlight,
+      transactionId,
+      dispatch
+    ]
+  );
+  var removeAccommodationLines = function (lines) {
+    return lines.filter(function (line) {
+      return line.serviceType !== ACCOMMODATION_SERVICE_TYPE;
+    });
+  };
+  var removeFlightLines = function (lines) {
+    return lines.filter(function (line) {
+      return line.serviceType !== FLIGHT_SERVICE_TYPE;
+    });
+  };
+  var buildAccommodationLinesFromSelection = function (selectedHotel, seed) {
+    if (!selectedHotel) return [];
+    var parentGuid = crypto.randomUUID();
+    return selectedHotel.rooms
+      .filter(function (room) {
+        return room.options.some(function (o) {
+          return o.isSelected;
+        });
+      })
+      .map(function (room, index) {
+        var _a, _b, _c, _d, _e;
+        var option = room.options.find(function (o) {
+          return o.isSelected;
+        });
+        var pax =
+          (_b =
+            (_a = seed.rooms) === null || _a === void 0
+              ? void 0
+              : _a.flatMap(function (room, roomIndex) {
+                  return room.pax.map(function (p, paxIndex) {
+                    return {
+                      paxId: p.id,
+                      room: roomIndex,
+                      order: paxIndex
+                    };
+                  });
+                })) !== null && _b !== void 0
+            ? _b
+            : [];
+        return {
+          guid: (_c = option.guid) !== null && _c !== void 0 ? _c : crypto.randomUUID(),
+          moment: '',
+          parentGuid: index === 0 ? null : parentGuid,
+          order: index,
+          isChanged: true,
+          from: selectedHotel.fromDate,
+          to: selectedHotel.toDate,
+          serviceType: ACCOMMODATION_SERVICE_TYPE,
+          productName: selectedHotel.name,
+          productCode: selectedHotel.code,
+          accommodationName: option.accommodationName,
+          accommodationCode: option.accommodationCode,
+          regimeName: option.regimeName,
+          regimeCode: option.regimeCode,
+          country: selectedHotel.countryId ? { id: selectedHotel.countryId, name: selectedHotel.countryName, localizations: [] } : null,
+          region: selectedHotel.regionId ? { id: selectedHotel.regionId, name: selectedHotel.regionName, localizations: [] } : null,
+          oord: selectedHotel.oordId ? { id: selectedHotel.oordId, name: selectedHotel.oordName, localizations: [] } : null,
+          location: selectedHotel.locationId ? { id: selectedHotel.locationId, name: selectedHotel.locationName, localizations: [] } : null,
+          longitude: (_d = selectedHotel.longitude) !== null && _d !== void 0 ? _d : null,
+          latitude: (_e = selectedHotel.latitude) !== null && _e !== void 0 ? _e : null,
+          pax: pax,
+          flightInformation: null
+        };
+      });
+  };
+  var toDateOnlyUtcString = function (value) {
+    var date = new Date(value);
+    return new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate())).toISOString();
+  };
+  var toTimeOnlyString = function (value) {
+    var date = new Date(value);
+    var hh = String(date.getUTCHours()).padStart(2, '0');
+    var mm = String(date.getUTCMinutes()).padStart(2, '0');
+    var ss = String(date.getUTCSeconds()).padStart(2, '0');
+    return ''.concat(hh, ':').concat(mm, ':').concat(ss);
+  };
+  var mapFlightSegmentsToFlightLines = function (segments) {
+    return segments.map(function (segment) {
+      var _a;
+      return {
+        airlineCode: segment.marketingAirlineCode,
+        airlineDescription: segment.marketingAirlineName,
+        operatingAirlineCode: segment.operatingAirlineCode,
+        operatingAirlineDescription: segment.operatingAirlineName,
+        flightNumber: segment.flightNumber,
+        operatingFlightNumber: (_a = segment.operatingFlightNumber) !== null && _a !== void 0 ? _a : null,
+        departureDate: toDateOnlyUtcString(segment.departureDateTime),
+        departureTime: toTimeOnlyString(segment.departureDateTime),
+        departureAirportCode: segment.departureAirportCode,
+        departureAirportDescription: segment.departureAirportName,
+        arrivalDate: toDateOnlyUtcString(segment.arrivalDateTime),
+        arrivalTime: toTimeOnlyString(segment.arrivalDateTime),
+        arrivalAirportCode: segment.arrivalAirportCode,
+        arrivalAirportDescription: segment.arrivalAirportName,
+        durationInTicks: segment.durationInTicks
+      };
+    });
+  };
+  var buildFlightLabel = function (segments) {
+    var firstSegment = lodash.first(segments);
+    var lastSegment = lodash.last(segments);
+    if (!firstSegment || !lastSegment) {
+      return { productName: 'Flight', productCode: 'FLIGHT' };
+    }
+    return {
+      productName: ''
+        .concat(firstSegment.departureAirportName, ' - ')
+        .concat(lastSegment.arrivalAirportName, ' (')
+        .concat(firstSegment.marketingAirlineName, ')'),
+      productCode: ''.concat(firstSegment.departureAirportCode, ' ').concat(lastSegment.arrivalAirportCode, '/').concat(firstSegment.marketingAirlineCode)
+    };
+  };
+  var buildFlightLinesFromSelection = function (selectedFlight) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    if (!selectedFlight) return [];
+    var outwardSegments = (_b = (_a = selectedFlight.outward) === null || _a === void 0 ? void 0 : _a.segments) !== null && _b !== void 0 ? _b : [];
+    var returnSegments = (_d = (_c = selectedFlight.return) === null || _c === void 0 ? void 0 : _c.segments) !== null && _d !== void 0 ? _d : [];
+    if (!outwardSegments.length || !returnSegments.length) return [];
+    var outwardLabel = buildFlightLabel(outwardSegments);
+    var returnLabel = buildFlightLabel(returnSegments);
+    var outwardFirst = lodash.first(outwardSegments);
+    var outwardLast = lodash.last(outwardSegments);
+    var returnFirst = lodash.first(returnSegments);
+    var returnLast = lodash.last(returnSegments);
+    var outwardLine = {
+      guid: selectedFlight.outwardGuid,
+      parentGuid: null,
+      order: 0,
+      isChanged: true,
+      from: (_e = outwardFirst === null || outwardFirst === void 0 ? void 0 : outwardFirst.departureDateTime.toString()) !== null && _e !== void 0 ? _e : '',
+      to: (_f = outwardLast === null || outwardLast === void 0 ? void 0 : outwardLast.arrivalDateTime.toString()) !== null && _f !== void 0 ? _f : '',
+      serviceType: FLIGHT_SERVICE_TYPE,
+      productName: outwardLabel.productName,
+      productCode: outwardLabel.productCode,
+      accommodationName:
+        (_g = outwardFirst === null || outwardFirst === void 0 ? void 0 : outwardFirst.metaData) === null || _g === void 0 ? void 0 : _g.farePriceClassName,
+      accommodationCode:
+        (_h = outwardFirst === null || outwardFirst === void 0 ? void 0 : outwardFirst.metaData) === null || _h === void 0 ? void 0 : _h.fareCode,
+      regimeName: null,
+      regimeCode: null,
+      country: null,
+      region: null,
+      oord: null,
+      location: null,
+      longitude: null,
+      latitude: null,
+      // pax: allPaxAssignments,
+      flightInformation: {
+        pnr: '',
+        flightLines: mapFlightSegmentsToFlightLines(outwardSegments)
+      }
+    };
+    var returnLine = {
+      guid: selectedFlight.returnGuid,
+      parentGuid: selectedFlight.outwardGuid,
+      order: 1,
+      isChanged: true,
+      from: (_j = returnFirst === null || returnFirst === void 0 ? void 0 : returnFirst.departureDateTime.toString()) !== null && _j !== void 0 ? _j : '',
+      to: (_k = returnLast === null || returnLast === void 0 ? void 0 : returnLast.departureDateTime.toString()) !== null && _k !== void 0 ? _k : '',
+      serviceType: FLIGHT_SERVICE_TYPE,
+      productName: returnLabel.productName,
+      productCode: returnLabel.productCode,
+      accommodationName:
+        (_l = returnFirst === null || returnFirst === void 0 ? void 0 : returnFirst.metaData) === null || _l === void 0 ? void 0 : _l.farePriceClassName,
+      accommodationCode: (_m = returnFirst === null || returnFirst === void 0 ? void 0 : returnFirst.metaData) === null || _m === void 0 ? void 0 : _m.fareCode,
+      regimeName: null,
+      regimeCode: null,
+      country: null,
+      region: null,
+      oord: null,
+      location: null,
+      longitude: null,
+      latitude: null,
+      // pax: allPaxAssignments,
+      flightInformation: {
+        pnr: '',
+        flightLines: mapFlightSegmentsToFlightLines(returnSegments)
+      }
+    };
+    return [outwardLine, returnLine];
+  };
+  var buildOrUpdatePackagingEntryPartial = function (_a) {
+    var _b, _c;
+    var sourceEntry = _a.sourceEntry,
+      selectedHotelCode = _a.selectedHotelCode,
+      accommodationResults = _a.accommodationResults,
+      selectedFlight = _a.selectedFlight,
+      seed = _a.seed,
+      transactionId = _a.transactionId,
+      language = _a.language;
+    if (!((_b = seed === null || seed === void 0 ? void 0 : seed.rooms) === null || _b === void 0 ? void 0 : _b.length)) return null;
+    var entry = buildBasePackagingEntry(sourceEntry, seed, transactionId, language);
+    var nextLines = __spreadArray([], (_c = entry.lines) !== null && _c !== void 0 ? _c : [], true);
+    var selectedHotel = selectedHotelCode
+      ? accommodationResults.find(function (r) {
+          return r.code === selectedHotelCode;
+        })
+      : null;
+    // Update accommodation only when enough data exists
+    if (selectedHotel) {
+      var accommodationLines = buildAccommodationLinesFromSelection(selectedHotel, seed);
+      if (accommodationLines.length) {
+        nextLines = removeAccommodationLines(nextLines);
+        nextLines = __spreadArray(__spreadArray([], nextLines, true), accommodationLines, true);
+      }
+    }
+    // Update flights only when full selected combination exists
+    if (selectedFlight) {
+      var flightLines = buildFlightLinesFromSelection(selectedFlight);
+      if (flightLines.length) {
+        nextLines = removeFlightLines(nextLines);
+        nextLines = __spreadArray(__spreadArray([], nextLines, true), flightLines, true);
+      }
+    }
+    nextLines = nextLines.map(function (line, index) {
+      return __assign(__assign({}, line), { order: index });
+    });
+    return __assign(__assign({}, entry), { language: language, transactionId: transactionId, pax: entry.pax, lines: nextLines });
+  };
+  var buildBasePackagingEntry = function (sourceEntry, seed, transactionId, language) {
+    var _a, _b;
+    if (sourceEntry) {
+      return structuredClone(sourceEntry);
+    }
+    var paxId = 1;
+    var pax =
+      (_b =
+        (_a = seed.rooms) === null || _a === void 0
+          ? void 0
+          : _a.flatMap(function (room, roomIndex) {
+              return room.pax.map(function (_, paxIndex) {
+                return {
+                  id: paxId++,
+                  firstName: '',
+                  lastName: '',
+                  dateOfBirth: null,
+                  isMainBooker: roomIndex === 0 && paxIndex === 0
+                };
+              });
+            })) !== null && _b !== void 0
+        ? _b
+        : [];
+    return {
+      language: language,
+      transactionId: transactionId,
+      dossierNumber: '',
+      status: 0,
+      bookingDate: null,
+      price: 0,
+      depositAmount: 0,
+      pax: pax,
+      lines: []
+    };
+  };
+  var visibleOutwardFlights = React__default['default'].useMemo(
+    function () {
+      return showAllOutwardFlights ? uniqueOutwardFlights : uniqueOutwardFlights.slice(0, 3);
+    },
+    [showAllOutwardFlights, uniqueOutwardFlights]
+  );
   return React__default['default'].createElement(
     'div',
     { id: 'tide-booking', className: 'search__bg' },
@@ -48459,13 +48884,11 @@ var SearchResultsContainer = function () {
                     'span',
                     { className: 'search__result-row-text' },
                     !isLoading &&
-                      !context.packagingEntry &&
+                      context.searchConfiguration.qsmType !== build.PortalQsmType.AccommodationAndFlight &&
                       React__default['default'].createElement(
                         React__default['default'].Fragment,
                         null,
-                        ((context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
-                          context.searchConfiguration.enableManualPackaging) ||
-                          context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation) &&
+                        context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation &&
                           (filteredPackagingAccoResults === null || filteredPackagingAccoResults === void 0 ? void 0 : filteredPackagingAccoResults.length) &&
                           (filteredPackagingAccoResults === null || filteredPackagingAccoResults === void 0 ? void 0 : filteredPackagingAccoResults.length),
                         context.searchConfiguration.qsmType !== build.PortalQsmType.Accommodation &&
@@ -48514,22 +48937,145 @@ var SearchResultsContainer = function () {
                   context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                     !context.packagingEntry &&
                     context.showFlightResults &&
-                    (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.outwardFlights) &&
-                    React__default['default'].createElement(FlightResults, {
-                      flights: bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.outwardFlights,
-                      isDeparture: true
-                    }),
+                    // bookingPackageDetails?.outwardFlights &&
+                    // <FlightResults flights={bookingPackageDetails?.outwardFlights} isDeparture={true} />
+                    React__default['default'].createElement(
+                      React__default['default'].Fragment,
+                      null,
+                      React__default['default'].createElement(
+                        'div',
+                        { className: 'search__results__label search__results__label--secondary' },
+                        React__default['default'].createElement(
+                          'div',
+                          { className: 'search__results__label__date' },
+                          React__default['default'].createElement(Icon$1, { name: 'ui-flight', height: 16, fill: 'white' })
+                        ),
+                        React__default['default'].createElement(
+                          'div',
+                          { className: 'search__results__label__text' },
+                          React__default['default'].createElement(
+                            'h3',
+                            null,
+                            translations.SRP.SELECT,
+                            ' ',
+                            React__default['default'].createElement('strong', null, ' ', translations.SRP.DEPARTURE)
+                          )
+                        )
+                      ),
+                      flightsLoading
+                        ? React__default['default'].createElement(Spinner, null)
+                        : React__default['default'].createElement(
+                            React__default['default'].Fragment,
+                            null,
+                            React__default['default'].createElement(
+                              'div',
+                              { className: 'search__results__cards search__results__cards--extended' },
+                              selectedOutwardKey &&
+                                selectedOutward &&
+                                React__default['default'].createElement(IndependentFlightOption, {
+                                  key: 'flight-'.concat(selectedOutwardKey),
+                                  item: selectedOutward.outward,
+                                  guid: selectedOutward.outwardGuid,
+                                  onSelect: function () {
+                                    return setSelectedOutwardKey(null);
+                                  },
+                                  selectedGuid: selectedOutward.outwardGuid,
+                                  isOutward: true,
+                                  showSelectedState: true,
+                                  price: selectedOutward.price
+                                }),
+                              visibleOutwardFlights.map(function (result) {
+                                return React__default['default'].createElement(IndependentFlightOption, {
+                                  key: 'flight-'.concat(result.outwardGuid),
+                                  item: result.outward,
+                                  onSelect: function () {
+                                    return setSelectedOutwardKey(getFlightKey(result.outward.segments));
+                                  },
+                                  guid: result.outwardGuid,
+                                  isOutward: true,
+                                  price: result.price,
+                                  currentSelectedPrice: selectedOutward === null || selectedOutward === void 0 ? void 0 : selectedOutward.price
+                                });
+                              })
+                            ),
+                            uniqueOutwardFlights &&
+                              uniqueOutwardFlights.length > 3 &&
+                              React__default['default'].createElement(
+                                'div',
+                                { className: 'search__results__cards__actions' },
+                                React__default['default'].createElement(
+                                  'button',
+                                  {
+                                    className: 'cta cta--secondary',
+                                    onClick: function () {
+                                      return setShowAllOutwardFlights(!showAllOutwardFlights);
+                                    }
+                                  },
+                                  showAllOutwardFlights ? translations.SRP.SHOW_LESS : translations.SRP.SHOW_MORE
+                                )
+                              )
+                          )
+                    ),
                   context.showHotelAccommodationResults &&
                     !context.packagingEntry &&
                     React__default['default'].createElement(HotelAccommodationResults, { isLoading: isLoading }),
                   context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                     !context.packagingEntry &&
                     context.showFlightResults &&
-                    (bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.returnFlights) &&
-                    React__default['default'].createElement(FlightResults, {
-                      flights: bookingPackageDetails === null || bookingPackageDetails === void 0 ? void 0 : bookingPackageDetails.returnFlights,
-                      isDeparture: false
-                    }),
+                    // bookingPackageDetails?.returnFlights &&
+                    // <FlightResults flights={bookingPackageDetails?.returnFlights} isDeparture={false} />
+                    React__default['default'].createElement(
+                      React__default['default'].Fragment,
+                      null,
+                      React__default['default'].createElement(
+                        'div',
+                        { className: 'search__results__label search__results__label--secondary' },
+                        React__default['default'].createElement(
+                          'div',
+                          { className: 'search__results__label__date' },
+                          React__default['default'].createElement(Icon$1, { name: 'ui-flight', height: 16, fill: 'white' })
+                        ),
+                        React__default['default'].createElement(
+                          'div',
+                          { className: 'search__results__label__text' },
+                          React__default['default'].createElement(
+                            'h3',
+                            null,
+                            translations.SRP.SELECT,
+                            ' ',
+                            React__default['default'].createElement('strong', null, ' ', translations.SRP.RETURN)
+                          )
+                        )
+                      ),
+                      React__default['default'].createElement(
+                        'div',
+                        { className: 'search__results__cards search__results__cards--extended' },
+                        selectedReturnKey &&
+                          selectedReturn &&
+                          React__default['default'].createElement(IndependentFlightOption, {
+                            key: 'flight-'.concat(selectedReturnKey),
+                            item: selectedReturn.return,
+                            guid: selectedReturn.outwardGuid,
+                            selectedGuid: selectedReturn.outwardGuid,
+                            isOutward: false,
+                            showSelectedState: true,
+                            price: selectedReturn.price
+                          }),
+                        uniqueReturnFlights.map(function (result) {
+                          return React__default['default'].createElement(IndependentFlightOption, {
+                            key: 'flight-'.concat(result.outwardGuid),
+                            item: result.return,
+                            onSelect: function () {
+                              return setSelectedReturnKey(getFlightKey(result.return.segments));
+                            },
+                            guid: result.outwardGuid,
+                            isOutward: false,
+                            currentSelectedPrice: selectedReturn === null || selectedReturn === void 0 ? void 0 : selectedReturn.price,
+                            price: result.price
+                          });
+                        })
+                      )
+                    ),
                   context.searchConfiguration.qsmType === build.PortalQsmType.AccommodationAndFlight &&
                     context.packagingEntry &&
                     itinerary &&
@@ -55996,3 +56542,4 @@ exports.PhotoGallery = PhotoGallery;
 exports.QSM = QSM;
 exports.SearchResults = SearchResults;
 exports.Slider = Slider;
+exports.Spinner = Spinner;