@qite/tide-booking-component 1.4.111 → 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} の依頼を受け付けました',
@@ -20848,7 +20880,7 @@ var BookingPanel = function (_a) {
     StepIndicatorsComponent = _a.StepIndicatorsComponent;
   return React__default['default'].createElement(
     'div',
-    { className: 'booking__panel' },
+    { className: 'booking__panel__wrapper' },
     React__default['default'].createElement(StepIndicatorsComponent, { currentStep: currentStep, stepLabels: stepLabels }),
     React__default['default'].createElement(
       'div',
@@ -28086,98 +28118,83 @@ function createInitialValuesFromRooms(formRooms, startDate, agentAdressId, perso
   return initialValues;
 }
 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, _w, _x;
-  var accommodationLine =
-    (_a = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.lines) === null || _a === void 0
-      ? void 0
-      : _a.find(function (line) {
-          var _a;
-          return (_a = line.pax) === null || _a === void 0 ? void 0 : _a.length;
-        });
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
   var pax =
-    (_b = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.pax) !== null && _b !== void 0 ? _b : [];
-  var roomNumbers = Array.from(
-    new Set(
-      ((_c = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.pax) !== null && _c !== void 0 ? _c : []).map(function (
-        x
-      ) {
-        var _a;
-        return (_a = x.room) !== null && _a !== void 0 ? _a : 0;
-      })
-    )
-  );
-  var rooms = (roomNumbers.length ? roomNumbers : [0]).map(function (roomNumber) {
-    var _a;
-    var roomPax = ((_a = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.pax) !== null && _a !== void 0 ? _a : [])
-      .filter(function (x) {
-        var _a;
-        return ((_a = x.room) !== null && _a !== void 0 ? _a : 0) === roomNumber;
-      })
-      .sort(function (a, b) {
-        var _a, _b;
-        return ((_a = a.order) !== null && _a !== void 0 ? _a : 0) - ((_b = b.order) !== null && _b !== void 0 ? _b : 0);
-      });
+    (_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) {
-        var _a, _b, _c, _d, _e;
-        var entryPax =
-          (_a = pax.find(function (x) {
-            return x.id === roomTraveler.paxId;
-          })) !== null && _a !== void 0
-            ? _a
-            : {};
+      adults: adults.map(function (roomTraveler) {
+        var _a, _b;
         return {
-          id: (_b = entryPax.id) !== null && _b !== void 0 ? _b : roomTraveler.paxId,
-          firstName: (_c = entryPax.firstName) !== null && _c !== void 0 ? _c : '',
-          lastName: (_d = entryPax.lastName) !== null && _d !== void 0 ? _d : '',
-          birthDate: entryPax.dateOfBirth ? dateFns.format(new Date(entryPax.dateOfBirth), 'yyyy-MM-dd') : '',
-          gender: (_e = entryPax.gender) !== null && _e !== void 0 ? _e : ''
+          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: ''
         };
       }),
-      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(
     rooms.map(function (room) {
       return { adults: room.adults, children: room.children };
     }),
-    (_e =
-      (_d = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.lines) === null || _d === void 0
+    (_c =
+      (_b = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.lines) === null || _b === void 0
         ? void 0
-        : _d[0]) === null || _e === void 0
+        : _b[0]) === null || _c === void 0
       ? void 0
-      : _e.from,
+      : _c.from,
     agentAdressId
   );
   values.rooms = rooms;
   values.mainBookerId =
-    (_l =
-      (_g =
-        (_f = pax.find(function (x) {
+    (_j =
+      (_e =
+        (_d = pax.find(function (x) {
           return x.isMainBooker;
-        })) === null || _f === void 0
+        })) === null || _d === void 0
           ? void 0
-          : _f.id) !== null && _g !== void 0
-        ? _g
-        : (_k = (_j = (_h = rooms[0]) === null || _h === void 0 ? void 0 : _h.adults) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0
+          : _d.id) !== null && _e !== void 0
+        ? _e
+        : (_h = (_g = (_f = rooms[0]) === null || _f === void 0 ? void 0 : _f.adults) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0
         ? void 0
-        : _k.id) !== null && _l !== void 0
-      ? _l
+        : _h.id) !== null && _j !== void 0
+      ? _j
       : -1;
   var address = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.address;
-  values.street = (_m = address === null || address === void 0 ? void 0 : address.street) !== null && _m !== void 0 ? _m : '';
-  values.houseNumber = (_o = address === null || address === void 0 ? void 0 : address.houseNumber) !== null && _o !== void 0 ? _o : '';
-  values.box = (_p = address === null || address === void 0 ? void 0 : address.box) !== null && _p !== void 0 ? _p : '';
-  values.zipCode = (_q = address === null || address === void 0 ? void 0 : address.zipCode) !== null && _q !== void 0 ? _q : '';
-  values.place = (_r = address === null || address === void 0 ? void 0 : address.place) !== null && _r !== void 0 ? _r : '';
-  values.country = (_s = address === null || address === void 0 ? void 0 : address.country) !== null && _s !== void 0 ? _s : '';
-  values.phone = (_t = address === null || address === void 0 ? void 0 : address.phone) !== null && _t !== void 0 ? _t : '';
-  values.email = (_u = address === null || address === void 0 ? void 0 : address.email) !== null && _u !== void 0 ? _u : '';
-  values.emailConfirmation = (_v = address === null || address === void 0 ? void 0 : address.email) !== null && _v !== void 0 ? _v : '';
+  values.street = (_k = address === null || address === void 0 ? void 0 : address.street) !== null && _k !== void 0 ? _k : '';
+  values.houseNumber = (_l = address === null || address === void 0 ? void 0 : address.houseNumber) !== null && _l !== void 0 ? _l : '';
+  values.box = (_m = address === null || address === void 0 ? void 0 : address.box) !== null && _m !== void 0 ? _m : '';
+  values.zipCode = (_o = address === null || address === void 0 ? void 0 : address.zipCode) !== null && _o !== void 0 ? _o : '';
+  values.place = (_p = address === null || address === void 0 ? void 0 : address.place) !== null && _p !== void 0 ? _p : '';
+  values.country = (_q = address === null || address === void 0 ? void 0 : address.country) !== null && _q !== void 0 ? _q : '';
+  values.phone = (_r = address === null || address === void 0 ? void 0 : address.phone) !== null && _r !== void 0 ? _r : '';
+  values.email = (_s = address === null || address === void 0 ? void 0 : address.email) !== null && _s !== void 0 ? _s : '';
+  values.emailConfirmation = (_t = address === null || address === void 0 ? void 0 : address.email) !== null && _t !== void 0 ? _t : '';
   values.travelAgentId =
-    (_x = (_w = address === null || address === void 0 ? void 0 : address.travelAgentId) !== null && _w !== void 0 ? _w : agentAdressId) !== null &&
-    _x !== void 0
-      ? _x
+    (_v = (_u = address === null || address === void 0 ? void 0 : address.travelAgentId) !== null && _u !== void 0 ? _u : agentAdressId) !== null &&
+    _v !== void 0
+      ? _v
       : 0;
   return values;
 }
@@ -28186,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;
@@ -46965,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,
@@ -46979,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);
@@ -47028,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',
@@ -47532,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]
@@ -47578,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) {
@@ -47618,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;
@@ -47681,73 +47716,78 @@ var BookPackagingEntry = function (_a) {
       'div',
       { className: 'booking__content' },
       React__default['default'].createElement(
-        BookingPanel,
-        {
-          currentStep: currentStep,
-          stepLabels: stepLabels,
-          StepIndicatorsComponent: StepIndicators$1,
-          renderTitle: function (step) {
-            return React__default['default'].createElement(React__default['default'].Fragment, null, step + 1, '.\u00A0', stepLabels[step]);
-          }
-        },
-        currentStep === 0 &&
-          React__default['default'].createElement(SharedTravelersForm, {
-            formik: formik$1,
-            translations: translations,
-            travellersSettings: travellersSettings,
-            countries: countries,
-            travelersFirstStep: false,
-            isUnavailable: false,
-            useCompactForm: false,
-            showAgentSelection: false
-          }),
-        currentStep === 1 &&
-          React__default['default'].createElement(SharedSummary, {
-            translations: translations,
-            travelerFormValues: formik$1.values,
-            isSubmitting: isSubmitting,
-            userValidated: userValidated,
-            remarks: remarks,
-            enableVoucher: false,
-            allowOption: false,
-            isOffer: false,
-            onUserValidatedChange: setUserValidated,
-            onRemarksChange: setRemarks,
-            onSubmit: handleSummarySubmit,
-            renderOptions: function () {
-              return renderEditablePackagingEntrySummaryOptions(editablePackagingEntry, priceDetails);
-            },
-            renderPreviousButton: function () {
-              return React__default['default'].createElement(
-                'button',
-                {
-                  type: 'button',
-                  title: translations.STEPS.PREVIOUS,
-                  onClick: function () {
-                    return dispatch(setCurrentStep(0));
-                  },
-                  className: 'cta cta--secondary'
-                },
-                translations.STEPS.PREVIOUS
-              );
+        'div',
+        { className: 'booking__panel' },
+        React__default['default'].createElement(
+          BookingPanel,
+          {
+            currentStep: currentStep,
+            stepLabels: stepLabels,
+            StepIndicatorsComponent: StepIndicators$1,
+            renderTitle: function (step) {
+              return React__default['default'].createElement(React__default['default'].Fragment, null, step + 1, '.\u00A0', stepLabels[step]);
             }
-          }),
-        currentStep === 2 &&
-          React__default['default'].createElement(SharedConfirmation, {
-            bookingNumber:
-              (_c =
-                bookingNumber !== null && bookingNumber !== void 0
-                  ? bookingNumber
-                  : editablePackagingEntry === null || editablePackagingEntry === void 0
-                  ? void 0
-                  : editablePackagingEntry.dossierNumber) !== null && _c !== void 0
-                ? _c
-                : '',
-            isOption: false,
-            isOffer: false,
-            translations: translations.CONFIRMATION
-          }),
-        currentStep === 3 && React__default['default'].createElement('div', null)
+          },
+          currentStep === 0 &&
+            React__default['default'].createElement(SharedTravelersForm, {
+              formik: formik$1,
+              translations: translations,
+              travellersSettings: travellersSettings,
+              countries: countries,
+              travelersFirstStep: false,
+              isUnavailable: false,
+              useCompactForm: false,
+              showAgentSelection: false
+            }),
+          currentStep === 1 &&
+            React__default['default'].createElement(SharedSummary, {
+              translations: translations,
+              travelerFormValues: formik$1.values,
+              isSubmitting: isSubmitting,
+              skipPayment: !context.generatePaymentUrl,
+              userValidated: userValidated,
+              remarks: remarks,
+              enableVoucher: false,
+              allowOption: false,
+              isOffer: false,
+              onUserValidatedChange: setUserValidated,
+              onRemarksChange: setRemarks,
+              onSubmit: handleSummarySubmit,
+              renderOptions: function () {
+                return renderEditablePackagingEntrySummaryOptions(editablePackagingEntry, priceDetails);
+              },
+              renderPreviousButton: function () {
+                return React__default['default'].createElement(
+                  'button',
+                  {
+                    type: 'button',
+                    title: translations.STEPS.PREVIOUS,
+                    onClick: function () {
+                      return dispatch(setCurrentStep(0));
+                    },
+                    className: 'cta cta--secondary'
+                  },
+                  translations.STEPS.PREVIOUS
+                );
+              }
+            }),
+          currentStep === 2 &&
+            React__default['default'].createElement(SharedConfirmation, {
+              bookingNumber:
+                (_b =
+                  bookingNumber !== null && bookingNumber !== void 0
+                    ? bookingNumber
+                    : editablePackagingEntry === null || editablePackagingEntry === void 0
+                    ? void 0
+                    : editablePackagingEntry.dossierNumber) !== null && _b !== void 0
+                  ? _b
+                  : '',
+              isOption: false,
+              isOffer: false,
+              translations: translations.CONFIRMATION
+            }),
+          currentStep === 3 && React__default['default'].createElement('div', null)
+        )
       ),
       React__default['default'].createElement('div', { className: 'backdrop', id: 'backdrop' }),
       React__default['default'].createElement(WLSidebar, { activeSearchSeed: activeSearchSeed })
@@ -47755,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 = [
@@ -47997,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) {
@@ -48548,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
     ]
   );
@@ -48568,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 () {
@@ -49282,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;
@@ -49695,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();
   }, []);
@@ -49705,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 })
     )
   );
 };