@qite/tide-booking-component 1.4.112 → 1.4.114

package/build/build-cjs/index.js

@@ -473,7 +473,9 @@ var SUMMARY$f = {
   VOUCHER_VALIDATE: 'تحقق من القسيمة',
   ADD_VOUCHER: 'إضافة قسيمة',
   VOUCHER_VALID: 'القسيمة صالحة',
-  VOUCHER_INVALID: 'القسيمة غير صالحة'
+  VOUCHER_INVALID: 'القسيمة غير صالحة',
+  REDIRECT: 'إعادة التوجيه إلى مزود الدفع...',
+  PROCESS_BOOKING: 'يرجى الانتظار، جاري معالجة حجزك'
 };
 var CONFIRMATION$f = {
   TITLE_TEXT_OFFER: 'تم طلب عرضك رقم {0}',
@@ -892,7 +894,9 @@ var SUMMARY$e = {
   VOUCHER_VALIDATE: 'Valider voucher',
   ADD_VOUCHER: 'Tilføj voucher',
   VOUCHER_VALID: 'Voucher er gyldig',
-  VOUCHER_INVALID: 'Voucher er ikke gyldig'
+  VOUCHER_INVALID: 'Voucher er ikke gyldig',
+  REDIRECT: 'Omdirigerer til betalingsudbyder...',
+  PROCESS_BOOKING: 'Vent venligst, din booking behandles'
 };
 var CONFIRMATION$e = {
   TITLE_TEXT_OFFER: 'Dit tilbud med nummer {0} er blevet anmodet',
@@ -1311,7 +1315,9 @@ var SUMMARY$d = {
   VOUCHER_VALIDATE: 'Gutschein prüfen',
   ADD_VOUCHER: 'Gutschein hinzufügen',
   VOUCHER_VALID: 'Gutschein ist gültig',
-  VOUCHER_INVALID: 'Gutschein ist ungültig'
+  VOUCHER_INVALID: 'Gutschein ist ungültig',
+  REDIRECT: 'Weiterleitung zum Zahlungsanbieter...',
+  PROCESS_BOOKING: 'Bitte warten Sie, Ihre Buchung wird bearbeitet'
 };
 var CONFIRMATION$d = {
   TITLE_TEXT_OFFER: 'Ihr Angebot mit der Nummer {0} wurde angefordert',
@@ -1735,7 +1741,9 @@ var SUMMARY$c = {
   VOUCHER_VALIDATE: 'Validate voucher',
   ADD_VOUCHER: 'Add voucher',
   VOUCHER_VALID: 'Voucher is valid',
-  VOUCHER_INVALID: 'Voucher is not valid'
+  VOUCHER_INVALID: 'Voucher is not valid',
+  REDIRECT: 'Redirecting to payment provider...',
+  PROCESS_BOOKING: 'Please wait, your booking is being processed'
 };
 var CONFIRMATION$c = {
   TITLE_TEXT_OFFER: 'Your quote with number {0} has been requested',
@@ -2154,7 +2162,9 @@ var SUMMARY$b = {
   VOUCHER_VALIDATE: 'Validar vale',
   ADD_VOUCHER: 'Agregar vale',
   VOUCHER_VALID: 'Vale válido',
-  VOUCHER_INVALID: 'Vale no válido'
+  VOUCHER_INVALID: 'Vale no válido',
+  REDIRECT: 'Redirigiendo al proveedor de pagos...',
+  PROCESS_BOOKING: 'Por favor, espere, su reserva se está procesando'
 };
 var CONFIRMATION$b = {
   TITLE_TEXT_OFFER: 'Su presupuesto con número {0} ha sido solicitado',
@@ -2578,7 +2588,9 @@ var SUMMARY$a = {
   VOUCHER_VALIDATE: 'Valider le bon',
   ADD_VOUCHER: 'Ajouter un bon',
   VOUCHER_VALID: 'Bon valide',
-  VOUCHER_INVALID: 'Bon invalide'
+  VOUCHER_INVALID: 'Bon invalide',
+  REDIRECT: 'Redirection vers le fournisseur de paiement...',
+  PROCESS_BOOKING: 'Veuillez patienter, votre réservation est en cours de traitement'
 };
 var CONFIRMATION$a = {
   TITLE_TEXT_OFFER: 'Votre devis numéro {0} a été demandé',
@@ -2998,7 +3010,9 @@ var SUMMARY$9 = {
   VOUCHER_VALIDATE: 'Valider le bon',
   ADD_VOUCHER: 'Ajouter un bon',
   VOUCHER_VALID: 'Bon valide',
-  VOUCHER_INVALID: 'Bon invalide'
+  VOUCHER_INVALID: 'Bon invalide',
+  REDIRECT: 'Redirection vers le fournisseur de paiement...',
+  PROCESS_BOOKING: 'Veuillez patienter, votre réservation est en cours de traitement'
 };
 var CONFIRMATION$9 = {
   TITLE_TEXT_OFFER: 'Votre devis numéro {0} a été demandé',
@@ -3417,7 +3431,9 @@ var SUMMARY$8 = {
   VOUCHER_VALIDATE: 'Staðfesta miða',
   ADD_VOUCHER: 'Bæta við miða',
   VOUCHER_VALID: 'Miðinn er gildur',
-  VOUCHER_INVALID: 'Miðinn er ógildur'
+  VOUCHER_INVALID: 'Miðinn er ógildur',
+  REDIRECT: 'Beinir á greiðsluaðila...',
+  PROCESS_BOOKING: 'Vinsamlegast bíðið, pöntunin þín er í vinnslu'
 };
 var CONFIRMATION$8 = {
   TITLE_TEXT_OFFER: 'Tilboð þitt nr. {0} hefur verið beðið um',
@@ -3836,7 +3852,9 @@ var SUMMARY$7 = {
   VOUCHER_VALIDATE: 'Valida voucher',
   ADD_VOUCHER: 'Aggiungi voucher',
   VOUCHER_VALID: 'Voucher valido',
-  VOUCHER_INVALID: 'Voucher non valido'
+  VOUCHER_INVALID: 'Voucher non valido',
+  REDIRECT: 'Reindirizzamento al fornitore di pagamento...',
+  PROCESS_BOOKING: 'Attendere prego, la tua prenotazione è in fase di elaborazione'
 };
 var CONFIRMATION$7 = {
   TITLE_TEXT_OFFER: 'Il tuo preventivo numero {0} è stato richiesto',
@@ -4260,7 +4278,9 @@ var SUMMARY$6 = {
   VOUCHER_VALIDATE: 'Valideer voucher',
   ADD_VOUCHER: 'Voucher toevoegen',
   VOUCHER_VALID: 'Voucher is geldig',
-  VOUCHER_INVALID: 'Voucher is niet geldig'
+  VOUCHER_INVALID: 'Voucher is niet geldig',
+  REDIRECT: 'Redirecten naar betalingsprovider...',
+  PROCESS_BOOKING: 'Even geduld, we verwerken je boeking'
 };
 var CONFIRMATION$6 = {
   TITLE_TEXT_OFFER: 'Je offerte met nummer {0} is aangevraagd',
@@ -4680,7 +4700,9 @@ var SUMMARY$5 = {
   VOUCHER_VALIDATE: 'Voucher valideren',
   ADD_VOUCHER: 'Voucher toevoegen',
   VOUCHER_VALID: 'Voucher is geldig',
-  VOUCHER_INVALID: 'Voucher is ongeldig'
+  VOUCHER_INVALID: 'Voucher is ongeldig',
+  REDIRECT: 'Redirecten naar betalingsprovider...',
+  PROCESS_BOOKING: 'Even geduld, we verwerken je boeking'
 };
 var CONFIRMATION$5 = {
   TITLE_TEXT_OFFER: 'Uw offerte met nummer {0} is aangevraagd',
@@ -5100,7 +5122,9 @@ var SUMMARY$4 = {
   VOUCHER_VALIDATE: 'Valider verdikupong',
   ADD_VOUCHER: 'Legg til verdikupong',
   VOUCHER_VALID: 'Verdikupongen er gyldig',
-  VOUCHER_INVALID: 'Verdikupongen er ugyldig'
+  VOUCHER_INVALID: 'Verdikupongen er ugyldig',
+  REDIRECT: 'Omdirigerer til betalingsleverandør...',
+  PROCESS_BOOKING: 'Vennligst vent, bestillingen din behandles'
 };
 var CONFIRMATION$4 = {
   TITLE_TEXT_OFFER: 'Tilbudet ditt med nummer {0} er forespurt',
@@ -5520,7 +5544,9 @@ var SUMMARY$3 = {
   VOUCHER_VALIDATE: 'Zweryfikuj voucher',
   ADD_VOUCHER: 'Dodaj voucher',
   VOUCHER_VALID: 'Voucher jest ważny',
-  VOUCHER_INVALID: 'Voucher jest nieważny'
+  VOUCHER_INVALID: 'Voucher jest nieważny',
+  REDIRECT: 'Przekierowanie do dostawcy płatności...',
+  PROCESS_BOOKING: 'Proszę czekać, Twoja rezerwacja jest przetwarzana'
 };
 var CONFIRMATION$3 = {
   TITLE_TEXT_OFFER: 'Twoja wycena o numerze {0} została wysłana',
@@ -5940,7 +5966,9 @@ var SUMMARY$2 = {
   VOUCHER_VALIDATE: 'Validar voucher',
   ADD_VOUCHER: 'Adicionar voucher',
   VOUCHER_VALID: 'O voucher é válido',
-  VOUCHER_INVALID: 'O voucher não é válido'
+  VOUCHER_INVALID: 'O voucher não é válido',
+  REDIRECT: 'Redirecionando para o provedor de pagamento...',
+  PROCESS_BOOKING: 'Por favor, aguarde, sua reserva está sendo processada'
 };
 var CONFIRMATION$2 = {
   TITLE_TEXT_OFFER: 'O seu orçamento com o número {0} foi solicitado',
@@ -6360,7 +6388,9 @@ var SUMMARY$1 = {
   VOUCHER_VALIDATE: 'Validera voucher',
   ADD_VOUCHER: 'Lägg till voucher',
   VOUCHER_VALID: 'Vouchern är giltig',
-  VOUCHER_INVALID: 'Vouchern är ogiltig'
+  VOUCHER_INVALID: 'Vouchern är ogiltig',
+  REDIRECT: 'Omdirigerar till betalningsleverantör...',
+  PROCESS_BOOKING: 'Vänligen vänta, din bokning behandlas'
 };
 var CONFIRMATION$1 = {
   TITLE_TEXT_OFFER: 'Din offert med nummer {0} har begärts',
@@ -6779,7 +6809,9 @@ var SUMMARY = {
   VOUCHER_VALIDATE: 'バウチャーを確認',
   ADD_VOUCHER: 'バウチャーを追加',
   VOUCHER_VALID: 'バウチャーは有効です',
-  VOUCHER_INVALID: 'バウチャーは無効です'
+  VOUCHER_INVALID: 'バウチャーは無効です',
+  REDIRECT: '支払いプロバイダーにリダイレクト中...',
+  PROCESS_BOOKING: 'お待ちください、予約を処理中です'
 };
 var CONFIRMATION = {
   TITLE_TEXT_OFFER: '見積もり番号 {0} の依頼を受け付けました',
@@ -28087,15 +28119,20 @@ function createInitialValuesFromRooms(formRooms, startDate, agentAdressId, perso
 }
 function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry, agentAdressId) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
-  console.log('editablePackagingEntry?.pax:', editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.pax);
   var pax =
     (_a = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.pax) !== null && _a !== void 0 ? _a : [];
   var rooms = editablePackagingEntry.rooms.map(function (room) {
     var roomPax = pax.filter(function (x) {
       return room.paxIds.includes(x.id);
     });
+    var adults = roomPax.filter(function (x) {
+      return x.age >= 18;
+    });
+    var children = roomPax.filter(function (x) {
+      return x.age < 18;
+    });
     return {
-      adults: roomPax.map(function (roomTraveler) {
+      adults: adults.map(function (roomTraveler) {
         var _a, _b;
         return {
           id: roomTraveler.id,
@@ -28105,7 +28142,16 @@ function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry, a
           gender: ''
         };
       }),
-      children: []
+      children: children.map(function (roomTraveler) {
+        var _a, _b;
+        return {
+          id: roomTraveler.id,
+          firstName: (_a = roomTraveler.firstName) !== null && _a !== void 0 ? _a : '',
+          lastName: (_b = roomTraveler.lastName) !== null && _b !== void 0 ? _b : '',
+          birthDate: roomTraveler.dateOfBirth ? dateFns.format(new Date(roomTraveler.dateOfBirth), 'yyyy-MM-dd') : '',
+          gender: ''
+        };
+      })
     };
   });
   var values = createInitialValuesFromRooms(
@@ -28157,8 +28203,6 @@ function applyTravelersFormValuesToEditablePackagingEntry(editablePackagingEntry
   var travelers = values.rooms.flatMap(function (room) {
     return __spreadArray(__spreadArray([], room.adults, true), room.children, true);
   });
-  console.log('Applying form values:', values);
-  console.log('editablePackagingEntry:', editablePackagingEntry);
   return __assign(__assign({}, editablePackagingEntry), {
     pax: ((_a = editablePackagingEntry.pax) !== null && _a !== void 0 ? _a : []).map(function (pax) {
       var _a, _b;
@@ -41544,11 +41588,20 @@ var HotelAccommodationResults = function (_a) {
     function () {
       var shouldShowAll =
         (context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType) !== build.PortalQsmType.AccommodationAndFlight || isFlyIn;
+      var filteredMapperResults = mappedResults;
+      if (selectedPackagingAccoResult) {
+        filteredMapperResults = mappedResults.filter(function (result) {
+          return result.code !== selectedPackagingAccoResult.code;
+        });
+      }
       if (shouldShowAll) {
-        return mappedResults;
+        if (isFlyIn) {
+          return mappedResults;
+        }
+        return filteredMapperResults;
       }
       if (selectedPackagingAccoResult) {
-        return mappedResults
+        return filteredMapperResults
           .filter(function (result) {
             return result.code !== selectedPackagingAccoResult.code;
           })
@@ -43152,6 +43205,13 @@ var FlyIn = function (_a) {
       dispatch(setSortType(newSortByType));
     }
   };
+  var onHandleConfirm = function () {
+    if (context === null || context === void 0 ? void 0 : context.packagingEntry) {
+      handleConfirm === null || handleConfirm === void 0 ? void 0 : handleConfirm();
+    } else {
+      dispatch(setBookPackagingEntry(true));
+    }
+  };
   return React__default['default'].createElement(
     'div',
     {
@@ -43289,7 +43349,7 @@ var FlyIn = function (_a) {
         ),
       (srpType === build.PortalQsmType.Accommodation || srpType === build.PortalQsmType.AccommodationAndFlight) &&
         flyInType === 'acco-details' &&
-        React__default['default'].createElement(AccommodationFlyIn, { isLoading: detailsLoading, handleConfirm: handleConfirm }),
+        React__default['default'].createElement(AccommodationFlyIn, { isLoading: detailsLoading, handleConfirm: onHandleConfirm }),
       srpType === build.PortalQsmType.AccommodationAndFlight &&
         (flyInType === 'flight-outward-results' || flyInType === 'flight-return-results') &&
         React__default['default'].createElement(PackageingFlightsFlyIn, {
@@ -44168,8 +44228,11 @@ var IndependentFlightSelection = function (_a) {
     [searchResults, selectedReturnKey]
   );
   var firstResultDate = uniqueOutwardFlights.length > 0 ? uniqueOutwardFlights[0].outward.segments[0].departureDateTime : null;
+  var firstResultReturnDate = uniqueReturnFlights.length > 0 ? uniqueReturnFlights[0].return.segments[0].departureDateTime : null;
   var firstResultDay = firstResultDate ? dateFns.format(firstResultDate, 'd') : null;
   var firstResultMonth = firstResultDate ? dateFns.format(firstResultDate, 'MMM') : null;
+  var firstResultReturnDay = firstResultReturnDate ? dateFns.format(firstResultReturnDate, 'd') : null;
+  var firstResultReturnMonth = firstResultReturnDate ? dateFns.format(firstResultReturnDate, 'MMM') : null;
   return React__default['default'].createElement(
     React__default['default'].Fragment,
     null,
@@ -44224,7 +44287,12 @@ var IndependentFlightSelection = function (_a) {
     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(
+        'div',
+        { className: 'search__results__label__date' },
+        React__default['default'].createElement('p', { className: 'search__results__label__date-date' }, firstResultReturnDay),
+        React__default['default'].createElement('p', null, firstResultReturnMonth)
+      ),
       React__default['default'].createElement(
         'div',
         { className: 'search__results__label__text' },
@@ -46692,6 +46760,83 @@ var DayByDayExcursions = function () {
   );
 };
 
+var renderEditablePackagingEntrySummaryOptions = function (editablePackagingEntry, priceDetails, translations) {
+  var _a, _b;
+  var priceDetailsByProduct = lodash.groupBy(
+    (_a = priceDetails === null || priceDetails === void 0 ? void 0 : priceDetails.details) !== null && _a !== void 0 ? _a : [],
+    function (detail) {
+      return ''.concat(detail.productCode, '|').concat(detail.accommodationCode);
+    }
+  );
+  return (
+    (_b = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.lines) !== null && _b !== void 0 ? _b : []
+  ).map(function (line) {
+    var _a, _b, _c;
+    var groupedPriceDetails = (_a = priceDetailsByProduct[''.concat(line.productCode, '|').concat(line.accommodationCode)]) !== null && _a !== void 0 ? _a : [];
+    var visiblePriceDetails = groupedPriceDetails.filter(function (detail) {
+      return detail.showPrice || detail.isSeparate;
+    });
+    return React__default['default'].createElement(
+      'li',
+      { key: line.guid },
+      React__default['default'].createElement('h6', null, line.productName),
+      React__default['default'].createElement(
+        'ul',
+        null,
+        React__default['default'].createElement('li', { className: 'list__item' }, lodash.compact([line.accommodationName, line.regimeName]).join(', ')),
+        (_c = (_b = line.flightInformation) === null || _b === void 0 ? void 0 : _b.flightLines) === null || _c === void 0
+          ? void 0
+          : _c.map(function (flightLine, index) {
+              var _a, _b;
+              return React__default['default'].createElement(
+                'li',
+                { className: 'list__item', key: ''.concat(line.guid, '-').concat(index) },
+                flightLine.departureAirportCode,
+                ' ',
+                (_a = flightLine.departureTime) === null || _a === void 0 ? void 0 : _a.slice(0, 5),
+                ' > ',
+                flightLine.arrivalAirportCode,
+                ' ',
+                (_b = flightLine.arrivalTime) === null || _b === void 0 ? void 0 : _b.slice(0, 5),
+                ' (',
+                flightLine.operatingFlightNumber || ''.concat(flightLine.airlineCode).concat(flightLine.flightNumber),
+                ')'
+              );
+            }),
+        !lodash.isEmpty(visiblePriceDetails) &&
+          visiblePriceDetails.map(function (detail, index) {
+            var _a;
+            return React__default['default'].createElement(
+              'li',
+              { className: 'list__item', key: ''.concat(line.guid, '-price-').concat(index) },
+              detail.priceDescription,
+              ': ',
+              (_a = detail.total) === null || _a === void 0 ? void 0 : _a.toLocaleString(undefined, { style: 'currency', currency: 'EUR' })
+            );
+          })
+      ),
+      React__default['default'].createElement(
+        'p',
+        null,
+        '(',
+        line.from === line.to
+          ? getDateText(line.from)
+          : React__default['default'].createElement(React__default['default'].Fragment, null, getDateText(line.from), ' > ', getDateText(line.to)),
+        ')'
+      )
+    );
+  });
+};
+var getImageSrcFromHtml = function (html) {
+  var _a;
+  if (!html || typeof window === 'undefined') {
+    return undefined;
+  }
+  var doc = new DOMParser().parseFromString(html, 'text/html');
+  var img = doc.querySelector('img');
+  return (_a = img === null || img === void 0 ? void 0 : img.getAttribute('src')) !== null && _a !== void 0 ? _a : undefined;
+};
+
 var mapToSidebarFlightMetaData = function (entryLine) {
   var _a, _b;
   return {
@@ -46751,22 +46896,16 @@ var selectSeparatePackagePriceDetails = function (priceDetails) {
   return result;
 };
 var WLSidebar = function (_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-  var activeSearchSeed = _a.activeSearchSeed;
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
+  var activeSearchSeed = _a.activeSearchSeed,
+    packagingAccoResult = _a.packagingAccoResult;
   var context = React.useContext(SearchResultsConfigurationContext);
-  if (!context) {
-    return null;
-  }
-  var translations = getTranslations((_b = context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB');
-  var _u = reactRedux.useSelector(function (state) {
+  var _4 = reactRedux.useSelector(function (state) {
       return state.searchResults;
     }),
-    editablePackagingEntry = _u.editablePackagingEntry,
-    priceDetails = _u.priceDetails;
-  // Map editablePackagingEntry to sidebar props (example, adjust as needed)
-  if (!editablePackagingEntry) {
-    return null;
-  }
+    editablePackagingEntry = _4.editablePackagingEntry,
+    priceDetails = _4.priceDetails;
+  var translations = getTranslations((_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB');
   var sortedLines = React.useMemo(
     function () {
       var _a;
@@ -46786,35 +46925,70 @@ var WLSidebar = function (_a) {
     },
     [editablePackagingEntry]
   );
+  var accoImage = React.useMemo(
+    function () {
+      return getImageSrcFromHtml(packagingAccoResult === null || packagingAccoResult === void 0 ? void 0 : packagingAccoResult.contents);
+    },
+    [packagingAccoResult === null || packagingAccoResult === void 0 ? void 0 : packagingAccoResult.contents]
+  );
+  if (!context || !editablePackagingEntry) {
+    return null;
+  }
   var firstEntryLine = lodash.first(sortedLines);
   var accommodationLines = editablePackagingEntry.lines.filter(function (line) {
     return line.serviceType === ACCOMMODATION_SERVICE_TYPE;
   });
   var accommodationLine = (_c = lodash.first(accommodationLines)) !== null && _c !== void 0 ? _c : firstEntryLine;
   var location =
-    (_l =
-      (_j =
-        (_g =
-          (_e =
-            (_d = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.location) === null || _d === void 0
+    context.searchConfiguration.qsmType === build.PortalQsmType.Accommodation
+      ? (_m =
+          (_k =
+            (_h =
+              (_f =
+                (_d = packagingAccoResult === null || packagingAccoResult === void 0 ? void 0 : packagingAccoResult.name) !== null && _d !== void 0
+                  ? _d
+                  : (_e = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.location) === null || _e === void 0
+                  ? void 0
+                  : _e.name) !== null && _f !== void 0
+                ? _f
+                : (_g = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.oord) === null || _g === void 0
+                ? void 0
+                : _g.name) !== null && _h !== void 0
+              ? _h
+              : (_j = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.region) === null || _j === void 0
               ? void 0
-              : _d.name) !== null && _e !== void 0
-            ? _e
-            : (_f = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.oord) === null || _f === void 0
+              : _j.name) !== null && _k !== void 0
+            ? _k
+            : (_l = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.country) === null || _l === void 0
             ? void 0
-            : _f.name) !== null && _g !== void 0
-          ? _g
-          : (_h = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.region) === null || _h === void 0
-          ? void 0
-          : _h.name) !== null && _j !== void 0
-        ? _j
-        : (_k = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.country) === null || _k === void 0
+            : _l.name) !== null && _m !== void 0
+        ? _m
+        : (_o = firstEntryLine === null || firstEntryLine === void 0 ? void 0 : firstEntryLine.location) === null || _o === void 0
         ? void 0
-        : _k.name) !== null && _l !== void 0
-      ? _l
-      : (_m = firstEntryLine === null || firstEntryLine === void 0 ? void 0 : firstEntryLine.location) === null || _m === void 0
+        : _o.name
+      : (_w =
+          (_u =
+            (_s =
+              (_q =
+                (_p = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.location) === null || _p === void 0
+                  ? void 0
+                  : _p.name) !== null && _q !== void 0
+                ? _q
+                : (_r = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.oord) === null || _r === void 0
+                ? void 0
+                : _r.name) !== null && _s !== void 0
+              ? _s
+              : (_t = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.region) === null || _t === void 0
+              ? void 0
+              : _t.name) !== null && _u !== void 0
+            ? _u
+            : (_v = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.country) === null || _v === void 0
+            ? void 0
+            : _v.name) !== null && _w !== void 0
+      ? _w
+      : (_x = firstEntryLine === null || firstEntryLine === void 0 ? void 0 : firstEntryLine.location) === null || _x === void 0
       ? void 0
-      : _m.name;
+      : _x.name;
   var rooms =
     (activeSearchSeed === null || activeSearchSeed === void 0
       ? void 0
@@ -46844,7 +47018,7 @@ var WLSidebar = function (_a) {
   var outboundFlightMetaData = outboundFlight ? mapToSidebarFlightMetaData(outboundFlight) : undefined;
   var returnFlightMetaData = returnFlight ? mapToSidebarFlightMetaData(returnFlight) : undefined;
   var basePrice = lodash.sum(
-    (_o =
+    (_y =
       priceDetails === null || priceDetails === void 0
         ? void 0
         : priceDetails.details
@@ -46853,18 +47027,18 @@ var WLSidebar = function (_a) {
             })
             .map(function (pd) {
               return pd.price * pd.amount;
-            })) !== null && _o !== void 0
-      ? _o
+            })) !== null && _y !== void 0
+      ? _y
       : []
   );
   var separateExtraPriceDetails =
-    (_p =
+    (_z =
       priceDetails === null || priceDetails === void 0
         ? void 0
         : priceDetails.details.filter(function (pd) {
             return !pd.isInPackage && pd.isSeparate;
-          })) !== null && _p !== void 0
-      ? _p
+          })) !== null && _z !== void 0
+      ? _z
       : [];
   var totalPrice = lodash.sum(
     __spreadArray(
@@ -46876,22 +47050,22 @@ var WLSidebar = function (_a) {
     )
   );
   var includedCosts = selectSeparatePackagePriceDetails(
-    (_q =
+    (_0 =
       priceDetails === null || priceDetails === void 0
         ? void 0
         : priceDetails.details.filter(function (pd) {
             return pd.isInPackage;
-          })) !== null && _q !== void 0
-      ? _q
+          })) !== null && _0 !== void 0
+      ? _0
       : []
   );
   return React__default['default'].createElement(SharedSidebar, {
     productName: location !== null && location !== void 0 ? location : '',
-    thumbnailUrl: (_r = context.destinationImage) === null || _r === void 0 ? void 0 : _r.url,
+    thumbnailUrl: accoImage !== null && accoImage !== void 0 ? accoImage : (_1 = context.destinationImage) === null || _1 === void 0 ? void 0 : _1.url,
     translations: translations,
     travelerRooms: travelerRooms,
-    startDateText: ((_s = lodash.first(sortedLines)) === null || _s === void 0 ? void 0 : _s.from) && formatDate(new Date(lodash.first(sortedLines).from)),
-    endDateText: ((_t = lodash.last(sortedLines)) === null || _t === void 0 ? void 0 : _t.to) && formatDate(new Date(lodash.last(sortedLines).to)),
+    startDateText: ((_2 = lodash.first(sortedLines)) === null || _2 === void 0 ? void 0 : _2.from) && formatDate(new Date(lodash.first(sortedLines).from)),
+    endDateText: ((_3 = lodash.last(sortedLines)) === null || _3 === void 0 ? void 0 : _3.to) && formatDate(new Date(lodash.last(sortedLines).to)),
     isLoading: !editablePackagingEntry || !priceDetails,
     loaderComponent: React__default['default'].createElement(Spinner, null),
     departureFlightMetaData: outboundFlightMetaData,
@@ -46936,12 +47110,14 @@ var SharedSummary = function (_a) {
     customValidateText = _a.customValidateText,
     _j = _a.isSubmitting,
     isSubmitting = _j === void 0 ? false : _j,
-    _k = _a.userValidated,
-    userValidated = _k === void 0 ? true : _k,
+    _k = _a.skipPayment,
+    skipPayment = _k === void 0 ? false : _k,
+    _l = _a.userValidated,
+    userValidated = _l === void 0 ? true : _l,
     renderOptions = _a.renderOptions,
-    renderPreviousButton = _a.renderPreviousButton,
-    renderLoader = _a.renderLoader,
-    onSubmit = _a.onSubmit,
+    renderPreviousButton = _a.renderPreviousButton;
+  _a.renderLoader;
+  var onSubmit = _a.onSubmit,
     onRemarksChange = _a.onRemarksChange,
     onCheckboxesChange = _a.onCheckboxesChange,
     onNotificationsChange = _a.onNotificationsChange,
@@ -46950,9 +47126,9 @@ var SharedSummary = function (_a) {
     onAddVoucher = _a.onAddVoucher,
     onRemoveVoucher = _a.onRemoveVoucher,
     onUserValidatedChange = _a.onUserValidatedChange;
-  var _l = React.useState(checkboxes),
-    localCheckboxes = _l[0],
-    setLocalCheckboxes = _l[1];
+  var _m = React.useState(checkboxes),
+    localCheckboxes = _m[0],
+    setLocalCheckboxes = _m[1];
   React.useEffect(
     function () {
       setLocalCheckboxes(checkboxes);
@@ -46999,7 +47175,8 @@ var SharedSummary = function (_a) {
   return React__default['default'].createElement(
     React__default['default'].Fragment,
     null,
-    isSubmitting && ((renderLoader === null || renderLoader === void 0 ? void 0 : renderLoader()) || React__default['default'].createElement(Loader, null)),
+    isSubmitting &&
+      React__default['default'].createElement(Spinner, { label: skipPayment ? translations.SUMMARY.PROCESS_BOOKING : translations.SUMMARY.REDIRECT }),
     !isSubmitting &&
       React__default['default'].createElement(
         'form',
@@ -47414,74 +47591,6 @@ var SharedSummary = function (_a) {
   );
 };
 
-var renderEditablePackagingEntrySummaryOptions = function (editablePackagingEntry, priceDetails, translations) {
-  var _a, _b;
-  var priceDetailsByProduct = lodash.groupBy(
-    (_a = priceDetails === null || priceDetails === void 0 ? void 0 : priceDetails.details) !== null && _a !== void 0 ? _a : [],
-    function (detail) {
-      return ''.concat(detail.productCode, '|').concat(detail.accommodationCode);
-    }
-  );
-  return (
-    (_b = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.lines) !== null && _b !== void 0 ? _b : []
-  ).map(function (line) {
-    var _a, _b, _c;
-    var groupedPriceDetails = (_a = priceDetailsByProduct[''.concat(line.productCode, '|').concat(line.accommodationCode)]) !== null && _a !== void 0 ? _a : [];
-    var visiblePriceDetails = groupedPriceDetails.filter(function (detail) {
-      return detail.showPrice || detail.isSeparate;
-    });
-    return React__default['default'].createElement(
-      'li',
-      { key: line.guid },
-      React__default['default'].createElement('h6', null, line.productName),
-      React__default['default'].createElement(
-        'ul',
-        null,
-        React__default['default'].createElement('li', { className: 'list__item' }, lodash.compact([line.accommodationName, line.regimeName]).join(', ')),
-        (_c = (_b = line.flightInformation) === null || _b === void 0 ? void 0 : _b.flightLines) === null || _c === void 0
-          ? void 0
-          : _c.map(function (flightLine, index) {
-              var _a, _b;
-              return React__default['default'].createElement(
-                'li',
-                { className: 'list__item', key: ''.concat(line.guid, '-').concat(index) },
-                flightLine.departureAirportCode,
-                ' ',
-                (_a = flightLine.departureTime) === null || _a === void 0 ? void 0 : _a.slice(0, 5),
-                ' > ',
-                flightLine.arrivalAirportCode,
-                ' ',
-                (_b = flightLine.arrivalTime) === null || _b === void 0 ? void 0 : _b.slice(0, 5),
-                ' (',
-                flightLine.operatingFlightNumber || ''.concat(flightLine.airlineCode).concat(flightLine.flightNumber),
-                ')'
-              );
-            }),
-        !lodash.isEmpty(visiblePriceDetails) &&
-          visiblePriceDetails.map(function (detail, index) {
-            var _a;
-            return React__default['default'].createElement(
-              'li',
-              { className: 'list__item', key: ''.concat(line.guid, '-price-').concat(index) },
-              detail.priceDescription,
-              ': ',
-              (_a = detail.total) === null || _a === void 0 ? void 0 : _a.toLocaleString(undefined, { style: 'currency', currency: 'EUR' })
-            );
-          })
-      ),
-      React__default['default'].createElement(
-        'p',
-        null,
-        '(',
-        line.from === line.to
-          ? getDateText(line.from)
-          : React__default['default'].createElement(React__default['default'].Fragment, null, getDateText(line.from), ' > ', getDateText(line.to)),
-        ')'
-      )
-    );
-  });
-};
-
 var travelerFormFields = [{ type: 'gender' }, { type: 'firstName' }, { type: 'lastName' }, { type: 'birthDate' }];
 var mainBookerFormFields = [
   { type: 'street' },
@@ -47503,41 +47612,59 @@ var travellersSettings = {
   mainBookerFormFields: mainBookerFormFields
 };
 var BookPackagingEntry = function (_a) {
-  var _b, _c;
+  var _b;
   var activeSearchSeed = _a.activeSearchSeed,
+    isLoading = _a.isLoading,
     isConfirmationPage = _a.isConfirmationPage;
   var context = React.useContext(SearchResultsConfigurationContext);
   var dispatch = reactRedux.useDispatch();
-  var _d = reactRedux.useSelector(function (state) {
+  var _c = reactRedux.useSelector(function (state) {
       return state.searchResults;
     }),
-    editablePackagingEntry = _d.editablePackagingEntry,
-    priceDetails = _d.priceDetails,
-    currentStep = _d.currentStep,
-    bookingNumber = _d.bookingNumber;
-  var _e = React.useState([]),
-    countries = _e[0],
-    setCountries = _e[1];
-  var _f = React.useState(true),
-    userValidated = _f[0],
-    setUserValidated = _f[1];
-  var _g = React.useState(''),
-    remarks = _g[0],
-    setRemarks = _g[1];
-  var _h = React.useState(false),
-    isSubmitting = _h[0],
-    setIsSubmitting = _h[1];
-  if (!context || !editablePackagingEntry || !priceDetails) return null;
-  var config = {
-    host: context.tideConnection.host,
-    apiKey: context.tideConnection.apiKey
-  };
-  var translations = getTranslations((_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB');
+    editablePackagingEntry = _c.editablePackagingEntry,
+    priceDetails = _c.priceDetails,
+    currentStep = _c.currentStep,
+    bookingNumber = _c.bookingNumber,
+    selectedPackagingAccoResultCode = _c.selectedPackagingAccoResultCode,
+    packagingAccoResults = _c.packagingAccoResults;
+  var _d = React.useState([]),
+    countries = _d[0],
+    setCountries = _d[1];
+  var _e = React.useState(true),
+    userValidated = _e[0],
+    setUserValidated = _e[1];
+  var _f = React.useState(''),
+    remarks = _f[0],
+    setRemarks = _f[1];
+  var _g = React.useState(false),
+    isSubmitting = _g[0],
+    setIsSubmitting = _g[1];
+  var _h = React.useState(null),
+    selectedPackagingAccoResult = _h[0],
+    setSelectedPackagingAccoResult = _h[1];
+  var translations = React.useMemo(
+    function () {
+      var _a;
+      return getTranslations((_a = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _a !== void 0 ? _a : 'en-GB');
+    },
+    [context === null || context === void 0 ? void 0 : context.languageCode]
+  );
   var stepLabels = [translations.STEPS.PERSONAL_DETAILS, translations.STEPS.SUMMARY, translations.STEPS.CONFIRMATION];
-  console.log('editablePackagingEntry in WLSidebar:', editablePackagingEntry);
-  console.log('priceDetails in WLSidebar:', priceDetails);
+  var config = React.useMemo(
+    function () {
+      if (!context) return null;
+      return {
+        host: context.tideConnection.host,
+        apiKey: context.tideConnection.apiKey
+      };
+    },
+    [context]
+  );
   var initialValues = React.useMemo(
     function () {
+      if (!editablePackagingEntry) {
+        return {};
+      }
       return createInitialValuesFromEditablePackagingEntry(editablePackagingEntry);
     },
     [editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.transactionId]
@@ -47549,38 +47676,42 @@ var BookPackagingEntry = function (_a) {
       return validateForm(values, false, 'b2c', translations, travellersSettings.formFields, travellersSettings.mainBookerFormFields);
     },
     onSubmit: function (values) {
+      if (!editablePackagingEntry) return;
       dispatch(setEditablePackagingEntry(applyTravelersFormValuesToEditablePackagingEntry(editablePackagingEntry, values)));
       dispatch(setCurrentStep(1));
     }
   });
-  React.useEffect(function () {
-    if (!context) return;
-    var controller = new AbortController();
-    (function () {
-      return __awaiter(void 0, void 0, void 0, function () {
-        var result;
-        return __generator(this, function (_b) {
-          switch (_b.label) {
-            case 0:
-              _b.trys.push([0, 2, , 3]);
-              return [4 /*yield*/, build.getCountries(config, controller.signal)];
-            case 1:
-              result = _b.sent();
-              setCountries(result.items);
-              return [3 /*break*/, 3];
-            case 2:
-              _b.sent();
-              return [3 /*break*/, 3];
-            case 3:
-              return [2 /*return*/];
-          }
+  React.useEffect(
+    function () {
+      if (!context || !config) return;
+      var controller = new AbortController();
+      (function () {
+        return __awaiter(void 0, void 0, void 0, function () {
+          var result;
+          return __generator(this, function (_b) {
+            switch (_b.label) {
+              case 0:
+                _b.trys.push([0, 2, , 3]);
+                return [4 /*yield*/, build.getCountries(config, controller.signal)];
+              case 1:
+                result = _b.sent();
+                setCountries(result.items);
+                return [3 /*break*/, 3];
+              case 2:
+                _b.sent();
+                return [3 /*break*/, 3];
+              case 3:
+                return [2 /*return*/];
+            }
+          });
         });
-      });
-    })();
-    return function () {
-      return controller.abort();
-    };
-  }, []);
+      })();
+      return function () {
+        return controller.abort();
+      };
+    },
+    [context, config]
+  );
   React.useEffect(
     function () {
       if (isConfirmationPage) {
@@ -47589,6 +47720,22 @@ var BookPackagingEntry = function (_a) {
     },
     [isConfirmationPage, dispatch]
   );
+  React.useEffect(
+    function () {
+      var selectedPackagingAccoResult =
+        packagingAccoResults === null || packagingAccoResults === void 0
+          ? void 0
+          : packagingAccoResults.find(function (result) {
+              return result.code === selectedPackagingAccoResultCode;
+            });
+      if (selectedPackagingAccoResult) {
+        setSelectedPackagingAccoResult(selectedPackagingAccoResult);
+      }
+    },
+    [selectedPackagingAccoResultCode, packagingAccoResults]
+  );
+  if (!context || !editablePackagingEntry || !priceDetails || !config)
+    return React__default['default'].createElement(Spinner, { label: translations.SUMMARY.PROCESS_BOOKING });
   var handleSummarySubmit = function (e) {
     return __awaiter(void 0, void 0, void 0, function () {
       var updatedEditablePackagingEntry, redirectUrl, request, bookingResponse;
@@ -47614,7 +47761,7 @@ var BookPackagingEntry = function (_a) {
             dispatch(setEditablePackagingEntry(updatedEditablePackagingEntry));
             _c.label = 1;
           case 1:
-            _c.trys.push([1, 3, 4, 5]);
+            _c.trys.push([1, 3, , 4]);
             request = {
               language: (_a = context.languageCode) !== null && _a !== void 0 ? _a : 'en-GB',
               officeId: context.tideConnection.officeId,
@@ -47630,16 +47777,14 @@ var BookPackagingEntry = function (_a) {
               window.location.href = bookingResponse.paymentUrl;
             } else {
               dispatch(setCurrentStep(2));
+              setIsSubmitting(false);
             }
-            return [3 /*break*/, 5];
+            return [3 /*break*/, 4];
           case 3:
             _c.sent();
             dispatch(setCurrentStep(3));
-            return [3 /*break*/, 5];
+            return [3 /*break*/, 4];
           case 4:
-            setIsSubmitting(false);
-            return [7 /*endfinally*/];
-          case 5:
             return [2 /*return*/];
         }
       });
@@ -47664,6 +47809,7 @@ var BookPackagingEntry = function (_a) {
               return React__default['default'].createElement(React__default['default'].Fragment, null, step + 1, '.\u00A0', stepLabels[step]);
             }
           },
+          isConfirmationPage && isLoading && React__default['default'].createElement(Spinner, { label: translations.SUMMARY.PROCESS_BOOKING }),
           currentStep === 0 &&
             React__default['default'].createElement(SharedTravelersForm, {
               formik: formik$1,
@@ -47680,6 +47826,7 @@ var BookPackagingEntry = function (_a) {
               translations: translations,
               travelerFormValues: formik$1.values,
               isSubmitting: isSubmitting,
+              skipPayment: !context.generatePaymentUrl,
               userValidated: userValidated,
               remarks: remarks,
               enableVoucher: false,
@@ -47709,13 +47856,13 @@ var BookPackagingEntry = function (_a) {
           currentStep === 2 &&
             React__default['default'].createElement(SharedConfirmation, {
               bookingNumber:
-                (_c =
+                (_b =
                   bookingNumber !== null && bookingNumber !== void 0
                     ? bookingNumber
                     : editablePackagingEntry === null || editablePackagingEntry === void 0
                     ? void 0
-                    : editablePackagingEntry.dossierNumber) !== null && _c !== void 0
-                  ? _c
+                    : editablePackagingEntry.dossierNumber) !== null && _b !== void 0
+                  ? _b
                   : '',
               isOption: false,
               isOffer: false,
@@ -47725,69 +47872,70 @@ var BookPackagingEntry = function (_a) {
         )
       ),
       React__default['default'].createElement('div', { className: 'backdrop', id: 'backdrop' }),
-      React__default['default'].createElement(WLSidebar, { activeSearchSeed: activeSearchSeed })
+      React__default['default'].createElement(WLSidebar, { activeSearchSeed: activeSearchSeed, packagingAccoResult: selectedPackagingAccoResult })
     )
   );
 };
 
-var SearchResultsContainer = function () {
-  var _a, _b;
+var SearchResultsContainer = function (_a) {
+  var _b, _c;
+  var onBookingStarted = _a.onBookingStarted;
   var currentSearch = typeof window !== 'undefined' ? window.location.search : '';
   var dispatch = reactRedux.useDispatch();
   var context = React.useContext(SearchResultsConfigurationContext);
-  var translations = getTranslations((_a = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _a !== void 0 ? _a : 'en-GB');
-  var _c = reactRedux.useSelector(function (state) {
+  var translations = getTranslations((_b = context === null || context === void 0 ? void 0 : context.languageCode) !== null && _b !== void 0 ? _b : 'en-GB');
+  var _d = reactRedux.useSelector(function (state) {
       return state.searchResults;
     }),
-    results = _c.results,
-    filteredResults = _c.filteredResults,
-    packagingAccoResults = _c.packagingAccoResults,
-    filteredPackagingAccoResults = _c.filteredPackagingAccoResults,
-    isLoading = _c.isLoading,
-    flightsLoading = _c.flightsLoading,
-    initialFilters = _c.initialFilters,
-    filters = _c.filters,
-    flightFilters = _c.flightFilters,
-    selectedSortType = _c.selectedSortType,
-    selectedFlightSortType = _c.selectedFlightSortType,
-    selectedSearchResult = _c.selectedSearchResult,
-    selectedPackagingAccoResultCode = _c.selectedPackagingAccoResultCode,
-    flyInIsOpen = _c.flyInIsOpen,
-    packagingAccoSearchDetails = _c.packagingAccoSearchDetails,
-    editablePackagingEntry = _c.editablePackagingEntry,
-    transactionId = _c.transactionId,
-    flyInType = _c.flyInType,
-    packagingFlightResults = _c.packagingFlightResults,
-    confirmedExcursionsByDay = _c.confirmedExcursionsByDay,
-    bookPackagingEntry = _c.bookPackagingEntry;
+    results = _d.results,
+    filteredResults = _d.filteredResults,
+    packagingAccoResults = _d.packagingAccoResults,
+    filteredPackagingAccoResults = _d.filteredPackagingAccoResults,
+    isLoading = _d.isLoading,
+    flightsLoading = _d.flightsLoading,
+    initialFilters = _d.initialFilters,
+    filters = _d.filters,
+    flightFilters = _d.flightFilters,
+    selectedSortType = _d.selectedSortType,
+    selectedFlightSortType = _d.selectedFlightSortType,
+    selectedSearchResult = _d.selectedSearchResult,
+    selectedPackagingAccoResultCode = _d.selectedPackagingAccoResultCode,
+    flyInIsOpen = _d.flyInIsOpen,
+    packagingAccoSearchDetails = _d.packagingAccoSearchDetails,
+    editablePackagingEntry = _d.editablePackagingEntry,
+    transactionId = _d.transactionId,
+    flyInType = _d.flyInType,
+    packagingFlightResults = _d.packagingFlightResults,
+    confirmedExcursionsByDay = _d.confirmedExcursionsByDay,
+    bookPackagingEntry = _d.bookPackagingEntry;
   var isMobile = useMediaQuery('(max-width: 1200px)');
-  var _d = React.useState(false),
-    initialFiltersSet = _d[0],
-    setInitialFiltersSet = _d[1];
   var _e = React.useState(false),
-    initialFlightFiltersSet = _e[0],
-    setInitialFlightFiltersSet = _e[1];
+    initialFiltersSet = _e[0],
+    setInitialFiltersSet = _e[1];
   var _f = React.useState(false),
-    filtersOpen = _f[0],
-    setFiltersOpen = _f[1];
+    initialFlightFiltersSet = _f[0],
+    setInitialFlightFiltersSet = _f[1];
   var _g = React.useState(false),
-    detailsIsLoading = _g[0],
-    setDetailsIsLoading = _g[1];
+    filtersOpen = _g[0],
+    setFiltersOpen = _g[1];
   var _h = React.useState(false),
-    pricesAreLoading = _h[0],
-    setPricesAreLoading = _h[1];
+    detailsIsLoading = _h[0],
+    setDetailsIsLoading = _h[1];
   var _j = React.useState(false),
-    itineraryIsLoading = _j[0],
-    setItineraryIsLoading = _j[1];
+    pricesAreLoading = _j[0],
+    setPricesAreLoading = _j[1];
   var _k = React.useState(false),
-    itineraryOpen = _k[0],
-    setItineraryOpen = _k[1];
+    itineraryIsLoading = _k[0],
+    setItineraryIsLoading = _k[1];
   var _l = React.useState(false),
-    isBookingConfirmation = _l[0],
-    setIsBookingConfirmation = _l[1];
-  var _m = React.useState(null),
-    selectedAccommodationSeed = _m[0],
-    setSelectedAccommodationSeed = _m[1];
+    itineraryOpen = _l[0],
+    setItineraryOpen = _l[1];
+  var _m = React.useState(false),
+    isBookingConfirmation = _m[0],
+    setIsBookingConfirmation = _m[1];
+  var _o = React.useState(null),
+    selectedAccommodationSeed = _o[0],
+    setSelectedAccommodationSeed = _o[1];
   var skipInitialPackagingAccoDetailsRef = React.useRef(false);
   var panelRef = React.useRef(null);
   var sortByTypes = [
@@ -47972,14 +48120,14 @@ var SearchResultsContainer = function () {
         return x.pax;
       })
       .filter(function (x) {
-        return x.age >= 18;
+        return x.age >= 12;
       }).length;
     var kids = seed.rooms
       .flatMap(function (x) {
         return x.pax;
       })
       .filter(function (x) {
-        return x.age >= 2 && x.age < 18;
+        return x.age >= 2 && x.age < 12;
       }).length;
     var babies = seed.rooms
       .flatMap(function (x) {
@@ -48523,7 +48671,7 @@ var SearchResultsContainer = function () {
       context === null || context === void 0 ? void 0 : context.searchConfiguration.qsmType,
       context === null || context === void 0 ? void 0 : context.searchConfiguration.enableManualPackaging,
       context === null || context === void 0 ? void 0 : context.searchConfiguration.allowAccommodations,
-      (_b = context === null || context === void 0 ? void 0 : context.packagingEntry) === null || _b === void 0 ? void 0 : _b.transactionId,
+      (_c = context === null || context === void 0 ? void 0 : context.packagingEntry) === null || _c === void 0 ? void 0 : _c.transactionId,
       activeSearchSeed
     ]
   );
@@ -48543,6 +48691,14 @@ var SearchResultsContainer = function () {
     },
     [context === null || context === void 0 ? void 0 : context.packagingEntry]
   );
+  React.useEffect(
+    function () {
+      if (bookPackagingEntry && onBookingStarted) {
+        onBookingStarted();
+      }
+    },
+    [bookPackagingEntry, onBookingStarted]
+  );
   // separate detailsCall
   React.useEffect(
     function () {
@@ -49257,9 +49413,10 @@ var SearchResultsContainer = function () {
             var id = paxId++;
             pax.push({
               id: id,
-              firstName: '',
-              lastName: '',
-              dateOfBirth: null,
+              firstName: _.firstName || '',
+              lastName: _.lastName || '',
+              dateOfBirth: _.dateOfBirth || null,
+              age: _.age || null,
               isMainBooker: roomIndex === 0 && paxIndex === 0
             });
             return id;
@@ -49296,7 +49453,11 @@ var SearchResultsContainer = function () {
         'div',
         { className: 'search' },
         bookPackagingEntry
-          ? React__default['default'].createElement(BookPackagingEntry, { activeSearchSeed: activeSearchSeed, isConfirmationPage: isBookingConfirmation })
+          ? React__default['default'].createElement(BookPackagingEntry, {
+              activeSearchSeed: activeSearchSeed,
+              isLoading: itineraryIsLoading || pricesAreLoading,
+              isConfirmationPage: isBookingConfirmation
+            })
           : React__default['default'].createElement(
               'div',
               { className: 'search__container' },
@@ -49670,7 +49831,8 @@ var createSearchResultsStore = function () {
 };
 
 var SearchResults = function (_a) {
-  var configuration = _a.configuration;
+  var configuration = _a.configuration,
+    onBookingStarted = _a.onBookingStarted;
   var store = React__default['default'].useMemo(function () {
     return createSearchResultsStore();
   }, []);
@@ -49680,7 +49842,7 @@ var SearchResults = function (_a) {
     React__default['default'].createElement(
       SearchResultsConfigurationContext.Provider,
       { value: configuration },
-      React__default['default'].createElement(SearchResultsContainer, null)
+      React__default['default'].createElement(SearchResultsContainer, { onBookingStarted: onBookingStarted })
     )
   );
 };