@qite/tide-booking-component 1.4.113 → 1.4.115

package/build/build-cjs/index.js

@@ -13855,8 +13855,8 @@ PERFORMANCE OF THIS SOFTWARE.
 })(build);
 
 var tideConnection = {
-  // host: 'https://localhost:44341',
-  host: 'https://preview-tide.tidesoftware.be',
+  host: 'https://localhost:44341',
+  // host: 'https://preview-tide.tidesoftware.be',
   apiKey: 'e9b95d79-de4c-41d6-ab7e-3dd429873058',
   catalogueIds: [1],
   officeId: 1
@@ -35722,10 +35722,13 @@ var FlightsFlyIn = function (_a) {
     return Math.round(combo.price - selectedCombinationFlight.price);
   };
   // TODO: go to booking page?
-  var handleConfirm = function () {
+  var onHandleConfirm = function () {
     if (isOpen) {
       onCancelSearch();
       setIsOpen(false);
+      if ((context === null || context === void 0 ? void 0 : context.onFlightBook) && selectedCombinationFlight) {
+        context.onFlightBook(selectedCombinationFlight);
+      }
     }
   };
   return React__default['default'].createElement(
@@ -36342,7 +36345,7 @@ var FlightsFlyIn = function (_a) {
         React__default['default'].createElement(
           'div',
           { className: 'flyin__button-wrapper' },
-          React__default['default'].createElement('button', { className: 'cta cta--select', onClick: handleConfirm }, translations.PRODUCT.BOOK_NOW)
+          React__default['default'].createElement('button', { className: 'cta cta--select', onClick: onHandleConfirm }, translations.PRODUCT.BOOK_NOW)
         )
       )
   );
@@ -41588,11 +41591,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;
           })
@@ -43196,6 +43208,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',
     {
@@ -43333,7 +43352,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, {
@@ -44212,8 +44231,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,
@@ -44268,7 +44290,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' },
@@ -46736,6 +46763,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 {
@@ -46795,22 +46899,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;
@@ -46830,35 +46928,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
@@ -46888,7 +47021,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
@@ -46897,18 +47030,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(
@@ -46920,22 +47053,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,
@@ -47461,74 +47594,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' },
@@ -47552,6 +47617,7 @@ var travellersSettings = {
 var BookPackagingEntry = function (_a) {
   var _b;
   var activeSearchSeed = _a.activeSearchSeed,
+    isLoading = _a.isLoading,
     isConfirmationPage = _a.isConfirmationPage;
   var context = React.useContext(SearchResultsConfigurationContext);
   var dispatch = reactRedux.useDispatch();
@@ -47561,7 +47627,9 @@ var BookPackagingEntry = function (_a) {
     editablePackagingEntry = _c.editablePackagingEntry,
     priceDetails = _c.priceDetails,
     currentStep = _c.currentStep,
-    bookingNumber = _c.bookingNumber;
+    bookingNumber = _c.bookingNumber,
+    selectedPackagingAccoResultCode = _c.selectedPackagingAccoResultCode,
+    packagingAccoResults = _c.packagingAccoResults;
   var _d = React.useState([]),
     countries = _d[0],
     setCountries = _d[1];
@@ -47574,6 +47642,9 @@ var BookPackagingEntry = function (_a) {
   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;
@@ -47652,7 +47723,22 @@ var BookPackagingEntry = function (_a) {
     },
     [isConfirmationPage, dispatch]
   );
-  if (!context || !editablePackagingEntry || !priceDetails || !config) return null;
+  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;
@@ -47678,7 +47764,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,
@@ -47694,16 +47780,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*/];
         }
       });
@@ -47728,6 +47812,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,
@@ -47790,7 +47875,7 @@ 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 })
     )
   );
 };
@@ -49371,7 +49456,11 @@ var SearchResultsContainer = function (_a) {
         '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' },

package/build/build-cjs/src/search-results/components/book-packaging-entry/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { SearchSeed } from '../../types';
 interface BookPackagingEntryProps {
   activeSearchSeed: SearchSeed | null;
+  isLoading: boolean;
   isConfirmationPage?: boolean;
 }
 declare const BookPackagingEntry: React.FC<BookPackagingEntryProps>;

package/build/build-cjs/src/search-results/components/book-packaging-entry/wl-sidebar.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import { SearchSeed } from '../../types';
+import { PackagingAccommodationResponse } from '@qite/tide-client';
 interface WLSidebarProps {
   activeSearchSeed: SearchSeed | null;
+  packagingAccoResult: PackagingAccommodationResponse | null;
 }
 declare const WLSidebar: React.FC<WLSidebarProps>;
 export default WLSidebar;

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

@@ -43,6 +43,7 @@ export interface SearchResultsConfiguration {
     alt: string;
   };
   onBook?: (result: BookingPackage) => void;
+  onFlightBook?: (result: ExtendedFlightSearchResponseItem) => void;
   packagingEntry?: PackagingEntry | null;
   generatePaymentUrl?: boolean;
   entryStatus?: number;

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

@@ -1 +1,2 @@
 export declare const renderEditablePackagingEntrySummaryOptions: (editablePackagingEntry: any, priceDetails: any, translations: any) => any;
+export declare const getImageSrcFromHtml: (html?: string | null) => string | undefined;