@qite/tide-booking-component 1.4.29 → 1.4.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/build/build-cjs/index.js +621 -2822
  2. package/build/build-cjs/search-results/store/search-results-slice.d.ts +6 -3
  3. package/build/build-cjs/search-results/types.d.ts +9 -12
  4. package/build/build-esm/index.js +617 -2625
  5. package/build/build-esm/search-results/store/search-results-slice.d.ts +6 -3
  6. package/build/build-esm/search-results/types.d.ts +9 -12
  7. package/package.json +2 -3
  8. package/src/booking-product/components/dates.tsx +9 -4
  9. package/src/booking-wizard/components/step-indicator.tsx +11 -2
  10. package/src/booking-wizard/features/booking/booking-slice.ts +27 -2
  11. package/src/booking-wizard/features/booking/booking.tsx +32 -15
  12. package/src/booking-wizard/features/booking/selectors.ts +6 -0
  13. package/src/booking-wizard/features/flight-options/index.tsx +27 -3
  14. package/src/booking-wizard/features/product-options/option-room.tsx +1 -1
  15. package/src/booking-wizard/features/product-options/options-form.tsx +14 -4
  16. package/src/booking-wizard/features/room-options/room.tsx +1 -1
  17. package/src/booking-wizard/features/sidebar/index.tsx +4 -1
  18. package/src/booking-wizard/features/sidebar/sidebar-util.ts +1 -3
  19. package/src/booking-wizard/features/sidebar/sidebar.tsx +112 -104
  20. package/src/booking-wizard/features/travelers-form/travelers-form-slice.ts +1 -0
  21. package/src/booking-wizard/features/travelers-form/travelers-form.tsx +146 -10
  22. package/src/booking-wizard/settings-context.ts +2 -1
  23. package/src/booking-wizard/types.ts +1 -0
  24. package/src/qsm/components/search-input-group/index.tsx +17 -8
  25. package/src/search-results/components/hotel/hotel-accommodation-results.tsx +78 -83
  26. package/src/search-results/components/hotel/hotel-card.tsx +54 -24
  27. package/src/search-results/components/icon.tsx +13 -0
  28. package/src/search-results/components/item-picker/index.tsx +5 -7
  29. package/src/search-results/components/search-results-container/search-results-container.tsx +72 -117
  30. package/src/search-results/components/tab-views/index.tsx +22 -3
  31. package/src/search-results/features/flights/flight-search-results-self-contained.tsx +0 -13
  32. package/src/search-results/features/hotels/hotel-flight-search-results-self-contained.tsx +1 -8
  33. package/src/search-results/features/hotels/hotel-search-results-self-contained.tsx +1 -14
  34. package/src/search-results/features/roundtrips/roundtrip-search-results-self-contained.tsx +1 -9
  35. package/src/search-results/store/search-results-slice.ts +11 -4
  36. package/src/search-results/types.ts +11 -16
  37. package/src/shared/translations/en-GB.json +5 -1
  38. package/src/shared/translations/fr-BE.json +5 -1
  39. package/src/shared/translations/nl-BE.json +5 -1
  40. package/styles/components/_form.scss +51 -2
  41. package/styles/components/_passenger-picker.scss +3 -2
  42. package/styles/components/_qsm.scss +1 -1
  43. package/styles/qsm/_qsm.scss +67 -6
package/build/build-cjs/index.js CHANGED
@@ -986,7 +986,7 @@ var enJson = {
986
986
  PRINT_OFFER_BUTTON: PRINT_OFFER_BUTTON
987
987
  };
988
988
 
