@qite/tide-booking-component 1.4.112 → 1.4.113

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;
@@ -46936,12 +46980,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 +46996,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 +47045,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',
@@ -47503,41 +47550,53 @@ var travellersSettings = {
   mainBookerFormFields: mainBookerFormFields
 };
 var BookPackagingEntry = function (_a) {
-  var _b, _c;
+  var _b;
   var activeSearchSeed = _a.activeSearchSeed,
     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;
+  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 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 +47608,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 +47652,7 @@ var BookPackagingEntry = function (_a) {
     },
     [isConfirmationPage, dispatch]
   );
+  if (!context || !editablePackagingEntry || !priceDetails || !config) return null;
   var handleSummarySubmit = function (e) {
     return __awaiter(void 0, void 0, void 0, function () {
       var updatedEditablePackagingEntry, redirectUrl, request, bookingResponse;
@@ -47680,6 +47744,7 @@ var BookPackagingEntry = function (_a) {
               translations: translations,
               travelerFormValues: formik$1.values,
               isSubmitting: isSubmitting,
+              skipPayment: !context.generatePaymentUrl,
               userValidated: userValidated,
               remarks: remarks,
               enableVoucher: false,
@@ -47709,13 +47774,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,
@@ -47730,64 +47795,65 @@ var BookPackagingEntry = function (_a) {
   );
 };
 
-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 +48038,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 +48589,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 +48609,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 +49331,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;
@@ -49670,7 +49745,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 +49756,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 })
     )
   );
 };

package/build/build-cjs/src/search-results/components/search-results-container/search-results-container.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-declare const SearchResultsContainer: React.FC;
+interface SearchResultsContainerProps {
+  onBookingStarted?: () => void;
+}
+declare const SearchResultsContainer: React.FC<SearchResultsContainerProps>;
 export default SearchResultsContainer;

package/build/build-cjs/src/search-results/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { SearchResultsConfiguration } from './types';
 interface SearchResultsProps {
   configuration: SearchResultsConfiguration;
+  onBookingStarted?: () => void;
 }
 declare const SearchResults: React.FC<SearchResultsProps>;
 export default SearchResults;

package/build/build-cjs/src/shared/booking/summary.d.ts

@@ -25,6 +25,7 @@ export interface SharedSummaryProps {
   isOffer?: boolean;
   customValidateText?: string;
   isSubmitting?: boolean;
+  skipPayment?: boolean;
   userValidated?: boolean;
   renderOptions: () => ReactNode;
   renderPreviousButton: () => ReactNode;