@qite/tide-booking-component 1.4.58 → 1.4.60

package/.nvmrc

@@ -0,0 +1 @@
+v20.10.0

package/README.md

@@ -5,8 +5,8 @@ This is the unified Tide Booking component.
 ## Setup
 
 - Use Node version 20
-- Install node modules with "npm i"
-- Install node modules with "npm i" in the playground directory
+- Install node modules with "npm ci"
+- Install node modules with "npm ci" in the playground directory
 - Start playground with "npm start"
 
 ## Remarks
@@ -18,7 +18,7 @@ If using the playground, after installing its node modules, execute the followin
 
 When using booking-wizard in a gatsby v5 website do following steps
 
-- Use react v18 and react-router-dom@6
+- Use react v20 and react-router-dom@6
 - Import only @runtime (otherwise signalr-no-query gives an error an window)
 - Surround <BookingWizard> with a <BrowserRouter basename={basePath}> to handle the internal routing
 - Set 'skipBasePathInRouting' to true in the settings to avoid duplicate basepaths in the internal routing.

package/build/build-cjs/index.js

@@ -347,6 +347,8 @@ var SIDEBAR$f = {
   TRAVELERS_ADULT: 'بالغ',
   TRAVELERS_CHILDREN: 'أطفال',
   TRAVELERS_CHILD: 'طفل',
+  TRAVELERS_INFANTS: 'رضع',
+  TRAVELERS_INFANT: 'رضيع',
   DEPARTURE: 'رحلة الذهاب',
   DEPARTURE_SINGLE: 'التاريخ',
   ARRIVAL: 'رحلة العودة',
@@ -742,6 +744,8 @@ var SIDEBAR$e = {
   TRAVELERS_ADULT: 'voksen',
   TRAVELERS_CHILDREN: 'børn',
   TRAVELERS_CHILD: 'barn',
+  TRAVELERS_INFANTS: 'babyer',
+  TRAVELERS_INFANT: 'baby',
   DEPARTURE: 'Udgående',
   DEPARTURE_SINGLE: 'Dato',
   ARRIVAL: 'Retur',
@@ -1137,6 +1141,8 @@ var SIDEBAR$d = {
   TRAVELERS_ADULT: 'Erwachsener',
   TRAVELERS_CHILDREN: 'Kinder',
   TRAVELERS_CHILD: 'Kind',
+  TRAVELERS_INFANTS: 'Babys',
+  TRAVELERS_INFANT: 'Baby',
   DEPARTURE: 'Hinflug',
   DEPARTURE_SINGLE: 'Datum',
   ARRIVAL: 'Rückflug',
@@ -1533,6 +1539,8 @@ var SIDEBAR$c = {
   TRAVELERS_ADULT: 'adult',
   TRAVELERS_CHILDREN: 'children',
   TRAVELERS_CHILD: 'child',
+  TRAVELERS_INFANTS: 'babies',
+  TRAVELERS_INFANT: 'baby',
   DEPARTURE: 'Outbound',
   DEPARTURE_SINGLE: 'Date',
   ARRIVAL: 'Return',
@@ -1932,6 +1940,8 @@ var SIDEBAR$b = {
   TRAVELERS_ADULT: 'adulto',
   TRAVELERS_CHILDREN: 'niños',
   TRAVELERS_CHILD: 'niño',
+  TRAVELERS_INFANTS: 'bebés',
+  TRAVELERS_INFANT: 'bebé',
   DEPARTURE: 'Ida',
   DEPARTURE_SINGLE: 'Fecha',
   ARRIVAL: 'Vuelta',
@@ -2328,6 +2338,8 @@ var SIDEBAR$a = {
   TRAVELERS_ADULT: 'adulte',
   TRAVELERS_CHILDREN: 'enfants',
   TRAVELERS_CHILD: 'enfant',
+  TRAVELERS_INFANTS: 'bébés',
+  TRAVELERS_INFANT: 'bébé',
   DEPARTURE: 'Aller',
   DEPARTURE_SINGLE: 'Date',
   ARRIVAL: 'Retour',
@@ -2728,6 +2740,8 @@ var SIDEBAR$9 = {
   TRAVELERS_ADULT: 'adulte',
   TRAVELERS_CHILDREN: 'enfants',
   TRAVELERS_CHILD: 'enfant',
+  TRAVELERS_INFANTS: 'bébés',
+  TRAVELERS_INFANT: 'bébé',
   DEPARTURE: 'Aller',
   DEPARTURE_SINGLE: 'Date',
   ARRIVAL: 'Retour',
@@ -3123,6 +3137,8 @@ var SIDEBAR$8 = {
   TRAVELERS_ADULT: 'fullorðinn',
   TRAVELERS_CHILDREN: 'börn',
   TRAVELERS_CHILD: 'barn',
+  TRAVELERS_INFANTS: 'ungabörn',
+  TRAVELERS_INFANT: 'ungabarn',
   DEPARTURE: 'Brottför',
   DEPARTURE_SINGLE: 'Dagsetning',
   ARRIVAL: 'Komið',
@@ -3518,6 +3534,8 @@ var SIDEBAR$7 = {
   TRAVELERS_ADULT: 'adulto',
   TRAVELERS_CHILDREN: 'bambini',
   TRAVELERS_CHILD: 'bambino',
+  TRAVELERS_INFANTS: 'neonati',
+  TRAVELERS_INFANT: 'neonato',
   DEPARTURE: 'Andata',
   DEPARTURE_SINGLE: 'Data',
   ARRIVAL: 'Ritorno',
@@ -3914,6 +3932,8 @@ var SIDEBAR$6 = {
   TRAVELERS_ADULT: 'volwassene',
   TRAVELERS_CHILDREN: 'kinderen',
   TRAVELERS_CHILD: 'kind',
+  TRAVELERS_INFANTS: "baby's",
+  TRAVELERS_INFANT: 'baby',
   DEPARTURE: 'Heenreis',
   DEPARTURE_SINGLE: 'Datum',
   ARRIVAL: 'Terugreis',
@@ -4314,6 +4334,8 @@ var SIDEBAR$5 = {
   TRAVELERS_ADULT: 'volwassene',
   TRAVELERS_CHILDREN: 'kinderen',
   TRAVELERS_CHILD: 'kind',
+  TRAVELERS_INFANTS: "baby's",
+  TRAVELERS_INFANT: 'baby',
   DEPARTURE: 'Heenreis',
   DEPARTURE_SINGLE: 'Datum',
   ARRIVAL: 'Terugreis',
@@ -4710,6 +4732,8 @@ var SIDEBAR$4 = {
   TRAVELERS_ADULT: 'voksen',
   TRAVELERS_CHILDREN: 'barn',
   TRAVELERS_CHILD: 'barn',
+  TRAVELERS_INFANTS: 'babyer',
+  TRAVELERS_INFANT: 'baby',
   DEPARTURE: 'Utreise',
   DEPARTURE_SINGLE: 'Dato',
   ARRIVAL: 'Retur',
@@ -5106,6 +5130,8 @@ var SIDEBAR$3 = {
   TRAVELERS_ADULT: 'dorosły',
   TRAVELERS_CHILDREN: 'dzieci',
   TRAVELERS_CHILD: 'dziecko',
+  TRAVELERS_INFANTS: 'niemowlęta',
+  TRAVELERS_INFANT: 'niemowlę',
   DEPARTURE: 'Wylot',
   DEPARTURE_SINGLE: 'Data',
   ARRIVAL: 'Powrót',
@@ -5502,6 +5528,8 @@ var SIDEBAR$2 = {
   TRAVELERS_ADULT: 'adulto',
   TRAVELERS_CHILDREN: 'crianças',
   TRAVELERS_CHILD: 'criança',
+  TRAVELERS_INFANTS: 'bebés',
+  TRAVELERS_INFANT: 'bebé',
   DEPARTURE: 'Ida',
   DEPARTURE_SINGLE: 'Data',
   ARRIVAL: 'Regresso',
@@ -5898,6 +5926,8 @@ var SIDEBAR$1 = {
   TRAVELERS_ADULT: 'vuxen',
   TRAVELERS_CHILDREN: 'barn',
   TRAVELERS_CHILD: 'barn',
+  TRAVELERS_INFANTS: 'spädbarn',
+  TRAVELERS_INFANT: 'spädbarn',
   DEPARTURE: 'Utresa',
   DEPARTURE_SINGLE: 'Datum',
   ARRIVAL: 'Retur',
@@ -6294,6 +6324,8 @@ var SIDEBAR = {
   TRAVELERS_ADULT: '大人',
   TRAVELERS_CHILDREN: '子供',
   TRAVELERS_CHILD: '子供',
+  TRAVELERS_INFANTS: '乳児',
+  TRAVELERS_INFANT: '乳児',
   DEPARTURE: '往路',
   DEPARTURE_SINGLE: '日付',
   ARRIVAL: '復路',
@@ -17593,67 +17625,12 @@ var priceDetailsSlice = toolkit.createSlice({
     });
   }
 });
-var selectPriceDetails = function (state) {
-  return state.priceDetails.priceDetails;
-};
-var selectPackagePriceDetails = toolkit.createSelector(selectPriceDetails, function (priceDetails) {
-  return priceDetails.filter(function (priceDetail) {
-    return priceDetail.isInPackage;
-  });
-});
-var selectSeparatePackagePriceDetails = toolkit.createSelector(selectPackagePriceDetails, function (pricedetails) {
-  var result = [];
-  var filteredPriceDetails = pricedetails.filter(function (priceDetail) {
-    return priceDetail.isSeparate;
-  });
-  filteredPriceDetails.forEach(function (priceDetail) {
-    var priceDetailToMerge = result.find(function (x) {
-      return x.productCode === priceDetail.productCode && x.accommodationCode === priceDetail.accommodationCode && x.productType === priceDetail.productType;
-    });
-    if (priceDetailToMerge) {
-      priceDetailToMerge.total += priceDetail.total;
-      priceDetailToMerge.price += priceDetail.price;
-    } else {
-      result.push(Object.assign({}, priceDetail));
-    }
-  });
-  return result;
-});
-var selectBasePrice = toolkit.createSelector(selectPackagePriceDetails, function (priceDetails) {
-  return lodash.sum(
-    priceDetails.map(function (priceDetail) {
-      return priceDetail.price * priceDetail.amount;
-    })
-  );
-});
-var selectSeparateExtraPriceDetails = toolkit.createSelector(selectPriceDetails, function (priceDetails) {
-  return priceDetails.filter(function (priceDetail) {
-    return !priceDetail.isInPackage && priceDetail.isSeparate;
-  });
-});
-var selectTotalPrice = toolkit.createSelector(selectBasePrice, selectSeparateExtraPriceDetails, function (basePrice, separatePriceDetails) {
-  return lodash.sum(
-    __spreadArray(
-      [basePrice],
-      separatePriceDetails.map(function (priceDetail) {
-        return priceDetail.price * priceDetail.amount;
-      }),
-      true
-    )
-  );
-});
-var selectDeposit = function (state) {
-  return state.priceDetails.deposit;
-};
-var selectIsFetchingPriceDetails = function (state) {
-  return state.priceDetails.isBusy;
-};
-var selectNotifications = function (state) {
-  return state.priceDetails.notifications;
-};
 var setFetchingPriceDetails = priceDetailsSlice.actions.setFetchingPriceDetails;
 var resetPriceDetails = ((_a$4 = priceDetailsSlice.actions), _a$4.resetPriceDetails),
   setNotifications = _a$4.setNotifications;
+var selectNotifications = function (state) {
+  return state.priceDetails.notifications;
+};
 var priceDetailsReducer = priceDetailsSlice.reducer;
 
 var selectHasMounted = function (state) {
@@ -20867,6 +20844,18 @@ var parseFlightLineDateTime = function (date, time) {
     return undefined;
   }
 };
+var getPaxTypeTranslation = function (translations, paxType, numberOfPax) {
+  switch (paxType) {
+    case 'ADULT':
+      return numberOfPax === 1 ? translations.SIDEBAR.TRAVELERS_ADULT : translations.SIDEBAR.TRAVELERS_ADULTS;
+    case 'CHILD':
+      return numberOfPax === 1 ? translations.SIDEBAR.TRAVELERS_CHILD : translations.SIDEBAR.TRAVELERS_CHILDREN;
+    case 'INFANT':
+      return numberOfPax === 1 ? translations.SIDEBAR.TRAVELERS_INFANT : translations.SIDEBAR.TRAVELERS_INFANTS;
+    default:
+      return '';
+  }
+};
 
 var FlightOptionFlight = function (_a) {
   var details = _a.details,
@@ -24227,6 +24216,129 @@ var RoomOptionsForm = function () {
   );
 };
 
+var selectPriceDetails = function (state) {
+  return state.priceDetails.priceDetails;
+};
+var selectPackagePriceDetails = toolkit.createSelector(selectPriceDetails, function (priceDetails) {
+  return priceDetails.filter(function (priceDetail) {
+    return priceDetail.isInPackage;
+  });
+});
+var selectSeparatePackagePriceDetails = toolkit.createSelector(selectPackagePriceDetails, function (pricedetails) {
+  var result = [];
+  var filteredPriceDetails = pricedetails.filter(function (priceDetail) {
+    return priceDetail.isSeparate;
+  });
+  filteredPriceDetails.forEach(function (priceDetail) {
+    var priceDetailToMerge = result.find(function (x) {
+      return x.productCode === priceDetail.productCode && x.accommodationCode === priceDetail.accommodationCode && x.productType === priceDetail.productType;
+    });
+    if (priceDetailToMerge) {
+      priceDetailToMerge.total += priceDetail.total;
+      priceDetailToMerge.price += priceDetail.price;
+    } else {
+      result.push(Object.assign({}, priceDetail));
+    }
+  });
+  return result;
+});
+var selectBasePrice = toolkit.createSelector(selectPackagePriceDetails, function (priceDetails) {
+  return lodash.sum(
+    priceDetails.map(function (priceDetail) {
+      return priceDetail.price * priceDetail.amount;
+    })
+  );
+});
+var selectSeparateExtraPriceDetails = toolkit.createSelector(selectPriceDetails, function (priceDetails) {
+  return priceDetails.filter(function (priceDetail) {
+    return !priceDetail.isInPackage && priceDetail.isSeparate;
+  });
+});
+var selectTotalPrice = toolkit.createSelector(selectBasePrice, selectSeparateExtraPriceDetails, function (basePrice, separatePriceDetails) {
+  return lodash.sum(
+    __spreadArray(
+      [basePrice],
+      separatePriceDetails.map(function (priceDetail) {
+        return priceDetail.price * priceDetail.amount;
+      }),
+      true
+    )
+  );
+});
+// Shared function to aggregate price and details per paxType
+var aggregatePricePerPaxType = function (priceDetails, requestRooms) {
+  if (!requestRooms || lodash.isEmpty(requestRooms)) return [];
+  if (!priceDetails || lodash.isEmpty(priceDetails)) return [];
+  // Compute paxType by age: >=2 INFANT, >=11 CHILD, else ADULT
+  var paxTypeToPaxIds = {};
+  requestRooms.forEach(function (room) {
+    room.pax.forEach(function (pax) {
+      var paxType = 'ADULT';
+      if (typeof pax.age === 'number') {
+        if (pax.age <= 11) {
+          paxType = 'CHILD';
+        } else if (pax.age <= 2) {
+          paxType = 'INFANT';
+        }
+      }
+      if (!paxTypeToPaxIds[paxType]) paxTypeToPaxIds[paxType] = new Set();
+      paxTypeToPaxIds[paxType].add(pax.id);
+    });
+  });
+  var result = [];
+  Object.keys(paxTypeToPaxIds).forEach(function (paxType) {
+    var paxIds = Array.from(paxTypeToPaxIds[paxType]);
+    var pricePerPaxType = 0;
+    var detailsMap = {};
+    priceDetails.forEach(function (detail) {
+      if (!detail.showPrice || !detail.pricePerPax) return;
+      detail.pricePerPax.forEach(function (ppp) {
+        if (paxIds.includes(ppp.paxId)) {
+          pricePerPaxType += ppp.price;
+          var descKey = detail.priceDescription || '';
+          if (!detailsMap[descKey]) {
+            detailsMap[descKey] = {
+              numberOfPax: 1,
+              description: detail.priceDescription || '',
+              price: ppp.price,
+              paxIds: [ppp.paxId]
+            };
+          } else {
+            detailsMap[descKey].price += ppp.price;
+            if (!detailsMap[descKey].paxIds.includes(ppp.paxId)) {
+              detailsMap[descKey].paxIds.push(ppp.paxId);
+              detailsMap[descKey].numberOfPax += 1;
+            }
+          }
+        }
+      });
+    });
+    result.push({
+      paxType: paxType,
+      pricePerPaxType: pricePerPaxType,
+      numberOfPax: paxIds.length,
+      details: Object.values(detailsMap)
+    });
+  });
+  return result;
+};
+var selectBasePricePerPaxType = toolkit.createSelector(selectPackagePriceDetails, selectRequestRooms, function (priceDetails, requestRooms) {
+  return aggregatePricePerPaxType(priceDetails, requestRooms);
+});
+var selectSeparateExtraPriceDetailsPerPaxType = toolkit.createSelector(
+  selectSeparateExtraPriceDetails,
+  selectRequestRooms,
+  function (priceDetails, requestRooms) {
+    return aggregatePricePerPaxType(priceDetails, requestRooms);
+  }
+);
+var selectDeposit = function (state) {
+  return state.priceDetails.deposit;
+};
+var selectIsFetchingPriceDetails = function (state) {
+  return state.priceDetails.isBusy;
+};
+
 var ProductCard = function (_a) {
   var productName = _a.productName,
     thumbnailUrl = _a.thumbnailUrl,
@@ -24341,7 +24453,9 @@ var Sidebar = function (_a) {
     headerComponent = _a.headerComponent,
     footerComponent = _a.footerComponent,
     loaderComponent = _a.loaderComponent,
-    isUnavailable = _a.isUnavailable;
+    isUnavailable = _a.isUnavailable,
+    basePricePerPaxType = _a.basePricePerPaxType,
+    seperateExtraPricePerPaxType = _a.seperateExtraPricePerPaxType;
   var _b = React.useState(false),
     active = _b[0],
     setActive = _b[1];
@@ -24491,7 +24605,51 @@ var Sidebar = function (_a) {
                           React__default['default'].createElement('h6', { className: 'pricing-summary__title' }, translations.SIDEBAR.BASE_PRICE)
                         ),
                         React__default['default'].createElement('div', { className: 'pricing-summary__value' }, formatPrice(basePrice, currencyCode))
-                      )
+                      ),
+                      basePricePerPaxType &&
+                        basePricePerPaxType.map(function (ppt, index) {
+                          return React__default['default'].createElement(
+                            React__default['default'].Fragment,
+                            { key: ''.concat(ppt.paxType, '-').concat(index) },
+                            React__default['default'].createElement(
+                              'div',
+                              { className: 'pricing-summary__row' },
+                              React__default['default'].createElement(
+                                'div',
+                                { className: 'pricing-summary__property' },
+                                ppt.numberOfPax,
+                                ' ',
+                                getPaxTypeTranslation(translations, ppt.paxType, ppt.numberOfPax)
+                              ),
+                              React__default['default'].createElement(
+                                'div',
+                                { className: 'pricing-summary__value' },
+                                formatPrice(ppt.pricePerPaxType, currencyCode)
+                              )
+                            ),
+                            ppt.details.map(function (detail, dIndex) {
+                              return React__default['default'].createElement(
+                                'div',
+                                {
+                                  className: 'pricing-summary__row pricing-summary__row--sub',
+                                  key: ''.concat(ppt.paxType, '-').concat(index, '-').concat(dIndex)
+                                },
+                                React__default['default'].createElement(
+                                  'div',
+                                  { className: 'pricing-summary__property' },
+                                  detail.numberOfPax,
+                                  'x ',
+                                  detail.description
+                                ),
+                                React__default['default'].createElement(
+                                  'div',
+                                  { className: 'pricing-summary__value' },
+                                  formatPrice(detail.price / detail.numberOfPax, currencyCode)
+                                )
+                              );
+                            })
+                          );
+                        })
                     ),
                   !lodash.isEmpty(includedCosts) &&
                     React__default['default'].createElement(
@@ -24556,10 +24714,54 @@ var Sidebar = function (_a) {
                                 { className: 'pricing-summary__row' },
                                 React__default['default'].createElement(
                                   'div',
-                                  { className: 'price-summary__property' },
+                                  { className: 'pricing-summary__property' },
                                   (_a = priceDetail.accommodationName) !== null && _a !== void 0 ? _a : priceDetail.accommodationCode
                                 )
-                              )
+                              ),
+                              seperateExtraPricePerPaxType &&
+                                seperateExtraPricePerPaxType.map(function (ppt, index) {
+                                  return React__default['default'].createElement(
+                                    React__default['default'].Fragment,
+                                    { key: ''.concat(ppt.paxType, '-').concat(index) },
+                                    React__default['default'].createElement(
+                                      'div',
+                                      { className: 'pricing-summary__row' },
+                                      React__default['default'].createElement(
+                                        'div',
+                                        { className: 'pricing-summary__property' },
+                                        ppt.numberOfPax,
+                                        ' ',
+                                        getPaxTypeTranslation(translations, ppt.paxType, ppt.numberOfPax)
+                                      ),
+                                      React__default['default'].createElement(
+                                        'div',
+                                        { className: 'pricing-summary__value' },
+                                        formatPrice(ppt.pricePerPaxType, currencyCode)
+                                      )
+                                    ),
+                                    ppt.details.map(function (detail, dIndex) {
+                                      return React__default['default'].createElement(
+                                        'div',
+                                        {
+                                          className: 'pricing-summary__row pricing-summary__row--sub',
+                                          key: ''.concat(ppt.paxType, '-').concat(index, '-').concat(dIndex)
+                                        },
+                                        React__default['default'].createElement(
+                                          'div',
+                                          { className: 'pricing-summary__property' },
+                                          detail.numberOfPax,
+                                          'x ',
+                                          detail.description
+                                        ),
+                                        React__default['default'].createElement(
+                                          'div',
+                                          { className: 'pricing-summary__value' },
+                                          formatPrice(detail.price / detail.numberOfPax, currencyCode)
+                                        )
+                                      );
+                                    })
+                                  );
+                                })
                             );
                           })
                     )
@@ -24676,7 +24878,8 @@ var SidebarContainer = function (_a) {
   var _f = React.useContext(SettingsContext),
     sidebarHeaderComponent = _f.sidebarHeaderComponent,
     sidebarFooterComponent = _f.sidebarFooterComponent,
-    loaderComponent = _f.loaderComponent;
+    loaderComponent = _f.loaderComponent,
+    showPricesPerPaxType = _f.showPricesPerPaxType;
   var bookingAttributes = reactRedux.useSelector(selectBookingAttributes);
   var rooms = reactRedux.useSelector(selectFormRooms);
   var travelerRooms = getTravelersText(rooms);
@@ -24724,7 +24927,9 @@ var SidebarContainer = function (_a) {
     headerComponent: sidebarHeaderComponent !== null && sidebarHeaderComponent !== void 0 ? sidebarHeaderComponent : undefined,
     footerComponent: sidebarFooterComponent !== null && sidebarFooterComponent !== void 0 ? sidebarFooterComponent : undefined,
     loaderComponent: loaderComponent !== null && loaderComponent !== void 0 ? loaderComponent : undefined,
-    isUnavailable: isUnavailable
+    isUnavailable: isUnavailable,
+    basePricePerPaxType: showPricesPerPaxType ? reactRedux.useSelector(selectBasePricePerPaxType) : undefined,
+    seperateExtraPricePerPaxType: showPricesPerPaxType ? reactRedux.useSelector(selectSeparateExtraPriceDetailsPerPaxType) : undefined
   });
 };
 
@@ -33062,7 +33267,9 @@ var QSMContainer = function () {
             fieldConfig: openJawReturnDestinationField,
             showReverse: openJawReturnDestinationField.showReverse
           }),
-        qsmType == 'hotel' && destination && React__default['default'].createElement(SearchInputGroup, { fieldConfig: destination }),
+        (qsmType == 'hotel' || qsmType == 'hotel-flight') &&
+          destination &&
+          React__default['default'].createElement(SearchInputGroup, { fieldConfig: destination }),
         React__default['default'].createElement(Dates, { value: dateRange, onChange: handleDateChange }),
         askTravelers && React__default['default'].createElement(TravelInputGroup, null),
         React__default['default'].createElement(
@@ -37042,7 +37249,6 @@ var FlyIn = function (_a) {
               'div',
               { className: 'flyin__content-cards' },
               uniqueOutwardFlights.map(function (flightOption, index) {
-                var _a;
                 var firstSegment = lodash.first(flightOption.outward.segments);
                 if (!firstSegment) return null;
                 var diff = getOutwardPriceDiff(firstSegment.metaData.fareCode);
@@ -37228,9 +37434,9 @@ var FlyIn = function (_a) {
                     },
                     React__default['default'].createElement(
                       'div',
-                      { className: 'cta cta--selected' },
+                      { className: 'cta '.concat(selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'cta--selected' : '') },
                       ' ',
-                      selectedOutwardFareCode === ((_a = firstSegment.metaData) === null || _a === void 0 ? void 0 : _a.fareCode) ? 'Selected' : 'Select'
+                      selectedOutwardFareCode === firstSegment.metaData.fareCode ? 'Selected' : 'Select'
                     )
                   )
                 );
@@ -37334,7 +37540,6 @@ var FlyIn = function (_a) {
               'div',
               { className: 'flyin__content-cards' },
               uniqueReturnFlights.map(function (flightOption, index) {
-                var _a;
                 var firstSegment = lodash.first(flightOption.return.segments);
                 if (!firstSegment) return null;
                 var diff = getReturnPriceDiff(firstSegment.metaData.fareCode);
@@ -37520,9 +37725,9 @@ var FlyIn = function (_a) {
                     },
                     React__default['default'].createElement(
                       'div',
-                      { className: 'cta cta--selected' },
+                      { className: 'cta '.concat(selectedReturnFareCode === firstSegment.metaData.fareCode ? 'cta--selected' : '') },
                       ' ',
-                      selectedOutwardFareCode === ((_a = firstSegment.metaData) === null || _a === void 0 ? void 0 : _a.fareCode) ? 'Selected' : 'Select'
+                      selectedReturnFareCode === firstSegment.metaData.fareCode ? 'Selected' : 'Select'
                     )
                   )
                 );
@@ -44053,12 +44258,13 @@ var LoginComponent = function (_a) {
       });
     }
   });
-  var handleForgotPasswordClick = function () {
+  var handleForgotPasswordClick = function (e) {
     return __awaiter(void 0, void 0, void 0, function () {
       var errors;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
+            e.preventDefault();
             formik$1.setTouched({ username: true }, true);
             return [4 /*yield*/, formik$1.validateForm()];
           case 1:
@@ -44292,12 +44498,13 @@ var ResetPasswordComponent = function (_a) {
     setErrors(validationErrors);
     return Object.keys(validationErrors).length === 0;
   };
-  var handleResetPassword = function () {
+  var handleResetPassword = function (e) {
     return __awaiter(void 0, void 0, void 0, function () {
       var isValid, response;
       return __generator(this, function (_b) {
         switch (_b.label) {
           case 0:
+            e.preventDefault();
             setSubmitted(true);
             setTouched({ password: true, repeatPassword: true });
             isValid = validate();