989
- var formatPrice = function (price, currencyCode, locale) {
989
+ var formatPrice$1 = function (price, currencyCode, locale) {
990
990
  if (locale === void 0) {
991
991
  locale = 'nl-BE';
992
992
  }
@@ -1028,7 +1028,7 @@ function getLocale(code) {
1028
1028
  }
1029
1029
  }
1030
1030
  var getPriceDifferenceText = function (price, currencyCode) {
1031
- return price > 0 ? '+ '.concat(formatPrice(Math.abs(price), currencyCode)) : '- '.concat(formatPrice(Math.abs(price), currencyCode));
1031
+ return price > 0 ? '+ '.concat(formatPrice$1(Math.abs(price), currencyCode)) : '- '.concat(formatPrice$1(Math.abs(price), currencyCode));
1032
1032
  };
1033
1033
  function format(text, args) {
1034
1034
  return text.replace(/{([0-9]+)}/g, function (match, index) {
@@ -7522,16 +7522,16 @@ var formatPriceByMode = function (price, priceMode, personCount, duration, perPe
7522
7522
  if (!price) return '';
7523
7523
  switch (priceMode) {
7524
7524
  case 0:
7525
- return ''.concat(formatPrice(price, currencyCode));
7525
+ return ''.concat(formatPrice$1(price, currencyCode));
7526
7526
  case 1:
7527
7527
  var perPersonPrice = price / personCount;
7528
- return ''.concat(formatPrice(perPersonPrice, currencyCode), ' / ').concat(perPersonLabel);
7528
+ return ''.concat(formatPrice$1(perPersonPrice, currencyCode), ' / ').concat(perPersonLabel);
7529
7529
  case 2:
7530
7530
  var perNightPrice = price / duration;
7531
- return ''.concat(formatPrice(perNightPrice, currencyCode), ' / ').concat(perNightLabel);
7531
+ return ''.concat(formatPrice$1(perNightPrice, currencyCode), ' / ').concat(perNightLabel);
7532
7532
  case 3:
7533
7533
  var perPersonPerNightPrice = price / duration;
7534
- return ''.concat(formatPrice(perPersonPerNightPrice, currencyCode), ' / ').concat(perPersonPerNightLabel);
7534
+ return ''.concat(formatPrice$1(perPersonPerNightPrice, currencyCode), ' / ').concat(perPersonPerNightLabel);
7535
7535
  }
7536
7536
  };
7537
7537
 
@@ -9574,7 +9574,8 @@ var Dates = function (_a) {
9574
9574
  onChange = _a.onChange;
9575
9575
  var language = React.useContext(SettingsContext$1).language;
9576
9576
  var translations = getTranslations(language);
9577
- var mql = typeof window !== 'undefined' ? window.matchMedia('(min-width: 1200px)') : undefined;
9577
+ var mql = typeof window !== 'undefined' ? window.matchMedia('(min-width: 992px)') : undefined;
9578
+ var mqm = typeof window !== 'undefined' ? window.matchMedia('(min-width: 768px)') : undefined;
9578
9579
  var _b = React.useState(null),
9579
9580
  referenceElement = _b[0],
9580
9581
  setReferenceElement = _b[1];
@@ -9585,8 +9586,12 @@ var Dates = function (_a) {
9585
9586
  panelActive = _d[0],
9586
9587
  setPanelActive = _d[1];
9587
9588
  var _e = reactPopper.usePopper(referenceElement, popperElement, {
9588
- placement: 'top',
9589
+ placement: (mql === null || mql === void 0 ? void 0 : mql.matches) ? 'top' : 'bottom',
9589
9590
  modifiers: [
9591
+ {
9592
+ name: 'flip',
9593
+ enabled: false
9594
+ },
9590
9595
  {
9591
9596
  name: 'offset',
9592
9597
  options: {
@@ -9669,9 +9674,9 @@ var Dates = function (_a) {
9669
9674
  className: buildClassName([
9670
9675
  'qsm__panel qsm__panel--bordered qsm__panel--dates-pricing',
9671
9676
  panelActive && 'qsm__panel--active',
9672
- !(mql === null || mql === void 0 ? void 0 : mql.matches) && 'qsm__panel--mobile'
9677
+ !(mqm === null || mqm === void 0 ? void 0 : mqm.matches) && 'qsm__panel--mobile'
9673
9678
  ]),
9674
- style: (mql === null || mql === void 0 ? void 0 : mql.matches) ? styles.popper : undefined
9679
+ style: (mqm === null || mqm === void 0 ? void 0 : mqm.matches) ? styles.popper : undefined
9675
9680
  },
9676
9681
  attributes.popper
9677
9682
  ),
@@ -14877,7 +14882,7 @@ var NoneOption = function (_a) {
14877
14882
  return x.requirementType === 2;
14878
14883
  });
14879
14884
  var noneSelected = !selectedOption;
14880
- var priceDifferencetext = selectedOption ? '- '.concat(formatPrice(Math.abs(selectedOption.line.price), currencyCode)) : '';
14885
+ var priceDifferencetext = selectedOption ? '- '.concat(formatPrice$1(Math.abs(selectedOption.line.price), currencyCode)) : '';
14881
14886
  return React__default['default'].createElement(
14882
14887
  React__default['default'].Fragment,
14883
14888
  null,
@@ -16154,7 +16159,7 @@ var OptionRoom = function (_a) {
16154
16159
  e.preventDefault();
16155
16160
  };
16156
16161
  var getPriceDifferenceText = function (price) {
16157
- return price > 0 ? '+ '.concat(formatPrice(Math.abs(price), currencyCode)) : '- '.concat(formatPrice(Math.abs(price), currencyCode));
16162
+ return price > 0 ? '+ '.concat(formatPrice$1(Math.abs(price), currencyCode)) : '- '.concat(formatPrice$1(Math.abs(price), currencyCode));
16158
16163
  };
16159
16164
  var getAccommodationPriceDifference = function (accommodation) {
16160
16165
  var _a;
@@ -17515,7 +17520,7 @@ var Sidebar = function (_a) {
17515
17520
  { className: 'pricing-summary__property' },
17516
17521
  React__default['default'].createElement('h6', { className: 'pricing-summary__title' }, translations.SIDEBAR.BASE_PRICE)
17517
17522
  ),
17518
- React__default['default'].createElement('div', { className: 'pricing-summary__value' }, formatPrice(basePrice, currencyCode))
17523
+ React__default['default'].createElement('div', { className: 'pricing-summary__value' }, formatPrice$1(basePrice, currencyCode))
17519
17524
  )
17520
17525
  ),
17521
17526
  !lodash.isEmpty(includedCosts) &&
@@ -17538,7 +17543,7 @@ var Sidebar = function (_a) {
17538
17543
  React__default['default'].createElement(
17539
17544
  'div',
17540
17545
  { className: 'pricing-summary__value' },
17541
- formatPrice(priceDetail.price * priceDetail.amount, currencyCode)
17546
+ formatPrice$1(priceDetail.price * priceDetail.amount, currencyCode)
17542
17547
  )
17543
17548
  ),
17544
17549
  React__default['default'].createElement(
@@ -17573,7 +17578,7 @@ var Sidebar = function (_a) {
17573
17578
  React__default['default'].createElement(
17574
17579
  'div',
17575
17580
  { className: 'pricing-summary__value' },
17576
- formatPrice(priceDetail.price * priceDetail.amount, currencyCode)
17581
+ formatPrice$1(priceDetail.price * priceDetail.amount, currencyCode)
17577
17582
  )
17578
17583
  ),
17579
17584
  React__default['default'].createElement(
@@ -17615,7 +17620,7 @@ var Sidebar = function (_a) {
17615
17620
  React__default['default'].createElement(
17616
17621
  'div',
17617
17622
  { className: 'pricing' },
17618
- React__default['default'].createElement('div', { className: 'pricing__price' }, formatPrice(totalPrice, currencyCode))
17623
+ React__default['default'].createElement('div', { className: 'pricing__price' }, formatPrice$1(totalPrice, currencyCode))
17619
17624
  )
17620
17625
  )
17621
17626
  ),
@@ -17633,7 +17638,7 @@ var Sidebar = function (_a) {
17633
17638
  React__default['default'].createElement(
17634
17639
  'div',
17635
17640
  { className: 'pricing' },
17636
- React__default['default'].createElement('div', { className: 'pricing__price' }, formatPrice(deposit, currencyCode))
17641
+ React__default['default'].createElement('div', { className: 'pricing__price' }, formatPrice$1(deposit, currencyCode))
17637
17642
  )
17638
17643
  )
17639
17644
  ),
@@ -17649,7 +17654,7 @@ var Sidebar = function (_a) {
17649
17654
  translations.SIDEBAR.DEPOSIT_TEXT1,
17650
17655
  React__default['default'].createElement('strong', null, translations.SIDEBAR.DEPOSIT_TEXT2),
17651
17656
  translations.SIDEBAR.DEPOSIT_TEXT3,
17652
- formatPrice(remainingAmount, currencyCode),
17657
+ formatPrice$1(remainingAmount, currencyCode),
17653
17658
  translations.SIDEBAR.DEPOSIT_TEXT4,
17654
17659
  React__default['default'].createElement('strong', null, translations.SIDEBAR.DEPOSIT_TEXT5),
17655
17660
  translations.SIDEBAR.DEPOSIT_TEXT6
@@ -17676,7 +17681,7 @@ var Sidebar = function (_a) {
17676
17681
  React__default['default'].createElement(
17677
17682
  'div',
17678
17683
  { className: 'pricing' },
17679
- React__default['default'].createElement('div', { className: 'pricing__price' }, formatPrice(totalPrice, currencyCode))
17684
+ React__default['default'].createElement('div', { className: 'pricing__price' }, formatPrice$1(totalPrice, currencyCode))
17680
17685
  )
17681
17686
  )
17682
17687
  )
@@ -24917,20 +24922,27 @@ var SearchInputGroup = function (_a) {
24917
24922
  dispatch(setFieldValue({ fieldKey: fieldKey, value: input }));
24918
24923
  dispatch(setSearchResults([]));
24919
24924
  if (small) return;
24920
- if (input.length === 3 && autoComplete) {
24921
- var exactIataMatch = findExactIataMatch(options, input);
24925
+ dispatch(setActiveSearchField(fieldKey));
24926
+ dispatch(setSearchResults(match(input)));
24927
+ },
24928
+ [dispatch, fieldKey, small, match, options]
24929
+ );
24930
+ var handleKeyDown = React.useCallback(
24931
+ function (e) {
24932
+ if (!['Tab', 'Enter'].includes(e.key)) return;
24933
+ if (value.length === 3 && autoComplete) {
24934
+ var exactIataMatch = findExactIataMatch(options, value);
24922
24935
  if (exactIataMatch) {
24936
+ if (e.key === 'Enter') {
24937
+ e.preventDefault();
24938
+ }
24923
24939
  dispatch(setFieldValue({ fieldKey: fieldKey, value: exactIataMatch.value }));
24924
24940
  dispatch(setSearchResults([]));
24925
24941
  dispatch(setActiveSearchField(null));
24926
- return;
24927
24942
  }
24928
24943
  }
24929
- // Normal typeahead behavior
24930
- dispatch(setActiveSearchField(fieldKey));
24931
- dispatch(setSearchResults(match(input)));
24932
24944
  },
24933
- [dispatch, fieldKey, small, match, options]
24945
+ [value, autoComplete, options, dispatch, fieldKey]
24934
24946
  );
24935
24947
  var handleOptionSelect = React.useCallback(
24936
24948
  function (option) {
@@ -25003,6 +25015,7 @@ var SearchInputGroup = function (_a) {
25003
25015
  onClick: function (e) {
25004
25016
  return e.stopPropagation();
25005
25017
  },
25018
+ onKeyDown: handleKeyDown,
25006
25019
  onChange: function (e) {
25007
25020
  return !small && !readOnlyForced && handleInputChange(e.target.value);
25008
25021
  },
@@ -25741,6 +25754,7 @@ var initialState = {
25741
25754
  isLoading: false,
25742
25755
  filters: [],
25743
25756
  sortKey: null,
25757
+ activeTab: 'compact',
25744
25758
  currentPage: 1
25745
25759
  };
25746
25760
  var searchResultsSlice = toolkit.createSlice({
@@ -25772,6 +25786,9 @@ var searchResultsSlice = toolkit.createSlice({
25772
25786
  setSortKey: function (state, action) {
25773
25787
  state.sortKey = action.payload;
25774
25788
  },
25789
+ setActiveTab: function (state, action) {
25790
+ state.activeTab = action.payload;
25791
+ },
25775
25792
  setCurrentPage: function (state, action) {
25776
25793
  state.currentPage = action.payload;
25777
25794
  },
@@ -25780,15 +25797,17 @@ var searchResultsSlice = toolkit.createSlice({
25780
25797
  state.isLoading = false;
25781
25798
  state.filters = [];
25782
25799
  state.sortKey = null;
25800
+ state.activeTab = 'compact';
25783
25801
  state.currentPage = 1;
25784
25802
  }
25785
25803
  }
25786
25804
  });
25787
- (_a = searchResultsSlice.actions), _a.setResults;
25788
- _a.setIsLoading;
25789
- var setFilters = _a.setFilters,
25790
- resetFilters = _a.resetFilters;
25791
- _a.setSortKey;
25805
+ var setResults = ((_a = searchResultsSlice.actions), _a.setResults),
25806
+ setIsLoading = _a.setIsLoading,
25807
+ setFilters = _a.setFilters,
25808
+ resetFilters = _a.resetFilters,
25809
+ setSortKey = _a.setSortKey,
25810
+ setActiveTab = _a.setActiveTab;
25792
25811
  _a.setCurrentPage;
25793
25812
  _a.resetSearchState;
25794
25813
  var searchResultsReducer = searchResultsSlice.reducer;
@@ -26076,6 +26095,27 @@ var Icon = function (_a) {
26076
26095
  fill: 'currentColor'
26077
26096
  })
26078
26097
  );
26098
+ case 'ui-utensils':
26099
+ return React__default['default'].createElement(
26100
+ 'svg',
26101
+ {
26102
+ className: ['icon', 'icon--'.concat(name), className]
26103
+ .filter(function (className) {
26104
+ return !lodash.isEmpty(className);
26105
+ })
26106
+ .join(' '),
26107
+ width: width,
26108
+ height: height,
26109
+ viewBox: '0 0 416 512'
26110
+ },
26111
+ React__default['default'].createElement(HTMLComment, {
26112
+ text: '!Font Awesome Free v5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.'
26113
+ }),
26114
+ title && React__default['default'].createElement('title', null, title),
26115
+ React__default['default'].createElement('path', {
26116
+ d: 'M207.9 15.2c.8 4.7 16.1 94.5 16.1 128.8 0 52.3-27.8 89.6-68.9 104.6L168 486.7c.7 13.7-10.2 25.3-24 25.3H80c-13.7 0-24.7-11.5-24-25.3l12.9-238.1C27.7 233.6 0 196.2 0 144 0 109.6 15.3 19.9 16.1 15.2 19.3-5.1 61.4-5.4 64 16.3v141.2c1.3 3.4 15.1 3.2 16 0 1.4-25.3 7.9-139.2 8-141.8 3.3-20.8 44.7-20.8 47.9 0 .2 2.7 6.6 116.5 8 141.8.9 3.2 14.8 3.4 16 0V16.3c2.6-21.6 44.8-21.4 48-1.1zm119.2 285.7l-15 185.1c-1.2 14 9.9 26 23.9 26h56c13.3 0 24-10.7 24-24V24c0-13.2-10.7-24-24-24-82.5 0-221.4 178.5-64.9 300.9z'
26117
+ })
26118
+ );
26079
26119
  case 'ui-flight':
26080
26120
  return React__default['default'].createElement(
26081
26121
  'svg',
@@ -27198,7 +27238,6 @@ var ItemPicker = function (_a) {
27198
27238
  placeholder = _a.placeholder,
27199
27239
  classModifier = _a.classModifier,
27200
27240
  onPick = _a.onPick;
27201
- var dispatch = reactRedux.useDispatch();
27202
27241
  var _b = React.useState(false),
27203
27242
  isDropdownOpen = _b[0],
27204
27243
  setIsDropdownOpen = _b[1];
@@ -27209,8 +27248,8 @@ var ItemPicker = function (_a) {
27209
27248
  var dropdownMenuRef = React.useRef(null);
27210
27249
  var toggleButtonRef = React.useRef(null);
27211
27250
  var handlePick = function (picked) {
27212
- dispatch(onPick(picked));
27213
27251
  setIsDropdownOpen(false);
27252
+ onPick(picked);
27214
27253
  };
27215
27254
  React.useEffect(function () {
27216
27255
  var handleClickOutside = function (event) {
@@ -27237,15 +27276,16 @@ var ItemPicker = function (_a) {
27237
27276
  [isDropdownOpen]
27238
27277
  );
27239
27278
  return React__default['default'].createElement(
27240
- 'label',
27279
+ 'div',
27241
27280
  { className: 'dropdown__input ' + classModifier },
27242
27281
  React__default['default'].createElement('span', { className: 'dropdown__label' }, label),
27243
27282
  React__default['default'].createElement(
27244
27283
  'div',
27245
- { className: 'dropdown' },
27284
+ { className: 'dropdown', ref: dropdownRef },
27246
27285
  React__default['default'].createElement(
27247
27286
  'button',
27248
27287
  {
27288
+ type: 'button',
27249
27289
  className: 'dropdown-toggle '.concat(isDropdownOpen ? 'dropdown-toggle--open' : ''),
27250
27290
  onClick: function () {
27251
27291
  return setIsDropdownOpen(function (prev) {
@@ -27605,2768 +27645,328 @@ var Itinerary = function (_a) {
27605
27645
  };
27606
27646
 
27607
27647
  var TabViews = function () {
27648
+ var dispatch = reactRedux.useDispatch();
27649
+ var activeTab = reactRedux.useSelector(function (state) {
27650
+ return state.searchResults;
27651
+ }).activeTab;
27652
+ var handleSortChange = function (tab) {
27653
+ dispatch(setActiveTab(tab));
27654
+ };
27608
27655
  return React__default['default'].createElement(
27609
27656
  'div',
27610
27657
  { className: 'search__results__tab-views' },
27611
27658
  React__default['default'].createElement(
27612
27659
  'button',
27613
- { type: 'button', className: 'search__results__tab-view search__results__tab-view--active' },
27660
+ {
27661
+ type: 'button',
27662
+ className: 'search__results__tab-view '.concat(activeTab === 'extended' ? 'search__results__tab-view--active' : ''),
27663
+ onClick: function () {
27664
+ return handleSortChange('extended');
27665
+ }
27666
+ },
27614
27667
  React__default['default'].createElement(Icon, { name: 'ui-extended', height: 16 }),
27615
27668
  'Extended'
27616
27669
  ),
27617
27670
  React__default['default'].createElement(
27618
27671
  'button',
27619
- { type: 'button', className: 'search__results__tab-view' },
27672
+ {
27673
+ type: 'button',
27674
+ className: 'search__results__tab-view '.concat(activeTab === 'compact' ? 'search__results__tab-view--active' : ''),
27675
+ onClick: function () {
27676
+ return handleSortChange('compact');
27677
+ }
27678
+ },
27620
27679
  React__default['default'].createElement(Icon, { name: 'ui-compact', height: 16 }),
27621
27680
  'Compact'
27622
27681
  ),
27623
27682
  React__default['default'].createElement(
27624
27683
  'button',
27625
- { type: 'button', className: 'search__results__tab-view' },
27684
+ {
27685
+ type: 'button',
27686
+ className: 'search__results__tab-view '.concat(activeTab === 'comparator' ? 'search__results__tab-view--active' : ''),
27687
+ onClick: function () {
27688
+ return handleSortChange('comparator');
27689
+ }
27690
+ },
27626
27691
  React__default['default'].createElement(Icon, { name: 'ui-comparator', height: 16 }),
27627
27692
  'Comparator'
27628
27693
  )
27629
27694
  );
27630
27695
  };
27631
27696
 
27632
- var FlightResults = function (_a) {
27633
- var isDeparture = _a.isDeparture;
27697
+ var HotelCard = function (_a) {
27698
+ var result = _a.result;
27699
+ return React__default['default'].createElement(
27700
+ 'div',
27701
+ {
27702
+ key: result.id,
27703
+ className: 'search__result-card__wrapper',
27704
+ onMouseEnter: function (e) {
27705
+ return (e.currentTarget.style.transform = 'scale(1.02)');
27706
+ },
27707
+ onMouseLeave: function (e) {
27708
+ return (e.currentTarget.style.transform = 'scale(1)');
27709
+ }
27710
+ },
27711
+ React__default['default'].createElement(
27712
+ 'div',
27713
+ { className: 'search__result-card__img-wrapper' },
27714
+ React__default['default'].createElement('img', { src: result.image, alt: result.title, className: 'search__result-card__img' }),
27715
+ React__default['default'].createElement(
27716
+ 'div',
27717
+ { className: 'search__result-card__price__wrapper' },
27718
+ React__default['default'].createElement('span', { className: 'search__result-card__price__label' }, 'Total price'),
27719
+ React__default['default'].createElement('span', { className: 'search__result-card__price' }, result.price)
27720
+ )
27721
+ ),
27722
+ React__default['default'].createElement(
27723
+ 'div',
27724
+ { className: 'search__result-card__content' },
27725
+ React__default['default'].createElement(
27726
+ 'div',
27727
+ { className: 'search__result-card__content__wrapper' },
27728
+ React__default['default'].createElement(
27729
+ 'div',
27730
+ { className: 'search__result-card__header' },
27731
+ React__default['default'].createElement(
27732
+ 'div',
27733
+ { className: 'search__result-card__header__wrapper' },
27734
+ result.stars &&
27735
+ React__default['default'].createElement(
27736
+ 'div',
27737
+ { className: 'rating' },
27738
+ __spreadArray([], Array(result.stars), true).map(function (_, index) {
27739
+ return React__default['default'].createElement(Icon, { name: 'ui-star', key: 'rating-star-'.concat(index + 1), width: 14, height: 14 });
27740
+ })
27741
+ ),
27742
+ React__default['default'].createElement('h3', { className: 'search__result-card__title' }, result.title)
27743
+ )
27744
+ ),
27745
+ React__default['default'].createElement(
27746
+ 'a',
27747
+ { className: 'search__result-card__location' },
27748
+ React__default['default'].createElement(Icon, { name: 'ui-location', height: 16 }),
27749
+ result.location
27750
+ ),
27751
+ React__default['default'].createElement(
27752
+ 'div',
27753
+ { className: 'search__result-card__options' },
27754
+ result.accommodation &&
27755
+ React__default['default'].createElement(
27756
+ 'div',
27757
+ { className: 'search__result-card__option' },
27758
+ React__default['default'].createElement(Icon, { name: 'ui-bed', height: 16 }),
27759
+ result.accommodation
27760
+ ),
27761
+ result.regime &&
27762
+ React__default['default'].createElement(
27763
+ 'div',
27764
+ { className: 'search__result-card__option' },
27765
+ React__default['default'].createElement(Icon, { name: 'ui-utensils', height: 16 }),
27766
+ result.regime
27767
+ )
27768
+ ),
27769
+ React__default['default'].createElement('p', { className: 'search__result-card__description' }, result.description)
27770
+ ),
27771
+ React__default['default'].createElement(
27772
+ 'div',
27773
+ { className: 'search__result-card__footer' },
27774
+ React__default['default'].createElement(
27775
+ 'button',
27776
+ {
27777
+ type: 'button',
27778
+ className: 'cta cta--select',
27779
+ onClick: function () {
27780
+ return console.log('Clicked on customCard with id:', result.id);
27781
+ }
27782
+ },
27783
+ result.ctaText
27784
+ )
27785
+ )
27786
+ )
27787
+ );
27788
+ };
27789
+
27790
+ var renderResults = function (results, context, cmsMap, activeTab) {
27791
+ var renderedResults = results.map(function (result, index) {
27792
+ var cmsItem = cmsMap.get(result.productId);
27793
+ var mappedResult = mapSearchResult(result, cmsItem);
27794
+ if (
27795
+ (context === null || context === void 0 ? void 0 : context.showCustomCards) &&
27796
+ (context === null || context === void 0 ? void 0 : context.customCardRenderer)
27797
+ ) {
27798
+ return React__default['default'].createElement(
27799
+ 'div',
27800
+ { key: ''.concat(mappedResult.id, '-').concat(index), className: 'search__result-card' },
27801
+ context.customCardRenderer(mappedResult)
27802
+ );
27803
+ }
27804
+ return React__default['default'].createElement(HotelCard, { key: ''.concat(mappedResult.id, '-').concat(index), result: mappedResult });
27805
+ });
27806
+ return React__default['default'].createElement(
27807
+ 'div',
27808
+ { className: 'search__results__cards '.concat(activeTab ? 'search__results__cards--'.concat(activeTab) : '') },
27809
+ renderedResults
27810
+ );
27811
+ };
27812
+ var mapSearchResult = function (searchResult, cmsItem) {
27813
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
27814
+ return {
27815
+ type: 'hotel',
27816
+ id: searchResult.code,
27817
+ title:
27818
+ ((_b = (_a = cmsItem === null || cmsItem === void 0 ? void 0 : cmsItem.content) === null || _a === void 0 ? void 0 : _a.general) === null || _b === void 0
27819
+ ? void 0
27820
+ : _b.title) || searchResult.name,
27821
+ image:
27822
+ (_e =
27823
+ (_d = (_c = cmsItem === null || cmsItem === void 0 ? void 0 : cmsItem.content) === null || _c === void 0 ? void 0 : _c.images) === null || _d === void 0
27824
+ ? void 0
27825
+ : _d.thumbnailPicture) === null || _e === void 0
27826
+ ? void 0
27827
+ : _e.url,
27828
+ description:
27829
+ ((_g = (_f = cmsItem === null || cmsItem === void 0 ? void 0 : cmsItem.content) === null || _f === void 0 ? void 0 : _f.descriptions) === null ||
27830
+ _g === void 0
27831
+ ? void 0
27832
+ : _g.introductionTitle) || '',
27833
+ location:
27834
+ searchResult.locationName && searchResult.countryName
27835
+ ? ''.concat(searchResult.locationName, ', ').concat(searchResult.countryName)
27836
+ : ((_h = cmsItem === null || cmsItem === void 0 ? void 0 : cmsItem.parentItem) === null || _h === void 0 ? void 0 : _h.name) || '',
27837
+ price: formatPrice(searchResult.price),
27838
+ ctaText: 'View details',
27839
+ days: calculateNights(searchResult.stayFromDate, searchResult.stayToDate),
27840
+ accommodation: searchResult.accommodationName,
27841
+ regime: searchResult.regimeName,
27842
+ stars:
27843
+ ((_k = (_j = cmsItem === null || cmsItem === void 0 ? void 0 : cmsItem.content) === null || _j === void 0 ? void 0 : _j.general) === null || _k === void 0
27844
+ ? void 0
27845
+ : _k.stars) || searchResult.hotelStars
27846
+ };
27847
+ };
27848
+ var formatPrice = function (price) {
27849
+ if (!price) {
27850
+ return 'Price unavailable';
27851
+ }
27852
+ return '$'.concat(Math.round(price).toLocaleString());
27853
+ };
27854
+ var calculateNights = function (fromDate, toDate) {
27855
+ var from = new Date(fromDate).getTime(); // returns a number
27856
+ var to = new Date(toDate).getTime(); // returns a number
27857
+ var diffTime = Math.abs(to - from);
27858
+ var diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
27859
+ return ''.concat(diffDays, ' nights');
27860
+ };
27861
+ var HotelAccommodationResults = function (_a) {
27862
+ var _b;
27863
+ var isLoading = _a.isLoading,
27864
+ context = _a.context;
27865
+ if (isLoading) {
27866
+ return React__default['default'].createElement(
27867
+ React__default['default'].Fragment,
27868
+ null,
27869
+ (_b = context === null || context === void 0 ? void 0 : context.customSpinner) !== null && _b !== void 0
27870
+ ? _b
27871
+ : React__default['default'].createElement(Spinner, null)
27872
+ );
27873
+ }
27874
+ var _c = reactRedux.useSelector(function (state) {
27875
+ return state.searchResults;
27876
+ }),
27877
+ results = _c.results,
27878
+ activeTab = _c.activeTab;
27879
+ if (!results.length) {
27880
+ return React__default['default'].createElement('div', { className: 'no-results' }, context.noResultsLabel || 'No results found.');
27881
+ }
27882
+ var cmsMap = React__default['default'].useMemo(
27883
+ function () {
27884
+ var _a;
27885
+ var map = new Map();
27886
+ (_a = context.cmsHotelData) === null || _a === void 0
27887
+ ? void 0
27888
+ : _a.forEach(function (item) {
27889
+ var _a, _b, _c;
27890
+ var id =
27891
+ (_c =
27892
+ (_b = (_a = item === null || item === void 0 ? void 0 : item.content) === null || _a === void 0 ? void 0 : _a.general) === null || _b === void 0
27893
+ ? void 0
27894
+ : _b.product) === null || _c === void 0
27895
+ ? void 0
27896
+ : _c.tideId;
27897
+ if (id) map.set(id, item);
27898
+ });
27899
+ return map;
27900
+ },
27901
+ [context.cmsHotelData]
27902
+ );
27903
+ var firstResult = results === null || results === void 0 ? void 0 : results[0];
27904
+ var firstResultDay = (firstResult === null || firstResult === void 0 ? void 0 : firstResult.fromDate)
27905
+ ? dateFns.format(dateFns.parseISO(firstResult.fromDate), 'd')
27906
+ : null;
27907
+ var firstResultMonth = (firstResult === null || firstResult === void 0 ? void 0 : firstResult.fromDate)
27908
+ ? dateFns.format(dateFns.parseISO(firstResult.fromDate), 'MMM')
27909
+ : null;
27634
27910
  return React__default['default'].createElement(
27635
27911
  React__default['default'].Fragment,
27636
27912
  null,
27637
27913
  React__default['default'].createElement(
27638
27914
  'div',
27639
- { className: 'search__results__label' },
27915
+ { className: 'search__results__label search__results__label--secondary' },
27640
27916
  React__default['default'].createElement(
27641
27917
  'div',
27642
27918
  { className: 'search__results__label__date' },
27643
- React__default['default'].createElement('p', { className: 'search__results__label__date-date' }, isDeparture ? '19' : '26'),
27644
- React__default['default'].createElement('p', null, 'Jan')
27919
+ React__default['default'].createElement('p', { className: 'search__results__label__date-date' }, firstResultDay),
27920
+ React__default['default'].createElement('p', null, firstResultMonth)
27645
27921
  ),
27646
27922
  React__default['default'].createElement(
27647
27923
  'div',
27648
27924
  { className: 'search__results__label__text' },
27649
- React__default['default'].createElement(
27650
- 'h3',
27651
- null,
27652
- 'Select ',
27653
- React__default['default'].createElement('strong', null, isDeparture ? 'Departure' : 'Return')
27654
- )
27925
+ React__default['default'].createElement('h3', null, 'Select ', React__default['default'].createElement('strong', null, 'Accommodation'))
27655
27926
  )
27656
27927
  ),
27657
- isDeparture &&
27928
+ renderResults(results, context, cmsMap, activeTab)
27929
+ );
27930
+ };
27931
+
27932
+ var RoundTripResults = function () {
27933
+ return React__default['default'].createElement(
27934
+ 'div',
27935
+ { className: 'search__results__cards search__results__cards--comparator' },
27936
+ React__default['default'].createElement(
27937
+ 'div',
27938
+ { className: 'search__result-card' },
27658
27939
  React__default['default'].createElement(
27659
27940
  'div',
27660
- { className: 'search__results__cards search__results__cards--extended' },
27941
+ { className: 'search__result-card__allotment' },
27661
27942
  React__default['default'].createElement(
27662
27943
  'div',
27663
- { className: 'flight' },
27944
+ { className: 'search__result-card__allotment__title__wrapper' },
27945
+ React__default['default'].createElement(
27946
+ 'h3',
27947
+ { className: 'search__result-card__allotment__title' },
27948
+ 'Rondreis Noord-India: Rajasthan',
27949
+ React__default['default'].createElement(
27950
+ 'span',
27951
+ { className: 'search__result-card__allotment__badge' },
27952
+ React__default['default'].createElement(Icon, { name: 'ui-circle-check', width: 14, height: 14 }),
27953
+ 'GAR'
27954
+ )
27955
+ ),
27664
27956
  React__default['default'].createElement(
27665
27957
  'div',
27666
- { className: 'flight__option' },
27958
+ { className: 'search__result-card__allotment__container' },
27667
27959
  React__default['default'].createElement(
27668
27960
  'div',
27669
- { className: 'flight__content' },
27961
+ { className: 'search__result-card__allotment__header' },
27670
27962
  React__default['default'].createElement(
27671
27963
  'div',
27672
- { className: 'flight__flights' },
27964
+ { className: 'search__result-card__allotment__wrapper' },
27673
27965
  React__default['default'].createElement(
27674
27966
  'div',
27675
- { className: 'flight__flight' },
27676
- React__default['default'].createElement(
27677
- 'div',
27678
- { className: 'flight__flight__header' },
27679
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
27680
- React__default['default'].createElement(
27681
- 'div',
27682
- { className: 'flight__price' },
27683
- React__default['default'].createElement('span', { className: 'price price--decrease' }),
27684
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--selected' }, 'Selected')
27685
- )
27686
- )
27687
- ),
27688
- React__default['default'].createElement(
27689
- 'div',
27690
- { className: 'flight__flight' },
27691
- React__default['default'].createElement(
27692
- 'div',
27693
- { className: 'flight__flight__container' },
27694
- React__default['default'].createElement(
27695
- 'div',
27696
- { className: 'flight__flight__wrapper' },
27697
- React__default['default'].createElement(
27698
- 'div',
27699
- { className: 'flight__logo__wrapper' },
27700
- React__default['default'].createElement('img', {
27701
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
27702
- alt: '',
27703
- className: 'flight__logo'
27704
- }),
27705
- React__default['default'].createElement('span', null, 'Example Airline')
27706
- ),
27707
- React__default['default'].createElement(
27708
- 'div',
27709
- { className: 'flight__info' },
27710
- React__default['default'].createElement(
27711
- 'div',
27712
- { className: 'flight__info__times' },
27713
- React__default['default'].createElement('strong', null, '08:30 JFK'),
27714
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27715
- ),
27716
- React__default['default'].createElement(
27717
- 'div',
27718
- { className: 'flight__info__duration' },
27719
- React__default['default'].createElement('p', null, '7h 45m'),
27720
- React__default['default'].createElement(
27721
- 'div',
27722
- { className: 'flight__info__duration__stops' },
27723
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
27724
- ),
27725
- React__default['default'].createElement('span', null, '1 stop')
27726
- ),
27727
- React__default['default'].createElement(
27728
- 'div',
27729
- { className: 'flight__info__times flight__info__times--arrival' },
27730
- React__default['default'].createElement('strong', null, '22:15 AMS'),
27731
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
27732
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
27733
- )
27734
- )
27735
- ),
27736
- React__default['default'].createElement(
27737
- 'div',
27738
- { className: 'flight__detail__btn__wrapper' },
27739
- React__default['default'].createElement(
27740
- 'div',
27741
- { className: 'flight__detail__btn' },
27742
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
27743
- )
27744
- )
27745
- ),
27746
- React__default['default'].createElement(
27747
- 'div',
27748
- { className: 'flight__detail' },
27749
- React__default['default'].createElement(
27750
- 'div',
27751
- { className: 'flight__info' },
27752
- React__default['default'].createElement(
27753
- 'div',
27754
- { className: 'flight__info__times__wrapper' },
27755
- React__default['default'].createElement(
27756
- 'div',
27757
- { className: 'flight__info__times' },
27758
- React__default['default'].createElement('p', null, '08:30'),
27759
- React__default['default'].createElement('strong', null, 'JFK'),
27760
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27761
- ),
27762
- React__default['default'].createElement(
27763
- 'div',
27764
- null,
27765
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
27766
- )
27767
- ),
27768
- React__default['default'].createElement(
27769
- 'div',
27770
- { className: 'flight__info__duration' },
27771
- React__default['default'].createElement('p', null, '6h 20m'),
27772
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
27773
- React__default['default'].createElement('span', null, 'Example Airline'),
27774
- React__default['default'].createElement('strong', null, 'EA123')
27775
- ),
27776
- React__default['default'].createElement(
27777
- 'div',
27778
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
27779
- React__default['default'].createElement(
27780
- 'div',
27781
- null,
27782
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
27783
- ),
27784
- React__default['default'].createElement(
27785
- 'div',
27786
- { className: 'flight__info__times flight__info__times--arrival' },
27787
- React__default['default'].createElement('p', null, '20:50'),
27788
- React__default['default'].createElement('strong', null, 'LHR'),
27789
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27790
- )
27791
- )
27792
- ),
27793
- React__default['default'].createElement(
27794
- 'div',
27795
- { className: 'flight__info' },
27796
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
27797
- React__default['default'].createElement(
27798
- 'div',
27799
- { className: 'flight__info__duration flight__info__duration--waittime' },
27800
- React__default['default'].createElement(
27801
- 'div',
27802
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
27803
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
27804
- ),
27805
- React__default['default'].createElement(
27806
- 'div',
27807
- { className: 'flight__info__duration__stoptime' },
27808
- React__default['default'].createElement('span', null, 'Stop time'),
27809
- React__default['default'].createElement('strong', null, '1h 15m')
27810
- )
27811
- ),
27812
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
27813
- ),
27814
- React__default['default'].createElement(
27815
- 'div',
27816
- { className: 'flight__info' },
27817
- React__default['default'].createElement(
27818
- 'div',
27819
- { className: 'flight__info__times__wrapper' },
27820
- React__default['default'].createElement(
27821
- 'div',
27822
- { className: 'flight__info__times' },
27823
- React__default['default'].createElement('p', null, '22:05'),
27824
- React__default['default'].createElement('strong', null, 'LHR'),
27825
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27826
- ),
27827
- React__default['default'].createElement(
27828
- 'div',
27829
- null,
27830
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
27831
- )
27832
- ),
27833
- React__default['default'].createElement(
27834
- 'div',
27835
- { className: 'flight__info__duration' },
27836
- React__default['default'].createElement('p', null, '1h 10m'),
27837
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
27838
- React__default['default'].createElement('span', null, 'Example Airline'),
27839
- React__default['default'].createElement('strong', null, 'EA456')
27840
- ),
27841
- React__default['default'].createElement(
27842
- 'div',
27843
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
27844
- React__default['default'].createElement(
27845
- 'div',
27846
- null,
27847
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
27848
- ),
27849
- React__default['default'].createElement(
27850
- 'div',
27851
- { className: 'flight__info__times flight__info__times--arrival' },
27852
- React__default['default'].createElement('p', null, '23:15'),
27853
- React__default['default'].createElement('strong', null, 'AMS'),
27854
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27855
- )
27856
- )
27857
- )
27858
- ),
27859
- React__default['default'].createElement('div', { className: 'flight__rate' })
27860
- )
27861
- )
27862
- )
27863
- )
27864
- ),
27865
- React__default['default'].createElement(
27866
- 'div',
27867
- { className: 'flight' },
27868
- React__default['default'].createElement(
27869
- 'div',
27870
- { className: 'flight__option' },
27871
- React__default['default'].createElement(
27872
- 'div',
27873
- { className: 'flight__content' },
27874
- React__default['default'].createElement(
27875
- 'div',
27876
- { className: 'flight__flights' },
27877
- React__default['default'].createElement(
27878
- 'div',
27879
- { className: 'flight__flight' },
27880
- React__default['default'].createElement(
27881
- 'div',
27882
- { className: 'flight__flight__header' },
27883
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
27884
- React__default['default'].createElement(
27885
- 'div',
27886
- { className: 'flight__price' },
27887
- React__default['default'].createElement('span', { className: 'price price--decrease' }, '- \u20AC 375,98'),
27888
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
27889
- )
27890
- )
27891
- ),
27892
- React__default['default'].createElement(
27893
- 'div',
27894
- { className: 'flight__flight' },
27895
- React__default['default'].createElement(
27896
- 'div',
27897
- { className: 'flight__flight__container' },
27898
- React__default['default'].createElement(
27899
- 'div',
27900
- { className: 'flight__flight__wrapper' },
27901
- React__default['default'].createElement(
27902
- 'div',
27903
- { className: 'flight__logo__wrapper' },
27904
- React__default['default'].createElement('img', {
27905
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
27906
- alt: '',
27907
- className: 'flight__logo'
27908
- }),
27909
- React__default['default'].createElement('span', null, 'Example Airline')
27910
- ),
27911
- React__default['default'].createElement(
27912
- 'div',
27913
- { className: 'flight__info' },
27914
- React__default['default'].createElement(
27915
- 'div',
27916
- { className: 'flight__info__times' },
27917
- React__default['default'].createElement('strong', null, '08:30 JFK'),
27918
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27919
- ),
27920
- React__default['default'].createElement(
27921
- 'div',
27922
- { className: 'flight__info__duration' },
27923
- React__default['default'].createElement('p', null, '7h 45m'),
27924
- React__default['default'].createElement(
27925
- 'div',
27926
- { className: 'flight__info__duration__stops' },
27927
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
27928
- ),
27929
- React__default['default'].createElement('span', null, '1 stop')
27930
- ),
27931
- React__default['default'].createElement(
27932
- 'div',
27933
- { className: 'flight__info__times flight__info__times--arrival' },
27934
- React__default['default'].createElement('strong', null, '22:15 AMS'),
27935
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
27936
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
27937
- )
27938
- )
27939
- ),
27940
- React__default['default'].createElement(
27941
- 'div',
27942
- { className: 'flight__detail__btn__wrapper' },
27943
- React__default['default'].createElement(
27944
- 'div',
27945
- { className: 'flight__detail__btn' },
27946
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
27947
- )
27948
- )
27949
- ),
27950
- React__default['default'].createElement(
27951
- 'div',
27952
- { className: 'flight__detail' },
27953
- React__default['default'].createElement(
27954
- 'div',
27955
- { className: 'flight__info' },
27956
- React__default['default'].createElement(
27957
- 'div',
27958
- { className: 'flight__info__times__wrapper' },
27959
- React__default['default'].createElement(
27960
- 'div',
27961
- { className: 'flight__info__times' },
27962
- React__default['default'].createElement('p', null, '08:30'),
27963
- React__default['default'].createElement('strong', null, 'JFK'),
27964
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27965
- ),
27966
- React__default['default'].createElement(
27967
- 'div',
27968
- null,
27969
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
27970
- )
27971
- ),
27972
- React__default['default'].createElement(
27973
- 'div',
27974
- { className: 'flight__info__duration' },
27975
- React__default['default'].createElement('p', null, '6h 20m'),
27976
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
27977
- React__default['default'].createElement('span', null, 'Example Airline'),
27978
- React__default['default'].createElement('strong', null, 'EA123')
27979
- ),
27980
- React__default['default'].createElement(
27981
- 'div',
27982
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
27983
- React__default['default'].createElement(
27984
- 'div',
27985
- null,
27986
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
27987
- ),
27988
- React__default['default'].createElement(
27989
- 'div',
27990
- { className: 'flight__info__times flight__info__times--arrival' },
27991
- React__default['default'].createElement('p', null, '20:50'),
27992
- React__default['default'].createElement('strong', null, 'LHR'),
27993
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27994
- )
27995
- )
27996
- ),
27997
- React__default['default'].createElement(
27998
- 'div',
27999
- { className: 'flight__info' },
28000
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
28001
- React__default['default'].createElement(
28002
- 'div',
28003
- { className: 'flight__info__duration flight__info__duration--waittime' },
28004
- React__default['default'].createElement(
28005
- 'div',
28006
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
28007
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
28008
- ),
28009
- React__default['default'].createElement(
28010
- 'div',
28011
- { className: 'flight__info__duration__stoptime' },
28012
- React__default['default'].createElement('span', null, 'Stop time'),
28013
- React__default['default'].createElement('strong', null, '1h 15m')
28014
- )
28015
- ),
28016
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
28017
- ),
28018
- React__default['default'].createElement(
28019
- 'div',
28020
- { className: 'flight__info' },
28021
- React__default['default'].createElement(
28022
- 'div',
28023
- { className: 'flight__info__times__wrapper' },
28024
- React__default['default'].createElement(
28025
- 'div',
28026
- { className: 'flight__info__times' },
28027
- React__default['default'].createElement('p', null, '22:05'),
28028
- React__default['default'].createElement('strong', null, 'LHR'),
28029
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28030
- ),
28031
- React__default['default'].createElement(
28032
- 'div',
28033
- null,
28034
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28035
- )
28036
- ),
28037
- React__default['default'].createElement(
28038
- 'div',
28039
- { className: 'flight__info__duration' },
28040
- React__default['default'].createElement('p', null, '1h 10m'),
28041
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28042
- React__default['default'].createElement('span', null, 'Example Airline'),
28043
- React__default['default'].createElement('strong', null, 'EA456')
28044
- ),
28045
- React__default['default'].createElement(
28046
- 'div',
28047
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28048
- React__default['default'].createElement(
28049
- 'div',
28050
- null,
28051
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28052
- ),
28053
- React__default['default'].createElement(
28054
- 'div',
28055
- { className: 'flight__info__times flight__info__times--arrival' },
28056
- React__default['default'].createElement('p', null, '23:15'),
28057
- React__default['default'].createElement('strong', null, 'AMS'),
28058
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28059
- )
28060
- )
28061
- )
28062
- ),
28063
- React__default['default'].createElement('div', { className: 'flight__rate' })
28064
- )
28065
- )
28066
- )
28067
- )
28068
- ),
28069
- React__default['default'].createElement(
28070
- 'div',
28071
- { className: 'flight' },
28072
- React__default['default'].createElement(
28073
- 'div',
28074
- { className: 'flight__option' },
28075
- React__default['default'].createElement(
28076
- 'div',
28077
- { className: 'flight__content' },
28078
- React__default['default'].createElement(
28079
- 'div',
28080
- { className: 'flight__flights' },
28081
- React__default['default'].createElement(
28082
- 'div',
28083
- { className: 'flight__flight' },
28084
- React__default['default'].createElement(
28085
- 'div',
28086
- { className: 'flight__flight__header' },
28087
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
28088
- React__default['default'].createElement(
28089
- 'div',
28090
- { className: 'flight__price' },
28091
- React__default['default'].createElement('span', { className: 'price price--decrease' }, '- \u20AC 375,98'),
28092
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
28093
- )
28094
- )
28095
- ),
28096
- React__default['default'].createElement(
28097
- 'div',
28098
- { className: 'flight__flight' },
28099
- React__default['default'].createElement(
28100
- 'div',
28101
- { className: 'flight__flight__container' },
28102
- React__default['default'].createElement(
28103
- 'div',
28104
- { className: 'flight__flight__wrapper' },
28105
- React__default['default'].createElement(
28106
- 'div',
28107
- { className: 'flight__logo__wrapper' },
28108
- React__default['default'].createElement('img', {
28109
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
28110
- alt: '',
28111
- className: 'flight__logo'
28112
- }),
28113
- React__default['default'].createElement('span', null, 'Example Airline')
28114
- ),
28115
- React__default['default'].createElement(
28116
- 'div',
28117
- { className: 'flight__info' },
28118
- React__default['default'].createElement(
28119
- 'div',
28120
- { className: 'flight__info__times' },
28121
- React__default['default'].createElement('strong', null, '08:30 JFK'),
28122
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28123
- ),
28124
- React__default['default'].createElement(
28125
- 'div',
28126
- { className: 'flight__info__duration' },
28127
- React__default['default'].createElement('p', null, '7h 45m'),
28128
- React__default['default'].createElement(
28129
- 'div',
28130
- { className: 'flight__info__duration__stops' },
28131
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
28132
- ),
28133
- React__default['default'].createElement('span', null, '1 stop')
28134
- ),
28135
- React__default['default'].createElement(
28136
- 'div',
28137
- { className: 'flight__info__times flight__info__times--arrival' },
28138
- React__default['default'].createElement('strong', null, '22:15 AMS'),
28139
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
28140
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
28141
- )
28142
- )
28143
- ),
28144
- React__default['default'].createElement(
28145
- 'div',
28146
- { className: 'flight__detail__btn__wrapper' },
28147
- React__default['default'].createElement(
28148
- 'div',
28149
- { className: 'flight__detail__btn' },
28150
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
28151
- )
28152
- )
28153
- ),
28154
- React__default['default'].createElement(
28155
- 'div',
28156
- { className: 'flight__detail' },
28157
- React__default['default'].createElement(
28158
- 'div',
28159
- { className: 'flight__info' },
28160
- React__default['default'].createElement(
28161
- 'div',
28162
- { className: 'flight__info__times__wrapper' },
28163
- React__default['default'].createElement(
28164
- 'div',
28165
- { className: 'flight__info__times' },
28166
- React__default['default'].createElement('p', null, '08:30'),
28167
- React__default['default'].createElement('strong', null, 'JFK'),
28168
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28169
- ),
28170
- React__default['default'].createElement(
28171
- 'div',
28172
- null,
28173
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28174
- )
28175
- ),
28176
- React__default['default'].createElement(
28177
- 'div',
28178
- { className: 'flight__info__duration' },
28179
- React__default['default'].createElement('p', null, '6h 20m'),
28180
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28181
- React__default['default'].createElement('span', null, 'Example Airline'),
28182
- React__default['default'].createElement('strong', null, 'EA123')
28183
- ),
28184
- React__default['default'].createElement(
28185
- 'div',
28186
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28187
- React__default['default'].createElement(
28188
- 'div',
28189
- null,
28190
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28191
- ),
28192
- React__default['default'].createElement(
28193
- 'div',
28194
- { className: 'flight__info__times flight__info__times--arrival' },
28195
- React__default['default'].createElement('p', null, '20:50'),
28196
- React__default['default'].createElement('strong', null, 'LHR'),
28197
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28198
- )
28199
- )
28200
- ),
28201
- React__default['default'].createElement(
28202
- 'div',
28203
- { className: 'flight__info' },
28204
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
28205
- React__default['default'].createElement(
28206
- 'div',
28207
- { className: 'flight__info__duration flight__info__duration--waittime' },
28208
- React__default['default'].createElement(
28209
- 'div',
28210
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
28211
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
28212
- ),
28213
- React__default['default'].createElement(
28214
- 'div',
28215
- { className: 'flight__info__duration__stoptime' },
28216
- React__default['default'].createElement('span', null, 'Stop time'),
28217
- React__default['default'].createElement('strong', null, '1h 15m')
28218
- )
28219
- ),
28220
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
28221
- ),
28222
- React__default['default'].createElement(
28223
- 'div',
28224
- { className: 'flight__info' },
28225
- React__default['default'].createElement(
28226
- 'div',
28227
- { className: 'flight__info__times__wrapper' },
28228
- React__default['default'].createElement(
28229
- 'div',
28230
- { className: 'flight__info__times' },
28231
- React__default['default'].createElement('p', null, '22:05'),
28232
- React__default['default'].createElement('strong', null, 'LHR'),
28233
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28234
- ),
28235
- React__default['default'].createElement(
28236
- 'div',
28237
- null,
28238
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28239
- )
28240
- ),
28241
- React__default['default'].createElement(
28242
- 'div',
28243
- { className: 'flight__info__duration' },
28244
- React__default['default'].createElement('p', null, '1h 10m'),
28245
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28246
- React__default['default'].createElement('span', null, 'Example Airline'),
28247
- React__default['default'].createElement('strong', null, 'EA456')
28248
- ),
28249
- React__default['default'].createElement(
28250
- 'div',
28251
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28252
- React__default['default'].createElement(
28253
- 'div',
28254
- null,
28255
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28256
- ),
28257
- React__default['default'].createElement(
28258
- 'div',
28259
- { className: 'flight__info__times flight__info__times--arrival' },
28260
- React__default['default'].createElement('p', null, '23:15'),
28261
- React__default['default'].createElement('strong', null, 'AMS'),
28262
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28263
- )
28264
- )
28265
- )
28266
- ),
28267
- React__default['default'].createElement('div', { className: 'flight__rate' })
28268
- )
28269
- )
28270
- )
28271
- )
28272
- ),
28273
- React__default['default'].createElement(
28274
- 'div',
28275
- { className: 'flight' },
28276
- React__default['default'].createElement(
28277
- 'div',
28278
- { className: 'flight__option' },
28279
- React__default['default'].createElement(
28280
- 'div',
28281
- { className: 'flight__content' },
28282
- React__default['default'].createElement(
28283
- 'div',
28284
- { className: 'flight__flights' },
28285
- React__default['default'].createElement(
28286
- 'div',
28287
- { className: 'flight__flight' },
28288
- React__default['default'].createElement(
28289
- 'div',
28290
- { className: 'flight__flight__header' },
28291
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
28292
- React__default['default'].createElement(
28293
- 'div',
28294
- { className: 'flight__price' },
28295
- React__default['default'].createElement('span', { className: 'price price--decrease' }, '- \u20AC 375,98'),
28296
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
28297
- )
28298
- )
28299
- ),
28300
- React__default['default'].createElement(
28301
- 'div',
28302
- { className: 'flight__flight' },
28303
- React__default['default'].createElement(
28304
- 'div',
28305
- { className: 'flight__flight__container' },
28306
- React__default['default'].createElement(
28307
- 'div',
28308
- { className: 'flight__flight__wrapper' },
28309
- React__default['default'].createElement(
28310
- 'div',
28311
- { className: 'flight__logo__wrapper' },
28312
- React__default['default'].createElement('img', {
28313
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
28314
- alt: '',
28315
- className: 'flight__logo'
28316
- }),
28317
- React__default['default'].createElement('span', null, 'Example Airline')
28318
- ),
28319
- React__default['default'].createElement(
28320
- 'div',
28321
- { className: 'flight__info' },
28322
- React__default['default'].createElement(
28323
- 'div',
28324
- { className: 'flight__info__times' },
28325
- React__default['default'].createElement('strong', null, '08:30 JFK'),
28326
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28327
- ),
28328
- React__default['default'].createElement(
28329
- 'div',
28330
- { className: 'flight__info__duration' },
28331
- React__default['default'].createElement('p', null, '7h 45m'),
28332
- React__default['default'].createElement(
28333
- 'div',
28334
- { className: 'flight__info__duration__stops' },
28335
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
28336
- ),
28337
- React__default['default'].createElement('span', null, '1 stop')
28338
- ),
28339
- React__default['default'].createElement(
28340
- 'div',
28341
- { className: 'flight__info__times flight__info__times--arrival' },
28342
- React__default['default'].createElement('strong', null, '22:15 AMS'),
28343
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
28344
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
28345
- )
28346
- )
28347
- ),
28348
- React__default['default'].createElement(
28349
- 'div',
28350
- { className: 'flight__detail__btn__wrapper' },
28351
- React__default['default'].createElement(
28352
- 'div',
28353
- { className: 'flight__detail__btn' },
28354
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
28355
- )
28356
- )
28357
- ),
28358
- React__default['default'].createElement(
28359
- 'div',
28360
- { className: 'flight__detail' },
28361
- React__default['default'].createElement(
28362
- 'div',
28363
- { className: 'flight__info' },
28364
- React__default['default'].createElement(
28365
- 'div',
28366
- { className: 'flight__info__times__wrapper' },
28367
- React__default['default'].createElement(
28368
- 'div',
28369
- { className: 'flight__info__times' },
28370
- React__default['default'].createElement('p', null, '08:30'),
28371
- React__default['default'].createElement('strong', null, 'JFK'),
28372
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28373
- ),
28374
- React__default['default'].createElement(
28375
- 'div',
28376
- null,
28377
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28378
- )
28379
- ),
28380
- React__default['default'].createElement(
28381
- 'div',
28382
- { className: 'flight__info__duration' },
28383
- React__default['default'].createElement('p', null, '6h 20m'),
28384
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28385
- React__default['default'].createElement('span', null, 'Example Airline'),
28386
- React__default['default'].createElement('strong', null, 'EA123')
28387
- ),
28388
- React__default['default'].createElement(
28389
- 'div',
28390
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28391
- React__default['default'].createElement(
28392
- 'div',
28393
- null,
28394
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28395
- ),
28396
- React__default['default'].createElement(
28397
- 'div',
28398
- { className: 'flight__info__times flight__info__times--arrival' },
28399
- React__default['default'].createElement('p', null, '20:50'),
28400
- React__default['default'].createElement('strong', null, 'LHR'),
28401
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28402
- )
28403
- )
28404
- ),
28405
- React__default['default'].createElement(
28406
- 'div',
28407
- { className: 'flight__info' },
28408
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
28409
- React__default['default'].createElement(
28410
- 'div',
28411
- { className: 'flight__info__duration flight__info__duration--waittime' },
28412
- React__default['default'].createElement(
28413
- 'div',
28414
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
28415
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
28416
- ),
28417
- React__default['default'].createElement(
28418
- 'div',
28419
- { className: 'flight__info__duration__stoptime' },
28420
- React__default['default'].createElement('span', null, 'Stop time'),
28421
- React__default['default'].createElement('strong', null, '1h 15m')
28422
- )
28423
- ),
28424
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
28425
- ),
28426
- React__default['default'].createElement(
28427
- 'div',
28428
- { className: 'flight__info' },
28429
- React__default['default'].createElement(
28430
- 'div',
28431
- { className: 'flight__info__times__wrapper' },
28432
- React__default['default'].createElement(
28433
- 'div',
28434
- { className: 'flight__info__times' },
28435
- React__default['default'].createElement('p', null, '22:05'),
28436
- React__default['default'].createElement('strong', null, 'LHR'),
28437
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28438
- ),
28439
- React__default['default'].createElement(
28440
- 'div',
28441
- null,
28442
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28443
- )
28444
- ),
28445
- React__default['default'].createElement(
28446
- 'div',
28447
- { className: 'flight__info__duration' },
28448
- React__default['default'].createElement('p', null, '1h 10m'),
28449
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28450
- React__default['default'].createElement('span', null, 'Example Airline'),
28451
- React__default['default'].createElement('strong', null, 'EA456')
28452
- ),
28453
- React__default['default'].createElement(
28454
- 'div',
28455
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28456
- React__default['default'].createElement(
28457
- 'div',
28458
- null,
28459
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28460
- ),
28461
- React__default['default'].createElement(
28462
- 'div',
28463
- { className: 'flight__info__times flight__info__times--arrival' },
28464
- React__default['default'].createElement('p', null, '23:15'),
28465
- React__default['default'].createElement('strong', null, 'AMS'),
28466
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28467
- )
28468
- )
28469
- )
28470
- ),
28471
- React__default['default'].createElement('div', { className: 'flight__rate' })
28472
- )
28473
- )
28474
- )
28475
- )
28476
- )
28477
- ),
28478
- !isDeparture &&
28479
- React__default['default'].createElement(
28480
- 'div',
28481
- { className: 'search__results__cards search__results__cards--extended' },
28482
- React__default['default'].createElement(
28483
- 'div',
28484
- { className: 'flight' },
28485
- React__default['default'].createElement(
28486
- 'div',
28487
- { className: 'flight__option' },
28488
- React__default['default'].createElement(
28489
- 'div',
28490
- { className: 'flight__content' },
28491
- React__default['default'].createElement(
28492
- 'div',
28493
- { className: 'flight__flights' },
28494
- React__default['default'].createElement(
28495
- 'div',
28496
- { className: 'flight__flight' },
28497
- React__default['default'].createElement(
28498
- 'div',
28499
- { className: 'flight__flight__header' },
28500
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
28501
- React__default['default'].createElement(
28502
- 'div',
28503
- { className: 'flight__price' },
28504
- React__default['default'].createElement('span', { className: 'price price--decrease' }),
28505
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--selected' }, 'Selected')
28506
- )
28507
- )
28508
- ),
28509
- React__default['default'].createElement(
28510
- 'div',
28511
- { className: 'flight__flight' },
28512
- React__default['default'].createElement(
28513
- 'div',
28514
- { className: 'flight__flight__container' },
28515
- React__default['default'].createElement(
28516
- 'div',
28517
- { className: 'flight__flight__wrapper' },
28518
- React__default['default'].createElement(
28519
- 'div',
28520
- { className: 'flight__logo__wrapper' },
28521
- React__default['default'].createElement('img', {
28522
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
28523
- alt: '',
28524
- className: 'flight__logo'
28525
- }),
28526
- React__default['default'].createElement('span', null, 'Example Airline')
28527
- ),
28528
- React__default['default'].createElement(
28529
- 'div',
28530
- { className: 'flight__info' },
28531
- React__default['default'].createElement(
28532
- 'div',
28533
- { className: 'flight__info__times' },
28534
- React__default['default'].createElement('strong', null, '08:30 JFK'),
28535
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28536
- ),
28537
- React__default['default'].createElement(
28538
- 'div',
28539
- { className: 'flight__info__duration' },
28540
- React__default['default'].createElement('p', null, '7h 45m'),
28541
- React__default['default'].createElement(
28542
- 'div',
28543
- { className: 'flight__info__duration__stops' },
28544
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
28545
- ),
28546
- React__default['default'].createElement('span', null, '1 stop')
28547
- ),
28548
- React__default['default'].createElement(
28549
- 'div',
28550
- { className: 'flight__info__times flight__info__times--arrival' },
28551
- React__default['default'].createElement('strong', null, '22:15 AMS'),
28552
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
28553
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
28554
- )
28555
- )
28556
- ),
28557
- React__default['default'].createElement(
28558
- 'div',
28559
- { className: 'flight__detail__btn__wrapper' },
28560
- React__default['default'].createElement(
28561
- 'div',
28562
- { className: 'flight__detail__btn' },
28563
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
28564
- )
28565
- )
28566
- ),
28567
- React__default['default'].createElement(
28568
- 'div',
28569
- { className: 'flight__detail' },
28570
- React__default['default'].createElement(
28571
- 'div',
28572
- { className: 'flight__info' },
28573
- React__default['default'].createElement(
28574
- 'div',
28575
- { className: 'flight__info__times__wrapper' },
28576
- React__default['default'].createElement(
28577
- 'div',
28578
- { className: 'flight__info__times' },
28579
- React__default['default'].createElement('p', null, '08:30'),
28580
- React__default['default'].createElement('strong', null, 'JFK'),
28581
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28582
- ),
28583
- React__default['default'].createElement(
28584
- 'div',
28585
- null,
28586
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28587
- )
28588
- ),
28589
- React__default['default'].createElement(
28590
- 'div',
28591
- { className: 'flight__info__duration' },
28592
- React__default['default'].createElement('p', null, '6h 20m'),
28593
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28594
- React__default['default'].createElement('span', null, 'Example Airline'),
28595
- React__default['default'].createElement('strong', null, 'EA123')
28596
- ),
28597
- React__default['default'].createElement(
28598
- 'div',
28599
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28600
- React__default['default'].createElement(
28601
- 'div',
28602
- null,
28603
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28604
- ),
28605
- React__default['default'].createElement(
28606
- 'div',
28607
- { className: 'flight__info__times flight__info__times--arrival' },
28608
- React__default['default'].createElement('p', null, '20:50'),
28609
- React__default['default'].createElement('strong', null, 'LHR'),
28610
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28611
- )
28612
- )
28613
- ),
28614
- React__default['default'].createElement(
28615
- 'div',
28616
- { className: 'flight__info' },
28617
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
28618
- React__default['default'].createElement(
28619
- 'div',
28620
- { className: 'flight__info__duration flight__info__duration--waittime' },
28621
- React__default['default'].createElement(
28622
- 'div',
28623
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
28624
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
28625
- ),
28626
- React__default['default'].createElement(
28627
- 'div',
28628
- { className: 'flight__info__duration__stoptime' },
28629
- React__default['default'].createElement('span', null, 'Stop time'),
28630
- React__default['default'].createElement('strong', null, '1h 15m')
28631
- )
28632
- ),
28633
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
28634
- ),
28635
- React__default['default'].createElement(
28636
- 'div',
28637
- { className: 'flight__info' },
28638
- React__default['default'].createElement(
28639
- 'div',
28640
- { className: 'flight__info__times__wrapper' },
28641
- React__default['default'].createElement(
28642
- 'div',
28643
- { className: 'flight__info__times' },
28644
- React__default['default'].createElement('p', null, '22:05'),
28645
- React__default['default'].createElement('strong', null, 'LHR'),
28646
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28647
- ),
28648
- React__default['default'].createElement(
28649
- 'div',
28650
- null,
28651
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28652
- )
28653
- ),
28654
- React__default['default'].createElement(
28655
- 'div',
28656
- { className: 'flight__info__duration' },
28657
- React__default['default'].createElement('p', null, '1h 10m'),
28658
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28659
- React__default['default'].createElement('span', null, 'Example Airline'),
28660
- React__default['default'].createElement('strong', null, 'EA456')
28661
- ),
28662
- React__default['default'].createElement(
28663
- 'div',
28664
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28665
- React__default['default'].createElement(
28666
- 'div',
28667
- null,
28668
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28669
- ),
28670
- React__default['default'].createElement(
28671
- 'div',
28672
- { className: 'flight__info__times flight__info__times--arrival' },
28673
- React__default['default'].createElement('p', null, '23:15'),
28674
- React__default['default'].createElement('strong', null, 'AMS'),
28675
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28676
- )
28677
- )
28678
- )
28679
- ),
28680
- React__default['default'].createElement('div', { className: 'flight__rate' })
28681
- )
28682
- )
28683
- )
28684
- )
28685
- ),
28686
- React__default['default'].createElement(
28687
- 'div',
28688
- { className: 'flight' },
28689
- React__default['default'].createElement(
28690
- 'div',
28691
- { className: 'flight__option' },
28692
- React__default['default'].createElement(
28693
- 'div',
28694
- { className: 'flight__content' },
28695
- React__default['default'].createElement(
28696
- 'div',
28697
- { className: 'flight__flights' },
28698
- React__default['default'].createElement(
28699
- 'div',
28700
- { className: 'flight__flight' },
28701
- React__default['default'].createElement(
28702
- 'div',
28703
- { className: 'flight__flight__header' },
28704
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
28705
- React__default['default'].createElement(
28706
- 'div',
28707
- { className: 'flight__price' },
28708
- React__default['default'].createElement('span', { className: 'price price--decrease' }, '- \u20AC 375,98'),
28709
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
28710
- )
28711
- )
28712
- ),
28713
- React__default['default'].createElement(
28714
- 'div',
28715
- { className: 'flight__flight' },
28716
- React__default['default'].createElement(
28717
- 'div',
28718
- { className: 'flight__flight__container' },
28719
- React__default['default'].createElement(
28720
- 'div',
28721
- { className: 'flight__flight__wrapper' },
28722
- React__default['default'].createElement(
28723
- 'div',
28724
- { className: 'flight__logo__wrapper' },
28725
- React__default['default'].createElement('img', {
28726
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
28727
- alt: '',
28728
- className: 'flight__logo'
28729
- }),
28730
- React__default['default'].createElement('span', null, 'Example Airline')
28731
- ),
28732
- React__default['default'].createElement(
28733
- 'div',
28734
- { className: 'flight__info' },
28735
- React__default['default'].createElement(
28736
- 'div',
28737
- { className: 'flight__info__times' },
28738
- React__default['default'].createElement('strong', null, '08:30 JFK'),
28739
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28740
- ),
28741
- React__default['default'].createElement(
28742
- 'div',
28743
- { className: 'flight__info__duration' },
28744
- React__default['default'].createElement('p', null, '7h 45m'),
28745
- React__default['default'].createElement(
28746
- 'div',
28747
- { className: 'flight__info__duration__stops' },
28748
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
28749
- ),
28750
- React__default['default'].createElement('span', null, '1 stop')
28751
- ),
28752
- React__default['default'].createElement(
28753
- 'div',
28754
- { className: 'flight__info__times flight__info__times--arrival' },
28755
- React__default['default'].createElement('strong', null, '22:15 AMS'),
28756
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
28757
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
28758
- )
28759
- )
28760
- ),
28761
- React__default['default'].createElement(
28762
- 'div',
28763
- { className: 'flight__detail__btn__wrapper' },
28764
- React__default['default'].createElement(
28765
- 'div',
28766
- { className: 'flight__detail__btn' },
28767
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
28768
- )
28769
- )
28770
- ),
28771
- React__default['default'].createElement(
28772
- 'div',
28773
- { className: 'flight__detail' },
28774
- React__default['default'].createElement(
28775
- 'div',
28776
- { className: 'flight__info' },
28777
- React__default['default'].createElement(
28778
- 'div',
28779
- { className: 'flight__info__times__wrapper' },
28780
- React__default['default'].createElement(
28781
- 'div',
28782
- { className: 'flight__info__times' },
28783
- React__default['default'].createElement('p', null, '08:30'),
28784
- React__default['default'].createElement('strong', null, 'JFK'),
28785
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28786
- ),
28787
- React__default['default'].createElement(
28788
- 'div',
28789
- null,
28790
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28791
- )
28792
- ),
28793
- React__default['default'].createElement(
28794
- 'div',
28795
- { className: 'flight__info__duration' },
28796
- React__default['default'].createElement('p', null, '6h 20m'),
28797
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28798
- React__default['default'].createElement('span', null, 'Example Airline'),
28799
- React__default['default'].createElement('strong', null, 'EA123')
28800
- ),
28801
- React__default['default'].createElement(
28802
- 'div',
28803
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28804
- React__default['default'].createElement(
28805
- 'div',
28806
- null,
28807
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28808
- ),
28809
- React__default['default'].createElement(
28810
- 'div',
28811
- { className: 'flight__info__times flight__info__times--arrival' },
28812
- React__default['default'].createElement('p', null, '20:50'),
28813
- React__default['default'].createElement('strong', null, 'LHR'),
28814
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28815
- )
28816
- )
28817
- ),
28818
- React__default['default'].createElement(
28819
- 'div',
28820
- { className: 'flight__info' },
28821
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
28822
- React__default['default'].createElement(
28823
- 'div',
28824
- { className: 'flight__info__duration flight__info__duration--waittime' },
28825
- React__default['default'].createElement(
28826
- 'div',
28827
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
28828
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
28829
- ),
28830
- React__default['default'].createElement(
28831
- 'div',
28832
- { className: 'flight__info__duration__stoptime' },
28833
- React__default['default'].createElement('span', null, 'Stop time'),
28834
- React__default['default'].createElement('strong', null, '1h 15m')
28835
- )
28836
- ),
28837
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
28838
- ),
28839
- React__default['default'].createElement(
28840
- 'div',
28841
- { className: 'flight__info' },
28842
- React__default['default'].createElement(
28843
- 'div',
28844
- { className: 'flight__info__times__wrapper' },
28845
- React__default['default'].createElement(
28846
- 'div',
28847
- { className: 'flight__info__times' },
28848
- React__default['default'].createElement('p', null, '22:05'),
28849
- React__default['default'].createElement('strong', null, 'LHR'),
28850
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28851
- ),
28852
- React__default['default'].createElement(
28853
- 'div',
28854
- null,
28855
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28856
- )
28857
- ),
28858
- React__default['default'].createElement(
28859
- 'div',
28860
- { className: 'flight__info__duration' },
28861
- React__default['default'].createElement('p', null, '1h 10m'),
28862
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28863
- React__default['default'].createElement('span', null, 'Example Airline'),
28864
- React__default['default'].createElement('strong', null, 'EA456')
28865
- ),
28866
- React__default['default'].createElement(
28867
- 'div',
28868
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28869
- React__default['default'].createElement(
28870
- 'div',
28871
- null,
28872
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28873
- ),
28874
- React__default['default'].createElement(
28875
- 'div',
28876
- { className: 'flight__info__times flight__info__times--arrival' },
28877
- React__default['default'].createElement('p', null, '23:15'),
28878
- React__default['default'].createElement('strong', null, 'AMS'),
28879
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28880
- )
28881
- )
28882
- )
28883
- ),
28884
- React__default['default'].createElement('div', { className: 'flight__rate' })
28885
- )
28886
- )
28887
- )
28888
- )
28889
- ),
28890
- React__default['default'].createElement(
28891
- 'div',
28892
- { className: 'flight' },
28893
- React__default['default'].createElement(
28894
- 'div',
28895
- { className: 'flight__option' },
28896
- React__default['default'].createElement(
28897
- 'div',
28898
- { className: 'flight__content' },
28899
- React__default['default'].createElement(
28900
- 'div',
28901
- { className: 'flight__flights' },
28902
- React__default['default'].createElement(
28903
- 'div',
28904
- { className: 'flight__flight' },
28905
- React__default['default'].createElement(
28906
- 'div',
28907
- { className: 'flight__flight__header' },
28908
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
28909
- React__default['default'].createElement(
28910
- 'div',
28911
- { className: 'flight__price' },
28912
- React__default['default'].createElement('span', { className: 'price price--decrease' }, '- \u20AC 375,98'),
28913
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
28914
- )
28915
- )
28916
- ),
28917
- React__default['default'].createElement(
28918
- 'div',
28919
- { className: 'flight__flight' },
28920
- React__default['default'].createElement(
28921
- 'div',
28922
- { className: 'flight__flight__container' },
28923
- React__default['default'].createElement(
28924
- 'div',
28925
- { className: 'flight__flight__wrapper' },
28926
- React__default['default'].createElement(
28927
- 'div',
28928
- { className: 'flight__logo__wrapper' },
28929
- React__default['default'].createElement('img', {
28930
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
28931
- alt: '',
28932
- className: 'flight__logo'
28933
- }),
28934
- React__default['default'].createElement('span', null, 'Example Airline')
28935
- ),
28936
- React__default['default'].createElement(
28937
- 'div',
28938
- { className: 'flight__info' },
28939
- React__default['default'].createElement(
28940
- 'div',
28941
- { className: 'flight__info__times' },
28942
- React__default['default'].createElement('strong', null, '08:30 JFK'),
28943
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28944
- ),
28945
- React__default['default'].createElement(
28946
- 'div',
28947
- { className: 'flight__info__duration' },
28948
- React__default['default'].createElement('p', null, '7h 45m'),
28949
- React__default['default'].createElement(
28950
- 'div',
28951
- { className: 'flight__info__duration__stops' },
28952
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
28953
- ),
28954
- React__default['default'].createElement('span', null, '1 stop')
28955
- ),
28956
- React__default['default'].createElement(
28957
- 'div',
28958
- { className: 'flight__info__times flight__info__times--arrival' },
28959
- React__default['default'].createElement('strong', null, '22:15 AMS'),
28960
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
28961
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
28962
- )
28963
- )
28964
- ),
28965
- React__default['default'].createElement(
28966
- 'div',
28967
- { className: 'flight__detail__btn__wrapper' },
28968
- React__default['default'].createElement(
28969
- 'div',
28970
- { className: 'flight__detail__btn' },
28971
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
28972
- )
28973
- )
28974
- ),
28975
- React__default['default'].createElement(
28976
- 'div',
28977
- { className: 'flight__detail' },
28978
- React__default['default'].createElement(
28979
- 'div',
28980
- { className: 'flight__info' },
28981
- React__default['default'].createElement(
28982
- 'div',
28983
- { className: 'flight__info__times__wrapper' },
28984
- React__default['default'].createElement(
28985
- 'div',
28986
- { className: 'flight__info__times' },
28987
- React__default['default'].createElement('p', null, '08:30'),
28988
- React__default['default'].createElement('strong', null, 'JFK'),
28989
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28990
- ),
28991
- React__default['default'].createElement(
28992
- 'div',
28993
- null,
28994
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28995
- )
28996
- ),
28997
- React__default['default'].createElement(
28998
- 'div',
28999
- { className: 'flight__info__duration' },
29000
- React__default['default'].createElement('p', null, '6h 20m'),
29001
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29002
- React__default['default'].createElement('span', null, 'Example Airline'),
29003
- React__default['default'].createElement('strong', null, 'EA123')
29004
- ),
29005
- React__default['default'].createElement(
29006
- 'div',
29007
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29008
- React__default['default'].createElement(
29009
- 'div',
29010
- null,
29011
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29012
- ),
29013
- React__default['default'].createElement(
29014
- 'div',
29015
- { className: 'flight__info__times flight__info__times--arrival' },
29016
- React__default['default'].createElement('p', null, '20:50'),
29017
- React__default['default'].createElement('strong', null, 'LHR'),
29018
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29019
- )
29020
- )
29021
- ),
29022
- React__default['default'].createElement(
29023
- 'div',
29024
- { className: 'flight__info' },
29025
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
29026
- React__default['default'].createElement(
29027
- 'div',
29028
- { className: 'flight__info__duration flight__info__duration--waittime' },
29029
- React__default['default'].createElement(
29030
- 'div',
29031
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
29032
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
29033
- ),
29034
- React__default['default'].createElement(
29035
- 'div',
29036
- { className: 'flight__info__duration__stoptime' },
29037
- React__default['default'].createElement('span', null, 'Stop time'),
29038
- React__default['default'].createElement('strong', null, '1h 15m')
29039
- )
29040
- ),
29041
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
29042
- ),
29043
- React__default['default'].createElement(
29044
- 'div',
29045
- { className: 'flight__info' },
29046
- React__default['default'].createElement(
29047
- 'div',
29048
- { className: 'flight__info__times__wrapper' },
29049
- React__default['default'].createElement(
29050
- 'div',
29051
- { className: 'flight__info__times' },
29052
- React__default['default'].createElement('p', null, '22:05'),
29053
- React__default['default'].createElement('strong', null, 'LHR'),
29054
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29055
- ),
29056
- React__default['default'].createElement(
29057
- 'div',
29058
- null,
29059
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29060
- )
29061
- ),
29062
- React__default['default'].createElement(
29063
- 'div',
29064
- { className: 'flight__info__duration' },
29065
- React__default['default'].createElement('p', null, '1h 10m'),
29066
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29067
- React__default['default'].createElement('span', null, 'Example Airline'),
29068
- React__default['default'].createElement('strong', null, 'EA456')
29069
- ),
29070
- React__default['default'].createElement(
29071
- 'div',
29072
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29073
- React__default['default'].createElement(
29074
- 'div',
29075
- null,
29076
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29077
- ),
29078
- React__default['default'].createElement(
29079
- 'div',
29080
- { className: 'flight__info__times flight__info__times--arrival' },
29081
- React__default['default'].createElement('p', null, '23:15'),
29082
- React__default['default'].createElement('strong', null, 'AMS'),
29083
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29084
- )
29085
- )
29086
- )
29087
- ),
29088
- React__default['default'].createElement('div', { className: 'flight__rate' })
29089
- )
29090
- )
29091
- )
29092
- )
29093
- ),
29094
- React__default['default'].createElement(
29095
- 'div',
29096
- { className: 'flight' },
29097
- React__default['default'].createElement(
29098
- 'div',
29099
- { className: 'flight__option' },
29100
- React__default['default'].createElement(
29101
- 'div',
29102
- { className: 'flight__content' },
29103
- React__default['default'].createElement(
29104
- 'div',
29105
- { className: 'flight__flights' },
29106
- React__default['default'].createElement(
29107
- 'div',
29108
- { className: 'flight__flight' },
29109
- React__default['default'].createElement(
29110
- 'div',
29111
- { className: 'flight__flight__header' },
29112
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
29113
- React__default['default'].createElement(
29114
- 'div',
29115
- { className: 'flight__price' },
29116
- React__default['default'].createElement('span', { className: 'price price--decrease' }, '- \u20AC 375,98'),
29117
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
29118
- )
29119
- )
29120
- ),
29121
- React__default['default'].createElement(
29122
- 'div',
29123
- { className: 'flight__flight' },
29124
- React__default['default'].createElement(
29125
- 'div',
29126
- { className: 'flight__flight__container' },
29127
- React__default['default'].createElement(
29128
- 'div',
29129
- { className: 'flight__flight__wrapper' },
29130
- React__default['default'].createElement(
29131
- 'div',
29132
- { className: 'flight__logo__wrapper' },
29133
- React__default['default'].createElement('img', {
29134
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
29135
- alt: '',
29136
- className: 'flight__logo'
29137
- }),
29138
- React__default['default'].createElement('span', null, 'Example Airline')
29139
- ),
29140
- React__default['default'].createElement(
29141
- 'div',
29142
- { className: 'flight__info' },
29143
- React__default['default'].createElement(
29144
- 'div',
29145
- { className: 'flight__info__times' },
29146
- React__default['default'].createElement('strong', null, '08:30 JFK'),
29147
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29148
- ),
29149
- React__default['default'].createElement(
29150
- 'div',
29151
- { className: 'flight__info__duration' },
29152
- React__default['default'].createElement('p', null, '7h 45m'),
29153
- React__default['default'].createElement(
29154
- 'div',
29155
- { className: 'flight__info__duration__stops' },
29156
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
29157
- ),
29158
- React__default['default'].createElement('span', null, '1 stop')
29159
- ),
29160
- React__default['default'].createElement(
29161
- 'div',
29162
- { className: 'flight__info__times flight__info__times--arrival' },
29163
- React__default['default'].createElement('strong', null, '22:15 AMS'),
29164
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
29165
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
29166
- )
29167
- )
29168
- ),
29169
- React__default['default'].createElement(
29170
- 'div',
29171
- { className: 'flight__detail__btn__wrapper' },
29172
- React__default['default'].createElement(
29173
- 'div',
29174
- { className: 'flight__detail__btn' },
29175
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
29176
- )
29177
- )
29178
- ),
29179
- React__default['default'].createElement(
29180
- 'div',
29181
- { className: 'flight__detail' },
29182
- React__default['default'].createElement(
29183
- 'div',
29184
- { className: 'flight__info' },
29185
- React__default['default'].createElement(
29186
- 'div',
29187
- { className: 'flight__info__times__wrapper' },
29188
- React__default['default'].createElement(
29189
- 'div',
29190
- { className: 'flight__info__times' },
29191
- React__default['default'].createElement('p', null, '08:30'),
29192
- React__default['default'].createElement('strong', null, 'JFK'),
29193
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29194
- ),
29195
- React__default['default'].createElement(
29196
- 'div',
29197
- null,
29198
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29199
- )
29200
- ),
29201
- React__default['default'].createElement(
29202
- 'div',
29203
- { className: 'flight__info__duration' },
29204
- React__default['default'].createElement('p', null, '6h 20m'),
29205
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29206
- React__default['default'].createElement('span', null, 'Example Airline'),
29207
- React__default['default'].createElement('strong', null, 'EA123')
29208
- ),
29209
- React__default['default'].createElement(
29210
- 'div',
29211
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29212
- React__default['default'].createElement(
29213
- 'div',
29214
- null,
29215
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29216
- ),
29217
- React__default['default'].createElement(
29218
- 'div',
29219
- { className: 'flight__info__times flight__info__times--arrival' },
29220
- React__default['default'].createElement('p', null, '20:50'),
29221
- React__default['default'].createElement('strong', null, 'LHR'),
29222
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29223
- )
29224
- )
29225
- ),
29226
- React__default['default'].createElement(
29227
- 'div',
29228
- { className: 'flight__info' },
29229
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
29230
- React__default['default'].createElement(
29231
- 'div',
29232
- { className: 'flight__info__duration flight__info__duration--waittime' },
29233
- React__default['default'].createElement(
29234
- 'div',
29235
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
29236
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
29237
- ),
29238
- React__default['default'].createElement(
29239
- 'div',
29240
- { className: 'flight__info__duration__stoptime' },
29241
- React__default['default'].createElement('span', null, 'Stop time'),
29242
- React__default['default'].createElement('strong', null, '1h 15m')
29243
- )
29244
- ),
29245
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
29246
- ),
29247
- React__default['default'].createElement(
29248
- 'div',
29249
- { className: 'flight__info' },
29250
- React__default['default'].createElement(
29251
- 'div',
29252
- { className: 'flight__info__times__wrapper' },
29253
- React__default['default'].createElement(
29254
- 'div',
29255
- { className: 'flight__info__times' },
29256
- React__default['default'].createElement('p', null, '22:05'),
29257
- React__default['default'].createElement('strong', null, 'LHR'),
29258
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29259
- ),
29260
- React__default['default'].createElement(
29261
- 'div',
29262
- null,
29263
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29264
- )
29265
- ),
29266
- React__default['default'].createElement(
29267
- 'div',
29268
- { className: 'flight__info__duration' },
29269
- React__default['default'].createElement('p', null, '1h 10m'),
29270
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29271
- React__default['default'].createElement('span', null, 'Example Airline'),
29272
- React__default['default'].createElement('strong', null, 'EA456')
29273
- ),
29274
- React__default['default'].createElement(
29275
- 'div',
29276
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29277
- React__default['default'].createElement(
29278
- 'div',
29279
- null,
29280
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29281
- ),
29282
- React__default['default'].createElement(
29283
- 'div',
29284
- { className: 'flight__info__times flight__info__times--arrival' },
29285
- React__default['default'].createElement('p', null, '23:15'),
29286
- React__default['default'].createElement('strong', null, 'AMS'),
29287
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29288
- )
29289
- )
29290
- )
29291
- ),
29292
- React__default['default'].createElement('div', { className: 'flight__rate' })
29293
- )
29294
- )
29295
- )
29296
- )
29297
- )
29298
- ),
29299
- React__default['default'].createElement(
29300
- 'div',
29301
- { className: 'search__results__options' },
29302
- React__default['default'].createElement('p', null, 'There are more transports at your disposal'),
29303
- React__default['default'].createElement('a', { href: '#' }, 'More options')
29304
- )
29305
- );
29306
- };
29307
-
29308
- var HotelCard = function (_a) {
29309
- var result = _a.result;
29310
- var context = React.useContext(SearchResultsConfigurationContext);
29311
- return React__default['default'].createElement(
29312
- 'div',
29313
- { className: 'search__result-card' },
29314
- React__default['default'].createElement(
29315
- 'div',
29316
- { className: 'search__result-card__wrapper' },
29317
- React__default['default'].createElement(
29318
- 'div',
29319
- { className: 'search__result-card__image-wrapper' },
29320
- React__default['default'].createElement('img', { src: result.image, alt: result.title, className: 'search__result-card__image' })
29321
- ),
29322
- React__default['default'].createElement(
29323
- 'div',
29324
- { className: 'search__result-card__content' },
29325
- result.location &&
29326
- React__default['default'].createElement(
29327
- 'div',
29328
- { className: 'search__result-card__location' },
29329
- React__default['default'].createElement(
29330
- 'svg',
29331
- { id: 'ui-marker', viewBox: '0 0 13.33 20' },
29332
- React__default['default'].createElement('path', {
29333
- d: 'M6.67,0A6.67,6.67,0,0,0,0,6.67,6.78,6.78,0,0,0,.8,9.84l5.5,10a.42.42,0,0,0,.57.16A.49.49,0,0,0,7,19.79l5.5-10A6.67,6.67,0,0,0,6.67,0Zm0,10A3.34,3.34,0,1,1,10,6.67,3.34,3.34,0,0,1,6.67,10Z',
29334
- transform: 'translate(0 0)'
29335
- })
29336
- ),
29337
- result.location
29338
- ),
29339
- React__default['default'].createElement('h3', { className: 'search__result-card__title' }, result.title),
29340
- result.description && React__default['default'].createElement('p', { className: 'search__result-card__description' }, result.description),
29341
- React__default['default'].createElement(
29342
- 'div',
29343
- { className: 'search__result-card__footer' },
29344
- React__default['default'].createElement('span', { className: 'search__result-card__price' }, result.price),
29345
- React__default['default'].createElement(
29346
- 'button',
29347
- {
29348
- className: 'search__result-card__button',
29349
- onClick: function () {
29350
- var _a;
29351
- return (_a = context === null || context === void 0 ? void 0 : context.onResultClick) === null || _a === void 0
29352
- ? void 0
29353
- : _a.call(context, result.id);
29354
- }
29355
- },
29356
- result.ctaText
29357
- )
29358
- )
29359
- )
29360
- )
29361
- );
29362
- };
29363
-
29364
- var mockedHotelResults = [
29365
- {
29366
- type: 'hotel',
29367
- id: 'HTFSWILLCARL',
29368
- title: 'HTFSWILLCARL',
29369
- image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
29370
- description: '2 persoons kamer',
29371
- location: 'Tenerif, Spanje',
29372
- price: '$2244',
29373
- ctaText: 'Bekijk details',
29374
- days: '7 nights',
29375
- flightInfo: null,
29376
- accommodation: null,
29377
- regime: null,
29378
- stars: 5
29379
- },
29380
- {
29381
- type: 'hotel',
29382
- id: 'HTFSSOFTROCK',
29383
- title: 'HTFSSOFTROCK',
29384
- image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
29385
- description: '3 persoons kamer',
29386
- location: 'Tenerif, Spanje',
29387
- price: '$2244',
29388
- ctaText: 'Bekijk details',
29389
- days: '7 nights',
29390
- flightInfo: null,
29391
- accommodation: null,
29392
- regime: null,
29393
- stars: 5
29394
- },
29395
- {
29396
- type: 'hotel',
29397
- id: 'HTFSROYGAR',
29398
- title: 'HTFSROYGAR',
29399
- image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
29400
- description: '4 persoons kamer',
29401
- location: 'Tenerif, Spanje',
29402
- price: '$2496',
29403
- ctaText: 'Bekijk details',
29404
- days: '7 nights',
29405
- flightInfo: null,
29406
- accommodation: null,
29407
- regime: null,
29408
- stars: 5
29409
- },
29410
- {
29411
- type: 'hotel',
29412
- id: 'HTFSCONBEL',
29413
- title: 'HTFSCONBEL',
29414
- image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
29415
- description: '5 persoons kamer',
29416
- location: 'Tenerif, Spanje',
29417
- price: '$6784.8',
29418
- ctaText: 'Bekijk details',
29419
- days: '7 nights',
29420
- flightInfo: null,
29421
- accommodation: null,
29422
- regime: null,
29423
- stars: 5
29424
- }
29425
- ];
29426
- var HotelAccommodationResults = function (_a) {
29427
- var _b;
29428
- var isLoading = _a.isLoading,
29429
- context = _a.context;
29430
- var renderResults = function (results) {
29431
- var renderedResults = results.map(function (result, index) {
29432
- if (
29433
- (context === null || context === void 0 ? void 0 : context.showCustomCards) &&
29434
- (context === null || context === void 0 ? void 0 : context.customCardRenderer)
29435
- ) {
29436
- return React__default['default'].createElement(
29437
- 'div',
29438
- { key: ''.concat(result.id, '-').concat(index), className: 'search__result-card' },
29439
- context.customCardRenderer(result)
29440
- );
29441
- }
29442
- return React__default['default'].createElement(HotelCard, { key: ''.concat(result.id, '-').concat(index), result: result });
29443
- });
29444
- return React__default['default'].createElement('div', { className: 'search__results__cards' }, renderedResults);
29445
- };
29446
- return React__default['default'].createElement(
29447
- React__default['default'].Fragment,
29448
- null,
29449
- React__default['default'].createElement(
29450
- 'div',
29451
- { className: 'search__results__label search__results__label--secondary' },
29452
- React__default['default'].createElement(
29453
- 'div',
29454
- { className: 'search__results__label__date' },
29455
- React__default['default'].createElement('p', { className: 'search__results__label__date-date' }, '19'),
29456
- React__default['default'].createElement('p', null, 'Jan')
29457
- ),
29458
- React__default['default'].createElement(
29459
- 'div',
29460
- { className: 'search__results__label__text' },
29461
- React__default['default'].createElement('h3', null, 'Select ', React__default['default'].createElement('strong', null, 'Accomodation'))
29462
- )
29463
- ),
29464
- isLoading
29465
- ? (_b = context.customSpinner) !== null && _b !== void 0
29466
- ? _b
29467
- : React__default['default'].createElement(Spinner, null)
29468
- : mockedHotelResults.length === 0
29469
- ? React__default['default'].createElement('div', { className: 'no-results' }, context.noResultsLabel || 'No results found.')
29470
- : renderResults(mockedHotelResults)
29471
- );
29472
- };
29473
-
29474
- var FlightAccommodationResults = function () {
29475
- return React__default['default'].createElement(
29476
- React__default['default'].Fragment,
29477
- null,
29478
- React__default['default'].createElement(
29479
- 'div',
29480
- { className: 'search__results__label search__results__label--secondary' },
29481
- React__default['default'].createElement(
29482
- 'div',
29483
- { className: 'search__results__label__date' },
29484
- React__default['default'].createElement('p', { className: 'search__results__label__date-date' }, '19'),
29485
- React__default['default'].createElement('p', null, 'Jan')
29486
- ),
29487
- React__default['default'].createElement(
29488
- 'div',
29489
- { className: 'search__results__label__text' },
29490
- React__default['default'].createElement('h3', null, 'Select ', React__default['default'].createElement('strong', null, 'Accomodation'))
29491
- )
29492
- ),
29493
- React__default['default'].createElement(
29494
- 'div',
29495
- { className: 'search__results__cards search__results__cards--extended' },
29496
- React__default['default'].createElement(
29497
- 'div',
29498
- { key: 1, className: 'search__result-card' },
29499
- React__default['default'].createElement(
29500
- 'div',
29501
- { className: 'flight' },
29502
- React__default['default'].createElement(
29503
- 'div',
29504
- { className: 'flight__option' },
29505
- React__default['default'].createElement(
29506
- 'div',
29507
- { className: 'flight__content' },
29508
- React__default['default'].createElement(
29509
- 'div',
29510
- { className: 'flight__flights' },
29511
- React__default['default'].createElement(
29512
- 'div',
29513
- { className: 'flight__flight' },
29514
- React__default['default'].createElement(
29515
- 'div',
29516
- { className: 'flight__flight__header' },
29517
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
29518
- React__default['default'].createElement(
29519
- 'div',
29520
- { className: 'flight__price' },
29521
- React__default['default'].createElement('span', { className: 'price price--increase' }, '- \u20AC 375,98'),
29522
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
29523
- )
29524
- )
29525
- ),
29526
- React__default['default'].createElement(
29527
- 'div',
29528
- { className: 'flight__flight' },
29529
- React__default['default'].createElement(
29530
- 'div',
29531
- { className: 'flight__flight__container' },
29532
- React__default['default'].createElement(
29533
- 'div',
29534
- { className: 'flight__flight__wrapper' },
29535
- React__default['default'].createElement(
29536
- 'div',
29537
- { className: 'flight__logo__wrapper' },
29538
- React__default['default'].createElement('img', {
29539
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
29540
- alt: '',
29541
- className: 'flight__logo'
29542
- }),
29543
- React__default['default'].createElement('span', null, 'Example Airline')
29544
- ),
29545
- React__default['default'].createElement(
29546
- 'div',
29547
- { className: 'flight__info' },
29548
- React__default['default'].createElement(
29549
- 'div',
29550
- { className: 'flight__info__times' },
29551
- React__default['default'].createElement('strong', null, '08:30 JFK'),
29552
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29553
- ),
29554
- React__default['default'].createElement(
29555
- 'div',
29556
- { className: 'flight__info__duration' },
29557
- React__default['default'].createElement('p', null, '7h 45m'),
29558
- React__default['default'].createElement(
29559
- 'div',
29560
- { className: 'flight__info__duration__stops' },
29561
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
29562
- ),
29563
- React__default['default'].createElement('span', null, '1 stop')
29564
- ),
29565
- React__default['default'].createElement(
29566
- 'div',
29567
- { className: 'flight__info__times flight__info__times--arrival' },
29568
- React__default['default'].createElement('strong', null, '22:15 AMS'),
29569
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
29570
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
29571
- )
29572
- )
29573
- ),
29574
- React__default['default'].createElement(
29575
- 'div',
29576
- { className: 'flight__detail__btn__wrapper' },
29577
- React__default['default'].createElement(
29578
- 'div',
29579
- { className: 'flight__detail__btn' },
29580
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
29581
- )
29582
- )
29583
- ),
29584
- React__default['default'].createElement(
29585
- 'div',
29586
- { className: 'flight__detail' },
29587
- React__default['default'].createElement(
29588
- 'div',
29589
- { className: 'flight__info' },
29590
- React__default['default'].createElement(
29591
- 'div',
29592
- { className: 'flight__info__times__wrapper' },
29593
- React__default['default'].createElement(
29594
- 'div',
29595
- { className: 'flight__info__times' },
29596
- React__default['default'].createElement('p', null, '08:30'),
29597
- React__default['default'].createElement('strong', null, 'JFK'),
29598
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29599
- ),
29600
- React__default['default'].createElement(
29601
- 'div',
29602
- null,
29603
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29604
- )
29605
- ),
29606
- React__default['default'].createElement(
29607
- 'div',
29608
- { className: 'flight__info__duration' },
29609
- React__default['default'].createElement('p', null, '6h 20m'),
29610
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29611
- React__default['default'].createElement('span', null, 'Example Airline'),
29612
- React__default['default'].createElement('strong', null, 'EA123')
29613
- ),
29614
- React__default['default'].createElement(
29615
- 'div',
29616
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29617
- React__default['default'].createElement(
29618
- 'div',
29619
- null,
29620
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29621
- ),
29622
- React__default['default'].createElement(
29623
- 'div',
29624
- { className: 'flight__info__times flight__info__times--arrival' },
29625
- React__default['default'].createElement('p', null, '20:50'),
29626
- React__default['default'].createElement('strong', null, 'LHR'),
29627
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29628
- )
29629
- )
29630
- ),
29631
- React__default['default'].createElement(
29632
- 'div',
29633
- { className: 'flight__info' },
29634
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
29635
- React__default['default'].createElement(
29636
- 'div',
29637
- { className: 'flight__info__duration flight__info__duration--waittime' },
29638
- React__default['default'].createElement(
29639
- 'div',
29640
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
29641
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
29642
- ),
29643
- React__default['default'].createElement(
29644
- 'div',
29645
- { className: 'flight__info__duration__stoptime' },
29646
- React__default['default'].createElement('span', null, 'Stop time'),
29647
- React__default['default'].createElement('strong', null, '1h 15m')
29648
- )
29649
- ),
29650
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
29651
- ),
29652
- React__default['default'].createElement(
29653
- 'div',
29654
- { className: 'flight__info' },
29655
- React__default['default'].createElement(
29656
- 'div',
29657
- { className: 'flight__info__times__wrapper' },
29658
- React__default['default'].createElement(
29659
- 'div',
29660
- { className: 'flight__info__times' },
29661
- React__default['default'].createElement('p', null, '22:05'),
29662
- React__default['default'].createElement('strong', null, 'LHR'),
29663
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29664
- ),
29665
- React__default['default'].createElement(
29666
- 'div',
29667
- null,
29668
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29669
- )
29670
- ),
29671
- React__default['default'].createElement(
29672
- 'div',
29673
- { className: 'flight__info__duration' },
29674
- React__default['default'].createElement('p', null, '1h 10m'),
29675
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29676
- React__default['default'].createElement('span', null, 'Example Airline'),
29677
- React__default['default'].createElement('strong', null, 'EA456')
29678
- ),
29679
- React__default['default'].createElement(
29680
- 'div',
29681
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29682
- React__default['default'].createElement(
29683
- 'div',
29684
- null,
29685
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29686
- ),
29687
- React__default['default'].createElement(
29688
- 'div',
29689
- { className: 'flight__info__times flight__info__times--arrival' },
29690
- React__default['default'].createElement('p', null, '23:15'),
29691
- React__default['default'].createElement('strong', null, 'AMS'),
29692
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29693
- )
29694
- )
29695
- )
29696
- ),
29697
- React__default['default'].createElement('div', { className: 'flight__rate' })
29698
- )
29699
- )
29700
- )
29701
- )
29702
- )
29703
- ),
29704
- React__default['default'].createElement(
29705
- 'div',
29706
- { key: 2, className: 'search__result-card' },
29707
- React__default['default'].createElement(
29708
- 'div',
29709
- { className: 'flight' },
29710
- React__default['default'].createElement(
29711
- 'div',
29712
- { className: 'flight__option' },
29713
- React__default['default'].createElement(
29714
- 'div',
29715
- { className: 'flight__content' },
29716
- React__default['default'].createElement(
29717
- 'div',
29718
- { className: 'flight__flights' },
29719
- React__default['default'].createElement(
29720
- 'div',
29721
- { className: 'flight__flight' },
29722
- React__default['default'].createElement(
29723
- 'div',
29724
- { className: 'flight__flight__header' },
29725
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
29726
- React__default['default'].createElement(
29727
- 'div',
29728
- { className: 'flight__price' },
29729
- React__default['default'].createElement('span', { className: 'price price--increase' }, '- \u20AC 375,98'),
29730
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
29731
- )
29732
- )
29733
- ),
29734
- React__default['default'].createElement(
29735
- 'div',
29736
- { className: 'flight__flight' },
29737
- React__default['default'].createElement(
29738
- 'div',
29739
- { className: 'flight__flight__container' },
29740
- React__default['default'].createElement(
29741
- 'div',
29742
- { className: 'flight__flight__wrapper' },
29743
- React__default['default'].createElement(
29744
- 'div',
29745
- { className: 'flight__logo__wrapper' },
29746
- React__default['default'].createElement('img', {
29747
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
29748
- alt: '',
29749
- className: 'flight__logo'
29750
- }),
29751
- React__default['default'].createElement('span', null, 'Example Airline')
29752
- ),
29753
- React__default['default'].createElement(
29754
- 'div',
29755
- { className: 'flight__info' },
29756
- React__default['default'].createElement(
29757
- 'div',
29758
- { className: 'flight__info__times' },
29759
- React__default['default'].createElement('strong', null, '08:30 JFK'),
29760
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29761
- ),
29762
- React__default['default'].createElement(
29763
- 'div',
29764
- { className: 'flight__info__duration' },
29765
- React__default['default'].createElement('p', null, '7h 45m'),
29766
- React__default['default'].createElement(
29767
- 'div',
29768
- { className: 'flight__info__duration__stops' },
29769
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
29770
- ),
29771
- React__default['default'].createElement('span', null, '1 stop')
29772
- ),
29773
- React__default['default'].createElement(
29774
- 'div',
29775
- { className: 'flight__info__times flight__info__times--arrival' },
29776
- React__default['default'].createElement('strong', null, '22:15 AMS'),
29777
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
29778
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
29779
- )
29780
- )
29781
- ),
29782
- React__default['default'].createElement(
29783
- 'div',
29784
- { className: 'flight__detail__btn__wrapper' },
29785
- React__default['default'].createElement(
29786
- 'div',
29787
- { className: 'flight__detail__btn' },
29788
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
29789
- )
29790
- )
29791
- ),
29792
- React__default['default'].createElement(
29793
- 'div',
29794
- { className: 'flight__detail' },
29795
- React__default['default'].createElement(
29796
- 'div',
29797
- { className: 'flight__info' },
29798
- React__default['default'].createElement(
29799
- 'div',
29800
- { className: 'flight__info__times__wrapper' },
29801
- React__default['default'].createElement(
29802
- 'div',
29803
- { className: 'flight__info__times' },
29804
- React__default['default'].createElement('p', null, '08:30'),
29805
- React__default['default'].createElement('strong', null, 'JFK'),
29806
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29807
- ),
29808
- React__default['default'].createElement(
29809
- 'div',
29810
- null,
29811
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29812
- )
29813
- ),
29814
- React__default['default'].createElement(
29815
- 'div',
29816
- { className: 'flight__info__duration' },
29817
- React__default['default'].createElement('p', null, '6h 20m'),
29818
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29819
- React__default['default'].createElement('span', null, 'Example Airline'),
29820
- React__default['default'].createElement('strong', null, 'EA123')
29821
- ),
29822
- React__default['default'].createElement(
29823
- 'div',
29824
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29825
- React__default['default'].createElement(
29826
- 'div',
29827
- null,
29828
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29829
- ),
29830
- React__default['default'].createElement(
29831
- 'div',
29832
- { className: 'flight__info__times flight__info__times--arrival' },
29833
- React__default['default'].createElement('p', null, '20:50'),
29834
- React__default['default'].createElement('strong', null, 'LHR'),
29835
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29836
- )
29837
- )
29838
- ),
29839
- React__default['default'].createElement(
29840
- 'div',
29841
- { className: 'flight__info' },
29842
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
29843
- React__default['default'].createElement(
29844
- 'div',
29845
- { className: 'flight__info__duration flight__info__duration--waittime' },
29846
- React__default['default'].createElement(
29847
- 'div',
29848
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
29849
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
29850
- ),
29851
- React__default['default'].createElement(
29852
- 'div',
29853
- { className: 'flight__info__duration__stoptime' },
29854
- React__default['default'].createElement('span', null, 'Stop time'),
29855
- React__default['default'].createElement('strong', null, '1h 15m')
29856
- )
29857
- ),
29858
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
29859
- ),
29860
- React__default['default'].createElement(
29861
- 'div',
29862
- { className: 'flight__info' },
29863
- React__default['default'].createElement(
29864
- 'div',
29865
- { className: 'flight__info__times__wrapper' },
29866
- React__default['default'].createElement(
29867
- 'div',
29868
- { className: 'flight__info__times' },
29869
- React__default['default'].createElement('p', null, '22:05'),
29870
- React__default['default'].createElement('strong', null, 'LHR'),
29871
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29872
- ),
29873
- React__default['default'].createElement(
29874
- 'div',
29875
- null,
29876
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29877
- )
29878
- ),
29879
- React__default['default'].createElement(
29880
- 'div',
29881
- { className: 'flight__info__duration' },
29882
- React__default['default'].createElement('p', null, '1h 10m'),
29883
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29884
- React__default['default'].createElement('span', null, 'Example Airline'),
29885
- React__default['default'].createElement('strong', null, 'EA456')
29886
- ),
29887
- React__default['default'].createElement(
29888
- 'div',
29889
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29890
- React__default['default'].createElement(
29891
- 'div',
29892
- null,
29893
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29894
- ),
29895
- React__default['default'].createElement(
29896
- 'div',
29897
- { className: 'flight__info__times flight__info__times--arrival' },
29898
- React__default['default'].createElement('p', null, '23:15'),
29899
- React__default['default'].createElement('strong', null, 'AMS'),
29900
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29901
- )
29902
- )
29903
- )
29904
- ),
29905
- React__default['default'].createElement('div', { className: 'flight__rate' })
29906
- )
29907
- )
29908
- )
29909
- )
29910
- )
29911
- ),
29912
- React__default['default'].createElement(
29913
- 'div',
29914
- { key: 3, className: 'search__result-card' },
29915
- React__default['default'].createElement(
29916
- 'div',
29917
- { className: 'flight' },
29918
- React__default['default'].createElement(
29919
- 'div',
29920
- { className: 'flight__option' },
29921
- React__default['default'].createElement(
29922
- 'div',
29923
- { className: 'flight__content' },
29924
- React__default['default'].createElement(
29925
- 'div',
29926
- { className: 'flight__flights' },
29927
- React__default['default'].createElement(
29928
- 'div',
29929
- { className: 'flight__flight' },
29930
- React__default['default'].createElement(
29931
- 'div',
29932
- { className: 'flight__flight__header' },
29933
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
29934
- React__default['default'].createElement(
29935
- 'div',
29936
- { className: 'flight__price' },
29937
- React__default['default'].createElement('span', { className: 'price price--increase' }, '- \u20AC 375,98'),
29938
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
29939
- )
29940
- )
29941
- ),
29942
- React__default['default'].createElement(
29943
- 'div',
29944
- { className: 'flight__flight' },
29945
- React__default['default'].createElement(
29946
- 'div',
29947
- { className: 'flight__flight__container' },
29948
- React__default['default'].createElement(
29949
- 'div',
29950
- { className: 'flight__flight__wrapper' },
29951
- React__default['default'].createElement(
29952
- 'div',
29953
- { className: 'flight__logo__wrapper' },
29954
- React__default['default'].createElement('img', {
29955
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
29956
- alt: '',
29957
- className: 'flight__logo'
29958
- }),
29959
- React__default['default'].createElement('span', null, 'Example Airline')
29960
- ),
29961
- React__default['default'].createElement(
29962
- 'div',
29963
- { className: 'flight__info' },
29964
- React__default['default'].createElement(
29965
- 'div',
29966
- { className: 'flight__info__times' },
29967
- React__default['default'].createElement('strong', null, '08:30 JFK'),
29968
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29969
- ),
29970
- React__default['default'].createElement(
29971
- 'div',
29972
- { className: 'flight__info__duration' },
29973
- React__default['default'].createElement('p', null, '7h 45m'),
29974
- React__default['default'].createElement(
29975
- 'div',
29976
- { className: 'flight__info__duration__stops' },
29977
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
29978
- ),
29979
- React__default['default'].createElement('span', null, '1 stop')
29980
- ),
29981
- React__default['default'].createElement(
29982
- 'div',
29983
- { className: 'flight__info__times flight__info__times--arrival' },
29984
- React__default['default'].createElement('strong', null, '22:15 AMS'),
29985
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
29986
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
29987
- )
29988
- )
29989
- ),
29990
- React__default['default'].createElement(
29991
- 'div',
29992
- { className: 'flight__detail__btn__wrapper' },
29993
- React__default['default'].createElement(
29994
- 'div',
29995
- { className: 'flight__detail__btn' },
29996
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
29997
- )
29998
- )
29999
- ),
30000
- React__default['default'].createElement(
30001
- 'div',
30002
- { className: 'flight__detail' },
30003
- React__default['default'].createElement(
30004
- 'div',
30005
- { className: 'flight__info' },
30006
- React__default['default'].createElement(
30007
- 'div',
30008
- { className: 'flight__info__times__wrapper' },
30009
- React__default['default'].createElement(
30010
- 'div',
30011
- { className: 'flight__info__times' },
30012
- React__default['default'].createElement('p', null, '08:30'),
30013
- React__default['default'].createElement('strong', null, 'JFK'),
30014
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30015
- ),
30016
- React__default['default'].createElement(
30017
- 'div',
30018
- null,
30019
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
30020
- )
30021
- ),
30022
- React__default['default'].createElement(
30023
- 'div',
30024
- { className: 'flight__info__duration' },
30025
- React__default['default'].createElement('p', null, '6h 20m'),
30026
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
30027
- React__default['default'].createElement('span', null, 'Example Airline'),
30028
- React__default['default'].createElement('strong', null, 'EA123')
30029
- ),
30030
- React__default['default'].createElement(
30031
- 'div',
30032
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
30033
- React__default['default'].createElement(
30034
- 'div',
30035
- null,
30036
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
30037
- ),
30038
- React__default['default'].createElement(
30039
- 'div',
30040
- { className: 'flight__info__times flight__info__times--arrival' },
30041
- React__default['default'].createElement('p', null, '20:50'),
30042
- React__default['default'].createElement('strong', null, 'LHR'),
30043
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30044
- )
30045
- )
30046
- ),
30047
- React__default['default'].createElement(
30048
- 'div',
30049
- { className: 'flight__info' },
30050
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
30051
- React__default['default'].createElement(
30052
- 'div',
30053
- { className: 'flight__info__duration flight__info__duration--waittime' },
30054
- React__default['default'].createElement(
30055
- 'div',
30056
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
30057
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
30058
- ),
30059
- React__default['default'].createElement(
30060
- 'div',
30061
- { className: 'flight__info__duration__stoptime' },
30062
- React__default['default'].createElement('span', null, 'Stop time'),
30063
- React__default['default'].createElement('strong', null, '1h 15m')
30064
- )
30065
- ),
30066
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
30067
- ),
30068
- React__default['default'].createElement(
30069
- 'div',
30070
- { className: 'flight__info' },
30071
- React__default['default'].createElement(
30072
- 'div',
30073
- { className: 'flight__info__times__wrapper' },
30074
- React__default['default'].createElement(
30075
- 'div',
30076
- { className: 'flight__info__times' },
30077
- React__default['default'].createElement('p', null, '22:05'),
30078
- React__default['default'].createElement('strong', null, 'LHR'),
30079
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30080
- ),
30081
- React__default['default'].createElement(
30082
- 'div',
30083
- null,
30084
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
30085
- )
30086
- ),
30087
- React__default['default'].createElement(
30088
- 'div',
30089
- { className: 'flight__info__duration' },
30090
- React__default['default'].createElement('p', null, '1h 10m'),
30091
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
30092
- React__default['default'].createElement('span', null, 'Example Airline'),
30093
- React__default['default'].createElement('strong', null, 'EA456')
30094
- ),
30095
- React__default['default'].createElement(
30096
- 'div',
30097
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
30098
- React__default['default'].createElement(
30099
- 'div',
30100
- null,
30101
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
30102
- ),
30103
- React__default['default'].createElement(
30104
- 'div',
30105
- { className: 'flight__info__times flight__info__times--arrival' },
30106
- React__default['default'].createElement('p', null, '23:15'),
30107
- React__default['default'].createElement('strong', null, 'AMS'),
30108
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30109
- )
30110
- )
30111
- )
30112
- ),
30113
- React__default['default'].createElement('div', { className: 'flight__rate' })
30114
- )
30115
- )
30116
- )
30117
- )
30118
- )
30119
- ),
30120
- React__default['default'].createElement(
30121
- 'div',
30122
- { key: 4, className: 'search__result-card' },
30123
- React__default['default'].createElement(
30124
- 'div',
30125
- { className: 'flight' },
30126
- React__default['default'].createElement(
30127
- 'div',
30128
- { className: 'flight__option' },
30129
- React__default['default'].createElement(
30130
- 'div',
30131
- { className: 'flight__content' },
30132
- React__default['default'].createElement(
30133
- 'div',
30134
- { className: 'flight__flights' },
30135
- React__default['default'].createElement(
30136
- 'div',
30137
- { className: 'flight__flight' },
30138
- React__default['default'].createElement(
30139
- 'div',
30140
- { className: 'flight__flight__header' },
30141
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
30142
- React__default['default'].createElement(
30143
- 'div',
30144
- { className: 'flight__price' },
30145
- React__default['default'].createElement('span', { className: 'price price--increase' }, '- \u20AC 375,98'),
30146
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
30147
- )
30148
- )
30149
- ),
30150
- React__default['default'].createElement(
30151
- 'div',
30152
- { className: 'flight__flight' },
30153
- React__default['default'].createElement(
30154
- 'div',
30155
- { className: 'flight__flight__container' },
30156
- React__default['default'].createElement(
30157
- 'div',
30158
- { className: 'flight__flight__wrapper' },
30159
- React__default['default'].createElement(
30160
- 'div',
30161
- { className: 'flight__logo__wrapper' },
30162
- React__default['default'].createElement('img', {
30163
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
30164
- alt: '',
30165
- className: 'flight__logo'
30166
- }),
30167
- React__default['default'].createElement('span', null, 'Example Airline')
30168
- ),
30169
- React__default['default'].createElement(
30170
- 'div',
30171
- { className: 'flight__info' },
30172
- React__default['default'].createElement(
30173
- 'div',
30174
- { className: 'flight__info__times' },
30175
- React__default['default'].createElement('strong', null, '08:30 JFK'),
30176
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30177
- ),
30178
- React__default['default'].createElement(
30179
- 'div',
30180
- { className: 'flight__info__duration' },
30181
- React__default['default'].createElement('p', null, '7h 45m'),
30182
- React__default['default'].createElement(
30183
- 'div',
30184
- { className: 'flight__info__duration__stops' },
30185
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
30186
- ),
30187
- React__default['default'].createElement('span', null, '1 stop')
30188
- ),
30189
- React__default['default'].createElement(
30190
- 'div',
30191
- { className: 'flight__info__times flight__info__times--arrival' },
30192
- React__default['default'].createElement('strong', null, '22:15 AMS'),
30193
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
30194
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
30195
- )
30196
- )
30197
- ),
30198
- React__default['default'].createElement(
30199
- 'div',
30200
- { className: 'flight__detail__btn__wrapper' },
30201
- React__default['default'].createElement(
30202
- 'div',
30203
- { className: 'flight__detail__btn' },
30204
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
30205
- )
30206
- )
30207
- ),
30208
- React__default['default'].createElement(
30209
- 'div',
30210
- { className: 'flight__detail' },
30211
- React__default['default'].createElement(
30212
- 'div',
30213
- { className: 'flight__info' },
30214
- React__default['default'].createElement(
30215
- 'div',
30216
- { className: 'flight__info__times__wrapper' },
30217
- React__default['default'].createElement(
30218
- 'div',
30219
- { className: 'flight__info__times' },
30220
- React__default['default'].createElement('p', null, '08:30'),
30221
- React__default['default'].createElement('strong', null, 'JFK'),
30222
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30223
- ),
30224
- React__default['default'].createElement(
30225
- 'div',
30226
- null,
30227
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
30228
- )
30229
- ),
30230
- React__default['default'].createElement(
30231
- 'div',
30232
- { className: 'flight__info__duration' },
30233
- React__default['default'].createElement('p', null, '6h 20m'),
30234
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
30235
- React__default['default'].createElement('span', null, 'Example Airline'),
30236
- React__default['default'].createElement('strong', null, 'EA123')
30237
- ),
30238
- React__default['default'].createElement(
30239
- 'div',
30240
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
30241
- React__default['default'].createElement(
30242
- 'div',
30243
- null,
30244
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
30245
- ),
30246
- React__default['default'].createElement(
30247
- 'div',
30248
- { className: 'flight__info__times flight__info__times--arrival' },
30249
- React__default['default'].createElement('p', null, '20:50'),
30250
- React__default['default'].createElement('strong', null, 'LHR'),
30251
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30252
- )
30253
- )
30254
- ),
30255
- React__default['default'].createElement(
30256
- 'div',
30257
- { className: 'flight__info' },
30258
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
30259
- React__default['default'].createElement(
30260
- 'div',
30261
- { className: 'flight__info__duration flight__info__duration--waittime' },
30262
- React__default['default'].createElement(
30263
- 'div',
30264
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
30265
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
30266
- ),
30267
- React__default['default'].createElement(
30268
- 'div',
30269
- { className: 'flight__info__duration__stoptime' },
30270
- React__default['default'].createElement('span', null, 'Stop time'),
30271
- React__default['default'].createElement('strong', null, '1h 15m')
30272
- )
30273
- ),
30274
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
30275
- ),
30276
- React__default['default'].createElement(
30277
- 'div',
30278
- { className: 'flight__info' },
30279
- React__default['default'].createElement(
30280
- 'div',
30281
- { className: 'flight__info__times__wrapper' },
30282
- React__default['default'].createElement(
30283
- 'div',
30284
- { className: 'flight__info__times' },
30285
- React__default['default'].createElement('p', null, '22:05'),
30286
- React__default['default'].createElement('strong', null, 'LHR'),
30287
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30288
- ),
30289
- React__default['default'].createElement(
30290
- 'div',
30291
- null,
30292
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
30293
- )
30294
- ),
30295
- React__default['default'].createElement(
30296
- 'div',
30297
- { className: 'flight__info__duration' },
30298
- React__default['default'].createElement('p', null, '1h 10m'),
30299
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
30300
- React__default['default'].createElement('span', null, 'Example Airline'),
30301
- React__default['default'].createElement('strong', null, 'EA456')
30302
- ),
30303
- React__default['default'].createElement(
30304
- 'div',
30305
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
30306
- React__default['default'].createElement(
30307
- 'div',
30308
- null,
30309
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
30310
- ),
30311
- React__default['default'].createElement(
30312
- 'div',
30313
- { className: 'flight__info__times flight__info__times--arrival' },
30314
- React__default['default'].createElement('p', null, '23:15'),
30315
- React__default['default'].createElement('strong', null, 'AMS'),
30316
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30317
- )
30318
- )
30319
- )
30320
- ),
30321
- React__default['default'].createElement('div', { className: 'flight__rate' })
30322
- )
30323
- )
30324
- )
30325
- )
30326
- )
30327
- )
30328
- )
30329
- );
30330
- };
30331
-
30332
- var RoundTripResults = function () {
30333
- return React__default['default'].createElement(
30334
- 'div',
30335
- { className: 'search__results__cards search__results__cards--comparator' },
30336
- React__default['default'].createElement(
30337
- 'div',
30338
- { className: 'search__result-card' },
30339
- React__default['default'].createElement(
30340
- 'div',
30341
- { className: 'search__result-card__allotment' },
30342
- React__default['default'].createElement(
30343
- 'div',
30344
- { className: 'search__result-card__allotment__title__wrapper' },
30345
- React__default['default'].createElement(
30346
- 'h3',
30347
- { className: 'search__result-card__allotment__title' },
30348
- 'Rondreis Noord-India: Rajasthan',
30349
- React__default['default'].createElement(
30350
- 'span',
30351
- { className: 'search__result-card__allotment__badge' },
30352
- React__default['default'].createElement(Icon, { name: 'ui-circle-check', width: 14, height: 14 }),
30353
- 'GAR'
30354
- )
30355
- ),
30356
- React__default['default'].createElement(
30357
- 'div',
30358
- { className: 'search__result-card__allotment__container' },
30359
- React__default['default'].createElement(
30360
- 'div',
30361
- { className: 'search__result-card__allotment__header' },
30362
- React__default['default'].createElement(
30363
- 'div',
30364
- { className: 'search__result-card__allotment__wrapper' },
30365
- React__default['default'].createElement(
30366
- 'div',
30367
- { className: 'search__result-card__allotment__date' },
30368
- React__default['default'].createElement(Icon, { name: 'ui-plane', height: 16 }),
30369
- React__default['default'].createElement('div', { className: 'search__result-card__allotment__date--from' }, '05-04-2026')
27967
+ { className: 'search__result-card__allotment__date' },
27968
+ React__default['default'].createElement(Icon, { name: 'ui-plane', height: 16 }),
27969
+ React__default['default'].createElement('div', { className: 'search__result-card__allotment__date--from' }, '05-04-2026')
30370
27970
  ),
30371
27971
  React__default['default'].createElement(
30372
27972
  'div',
@@ -30587,37 +28187,249 @@ var RoundTripResults = function () {
30587
28187
  );
30588
28188
  };
30589
28189
 
28190
+ var enrichFiltersWithResults = function (results, filters) {
28191
+ if (!results || results.length === 0 || !filters) {
28192
+ return filters !== null && filters !== void 0 ? filters : [];
28193
+ }
28194
+ for (var _i = 0, filters_1 = filters; _i < filters_1.length; _i++) {
28195
+ var filter = filters_1[_i];
28196
+ if (filter.property === 'price' && (filter.min == null || filter.max == null)) {
28197
+ var prices = results
28198
+ .map(function (r) {
28199
+ var _a;
28200
+ return (_a = r.price) !== null && _a !== void 0 ? _a : 0;
28201
+ })
28202
+ .filter(function (p) {
28203
+ return p > 0;
28204
+ });
28205
+ if (prices.length > 0) {
28206
+ filter.min = Math.floor(Math.min.apply(Math, prices));
28207
+ filter.max = Math.ceil(Math.max.apply(Math, prices));
28208
+ }
28209
+ }
28210
+ }
28211
+ return filters;
28212
+ };
28213
+
30590
28214
  var SearchResultsContainer = function () {
30591
- var _a, _b, _c, _d;
28215
+ var _a, _b, _c;
30592
28216
  var isMobile = useMediaQuery('(max-width: 1200px)');
30593
- reactRedux.useDispatch();
28217
+ var dispatch = reactRedux.useDispatch();
30594
28218
  var context = React.useContext(SearchResultsConfigurationContext);
30595
- var _e = reactRedux.useSelector(function (state) {
28219
+ var _d = reactRedux.useSelector(function (state) {
30596
28220
  return state.searchResults;
30597
28221
  }),
30598
- results = _e.results,
30599
- isLoading = _e.isLoading,
30600
- filters = _e.filters,
30601
- sortKey = _e.sortKey;
30602
- var _f = React.useState(0),
30603
- searchTrigger = _f[0],
30604
- setSearchTrigger = _f[1];
30605
- var _g = React.useState(false);
28222
+ results = _d.results,
28223
+ isLoading = _d.isLoading,
28224
+ filters = _d.filters,
28225
+ sortKey = _d.sortKey;
28226
+ var _e = React.useState(0),
28227
+ searchTrigger = _e[0],
28228
+ setSearchTrigger = _e[1];
28229
+ var _f = React.useState(false),
28230
+ initialFiltersSet = _f[0],
28231
+ setInitialFiltersSet = _f[1];
28232
+ var _g = React.useState([]);
30606
28233
  _g[0];
30607
- _g[1];
30608
- var _h = React.useState([]);
30609
- _h[0];
30610
- _h[1];
28234
+ var setInitialFilters = _g[1];
30611
28235
  React.useEffect(
30612
28236
  function () {
30613
- // nog statisch werken voorlopig
30614
- // runSearch();
28237
+ var runSearch = function () {
28238
+ return __awaiter(void 0, void 0, void 0, function () {
28239
+ var params,
28240
+ from,
28241
+ to,
28242
+ rooms,
28243
+ country,
28244
+ region,
28245
+ oord,
28246
+ city,
28247
+ destinationId,
28248
+ destinationIsCountry,
28249
+ destinationIsRegion,
28250
+ destinationIsOord,
28251
+ destinationIsLocation,
28252
+ searchRequest,
28253
+ config,
28254
+ packageSearchResults,
28255
+ enrichedFilters,
28256
+ err_1;
28257
+ var _a, _b, _c, _d;
28258
+ return __generator(this, function (_e) {
28259
+ switch (_e.label) {
28260
+ case 0:
28261
+ dispatch(setIsLoading(true));
28262
+ _e.label = 1;
28263
+ case 1:
28264
+ _e.trys.push([1, 3, , 4]);
28265
+ if (!context) {
28266
+ return [2 /*return*/];
28267
+ }
28268
+ params = new URLSearchParams(location.search);
28269
+ from = getDateFromParams(params, 'from');
28270
+ to = getDateFromParams(params, 'to');
28271
+ rooms = getRoomsFromParams(params, 'rooms');
28272
+ country = getNumberFromParams(params, 'country');
28273
+ region = getNumberFromParams(params, 'region');
28274
+ oord = getNumberFromParams(params, 'oord');
28275
+ city = getNumberFromParams(params, 'location');
28276
+ // temp hardcoded params
28277
+ if (!from || !to) {
28278
+ from = '2026-04-07';
28279
+ to = '2026-04-13';
28280
+ }
28281
+ if (!country && !region && !oord && !city) {
28282
+ region = 1;
28283
+ }
28284
+ if (typeof window !== 'undefined') {
28285
+ window.scrollTo(0, 0);
28286
+ }
28287
+ destinationId = null;
28288
+ destinationIsCountry = false;
28289
+ destinationIsRegion = false;
28290
+ destinationIsOord = false;
28291
+ destinationIsLocation = false;
28292
+ if (country) {
28293
+ destinationId = country;
28294
+ destinationIsCountry = true;
28295
+ } else if (region) {
28296
+ destinationId = region;
28297
+ destinationIsRegion = true;
28298
+ } else if (oord) {
28299
+ destinationId = oord;
28300
+ destinationIsOord = true;
28301
+ } else if (city) {
28302
+ destinationId = city;
28303
+ destinationIsLocation = true;
28304
+ }
28305
+ searchRequest = {
28306
+ officeId: 1,
28307
+ payload: {
28308
+ catalogueIds: context.tideConnection.catalogueIds,
28309
+ serviceType:
28310
+ (context === null || context === void 0 ? void 0 : context.type) === 'hotel' ||
28311
+ (context === null || context === void 0 ? void 0 : context.type) === 'hotel-flight'
28312
+ ? 3
28313
+ : (context === null || context === void 0 ? void 0 : context.type) === 'flight'
28314
+ ? 7
28315
+ : (context === null || context === void 0 ? void 0 : context.type) === 'roundTrip'
28316
+ ? 1
28317
+ : 0,
28318
+ searchType: 0,
28319
+ destination: {
28320
+ id: Number(destinationId),
28321
+ isCountry: destinationIsCountry,
28322
+ isRegion: destinationIsRegion,
28323
+ isOord: destinationIsOord,
28324
+ isLocation: destinationIsLocation
28325
+ },
28326
+ rooms: getRequestRooms(rooms),
28327
+ fromDate: from,
28328
+ toDate: to,
28329
+ earliestFromOffset: 0,
28330
+ latestToOffset: 0,
28331
+ includeFlights: true,
28332
+ regimeCodes:
28333
+ ((_b =
28334
+ (_a = filters.find(function (f) {
28335
+ return f.property === 'regime';
28336
+ })) === null || _a === void 0
28337
+ ? void 0
28338
+ : _a.options) === null || _b === void 0
28339
+ ? void 0
28340
+ : _b
28341
+ .filter(function (o) {
28342
+ return o.isChecked;
28343
+ })
28344
+ .flatMap(function (o) {
28345
+ return o.value;
28346
+ })) || [],
28347
+ minPrice:
28348
+ (_c = filters.find(function (f) {
28349
+ return f.property === 'price';
28350
+ })) === null || _c === void 0
28351
+ ? void 0
28352
+ : _c.selectedMin,
28353
+ maxPrice:
28354
+ (_d = filters.find(function (f) {
28355
+ return f.property === 'price';
28356
+ })) === null || _d === void 0
28357
+ ? void 0
28358
+ : _d.selectedMax,
28359
+ useExactDates: true,
28360
+ onlyCachedResults: false,
28361
+ includeAllAllotments: true
28362
+ }
28363
+ };
28364
+ config = {
28365
+ host: context.tideConnection.host,
28366
+ apiKey: context.tideConnection.apiKey
28367
+ };
28368
+ return [4 /*yield*/, build.search(config, searchRequest)];
28369
+ case 2:
28370
+ packageSearchResults = _e.sent();
28371
+ console.log('Search results', packageSearchResults);
28372
+ enrichedFilters = enrichFiltersWithResults(packageSearchResults, context.filters);
28373
+ if (!initialFiltersSet) {
28374
+ dispatch(resetFilters(enrichedFilters));
28375
+ setInitialFilters(enrichedFilters);
28376
+ setInitialFiltersSet(true);
28377
+ }
28378
+ dispatch(setResults({ results: packageSearchResults }));
28379
+ dispatch(setIsLoading(false));
28380
+ return [3 /*break*/, 4];
28381
+ case 3:
28382
+ err_1 = _e.sent();
28383
+ console.error('Search failed', err_1);
28384
+ dispatch(setIsLoading(false));
28385
+ return [3 /*break*/, 4];
28386
+ case 4:
28387
+ return [2 /*return*/];
28388
+ }
28389
+ });
28390
+ });
28391
+ };
28392
+ runSearch();
30615
28393
  },
30616
- [location.search, searchTrigger, sortKey]
28394
+ [location.search, searchTrigger]
30617
28395
  );
30618
- var _j = React.useState(false),
30619
- isMobileFiltersOpen = _j[0],
30620
- setIsMobileFiltersOpen = _j[1];
28396
+ var getRequestRooms = function (rooms) {
28397
+ if (!rooms) {
28398
+ // Fall back to 2 adults
28399
+ var room = { index: 0, pax: [] };
28400
+ lodash.range(0, 2).forEach(function () {
28401
+ room.pax.push({
28402
+ age: 30
28403
+ });
28404
+ });
28405
+ return [room];
28406
+ }
28407
+ var requestRooms =
28408
+ rooms === null || rooms === void 0
28409
+ ? void 0
28410
+ : rooms.map(function (x, i) {
28411
+ var room = { index: i, pax: [] };
28412
+ lodash.range(0, x.adults).forEach(function () {
28413
+ room.pax.push({
28414
+ age: 30
28415
+ });
28416
+ });
28417
+ x.childAges.forEach(function (x) {
28418
+ room.pax.push({
28419
+ age: x
28420
+ });
28421
+ });
28422
+ return room;
28423
+ });
28424
+ return requestRooms;
28425
+ };
28426
+ var _h = React.useState(false),
28427
+ isMobileFiltersOpen = _h[0],
28428
+ setIsMobileFiltersOpen = _h[1];
28429
+ var handleSortChange = function (newSortKey) {
28430
+ console.log('Sort changed to:', newSortKey);
28431
+ dispatch(setSortKey(newSortKey));
28432
+ };
30621
28433
  var handleSetIsMobileFiltersOpen = function () {
30622
28434
  setIsMobileFiltersOpen(!isMobileFiltersOpen);
30623
28435
  };
@@ -30629,30 +28441,27 @@ var SearchResultsContainer = function () {
30629
28441
  },
30630
28442
  [isMobileFiltersOpen]
30631
28443
  );
30632
- var getFilteredResults = function () {
30633
- var filteredResults = results.filter(function (result) {
30634
- // Apply frontend filters here
30635
- var _a;
30636
- var ratingFilter = filters.find(function (f) {
30637
- return f.property === 'rating' && f.selectedRating != null;
30638
- });
30639
- if (ratingFilter) {
30640
- var minRating = ratingFilter.selectedRating;
30641
- var hotelStars = (_a = result.stars) !== null && _a !== void 0 ? _a : 0;
30642
- if (hotelStars < minRating) {
30643
- return false;
30644
- }
30645
- }
30646
- // Add more frontend filters if needed
30647
- return true;
30648
- });
30649
- return filteredResults;
30650
- };
30651
- var Sorts = [{ label: 'Price: low to high' }, { label: 'Price: high to low' }, { label: 'Top rated' }];
30652
- var _k = React.useState(undefined),
30653
- selectedTravelClass = _k[0],
30654
- setSelectedTravelClass = _k[1];
30655
- console.log('SearchResultsContainer render', context);
28444
+ // const getFilteredResults = () => {
28445
+ // const filteredResults = results.filter((result) => {
28446
+ // // Apply frontend filters here
28447
+ // const ratingFilter = filters.find((f) => f.property === 'rating' && f.selectedRating != null);
28448
+ // if (ratingFilter) {
28449
+ // const minRating = ratingFilter.selectedRating!;
28450
+ // const hotelStars = result.stars ?? 0;
28451
+ // if (hotelStars < minRating) {
28452
+ // return false;
28453
+ // }
28454
+ // }
28455
+ // // Add more frontend filters if needed
28456
+ // return true;
28457
+ // });
28458
+ // return filteredResults;
28459
+ // };
28460
+ var sortingOptions = [
28461
+ { key: 'price-asc', label: 'Price: Low to High' },
28462
+ { key: 'price-desc', label: 'Price: High to Low' },
28463
+ { key: 'departure-date', label: 'Departure Date' }
28464
+ ];
30656
28465
  return React__default['default'].createElement(
30657
28466
  'div',
30658
28467
  { id: 'tide-booking', className: 'search__bg' },
@@ -30699,22 +28508,15 @@ var SearchResultsContainer = function () {
30699
28508
  React__default['default'].createElement(Icon, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
30700
28509
  (_a = context.translations) === null || _a === void 0 ? void 0 : _a.filters
30701
28510
  ),
30702
- context.sortingOptions &&
30703
- context.sortingOptions.length > 0 &&
30704
- // <select className="search__result-row-button" value={sortKey ?? ''} onChange={(e) => handleSortChange(e.target.value)}>
30705
- // {context.sortingOptions.map((opt) => (
30706
- // <option key={opt.key} value={opt.key}>
30707
- // {opt.label}
30708
- // </option>
30709
- // ))}
30710
- // </select>
28511
+ sortingOptions &&
28512
+ sortingOptions.length > 0 &&
30711
28513
  React__default['default'].createElement(ItemPicker, {
30712
- items: Sorts,
30713
- selection: selectedTravelClass,
30714
- label: 'Sorteren op',
30715
- placeholder: 'Sorteer',
28514
+ items: sortingOptions,
28515
+ selection: sortKey || undefined,
28516
+ label: 'Sort by',
28517
+ placeholder: 'Sort by',
30716
28518
  classModifier: 'travel-class-picker__items',
30717
- onPick: setSelectedTravelClass
28519
+ onPick: handleSortChange
30718
28520
  })
30719
28521
  ),
30720
28522
  React__default['default'].createElement(
@@ -30727,24 +28529,24 @@ var SearchResultsContainer = function () {
30727
28529
  React__default['default'].createElement(
30728
28530
  React__default['default'].Fragment,
30729
28531
  null,
30730
- (_c = (_b = getFilteredResults()) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 4,
28532
+ (_b = results === null || results === void 0 ? void 0 : results.length) !== null && _b !== void 0 ? _b : 4,
30731
28533
  ' ',
30732
- (_d = context.translations) === null || _d === void 0 ? void 0 : _d.totalResultsLabel
28534
+ (_c = context.translations) === null || _c === void 0 ? void 0 : _c.totalResultsLabel
30733
28535
  )
30734
28536
  ),
30735
28537
  !isMobile &&
30736
- context.sortingOptions &&
30737
- context.sortingOptions.length > 0 &&
28538
+ sortingOptions &&
28539
+ sortingOptions.length > 0 &&
30738
28540
  React__default['default'].createElement(
30739
28541
  'div',
30740
28542
  { className: 'search__result-row-filter' },
30741
28543
  React__default['default'].createElement(ItemPicker, {
30742
- items: Sorts,
30743
- selection: selectedTravelClass,
30744
- label: 'Sorteren op',
30745
- placeholder: 'Sorteer',
28544
+ items: sortingOptions,
28545
+ selection: sortKey || undefined,
28546
+ label: 'Sort by',
28547
+ placeholder: 'Sort by',
30746
28548
  classModifier: 'travel-class-picker__items',
30747
- onPick: setSelectedTravelClass
28549
+ onPick: handleSortChange
30748
28550
  })
30749
28551
  )
30750
28552
  ),
@@ -30753,11 +28555,8 @@ var SearchResultsContainer = function () {
30753
28555
  { className: 'search__results__wrapper' },
30754
28556
  context.showTabViews && React__default['default'].createElement(TabViews, null),
30755
28557
  context.showRoundTripResults && React__default['default'].createElement(RoundTripResults, null),
30756
- context.showFlightResults && React__default['default'].createElement(FlightResults, { isDeparture: true }),
30757
28558
  context.showHotelAccommodationResults &&
30758
- React__default['default'].createElement(HotelAccommodationResults, { isLoading: isLoading, context: context }),
30759
- context.showFlightAccommodationResults && React__default['default'].createElement(FlightAccommodationResults, null),
30760
- context.showFlightResults && React__default['default'].createElement(FlightResults, { isDeparture: false })
28559
+ React__default['default'].createElement(HotelAccommodationResults, { isLoading: isLoading, context: context })
30761
28560
  )
30762
28561
  )
30763
28562
  )