@qite/tide-booking-component 1.4.28 → 1.4.30

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 (30) hide show
  1. package/build/build-cjs/index.js +687 -2853
  2. package/build/build-cjs/qsm/store/qsm-slice.d.ts +0 -1
  3. package/build/build-cjs/search-results/store/search-results-slice.d.ts +6 -3
  4. package/build/build-cjs/search-results/types.d.ts +9 -12
  5. package/build/build-esm/index.js +683 -2656
  6. package/build/build-esm/qsm/store/qsm-slice.d.ts +0 -1
  7. package/build/build-esm/search-results/store/search-results-slice.d.ts +6 -3
  8. package/build/build-esm/search-results/types.d.ts +9 -12
  9. package/package.json +2 -3
  10. package/src/booking-product/components/dates.tsx +9 -4
  11. package/src/qsm/components/QSMContainer/qsm-container.tsx +63 -2
  12. package/src/qsm/components/item-picker/index.tsx +1 -13
  13. package/src/qsm/components/search-input-group/index.tsx +17 -8
  14. package/src/qsm/store/qsm-slice.ts +0 -1
  15. package/src/search-results/components/hotel/hotel-accommodation-results.tsx +78 -83
  16. package/src/search-results/components/hotel/hotel-card.tsx +54 -24
  17. package/src/search-results/components/icon.tsx +13 -0
  18. package/src/search-results/components/item-picker/index.tsx +5 -7
  19. package/src/search-results/components/search-results-container/search-results-container.tsx +72 -117
  20. package/src/search-results/components/tab-views/index.tsx +22 -3
  21. package/src/search-results/features/flights/flight-search-results-self-contained.tsx +0 -13
  22. package/src/search-results/features/hotels/hotel-flight-search-results-self-contained.tsx +1 -8
  23. package/src/search-results/features/hotels/hotel-search-results-self-contained.tsx +1 -14
  24. package/src/search-results/features/roundtrips/roundtrip-search-results-self-contained.tsx +1 -9
  25. package/src/search-results/store/search-results-slice.ts +11 -4
  26. package/src/search-results/types.ts +11 -16
  27. package/styles/components/_form.scss +51 -2
  28. package/styles/components/_passenger-picker.scss +3 -2
  29. package/styles/components/_qsm.scss +1 -1
  30. 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
  },
@@ -25325,11 +25338,7 @@ var ItemPicker$1 = function (_a) {
25325
25338
  var _b = React.useState(false),
25326
25339
  isDropdownOpen = _b[0],
25327
25340
  setIsDropdownOpen = _b[1];
25328
- var _c = React.useState('down'),
25329
- openDirection = _c[0],
25330
- setOpenDirection = _c[1];
25331
25341
  var dropdownRef = React.useRef(null);
25332
- var dropdownMenuRef = React.useRef(null);
25333
25342
  var toggleButtonRef = React.useRef(null);
25334
25343
  var handlePick = function (picked) {
25335
25344
  setIsDropdownOpen(false);
@@ -25346,19 +25355,6 @@ var ItemPicker$1 = function (_a) {
25346
25355
  document.removeEventListener('mousedown', handleClickOutside);
25347
25356
  };
25348
25357
  }, []);
25349
- React.useEffect(
25350
- function () {
25351
- var _a, _b;
25352
- if (isDropdownOpen && toggleButtonRef.current) {
25353
- var buttonRect = toggleButtonRef.current.getBoundingClientRect();
25354
- var spaceBelow = window.innerHeight - buttonRect.bottom;
25355
- var spaceAbove = buttonRect.top;
25356
- var dropdownHeight = (_b = (_a = dropdownMenuRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) !== null && _b !== void 0 ? _b : 16;
25357
- setOpenDirection(spaceBelow < dropdownHeight && spaceAbove > spaceBelow ? 'up' : 'down');
25358
- }
25359
- },
25360
- [isDropdownOpen]
25361
- );
25362
25358
  return React__default['default'].createElement(
25363
25359
  'div',
25364
25360
  { className: 'dropdown__input ' + classModifier },
@@ -25383,7 +25379,7 @@ var ItemPicker$1 = function (_a) {
25383
25379
  isDropdownOpen &&
25384
25380
  React__default['default'].createElement(
25385
25381
  'ul',
25386
- { className: 'dropdown-menu dropdown-menu--'.concat(openDirection), ref: dropdownMenuRef },
25382
+ { className: 'dropdown-menu' },
25387
25383
  items.map(function (_a) {
25388
25384
  var label = _a.label,
25389
25385
  icon = _a.icon;
@@ -25454,18 +25450,18 @@ var TravelNationalityPicker = function () {
25454
25450
  var QSMContainer = function () {
25455
25451
  var dispatch = reactRedux.useDispatch();
25456
25452
  var isMobile = useMediaQuery('(max-width: 768px)');
25457
- var _a = reactRedux.useSelector(function (state) {
25458
- return state.qsm;
25459
- }),
25460
- mobileFilterType = _a.mobileFilterType,
25461
- fromDate = _a.fromDate,
25462
- toDate = _a.toDate;
25463
- var _b = React.useContext(QSMConfigurationContext),
25464
- searchFields = _b.searchFields,
25465
- askTravelers = _b.askTravelers,
25466
- submitIcon = _b.submitIcon,
25467
- submitLabel = _b.submitLabel,
25468
- onSubmit = _b.onSubmit;
25453
+ var qsmState = reactRedux.useSelector(function (state) {
25454
+ return state.qsm;
25455
+ });
25456
+ var mobileFilterType = qsmState.mobileFilterType,
25457
+ fromDate = qsmState.fromDate,
25458
+ toDate = qsmState.toDate;
25459
+ var _a = React.useContext(QSMConfigurationContext),
25460
+ searchFields = _a.searchFields,
25461
+ askTravelers = _a.askTravelers,
25462
+ submitIcon = _a.submitIcon,
25463
+ submitLabel = _a.submitLabel,
25464
+ onSubmit = _a.onSubmit;
25469
25465
  React.useEffect(
25470
25466
  function () {
25471
25467
  if (fromDate || toDate) return;
@@ -25491,6 +25487,58 @@ var QSMContainer = function () {
25491
25487
  dispatch(setFromDate((_a = value.fromDate) === null || _a === void 0 ? void 0 : _a.toISOString()));
25492
25488
  dispatch(setToDate((_b = value.toDate) === null || _b === void 0 ? void 0 : _b.toISOString()));
25493
25489
  };
25490
+ var handleSubmit = function () {
25491
+ if (!onSubmit) return;
25492
+ var selectedOrigin = qsmState.selectedOrigin,
25493
+ selectedDestination = qsmState.selectedDestination,
25494
+ selectedAirport = qsmState.selectedAirport,
25495
+ fromDate = qsmState.fromDate,
25496
+ toDate = qsmState.toDate,
25497
+ travelers = qsmState.travelers,
25498
+ selectedTravelClass = qsmState.selectedTravelClass,
25499
+ selectedTravelType = qsmState.selectedTravelType,
25500
+ selectedNationality = qsmState.selectedNationality,
25501
+ adults = qsmState.adults,
25502
+ kids = qsmState.kids,
25503
+ babies = qsmState.babies,
25504
+ rooms = qsmState.rooms,
25505
+ selectedFlexRange = qsmState.selectedFlexRange,
25506
+ language = qsmState.language;
25507
+ var payload = {
25508
+ selectedOrigin: selectedOrigin,
25509
+ selectedDestination: selectedDestination,
25510
+ selectedAirport: selectedAirport,
25511
+ fromDate: fromDate,
25512
+ toDate: toDate,
25513
+ travelers: travelers,
25514
+ travelClass: selectedTravelClass,
25515
+ travelType: selectedTravelType,
25516
+ nationality: selectedNationality,
25517
+ adults: adults,
25518
+ kids: kids,
25519
+ babies: babies,
25520
+ rooms: rooms,
25521
+ dateFlexibility: selectedFlexRange,
25522
+ language: language
25523
+ };
25524
+ addSearchFieldsToPayload(payload, searchFields, qsmState);
25525
+ onSubmit(payload);
25526
+ };
25527
+ var addSearchFieldsToPayload = function (payload, fields, state) {
25528
+ fields.forEach(function (field) {
25529
+ if (field.type === 'single') {
25530
+ var key = field.fieldKey;
25531
+ payload[key] = state[key];
25532
+ }
25533
+ if (field.type === 'double' && field.fields) {
25534
+ // recursively add each nested field
25535
+ field.fields.forEach(function (nestedField) {
25536
+ var key = nestedField.fieldKey;
25537
+ payload[key] = state[key];
25538
+ });
25539
+ }
25540
+ });
25541
+ };
25494
25542
  return React__default['default'].createElement(
25495
25543
  'div',
25496
25544
  { className: 'qsm' },
@@ -25660,7 +25708,7 @@ var QSMContainer = function () {
25660
25708
  askTravelers && React__default['default'].createElement(TravelInputGroup, null),
25661
25709
  React__default['default'].createElement(
25662
25710
  'button',
25663
- { type: 'button', className: 'cta', onClick: onSubmit },
25711
+ { type: 'button', className: 'cta', onClick: handleSubmit },
25664
25712
  submitIcon && submitIcon.toString().length > 0 && React__default['default'].createElement('span', null, submitIcon),
25665
25713
  React__default['default'].createElement('span', null, submitLabel)
25666
25714
  )
@@ -25706,6 +25754,7 @@ var initialState = {
25706
25754
  isLoading: false,
25707
25755
  filters: [],
25708
25756
  sortKey: null,
25757
+ activeTab: 'compact',
25709
25758
  currentPage: 1
25710
25759
  };
25711
25760
  var searchResultsSlice = toolkit.createSlice({
@@ -25737,6 +25786,9 @@ var searchResultsSlice = toolkit.createSlice({
25737
25786
  setSortKey: function (state, action) {
25738
25787
  state.sortKey = action.payload;
25739
25788
  },
25789
+ setActiveTab: function (state, action) {
25790
+ state.activeTab = action.payload;
25791
+ },
25740
25792
  setCurrentPage: function (state, action) {
25741
25793
  state.currentPage = action.payload;
25742
25794
  },
@@ -25745,15 +25797,17 @@ var searchResultsSlice = toolkit.createSlice({
25745
25797
  state.isLoading = false;
25746
25798
  state.filters = [];
25747
25799
  state.sortKey = null;
25800
+ state.activeTab = 'compact';
25748
25801
  state.currentPage = 1;
25749
25802
  }
25750
25803
  }
25751
25804
  });
25752
- (_a = searchResultsSlice.actions), _a.setResults;
25753
- _a.setIsLoading;
25754
- var setFilters = _a.setFilters,
25755
- resetFilters = _a.resetFilters;
25756
- _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;
25757
25811
  _a.setCurrentPage;
25758
25812
  _a.resetSearchState;
25759
25813
  var searchResultsReducer = searchResultsSlice.reducer;
@@ -26041,6 +26095,27 @@ var Icon = function (_a) {
26041
26095
  fill: 'currentColor'
26042
26096
  })
26043
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
+ );
26044
26119
  case 'ui-flight':
26045
26120
  return React__default['default'].createElement(
26046
26121
  'svg',
@@ -27163,7 +27238,6 @@ var ItemPicker = function (_a) {
27163
27238
  placeholder = _a.placeholder,
27164
27239
  classModifier = _a.classModifier,
27165
27240
  onPick = _a.onPick;
27166
- var dispatch = reactRedux.useDispatch();
27167
27241
  var _b = React.useState(false),
27168
27242
  isDropdownOpen = _b[0],
27169
27243
  setIsDropdownOpen = _b[1];
@@ -27174,8 +27248,8 @@ var ItemPicker = function (_a) {
27174
27248
  var dropdownMenuRef = React.useRef(null);
27175
27249
  var toggleButtonRef = React.useRef(null);
27176
27250
  var handlePick = function (picked) {
27177
- dispatch(onPick(picked));
27178
27251
  setIsDropdownOpen(false);
27252
+ onPick(picked);
27179
27253
  };
27180
27254
  React.useEffect(function () {
27181
27255
  var handleClickOutside = function (event) {
@@ -27202,15 +27276,16 @@ var ItemPicker = function (_a) {
27202
27276
  [isDropdownOpen]
27203
27277
  );
27204
27278
  return React__default['default'].createElement(
27205
- 'label',
27279
+ 'div',
27206
27280
  { className: 'dropdown__input ' + classModifier },
27207
27281
  React__default['default'].createElement('span', { className: 'dropdown__label' }, label),
27208
27282
  React__default['default'].createElement(
27209
27283
  'div',
27210
- { className: 'dropdown' },
27284
+ { className: 'dropdown', ref: dropdownRef },
27211
27285
  React__default['default'].createElement(
27212
27286
  'button',
27213
27287
  {
27288
+ type: 'button',
27214
27289
  className: 'dropdown-toggle '.concat(isDropdownOpen ? 'dropdown-toggle--open' : ''),
27215
27290
  onClick: function () {
27216
27291
  return setIsDropdownOpen(function (prev) {
@@ -27570,2768 +27645,328 @@ var Itinerary = function (_a) {
27570
27645
  };
27571
27646
 
27572
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
+ };
27573
27655
  return React__default['default'].createElement(
27574
27656
  'div',
27575
27657
  { className: 'search__results__tab-views' },
27576
27658
  React__default['default'].createElement(
27577
27659
  'button',
27578
- { 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
+ },
27579
27667
  React__default['default'].createElement(Icon, { name: 'ui-extended', height: 16 }),
27580
27668
  'Extended'
27581
27669
  ),
27582
27670
  React__default['default'].createElement(
27583
27671
  'button',
27584
- { 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
+ },
27585
27679
  React__default['default'].createElement(Icon, { name: 'ui-compact', height: 16 }),
27586
27680
  'Compact'
27587
27681
  ),
27588
27682
  React__default['default'].createElement(
27589
27683
  'button',
27590
- { 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
+ },
27591
27691
  React__default['default'].createElement(Icon, { name: 'ui-comparator', height: 16 }),
27592
27692
  'Comparator'
27593
27693
  )
27594
27694
  );
27595
27695
  };
27596
27696
 
27597
- var FlightResults = function (_a) {
27598
- 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;
27599
27910
  return React__default['default'].createElement(
27600
27911
  React__default['default'].Fragment,
27601
27912
  null,
27602
27913
  React__default['default'].createElement(
27603
27914
  'div',
27604
- { className: 'search__results__label' },
27915
+ { className: 'search__results__label search__results__label--secondary' },
27605
27916
  React__default['default'].createElement(
27606
27917
  'div',
27607
27918
  { className: 'search__results__label__date' },
27608
- React__default['default'].createElement('p', { className: 'search__results__label__date-date' }, isDeparture ? '19' : '26'),
27609
- 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)
27610
27921
  ),
27611
27922
  React__default['default'].createElement(
27612
27923
  'div',
27613
27924
  { className: 'search__results__label__text' },
27614
- React__default['default'].createElement(
27615
- 'h3',
27616
- null,
27617
- 'Select ',
27618
- React__default['default'].createElement('strong', null, isDeparture ? 'Departure' : 'Return')
27619
- )
27925
+ React__default['default'].createElement('h3', null, 'Select ', React__default['default'].createElement('strong', null, 'Accommodation'))
27620
27926
  )
27621
27927
  ),
27622
- 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' },
27623
27939
  React__default['default'].createElement(
27624
27940
  'div',
27625
- { className: 'search__results__cards search__results__cards--extended' },
27941
+ { className: 'search__result-card__allotment' },
27626
27942
  React__default['default'].createElement(
27627
27943
  'div',
27628
- { 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
+ ),
27629
27956
  React__default['default'].createElement(
27630
27957
  'div',
27631
- { className: 'flight__option' },
27958
+ { className: 'search__result-card__allotment__container' },
27632
27959
  React__default['default'].createElement(
27633
27960
  'div',
27634
- { className: 'flight__content' },
27961
+ { className: 'search__result-card__allotment__header' },
27635
27962
  React__default['default'].createElement(
27636
27963
  'div',
27637
- { className: 'flight__flights' },
27964
+ { className: 'search__result-card__allotment__wrapper' },
27638
27965
  React__default['default'].createElement(
27639
27966
  'div',
27640
- { className: 'flight__flight' },
27641
- React__default['default'].createElement(
27642
- 'div',
27643
- { className: 'flight__flight__header' },
27644
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
27645
- React__default['default'].createElement(
27646
- 'div',
27647
- { className: 'flight__price' },
27648
- React__default['default'].createElement('span', { className: 'price price--decrease' }),
27649
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--selected' }, 'Selected')
27650
- )
27651
- )
27652
- ),
27653
- React__default['default'].createElement(
27654
- 'div',
27655
- { className: 'flight__flight' },
27656
- React__default['default'].createElement(
27657
- 'div',
27658
- { className: 'flight__flight__container' },
27659
- React__default['default'].createElement(
27660
- 'div',
27661
- { className: 'flight__flight__wrapper' },
27662
- React__default['default'].createElement(
27663
- 'div',
27664
- { className: 'flight__logo__wrapper' },
27665
- React__default['default'].createElement('img', {
27666
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
27667
- alt: '',
27668
- className: 'flight__logo'
27669
- }),
27670
- React__default['default'].createElement('span', null, 'Example Airline')
27671
- ),
27672
- React__default['default'].createElement(
27673
- 'div',
27674
- { className: 'flight__info' },
27675
- React__default['default'].createElement(
27676
- 'div',
27677
- { className: 'flight__info__times' },
27678
- React__default['default'].createElement('strong', null, '08:30 JFK'),
27679
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27680
- ),
27681
- React__default['default'].createElement(
27682
- 'div',
27683
- { className: 'flight__info__duration' },
27684
- React__default['default'].createElement('p', null, '7h 45m'),
27685
- React__default['default'].createElement(
27686
- 'div',
27687
- { className: 'flight__info__duration__stops' },
27688
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
27689
- ),
27690
- React__default['default'].createElement('span', null, '1 stop')
27691
- ),
27692
- React__default['default'].createElement(
27693
- 'div',
27694
- { className: 'flight__info__times flight__info__times--arrival' },
27695
- React__default['default'].createElement('strong', null, '22:15 AMS'),
27696
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
27697
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
27698
- )
27699
- )
27700
- ),
27701
- React__default['default'].createElement(
27702
- 'div',
27703
- { className: 'flight__detail__btn__wrapper' },
27704
- React__default['default'].createElement(
27705
- 'div',
27706
- { className: 'flight__detail__btn' },
27707
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
27708
- )
27709
- )
27710
- ),
27711
- React__default['default'].createElement(
27712
- 'div',
27713
- { className: 'flight__detail' },
27714
- React__default['default'].createElement(
27715
- 'div',
27716
- { className: 'flight__info' },
27717
- React__default['default'].createElement(
27718
- 'div',
27719
- { className: 'flight__info__times__wrapper' },
27720
- React__default['default'].createElement(
27721
- 'div',
27722
- { className: 'flight__info__times' },
27723
- React__default['default'].createElement('p', null, '08:30'),
27724
- React__default['default'].createElement('strong', null, 'JFK'),
27725
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27726
- ),
27727
- React__default['default'].createElement(
27728
- 'div',
27729
- null,
27730
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
27731
- )
27732
- ),
27733
- React__default['default'].createElement(
27734
- 'div',
27735
- { className: 'flight__info__duration' },
27736
- React__default['default'].createElement('p', null, '6h 20m'),
27737
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
27738
- React__default['default'].createElement('span', null, 'Example Airline'),
27739
- React__default['default'].createElement('strong', null, 'EA123')
27740
- ),
27741
- React__default['default'].createElement(
27742
- 'div',
27743
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
27744
- React__default['default'].createElement(
27745
- 'div',
27746
- null,
27747
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
27748
- ),
27749
- React__default['default'].createElement(
27750
- 'div',
27751
- { className: 'flight__info__times flight__info__times--arrival' },
27752
- React__default['default'].createElement('p', null, '20:50'),
27753
- React__default['default'].createElement('strong', null, 'LHR'),
27754
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27755
- )
27756
- )
27757
- ),
27758
- React__default['default'].createElement(
27759
- 'div',
27760
- { className: 'flight__info' },
27761
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
27762
- React__default['default'].createElement(
27763
- 'div',
27764
- { className: 'flight__info__duration flight__info__duration--waittime' },
27765
- React__default['default'].createElement(
27766
- 'div',
27767
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
27768
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
27769
- ),
27770
- React__default['default'].createElement(
27771
- 'div',
27772
- { className: 'flight__info__duration__stoptime' },
27773
- React__default['default'].createElement('span', null, 'Stop time'),
27774
- React__default['default'].createElement('strong', null, '1h 15m')
27775
- )
27776
- ),
27777
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
27778
- ),
27779
- React__default['default'].createElement(
27780
- 'div',
27781
- { className: 'flight__info' },
27782
- React__default['default'].createElement(
27783
- 'div',
27784
- { className: 'flight__info__times__wrapper' },
27785
- React__default['default'].createElement(
27786
- 'div',
27787
- { className: 'flight__info__times' },
27788
- React__default['default'].createElement('p', null, '22:05'),
27789
- React__default['default'].createElement('strong', null, 'LHR'),
27790
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27791
- ),
27792
- React__default['default'].createElement(
27793
- 'div',
27794
- null,
27795
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
27796
- )
27797
- ),
27798
- React__default['default'].createElement(
27799
- 'div',
27800
- { className: 'flight__info__duration' },
27801
- React__default['default'].createElement('p', null, '1h 10m'),
27802
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
27803
- React__default['default'].createElement('span', null, 'Example Airline'),
27804
- React__default['default'].createElement('strong', null, 'EA456')
27805
- ),
27806
- React__default['default'].createElement(
27807
- 'div',
27808
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
27809
- React__default['default'].createElement(
27810
- 'div',
27811
- null,
27812
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
27813
- ),
27814
- React__default['default'].createElement(
27815
- 'div',
27816
- { className: 'flight__info__times flight__info__times--arrival' },
27817
- React__default['default'].createElement('p', null, '23:15'),
27818
- React__default['default'].createElement('strong', null, 'AMS'),
27819
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27820
- )
27821
- )
27822
- )
27823
- ),
27824
- React__default['default'].createElement('div', { className: 'flight__rate' })
27825
- )
27826
- )
27827
- )
27828
- )
27829
- ),
27830
- React__default['default'].createElement(
27831
- 'div',
27832
- { className: 'flight' },
27833
- React__default['default'].createElement(
27834
- 'div',
27835
- { className: 'flight__option' },
27836
- React__default['default'].createElement(
27837
- 'div',
27838
- { className: 'flight__content' },
27839
- React__default['default'].createElement(
27840
- 'div',
27841
- { className: 'flight__flights' },
27842
- React__default['default'].createElement(
27843
- 'div',
27844
- { className: 'flight__flight' },
27845
- React__default['default'].createElement(
27846
- 'div',
27847
- { className: 'flight__flight__header' },
27848
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
27849
- React__default['default'].createElement(
27850
- 'div',
27851
- { className: 'flight__price' },
27852
- React__default['default'].createElement('span', { className: 'price price--decrease' }, '- \u20AC 375,98'),
27853
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
27854
- )
27855
- )
27856
- ),
27857
- React__default['default'].createElement(
27858
- 'div',
27859
- { className: 'flight__flight' },
27860
- React__default['default'].createElement(
27861
- 'div',
27862
- { className: 'flight__flight__container' },
27863
- React__default['default'].createElement(
27864
- 'div',
27865
- { className: 'flight__flight__wrapper' },
27866
- React__default['default'].createElement(
27867
- 'div',
27868
- { className: 'flight__logo__wrapper' },
27869
- React__default['default'].createElement('img', {
27870
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
27871
- alt: '',
27872
- className: 'flight__logo'
27873
- }),
27874
- React__default['default'].createElement('span', null, 'Example Airline')
27875
- ),
27876
- React__default['default'].createElement(
27877
- 'div',
27878
- { className: 'flight__info' },
27879
- React__default['default'].createElement(
27880
- 'div',
27881
- { className: 'flight__info__times' },
27882
- React__default['default'].createElement('strong', null, '08:30 JFK'),
27883
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27884
- ),
27885
- React__default['default'].createElement(
27886
- 'div',
27887
- { className: 'flight__info__duration' },
27888
- React__default['default'].createElement('p', null, '7h 45m'),
27889
- React__default['default'].createElement(
27890
- 'div',
27891
- { className: 'flight__info__duration__stops' },
27892
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
27893
- ),
27894
- React__default['default'].createElement('span', null, '1 stop')
27895
- ),
27896
- React__default['default'].createElement(
27897
- 'div',
27898
- { className: 'flight__info__times flight__info__times--arrival' },
27899
- React__default['default'].createElement('strong', null, '22:15 AMS'),
27900
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
27901
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
27902
- )
27903
- )
27904
- ),
27905
- React__default['default'].createElement(
27906
- 'div',
27907
- { className: 'flight__detail__btn__wrapper' },
27908
- React__default['default'].createElement(
27909
- 'div',
27910
- { className: 'flight__detail__btn' },
27911
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
27912
- )
27913
- )
27914
- ),
27915
- React__default['default'].createElement(
27916
- 'div',
27917
- { className: 'flight__detail' },
27918
- React__default['default'].createElement(
27919
- 'div',
27920
- { className: 'flight__info' },
27921
- React__default['default'].createElement(
27922
- 'div',
27923
- { className: 'flight__info__times__wrapper' },
27924
- React__default['default'].createElement(
27925
- 'div',
27926
- { className: 'flight__info__times' },
27927
- React__default['default'].createElement('p', null, '08:30'),
27928
- React__default['default'].createElement('strong', null, 'JFK'),
27929
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27930
- ),
27931
- React__default['default'].createElement(
27932
- 'div',
27933
- null,
27934
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
27935
- )
27936
- ),
27937
- React__default['default'].createElement(
27938
- 'div',
27939
- { className: 'flight__info__duration' },
27940
- React__default['default'].createElement('p', null, '6h 20m'),
27941
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
27942
- React__default['default'].createElement('span', null, 'Example Airline'),
27943
- React__default['default'].createElement('strong', null, 'EA123')
27944
- ),
27945
- React__default['default'].createElement(
27946
- 'div',
27947
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
27948
- React__default['default'].createElement(
27949
- 'div',
27950
- null,
27951
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
27952
- ),
27953
- React__default['default'].createElement(
27954
- 'div',
27955
- { className: 'flight__info__times flight__info__times--arrival' },
27956
- React__default['default'].createElement('p', null, '20:50'),
27957
- React__default['default'].createElement('strong', null, 'LHR'),
27958
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27959
- )
27960
- )
27961
- ),
27962
- React__default['default'].createElement(
27963
- 'div',
27964
- { className: 'flight__info' },
27965
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
27966
- React__default['default'].createElement(
27967
- 'div',
27968
- { className: 'flight__info__duration flight__info__duration--waittime' },
27969
- React__default['default'].createElement(
27970
- 'div',
27971
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
27972
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
27973
- ),
27974
- React__default['default'].createElement(
27975
- 'div',
27976
- { className: 'flight__info__duration__stoptime' },
27977
- React__default['default'].createElement('span', null, 'Stop time'),
27978
- React__default['default'].createElement('strong', null, '1h 15m')
27979
- )
27980
- ),
27981
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
27982
- ),
27983
- React__default['default'].createElement(
27984
- 'div',
27985
- { className: 'flight__info' },
27986
- React__default['default'].createElement(
27987
- 'div',
27988
- { className: 'flight__info__times__wrapper' },
27989
- React__default['default'].createElement(
27990
- 'div',
27991
- { className: 'flight__info__times' },
27992
- React__default['default'].createElement('p', null, '22:05'),
27993
- React__default['default'].createElement('strong', null, 'LHR'),
27994
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
27995
- ),
27996
- React__default['default'].createElement(
27997
- 'div',
27998
- null,
27999
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28000
- )
28001
- ),
28002
- React__default['default'].createElement(
28003
- 'div',
28004
- { className: 'flight__info__duration' },
28005
- React__default['default'].createElement('p', null, '1h 10m'),
28006
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28007
- React__default['default'].createElement('span', null, 'Example Airline'),
28008
- React__default['default'].createElement('strong', null, 'EA456')
28009
- ),
28010
- React__default['default'].createElement(
28011
- 'div',
28012
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28013
- React__default['default'].createElement(
28014
- 'div',
28015
- null,
28016
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28017
- ),
28018
- React__default['default'].createElement(
28019
- 'div',
28020
- { className: 'flight__info__times flight__info__times--arrival' },
28021
- React__default['default'].createElement('p', null, '23:15'),
28022
- React__default['default'].createElement('strong', null, 'AMS'),
28023
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28024
- )
28025
- )
28026
- )
28027
- ),
28028
- React__default['default'].createElement('div', { className: 'flight__rate' })
28029
- )
28030
- )
28031
- )
28032
- )
28033
- ),
28034
- React__default['default'].createElement(
28035
- 'div',
28036
- { className: 'flight' },
28037
- React__default['default'].createElement(
28038
- 'div',
28039
- { className: 'flight__option' },
28040
- React__default['default'].createElement(
28041
- 'div',
28042
- { className: 'flight__content' },
28043
- React__default['default'].createElement(
28044
- 'div',
28045
- { className: 'flight__flights' },
28046
- React__default['default'].createElement(
28047
- 'div',
28048
- { className: 'flight__flight' },
28049
- React__default['default'].createElement(
28050
- 'div',
28051
- { className: 'flight__flight__header' },
28052
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
28053
- React__default['default'].createElement(
28054
- 'div',
28055
- { className: 'flight__price' },
28056
- React__default['default'].createElement('span', { className: 'price price--decrease' }, '- \u20AC 375,98'),
28057
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
28058
- )
28059
- )
28060
- ),
28061
- React__default['default'].createElement(
28062
- 'div',
28063
- { className: 'flight__flight' },
28064
- React__default['default'].createElement(
28065
- 'div',
28066
- { className: 'flight__flight__container' },
28067
- React__default['default'].createElement(
28068
- 'div',
28069
- { className: 'flight__flight__wrapper' },
28070
- React__default['default'].createElement(
28071
- 'div',
28072
- { className: 'flight__logo__wrapper' },
28073
- React__default['default'].createElement('img', {
28074
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
28075
- alt: '',
28076
- className: 'flight__logo'
28077
- }),
28078
- React__default['default'].createElement('span', null, 'Example Airline')
28079
- ),
28080
- React__default['default'].createElement(
28081
- 'div',
28082
- { className: 'flight__info' },
28083
- React__default['default'].createElement(
28084
- 'div',
28085
- { className: 'flight__info__times' },
28086
- React__default['default'].createElement('strong', null, '08:30 JFK'),
28087
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28088
- ),
28089
- React__default['default'].createElement(
28090
- 'div',
28091
- { className: 'flight__info__duration' },
28092
- React__default['default'].createElement('p', null, '7h 45m'),
28093
- React__default['default'].createElement(
28094
- 'div',
28095
- { className: 'flight__info__duration__stops' },
28096
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
28097
- ),
28098
- React__default['default'].createElement('span', null, '1 stop')
28099
- ),
28100
- React__default['default'].createElement(
28101
- 'div',
28102
- { className: 'flight__info__times flight__info__times--arrival' },
28103
- React__default['default'].createElement('strong', null, '22:15 AMS'),
28104
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
28105
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
28106
- )
28107
- )
28108
- ),
28109
- React__default['default'].createElement(
28110
- 'div',
28111
- { className: 'flight__detail__btn__wrapper' },
28112
- React__default['default'].createElement(
28113
- 'div',
28114
- { className: 'flight__detail__btn' },
28115
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
28116
- )
28117
- )
28118
- ),
28119
- React__default['default'].createElement(
28120
- 'div',
28121
- { className: 'flight__detail' },
28122
- React__default['default'].createElement(
28123
- 'div',
28124
- { className: 'flight__info' },
28125
- React__default['default'].createElement(
28126
- 'div',
28127
- { className: 'flight__info__times__wrapper' },
28128
- React__default['default'].createElement(
28129
- 'div',
28130
- { className: 'flight__info__times' },
28131
- React__default['default'].createElement('p', null, '08:30'),
28132
- React__default['default'].createElement('strong', null, 'JFK'),
28133
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28134
- ),
28135
- React__default['default'].createElement(
28136
- 'div',
28137
- null,
28138
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28139
- )
28140
- ),
28141
- React__default['default'].createElement(
28142
- 'div',
28143
- { className: 'flight__info__duration' },
28144
- React__default['default'].createElement('p', null, '6h 20m'),
28145
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28146
- React__default['default'].createElement('span', null, 'Example Airline'),
28147
- React__default['default'].createElement('strong', null, 'EA123')
28148
- ),
28149
- React__default['default'].createElement(
28150
- 'div',
28151
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28152
- React__default['default'].createElement(
28153
- 'div',
28154
- null,
28155
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28156
- ),
28157
- React__default['default'].createElement(
28158
- 'div',
28159
- { className: 'flight__info__times flight__info__times--arrival' },
28160
- React__default['default'].createElement('p', null, '20:50'),
28161
- React__default['default'].createElement('strong', null, 'LHR'),
28162
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28163
- )
28164
- )
28165
- ),
28166
- React__default['default'].createElement(
28167
- 'div',
28168
- { className: 'flight__info' },
28169
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
28170
- React__default['default'].createElement(
28171
- 'div',
28172
- { className: 'flight__info__duration flight__info__duration--waittime' },
28173
- React__default['default'].createElement(
28174
- 'div',
28175
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
28176
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
28177
- ),
28178
- React__default['default'].createElement(
28179
- 'div',
28180
- { className: 'flight__info__duration__stoptime' },
28181
- React__default['default'].createElement('span', null, 'Stop time'),
28182
- React__default['default'].createElement('strong', null, '1h 15m')
28183
- )
28184
- ),
28185
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
28186
- ),
28187
- React__default['default'].createElement(
28188
- 'div',
28189
- { className: 'flight__info' },
28190
- React__default['default'].createElement(
28191
- 'div',
28192
- { className: 'flight__info__times__wrapper' },
28193
- React__default['default'].createElement(
28194
- 'div',
28195
- { className: 'flight__info__times' },
28196
- React__default['default'].createElement('p', null, '22:05'),
28197
- React__default['default'].createElement('strong', null, 'LHR'),
28198
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28199
- ),
28200
- React__default['default'].createElement(
28201
- 'div',
28202
- null,
28203
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28204
- )
28205
- ),
28206
- React__default['default'].createElement(
28207
- 'div',
28208
- { className: 'flight__info__duration' },
28209
- React__default['default'].createElement('p', null, '1h 10m'),
28210
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28211
- React__default['default'].createElement('span', null, 'Example Airline'),
28212
- React__default['default'].createElement('strong', null, 'EA456')
28213
- ),
28214
- React__default['default'].createElement(
28215
- 'div',
28216
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28217
- React__default['default'].createElement(
28218
- 'div',
28219
- null,
28220
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28221
- ),
28222
- React__default['default'].createElement(
28223
- 'div',
28224
- { className: 'flight__info__times flight__info__times--arrival' },
28225
- React__default['default'].createElement('p', null, '23:15'),
28226
- React__default['default'].createElement('strong', null, 'AMS'),
28227
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28228
- )
28229
- )
28230
- )
28231
- ),
28232
- React__default['default'].createElement('div', { className: 'flight__rate' })
28233
- )
28234
- )
28235
- )
28236
- )
28237
- ),
28238
- React__default['default'].createElement(
28239
- 'div',
28240
- { className: 'flight' },
28241
- React__default['default'].createElement(
28242
- 'div',
28243
- { className: 'flight__option' },
28244
- React__default['default'].createElement(
28245
- 'div',
28246
- { className: 'flight__content' },
28247
- React__default['default'].createElement(
28248
- 'div',
28249
- { className: 'flight__flights' },
28250
- React__default['default'].createElement(
28251
- 'div',
28252
- { className: 'flight__flight' },
28253
- React__default['default'].createElement(
28254
- 'div',
28255
- { className: 'flight__flight__header' },
28256
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
28257
- React__default['default'].createElement(
28258
- 'div',
28259
- { className: 'flight__price' },
28260
- React__default['default'].createElement('span', { className: 'price price--decrease' }, '- \u20AC 375,98'),
28261
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
28262
- )
28263
- )
28264
- ),
28265
- React__default['default'].createElement(
28266
- 'div',
28267
- { className: 'flight__flight' },
28268
- React__default['default'].createElement(
28269
- 'div',
28270
- { className: 'flight__flight__container' },
28271
- React__default['default'].createElement(
28272
- 'div',
28273
- { className: 'flight__flight__wrapper' },
28274
- React__default['default'].createElement(
28275
- 'div',
28276
- { className: 'flight__logo__wrapper' },
28277
- React__default['default'].createElement('img', {
28278
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
28279
- alt: '',
28280
- className: 'flight__logo'
28281
- }),
28282
- React__default['default'].createElement('span', null, 'Example Airline')
28283
- ),
28284
- React__default['default'].createElement(
28285
- 'div',
28286
- { className: 'flight__info' },
28287
- React__default['default'].createElement(
28288
- 'div',
28289
- { className: 'flight__info__times' },
28290
- React__default['default'].createElement('strong', null, '08:30 JFK'),
28291
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28292
- ),
28293
- React__default['default'].createElement(
28294
- 'div',
28295
- { className: 'flight__info__duration' },
28296
- React__default['default'].createElement('p', null, '7h 45m'),
28297
- React__default['default'].createElement(
28298
- 'div',
28299
- { className: 'flight__info__duration__stops' },
28300
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
28301
- ),
28302
- React__default['default'].createElement('span', null, '1 stop')
28303
- ),
28304
- React__default['default'].createElement(
28305
- 'div',
28306
- { className: 'flight__info__times flight__info__times--arrival' },
28307
- React__default['default'].createElement('strong', null, '22:15 AMS'),
28308
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
28309
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
28310
- )
28311
- )
28312
- ),
28313
- React__default['default'].createElement(
28314
- 'div',
28315
- { className: 'flight__detail__btn__wrapper' },
28316
- React__default['default'].createElement(
28317
- 'div',
28318
- { className: 'flight__detail__btn' },
28319
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
28320
- )
28321
- )
28322
- ),
28323
- React__default['default'].createElement(
28324
- 'div',
28325
- { className: 'flight__detail' },
28326
- React__default['default'].createElement(
28327
- 'div',
28328
- { className: 'flight__info' },
28329
- React__default['default'].createElement(
28330
- 'div',
28331
- { className: 'flight__info__times__wrapper' },
28332
- React__default['default'].createElement(
28333
- 'div',
28334
- { className: 'flight__info__times' },
28335
- React__default['default'].createElement('p', null, '08:30'),
28336
- React__default['default'].createElement('strong', null, 'JFK'),
28337
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28338
- ),
28339
- React__default['default'].createElement(
28340
- 'div',
28341
- null,
28342
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28343
- )
28344
- ),
28345
- React__default['default'].createElement(
28346
- 'div',
28347
- { className: 'flight__info__duration' },
28348
- React__default['default'].createElement('p', null, '6h 20m'),
28349
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28350
- React__default['default'].createElement('span', null, 'Example Airline'),
28351
- React__default['default'].createElement('strong', null, 'EA123')
28352
- ),
28353
- React__default['default'].createElement(
28354
- 'div',
28355
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28356
- React__default['default'].createElement(
28357
- 'div',
28358
- null,
28359
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28360
- ),
28361
- React__default['default'].createElement(
28362
- 'div',
28363
- { className: 'flight__info__times flight__info__times--arrival' },
28364
- React__default['default'].createElement('p', null, '20:50'),
28365
- React__default['default'].createElement('strong', null, 'LHR'),
28366
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28367
- )
28368
- )
28369
- ),
28370
- React__default['default'].createElement(
28371
- 'div',
28372
- { className: 'flight__info' },
28373
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
28374
- React__default['default'].createElement(
28375
- 'div',
28376
- { className: 'flight__info__duration flight__info__duration--waittime' },
28377
- React__default['default'].createElement(
28378
- 'div',
28379
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
28380
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
28381
- ),
28382
- React__default['default'].createElement(
28383
- 'div',
28384
- { className: 'flight__info__duration__stoptime' },
28385
- React__default['default'].createElement('span', null, 'Stop time'),
28386
- React__default['default'].createElement('strong', null, '1h 15m')
28387
- )
28388
- ),
28389
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
28390
- ),
28391
- React__default['default'].createElement(
28392
- 'div',
28393
- { className: 'flight__info' },
28394
- React__default['default'].createElement(
28395
- 'div',
28396
- { className: 'flight__info__times__wrapper' },
28397
- React__default['default'].createElement(
28398
- 'div',
28399
- { className: 'flight__info__times' },
28400
- React__default['default'].createElement('p', null, '22:05'),
28401
- React__default['default'].createElement('strong', null, 'LHR'),
28402
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28403
- ),
28404
- React__default['default'].createElement(
28405
- 'div',
28406
- null,
28407
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28408
- )
28409
- ),
28410
- React__default['default'].createElement(
28411
- 'div',
28412
- { className: 'flight__info__duration' },
28413
- React__default['default'].createElement('p', null, '1h 10m'),
28414
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28415
- React__default['default'].createElement('span', null, 'Example Airline'),
28416
- React__default['default'].createElement('strong', null, 'EA456')
28417
- ),
28418
- React__default['default'].createElement(
28419
- 'div',
28420
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28421
- React__default['default'].createElement(
28422
- 'div',
28423
- null,
28424
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28425
- ),
28426
- React__default['default'].createElement(
28427
- 'div',
28428
- { className: 'flight__info__times flight__info__times--arrival' },
28429
- React__default['default'].createElement('p', null, '23:15'),
28430
- React__default['default'].createElement('strong', null, 'AMS'),
28431
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28432
- )
28433
- )
28434
- )
28435
- ),
28436
- React__default['default'].createElement('div', { className: 'flight__rate' })
28437
- )
28438
- )
28439
- )
28440
- )
28441
- )
28442
- ),
28443
- !isDeparture &&
28444
- React__default['default'].createElement(
28445
- 'div',
28446
- { className: 'search__results__cards search__results__cards--extended' },
28447
- React__default['default'].createElement(
28448
- 'div',
28449
- { className: 'flight' },
28450
- React__default['default'].createElement(
28451
- 'div',
28452
- { className: 'flight__option' },
28453
- React__default['default'].createElement(
28454
- 'div',
28455
- { className: 'flight__content' },
28456
- React__default['default'].createElement(
28457
- 'div',
28458
- { className: 'flight__flights' },
28459
- React__default['default'].createElement(
28460
- 'div',
28461
- { className: 'flight__flight' },
28462
- React__default['default'].createElement(
28463
- 'div',
28464
- { className: 'flight__flight__header' },
28465
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
28466
- React__default['default'].createElement(
28467
- 'div',
28468
- { className: 'flight__price' },
28469
- React__default['default'].createElement('span', { className: 'price price--decrease' }),
28470
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--selected' }, 'Selected')
28471
- )
28472
- )
28473
- ),
28474
- React__default['default'].createElement(
28475
- 'div',
28476
- { className: 'flight__flight' },
28477
- React__default['default'].createElement(
28478
- 'div',
28479
- { className: 'flight__flight__container' },
28480
- React__default['default'].createElement(
28481
- 'div',
28482
- { className: 'flight__flight__wrapper' },
28483
- React__default['default'].createElement(
28484
- 'div',
28485
- { className: 'flight__logo__wrapper' },
28486
- React__default['default'].createElement('img', {
28487
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
28488
- alt: '',
28489
- className: 'flight__logo'
28490
- }),
28491
- React__default['default'].createElement('span', null, 'Example Airline')
28492
- ),
28493
- React__default['default'].createElement(
28494
- 'div',
28495
- { className: 'flight__info' },
28496
- React__default['default'].createElement(
28497
- 'div',
28498
- { className: 'flight__info__times' },
28499
- React__default['default'].createElement('strong', null, '08:30 JFK'),
28500
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28501
- ),
28502
- React__default['default'].createElement(
28503
- 'div',
28504
- { className: 'flight__info__duration' },
28505
- React__default['default'].createElement('p', null, '7h 45m'),
28506
- React__default['default'].createElement(
28507
- 'div',
28508
- { className: 'flight__info__duration__stops' },
28509
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
28510
- ),
28511
- React__default['default'].createElement('span', null, '1 stop')
28512
- ),
28513
- React__default['default'].createElement(
28514
- 'div',
28515
- { className: 'flight__info__times flight__info__times--arrival' },
28516
- React__default['default'].createElement('strong', null, '22:15 AMS'),
28517
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
28518
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
28519
- )
28520
- )
28521
- ),
28522
- React__default['default'].createElement(
28523
- 'div',
28524
- { className: 'flight__detail__btn__wrapper' },
28525
- React__default['default'].createElement(
28526
- 'div',
28527
- { className: 'flight__detail__btn' },
28528
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
28529
- )
28530
- )
28531
- ),
28532
- React__default['default'].createElement(
28533
- 'div',
28534
- { className: 'flight__detail' },
28535
- React__default['default'].createElement(
28536
- 'div',
28537
- { className: 'flight__info' },
28538
- React__default['default'].createElement(
28539
- 'div',
28540
- { className: 'flight__info__times__wrapper' },
28541
- React__default['default'].createElement(
28542
- 'div',
28543
- { className: 'flight__info__times' },
28544
- React__default['default'].createElement('p', null, '08:30'),
28545
- React__default['default'].createElement('strong', null, 'JFK'),
28546
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28547
- ),
28548
- React__default['default'].createElement(
28549
- 'div',
28550
- null,
28551
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28552
- )
28553
- ),
28554
- React__default['default'].createElement(
28555
- 'div',
28556
- { className: 'flight__info__duration' },
28557
- React__default['default'].createElement('p', null, '6h 20m'),
28558
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28559
- React__default['default'].createElement('span', null, 'Example Airline'),
28560
- React__default['default'].createElement('strong', null, 'EA123')
28561
- ),
28562
- React__default['default'].createElement(
28563
- 'div',
28564
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28565
- React__default['default'].createElement(
28566
- 'div',
28567
- null,
28568
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28569
- ),
28570
- React__default['default'].createElement(
28571
- 'div',
28572
- { className: 'flight__info__times flight__info__times--arrival' },
28573
- React__default['default'].createElement('p', null, '20:50'),
28574
- React__default['default'].createElement('strong', null, 'LHR'),
28575
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28576
- )
28577
- )
28578
- ),
28579
- React__default['default'].createElement(
28580
- 'div',
28581
- { className: 'flight__info' },
28582
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
28583
- React__default['default'].createElement(
28584
- 'div',
28585
- { className: 'flight__info__duration flight__info__duration--waittime' },
28586
- React__default['default'].createElement(
28587
- 'div',
28588
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
28589
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
28590
- ),
28591
- React__default['default'].createElement(
28592
- 'div',
28593
- { className: 'flight__info__duration__stoptime' },
28594
- React__default['default'].createElement('span', null, 'Stop time'),
28595
- React__default['default'].createElement('strong', null, '1h 15m')
28596
- )
28597
- ),
28598
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
28599
- ),
28600
- React__default['default'].createElement(
28601
- 'div',
28602
- { className: 'flight__info' },
28603
- React__default['default'].createElement(
28604
- 'div',
28605
- { className: 'flight__info__times__wrapper' },
28606
- React__default['default'].createElement(
28607
- 'div',
28608
- { className: 'flight__info__times' },
28609
- React__default['default'].createElement('p', null, '22:05'),
28610
- React__default['default'].createElement('strong', null, 'LHR'),
28611
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28612
- ),
28613
- React__default['default'].createElement(
28614
- 'div',
28615
- null,
28616
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28617
- )
28618
- ),
28619
- React__default['default'].createElement(
28620
- 'div',
28621
- { className: 'flight__info__duration' },
28622
- React__default['default'].createElement('p', null, '1h 10m'),
28623
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28624
- React__default['default'].createElement('span', null, 'Example Airline'),
28625
- React__default['default'].createElement('strong', null, 'EA456')
28626
- ),
28627
- React__default['default'].createElement(
28628
- 'div',
28629
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28630
- React__default['default'].createElement(
28631
- 'div',
28632
- null,
28633
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28634
- ),
28635
- React__default['default'].createElement(
28636
- 'div',
28637
- { className: 'flight__info__times flight__info__times--arrival' },
28638
- React__default['default'].createElement('p', null, '23:15'),
28639
- React__default['default'].createElement('strong', null, 'AMS'),
28640
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28641
- )
28642
- )
28643
- )
28644
- ),
28645
- React__default['default'].createElement('div', { className: 'flight__rate' })
28646
- )
28647
- )
28648
- )
28649
- )
28650
- ),
28651
- React__default['default'].createElement(
28652
- 'div',
28653
- { className: 'flight' },
28654
- React__default['default'].createElement(
28655
- 'div',
28656
- { className: 'flight__option' },
28657
- React__default['default'].createElement(
28658
- 'div',
28659
- { className: 'flight__content' },
28660
- React__default['default'].createElement(
28661
- 'div',
28662
- { className: 'flight__flights' },
28663
- React__default['default'].createElement(
28664
- 'div',
28665
- { className: 'flight__flight' },
28666
- React__default['default'].createElement(
28667
- 'div',
28668
- { className: 'flight__flight__header' },
28669
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
28670
- React__default['default'].createElement(
28671
- 'div',
28672
- { className: 'flight__price' },
28673
- React__default['default'].createElement('span', { className: 'price price--decrease' }, '- \u20AC 375,98'),
28674
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
28675
- )
28676
- )
28677
- ),
28678
- React__default['default'].createElement(
28679
- 'div',
28680
- { className: 'flight__flight' },
28681
- React__default['default'].createElement(
28682
- 'div',
28683
- { className: 'flight__flight__container' },
28684
- React__default['default'].createElement(
28685
- 'div',
28686
- { className: 'flight__flight__wrapper' },
28687
- React__default['default'].createElement(
28688
- 'div',
28689
- { className: 'flight__logo__wrapper' },
28690
- React__default['default'].createElement('img', {
28691
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
28692
- alt: '',
28693
- className: 'flight__logo'
28694
- }),
28695
- React__default['default'].createElement('span', null, 'Example Airline')
28696
- ),
28697
- React__default['default'].createElement(
28698
- 'div',
28699
- { className: 'flight__info' },
28700
- React__default['default'].createElement(
28701
- 'div',
28702
- { className: 'flight__info__times' },
28703
- React__default['default'].createElement('strong', null, '08:30 JFK'),
28704
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28705
- ),
28706
- React__default['default'].createElement(
28707
- 'div',
28708
- { className: 'flight__info__duration' },
28709
- React__default['default'].createElement('p', null, '7h 45m'),
28710
- React__default['default'].createElement(
28711
- 'div',
28712
- { className: 'flight__info__duration__stops' },
28713
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
28714
- ),
28715
- React__default['default'].createElement('span', null, '1 stop')
28716
- ),
28717
- React__default['default'].createElement(
28718
- 'div',
28719
- { className: 'flight__info__times flight__info__times--arrival' },
28720
- React__default['default'].createElement('strong', null, '22:15 AMS'),
28721
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
28722
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
28723
- )
28724
- )
28725
- ),
28726
- React__default['default'].createElement(
28727
- 'div',
28728
- { className: 'flight__detail__btn__wrapper' },
28729
- React__default['default'].createElement(
28730
- 'div',
28731
- { className: 'flight__detail__btn' },
28732
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
28733
- )
28734
- )
28735
- ),
28736
- React__default['default'].createElement(
28737
- 'div',
28738
- { className: 'flight__detail' },
28739
- React__default['default'].createElement(
28740
- 'div',
28741
- { className: 'flight__info' },
28742
- React__default['default'].createElement(
28743
- 'div',
28744
- { className: 'flight__info__times__wrapper' },
28745
- React__default['default'].createElement(
28746
- 'div',
28747
- { className: 'flight__info__times' },
28748
- React__default['default'].createElement('p', null, '08:30'),
28749
- React__default['default'].createElement('strong', null, 'JFK'),
28750
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28751
- ),
28752
- React__default['default'].createElement(
28753
- 'div',
28754
- null,
28755
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28756
- )
28757
- ),
28758
- React__default['default'].createElement(
28759
- 'div',
28760
- { className: 'flight__info__duration' },
28761
- React__default['default'].createElement('p', null, '6h 20m'),
28762
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28763
- React__default['default'].createElement('span', null, 'Example Airline'),
28764
- React__default['default'].createElement('strong', null, 'EA123')
28765
- ),
28766
- React__default['default'].createElement(
28767
- 'div',
28768
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28769
- React__default['default'].createElement(
28770
- 'div',
28771
- null,
28772
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28773
- ),
28774
- React__default['default'].createElement(
28775
- 'div',
28776
- { className: 'flight__info__times flight__info__times--arrival' },
28777
- React__default['default'].createElement('p', null, '20:50'),
28778
- React__default['default'].createElement('strong', null, 'LHR'),
28779
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28780
- )
28781
- )
28782
- ),
28783
- React__default['default'].createElement(
28784
- 'div',
28785
- { className: 'flight__info' },
28786
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
28787
- React__default['default'].createElement(
28788
- 'div',
28789
- { className: 'flight__info__duration flight__info__duration--waittime' },
28790
- React__default['default'].createElement(
28791
- 'div',
28792
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
28793
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
28794
- ),
28795
- React__default['default'].createElement(
28796
- 'div',
28797
- { className: 'flight__info__duration__stoptime' },
28798
- React__default['default'].createElement('span', null, 'Stop time'),
28799
- React__default['default'].createElement('strong', null, '1h 15m')
28800
- )
28801
- ),
28802
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
28803
- ),
28804
- React__default['default'].createElement(
28805
- 'div',
28806
- { className: 'flight__info' },
28807
- React__default['default'].createElement(
28808
- 'div',
28809
- { className: 'flight__info__times__wrapper' },
28810
- React__default['default'].createElement(
28811
- 'div',
28812
- { className: 'flight__info__times' },
28813
- React__default['default'].createElement('p', null, '22:05'),
28814
- React__default['default'].createElement('strong', null, 'LHR'),
28815
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28816
- ),
28817
- React__default['default'].createElement(
28818
- 'div',
28819
- null,
28820
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28821
- )
28822
- ),
28823
- React__default['default'].createElement(
28824
- 'div',
28825
- { className: 'flight__info__duration' },
28826
- React__default['default'].createElement('p', null, '1h 10m'),
28827
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28828
- React__default['default'].createElement('span', null, 'Example Airline'),
28829
- React__default['default'].createElement('strong', null, 'EA456')
28830
- ),
28831
- React__default['default'].createElement(
28832
- 'div',
28833
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28834
- React__default['default'].createElement(
28835
- 'div',
28836
- null,
28837
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28838
- ),
28839
- React__default['default'].createElement(
28840
- 'div',
28841
- { className: 'flight__info__times flight__info__times--arrival' },
28842
- React__default['default'].createElement('p', null, '23:15'),
28843
- React__default['default'].createElement('strong', null, 'AMS'),
28844
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28845
- )
28846
- )
28847
- )
28848
- ),
28849
- React__default['default'].createElement('div', { className: 'flight__rate' })
28850
- )
28851
- )
28852
- )
28853
- )
28854
- ),
28855
- React__default['default'].createElement(
28856
- 'div',
28857
- { className: 'flight' },
28858
- React__default['default'].createElement(
28859
- 'div',
28860
- { className: 'flight__option' },
28861
- React__default['default'].createElement(
28862
- 'div',
28863
- { className: 'flight__content' },
28864
- React__default['default'].createElement(
28865
- 'div',
28866
- { className: 'flight__flights' },
28867
- React__default['default'].createElement(
28868
- 'div',
28869
- { className: 'flight__flight' },
28870
- React__default['default'].createElement(
28871
- 'div',
28872
- { className: 'flight__flight__header' },
28873
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
28874
- React__default['default'].createElement(
28875
- 'div',
28876
- { className: 'flight__price' },
28877
- React__default['default'].createElement('span', { className: 'price price--decrease' }, '- \u20AC 375,98'),
28878
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
28879
- )
28880
- )
28881
- ),
28882
- React__default['default'].createElement(
28883
- 'div',
28884
- { className: 'flight__flight' },
28885
- React__default['default'].createElement(
28886
- 'div',
28887
- { className: 'flight__flight__container' },
28888
- React__default['default'].createElement(
28889
- 'div',
28890
- { className: 'flight__flight__wrapper' },
28891
- React__default['default'].createElement(
28892
- 'div',
28893
- { className: 'flight__logo__wrapper' },
28894
- React__default['default'].createElement('img', {
28895
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
28896
- alt: '',
28897
- className: 'flight__logo'
28898
- }),
28899
- React__default['default'].createElement('span', null, 'Example Airline')
28900
- ),
28901
- React__default['default'].createElement(
28902
- 'div',
28903
- { className: 'flight__info' },
28904
- React__default['default'].createElement(
28905
- 'div',
28906
- { className: 'flight__info__times' },
28907
- React__default['default'].createElement('strong', null, '08:30 JFK'),
28908
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28909
- ),
28910
- React__default['default'].createElement(
28911
- 'div',
28912
- { className: 'flight__info__duration' },
28913
- React__default['default'].createElement('p', null, '7h 45m'),
28914
- React__default['default'].createElement(
28915
- 'div',
28916
- { className: 'flight__info__duration__stops' },
28917
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
28918
- ),
28919
- React__default['default'].createElement('span', null, '1 stop')
28920
- ),
28921
- React__default['default'].createElement(
28922
- 'div',
28923
- { className: 'flight__info__times flight__info__times--arrival' },
28924
- React__default['default'].createElement('strong', null, '22:15 AMS'),
28925
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
28926
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
28927
- )
28928
- )
28929
- ),
28930
- React__default['default'].createElement(
28931
- 'div',
28932
- { className: 'flight__detail__btn__wrapper' },
28933
- React__default['default'].createElement(
28934
- 'div',
28935
- { className: 'flight__detail__btn' },
28936
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
28937
- )
28938
- )
28939
- ),
28940
- React__default['default'].createElement(
28941
- 'div',
28942
- { className: 'flight__detail' },
28943
- React__default['default'].createElement(
28944
- 'div',
28945
- { className: 'flight__info' },
28946
- React__default['default'].createElement(
28947
- 'div',
28948
- { className: 'flight__info__times__wrapper' },
28949
- React__default['default'].createElement(
28950
- 'div',
28951
- { className: 'flight__info__times' },
28952
- React__default['default'].createElement('p', null, '08:30'),
28953
- React__default['default'].createElement('strong', null, 'JFK'),
28954
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28955
- ),
28956
- React__default['default'].createElement(
28957
- 'div',
28958
- null,
28959
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
28960
- )
28961
- ),
28962
- React__default['default'].createElement(
28963
- 'div',
28964
- { className: 'flight__info__duration' },
28965
- React__default['default'].createElement('p', null, '6h 20m'),
28966
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
28967
- React__default['default'].createElement('span', null, 'Example Airline'),
28968
- React__default['default'].createElement('strong', null, 'EA123')
28969
- ),
28970
- React__default['default'].createElement(
28971
- 'div',
28972
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
28973
- React__default['default'].createElement(
28974
- 'div',
28975
- null,
28976
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
28977
- ),
28978
- React__default['default'].createElement(
28979
- 'div',
28980
- { className: 'flight__info__times flight__info__times--arrival' },
28981
- React__default['default'].createElement('p', null, '20:50'),
28982
- React__default['default'].createElement('strong', null, 'LHR'),
28983
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
28984
- )
28985
- )
28986
- ),
28987
- React__default['default'].createElement(
28988
- 'div',
28989
- { className: 'flight__info' },
28990
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
28991
- React__default['default'].createElement(
28992
- 'div',
28993
- { className: 'flight__info__duration flight__info__duration--waittime' },
28994
- React__default['default'].createElement(
28995
- 'div',
28996
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
28997
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
28998
- ),
28999
- React__default['default'].createElement(
29000
- 'div',
29001
- { className: 'flight__info__duration__stoptime' },
29002
- React__default['default'].createElement('span', null, 'Stop time'),
29003
- React__default['default'].createElement('strong', null, '1h 15m')
29004
- )
29005
- ),
29006
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
29007
- ),
29008
- React__default['default'].createElement(
29009
- 'div',
29010
- { className: 'flight__info' },
29011
- React__default['default'].createElement(
29012
- 'div',
29013
- { className: 'flight__info__times__wrapper' },
29014
- React__default['default'].createElement(
29015
- 'div',
29016
- { className: 'flight__info__times' },
29017
- React__default['default'].createElement('p', null, '22:05'),
29018
- React__default['default'].createElement('strong', null, 'LHR'),
29019
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29020
- ),
29021
- React__default['default'].createElement(
29022
- 'div',
29023
- null,
29024
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29025
- )
29026
- ),
29027
- React__default['default'].createElement(
29028
- 'div',
29029
- { className: 'flight__info__duration' },
29030
- React__default['default'].createElement('p', null, '1h 10m'),
29031
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29032
- React__default['default'].createElement('span', null, 'Example Airline'),
29033
- React__default['default'].createElement('strong', null, 'EA456')
29034
- ),
29035
- React__default['default'].createElement(
29036
- 'div',
29037
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29038
- React__default['default'].createElement(
29039
- 'div',
29040
- null,
29041
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29042
- ),
29043
- React__default['default'].createElement(
29044
- 'div',
29045
- { className: 'flight__info__times flight__info__times--arrival' },
29046
- React__default['default'].createElement('p', null, '23:15'),
29047
- React__default['default'].createElement('strong', null, 'AMS'),
29048
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29049
- )
29050
- )
29051
- )
29052
- ),
29053
- React__default['default'].createElement('div', { className: 'flight__rate' })
29054
- )
29055
- )
29056
- )
29057
- )
29058
- ),
29059
- React__default['default'].createElement(
29060
- 'div',
29061
- { className: 'flight' },
29062
- React__default['default'].createElement(
29063
- 'div',
29064
- { className: 'flight__option' },
29065
- React__default['default'].createElement(
29066
- 'div',
29067
- { className: 'flight__content' },
29068
- React__default['default'].createElement(
29069
- 'div',
29070
- { className: 'flight__flights' },
29071
- React__default['default'].createElement(
29072
- 'div',
29073
- { className: 'flight__flight' },
29074
- React__default['default'].createElement(
29075
- 'div',
29076
- { className: 'flight__flight__header' },
29077
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
29078
- React__default['default'].createElement(
29079
- 'div',
29080
- { className: 'flight__price' },
29081
- React__default['default'].createElement('span', { className: 'price price--decrease' }, '- \u20AC 375,98'),
29082
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
29083
- )
29084
- )
29085
- ),
29086
- React__default['default'].createElement(
29087
- 'div',
29088
- { className: 'flight__flight' },
29089
- React__default['default'].createElement(
29090
- 'div',
29091
- { className: 'flight__flight__container' },
29092
- React__default['default'].createElement(
29093
- 'div',
29094
- { className: 'flight__flight__wrapper' },
29095
- React__default['default'].createElement(
29096
- 'div',
29097
- { className: 'flight__logo__wrapper' },
29098
- React__default['default'].createElement('img', {
29099
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
29100
- alt: '',
29101
- className: 'flight__logo'
29102
- }),
29103
- React__default['default'].createElement('span', null, 'Example Airline')
29104
- ),
29105
- React__default['default'].createElement(
29106
- 'div',
29107
- { className: 'flight__info' },
29108
- React__default['default'].createElement(
29109
- 'div',
29110
- { className: 'flight__info__times' },
29111
- React__default['default'].createElement('strong', null, '08:30 JFK'),
29112
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29113
- ),
29114
- React__default['default'].createElement(
29115
- 'div',
29116
- { className: 'flight__info__duration' },
29117
- React__default['default'].createElement('p', null, '7h 45m'),
29118
- React__default['default'].createElement(
29119
- 'div',
29120
- { className: 'flight__info__duration__stops' },
29121
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
29122
- ),
29123
- React__default['default'].createElement('span', null, '1 stop')
29124
- ),
29125
- React__default['default'].createElement(
29126
- 'div',
29127
- { className: 'flight__info__times flight__info__times--arrival' },
29128
- React__default['default'].createElement('strong', null, '22:15 AMS'),
29129
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
29130
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
29131
- )
29132
- )
29133
- ),
29134
- React__default['default'].createElement(
29135
- 'div',
29136
- { className: 'flight__detail__btn__wrapper' },
29137
- React__default['default'].createElement(
29138
- 'div',
29139
- { className: 'flight__detail__btn' },
29140
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
29141
- )
29142
- )
29143
- ),
29144
- React__default['default'].createElement(
29145
- 'div',
29146
- { className: 'flight__detail' },
29147
- React__default['default'].createElement(
29148
- 'div',
29149
- { className: 'flight__info' },
29150
- React__default['default'].createElement(
29151
- 'div',
29152
- { className: 'flight__info__times__wrapper' },
29153
- React__default['default'].createElement(
29154
- 'div',
29155
- { className: 'flight__info__times' },
29156
- React__default['default'].createElement('p', null, '08:30'),
29157
- React__default['default'].createElement('strong', null, 'JFK'),
29158
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29159
- ),
29160
- React__default['default'].createElement(
29161
- 'div',
29162
- null,
29163
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29164
- )
29165
- ),
29166
- React__default['default'].createElement(
29167
- 'div',
29168
- { className: 'flight__info__duration' },
29169
- React__default['default'].createElement('p', null, '6h 20m'),
29170
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29171
- React__default['default'].createElement('span', null, 'Example Airline'),
29172
- React__default['default'].createElement('strong', null, 'EA123')
29173
- ),
29174
- React__default['default'].createElement(
29175
- 'div',
29176
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29177
- React__default['default'].createElement(
29178
- 'div',
29179
- null,
29180
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29181
- ),
29182
- React__default['default'].createElement(
29183
- 'div',
29184
- { className: 'flight__info__times flight__info__times--arrival' },
29185
- React__default['default'].createElement('p', null, '20:50'),
29186
- React__default['default'].createElement('strong', null, 'LHR'),
29187
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29188
- )
29189
- )
29190
- ),
29191
- React__default['default'].createElement(
29192
- 'div',
29193
- { className: 'flight__info' },
29194
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
29195
- React__default['default'].createElement(
29196
- 'div',
29197
- { className: 'flight__info__duration flight__info__duration--waittime' },
29198
- React__default['default'].createElement(
29199
- 'div',
29200
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
29201
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
29202
- ),
29203
- React__default['default'].createElement(
29204
- 'div',
29205
- { className: 'flight__info__duration__stoptime' },
29206
- React__default['default'].createElement('span', null, 'Stop time'),
29207
- React__default['default'].createElement('strong', null, '1h 15m')
29208
- )
29209
- ),
29210
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
29211
- ),
29212
- React__default['default'].createElement(
29213
- 'div',
29214
- { className: 'flight__info' },
29215
- React__default['default'].createElement(
29216
- 'div',
29217
- { className: 'flight__info__times__wrapper' },
29218
- React__default['default'].createElement(
29219
- 'div',
29220
- { className: 'flight__info__times' },
29221
- React__default['default'].createElement('p', null, '22:05'),
29222
- React__default['default'].createElement('strong', null, 'LHR'),
29223
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29224
- ),
29225
- React__default['default'].createElement(
29226
- 'div',
29227
- null,
29228
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29229
- )
29230
- ),
29231
- React__default['default'].createElement(
29232
- 'div',
29233
- { className: 'flight__info__duration' },
29234
- React__default['default'].createElement('p', null, '1h 10m'),
29235
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29236
- React__default['default'].createElement('span', null, 'Example Airline'),
29237
- React__default['default'].createElement('strong', null, 'EA456')
29238
- ),
29239
- React__default['default'].createElement(
29240
- 'div',
29241
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29242
- React__default['default'].createElement(
29243
- 'div',
29244
- null,
29245
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29246
- ),
29247
- React__default['default'].createElement(
29248
- 'div',
29249
- { className: 'flight__info__times flight__info__times--arrival' },
29250
- React__default['default'].createElement('p', null, '23:15'),
29251
- React__default['default'].createElement('strong', null, 'AMS'),
29252
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29253
- )
29254
- )
29255
- )
29256
- ),
29257
- React__default['default'].createElement('div', { className: 'flight__rate' })
29258
- )
29259
- )
29260
- )
29261
- )
29262
- )
29263
- ),
29264
- React__default['default'].createElement(
29265
- 'div',
29266
- { className: 'search__results__options' },
29267
- React__default['default'].createElement('p', null, 'There are more transports at your disposal'),
29268
- React__default['default'].createElement('a', { href: '#' }, 'More options')
29269
- )
29270
- );
29271
- };
29272
-
29273
- var HotelCard = function (_a) {
29274
- var result = _a.result;
29275
- var context = React.useContext(SearchResultsConfigurationContext);
29276
- return React__default['default'].createElement(
29277
- 'div',
29278
- { className: 'search__result-card' },
29279
- React__default['default'].createElement(
29280
- 'div',
29281
- { className: 'search__result-card__wrapper' },
29282
- React__default['default'].createElement(
29283
- 'div',
29284
- { className: 'search__result-card__image-wrapper' },
29285
- React__default['default'].createElement('img', { src: result.image, alt: result.title, className: 'search__result-card__image' })
29286
- ),
29287
- React__default['default'].createElement(
29288
- 'div',
29289
- { className: 'search__result-card__content' },
29290
- result.location &&
29291
- React__default['default'].createElement(
29292
- 'div',
29293
- { className: 'search__result-card__location' },
29294
- React__default['default'].createElement(
29295
- 'svg',
29296
- { id: 'ui-marker', viewBox: '0 0 13.33 20' },
29297
- React__default['default'].createElement('path', {
29298
- 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',
29299
- transform: 'translate(0 0)'
29300
- })
29301
- ),
29302
- result.location
29303
- ),
29304
- React__default['default'].createElement('h3', { className: 'search__result-card__title' }, result.title),
29305
- result.description && React__default['default'].createElement('p', { className: 'search__result-card__description' }, result.description),
29306
- React__default['default'].createElement(
29307
- 'div',
29308
- { className: 'search__result-card__footer' },
29309
- React__default['default'].createElement('span', { className: 'search__result-card__price' }, result.price),
29310
- React__default['default'].createElement(
29311
- 'button',
29312
- {
29313
- className: 'search__result-card__button',
29314
- onClick: function () {
29315
- var _a;
29316
- return (_a = context === null || context === void 0 ? void 0 : context.onResultClick) === null || _a === void 0
29317
- ? void 0
29318
- : _a.call(context, result.id);
29319
- }
29320
- },
29321
- result.ctaText
29322
- )
29323
- )
29324
- )
29325
- )
29326
- );
29327
- };
29328
-
29329
- var mockedHotelResults = [
29330
- {
29331
- type: 'hotel',
29332
- id: 'HTFSWILLCARL',
29333
- title: 'HTFSWILLCARL',
29334
- image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
29335
- description: '2 persoons kamer',
29336
- location: 'Tenerif, Spanje',
29337
- price: '$2244',
29338
- ctaText: 'Bekijk details',
29339
- days: '7 nights',
29340
- flightInfo: null,
29341
- accommodation: null,
29342
- regime: null,
29343
- stars: 5
29344
- },
29345
- {
29346
- type: 'hotel',
29347
- id: 'HTFSSOFTROCK',
29348
- title: 'HTFSSOFTROCK',
29349
- image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
29350
- description: '3 persoons kamer',
29351
- location: 'Tenerif, Spanje',
29352
- price: '$2244',
29353
- ctaText: 'Bekijk details',
29354
- days: '7 nights',
29355
- flightInfo: null,
29356
- accommodation: null,
29357
- regime: null,
29358
- stars: 5
29359
- },
29360
- {
29361
- type: 'hotel',
29362
- id: 'HTFSROYGAR',
29363
- title: 'HTFSROYGAR',
29364
- image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
29365
- description: '4 persoons kamer',
29366
- location: 'Tenerif, Spanje',
29367
- price: '$2496',
29368
- ctaText: 'Bekijk details',
29369
- days: '7 nights',
29370
- flightInfo: null,
29371
- accommodation: null,
29372
- regime: null,
29373
- stars: 5
29374
- },
29375
- {
29376
- type: 'hotel',
29377
- id: 'HTFSCONBEL',
29378
- title: 'HTFSCONBEL',
29379
- image: 'https://images.unsplash.com/photo-1573790387438-4da905039392?q=80&w=1925&auto=format&fit=crop',
29380
- description: '5 persoons kamer',
29381
- location: 'Tenerif, Spanje',
29382
- price: '$6784.8',
29383
- ctaText: 'Bekijk details',
29384
- days: '7 nights',
29385
- flightInfo: null,
29386
- accommodation: null,
29387
- regime: null,
29388
- stars: 5
29389
- }
29390
- ];
29391
- var HotelAccommodationResults = function (_a) {
29392
- var _b;
29393
- var isLoading = _a.isLoading,
29394
- context = _a.context;
29395
- var renderResults = function (results) {
29396
- var renderedResults = results.map(function (result, index) {
29397
- if (
29398
- (context === null || context === void 0 ? void 0 : context.showCustomCards) &&
29399
- (context === null || context === void 0 ? void 0 : context.customCardRenderer)
29400
- ) {
29401
- return React__default['default'].createElement(
29402
- 'div',
29403
- { key: ''.concat(result.id, '-').concat(index), className: 'search__result-card' },
29404
- context.customCardRenderer(result)
29405
- );
29406
- }
29407
- return React__default['default'].createElement(HotelCard, { key: ''.concat(result.id, '-').concat(index), result: result });
29408
- });
29409
- return React__default['default'].createElement('div', { className: 'search__results__cards' }, renderedResults);
29410
- };
29411
- return React__default['default'].createElement(
29412
- React__default['default'].Fragment,
29413
- null,
29414
- React__default['default'].createElement(
29415
- 'div',
29416
- { className: 'search__results__label search__results__label--secondary' },
29417
- React__default['default'].createElement(
29418
- 'div',
29419
- { className: 'search__results__label__date' },
29420
- React__default['default'].createElement('p', { className: 'search__results__label__date-date' }, '19'),
29421
- React__default['default'].createElement('p', null, 'Jan')
29422
- ),
29423
- React__default['default'].createElement(
29424
- 'div',
29425
- { className: 'search__results__label__text' },
29426
- React__default['default'].createElement('h3', null, 'Select ', React__default['default'].createElement('strong', null, 'Accomodation'))
29427
- )
29428
- ),
29429
- isLoading
29430
- ? (_b = context.customSpinner) !== null && _b !== void 0
29431
- ? _b
29432
- : React__default['default'].createElement(Spinner, null)
29433
- : mockedHotelResults.length === 0
29434
- ? React__default['default'].createElement('div', { className: 'no-results' }, context.noResultsLabel || 'No results found.')
29435
- : renderResults(mockedHotelResults)
29436
- );
29437
- };
29438
-
29439
- var FlightAccommodationResults = function () {
29440
- return React__default['default'].createElement(
29441
- React__default['default'].Fragment,
29442
- null,
29443
- React__default['default'].createElement(
29444
- 'div',
29445
- { className: 'search__results__label search__results__label--secondary' },
29446
- React__default['default'].createElement(
29447
- 'div',
29448
- { className: 'search__results__label__date' },
29449
- React__default['default'].createElement('p', { className: 'search__results__label__date-date' }, '19'),
29450
- React__default['default'].createElement('p', null, 'Jan')
29451
- ),
29452
- React__default['default'].createElement(
29453
- 'div',
29454
- { className: 'search__results__label__text' },
29455
- React__default['default'].createElement('h3', null, 'Select ', React__default['default'].createElement('strong', null, 'Accomodation'))
29456
- )
29457
- ),
29458
- React__default['default'].createElement(
29459
- 'div',
29460
- { className: 'search__results__cards search__results__cards--extended' },
29461
- React__default['default'].createElement(
29462
- 'div',
29463
- { key: 1, className: 'search__result-card' },
29464
- React__default['default'].createElement(
29465
- 'div',
29466
- { className: 'flight' },
29467
- React__default['default'].createElement(
29468
- 'div',
29469
- { className: 'flight__option' },
29470
- React__default['default'].createElement(
29471
- 'div',
29472
- { className: 'flight__content' },
29473
- React__default['default'].createElement(
29474
- 'div',
29475
- { className: 'flight__flights' },
29476
- React__default['default'].createElement(
29477
- 'div',
29478
- { className: 'flight__flight' },
29479
- React__default['default'].createElement(
29480
- 'div',
29481
- { className: 'flight__flight__header' },
29482
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
29483
- React__default['default'].createElement(
29484
- 'div',
29485
- { className: 'flight__price' },
29486
- React__default['default'].createElement('span', { className: 'price price--increase' }, '- \u20AC 375,98'),
29487
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
29488
- )
29489
- )
29490
- ),
29491
- React__default['default'].createElement(
29492
- 'div',
29493
- { className: 'flight__flight' },
29494
- React__default['default'].createElement(
29495
- 'div',
29496
- { className: 'flight__flight__container' },
29497
- React__default['default'].createElement(
29498
- 'div',
29499
- { className: 'flight__flight__wrapper' },
29500
- React__default['default'].createElement(
29501
- 'div',
29502
- { className: 'flight__logo__wrapper' },
29503
- React__default['default'].createElement('img', {
29504
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
29505
- alt: '',
29506
- className: 'flight__logo'
29507
- }),
29508
- React__default['default'].createElement('span', null, 'Example Airline')
29509
- ),
29510
- React__default['default'].createElement(
29511
- 'div',
29512
- { className: 'flight__info' },
29513
- React__default['default'].createElement(
29514
- 'div',
29515
- { className: 'flight__info__times' },
29516
- React__default['default'].createElement('strong', null, '08:30 JFK'),
29517
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29518
- ),
29519
- React__default['default'].createElement(
29520
- 'div',
29521
- { className: 'flight__info__duration' },
29522
- React__default['default'].createElement('p', null, '7h 45m'),
29523
- React__default['default'].createElement(
29524
- 'div',
29525
- { className: 'flight__info__duration__stops' },
29526
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
29527
- ),
29528
- React__default['default'].createElement('span', null, '1 stop')
29529
- ),
29530
- React__default['default'].createElement(
29531
- 'div',
29532
- { className: 'flight__info__times flight__info__times--arrival' },
29533
- React__default['default'].createElement('strong', null, '22:15 AMS'),
29534
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
29535
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
29536
- )
29537
- )
29538
- ),
29539
- React__default['default'].createElement(
29540
- 'div',
29541
- { className: 'flight__detail__btn__wrapper' },
29542
- React__default['default'].createElement(
29543
- 'div',
29544
- { className: 'flight__detail__btn' },
29545
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
29546
- )
29547
- )
29548
- ),
29549
- React__default['default'].createElement(
29550
- 'div',
29551
- { className: 'flight__detail' },
29552
- React__default['default'].createElement(
29553
- 'div',
29554
- { className: 'flight__info' },
29555
- React__default['default'].createElement(
29556
- 'div',
29557
- { className: 'flight__info__times__wrapper' },
29558
- React__default['default'].createElement(
29559
- 'div',
29560
- { className: 'flight__info__times' },
29561
- React__default['default'].createElement('p', null, '08:30'),
29562
- React__default['default'].createElement('strong', null, 'JFK'),
29563
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29564
- ),
29565
- React__default['default'].createElement(
29566
- 'div',
29567
- null,
29568
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29569
- )
29570
- ),
29571
- React__default['default'].createElement(
29572
- 'div',
29573
- { className: 'flight__info__duration' },
29574
- React__default['default'].createElement('p', null, '6h 20m'),
29575
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29576
- React__default['default'].createElement('span', null, 'Example Airline'),
29577
- React__default['default'].createElement('strong', null, 'EA123')
29578
- ),
29579
- React__default['default'].createElement(
29580
- 'div',
29581
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29582
- React__default['default'].createElement(
29583
- 'div',
29584
- null,
29585
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29586
- ),
29587
- React__default['default'].createElement(
29588
- 'div',
29589
- { className: 'flight__info__times flight__info__times--arrival' },
29590
- React__default['default'].createElement('p', null, '20:50'),
29591
- React__default['default'].createElement('strong', null, 'LHR'),
29592
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29593
- )
29594
- )
29595
- ),
29596
- React__default['default'].createElement(
29597
- 'div',
29598
- { className: 'flight__info' },
29599
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
29600
- React__default['default'].createElement(
29601
- 'div',
29602
- { className: 'flight__info__duration flight__info__duration--waittime' },
29603
- React__default['default'].createElement(
29604
- 'div',
29605
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
29606
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
29607
- ),
29608
- React__default['default'].createElement(
29609
- 'div',
29610
- { className: 'flight__info__duration__stoptime' },
29611
- React__default['default'].createElement('span', null, 'Stop time'),
29612
- React__default['default'].createElement('strong', null, '1h 15m')
29613
- )
29614
- ),
29615
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
29616
- ),
29617
- React__default['default'].createElement(
29618
- 'div',
29619
- { className: 'flight__info' },
29620
- React__default['default'].createElement(
29621
- 'div',
29622
- { className: 'flight__info__times__wrapper' },
29623
- React__default['default'].createElement(
29624
- 'div',
29625
- { className: 'flight__info__times' },
29626
- React__default['default'].createElement('p', null, '22:05'),
29627
- React__default['default'].createElement('strong', null, 'LHR'),
29628
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29629
- ),
29630
- React__default['default'].createElement(
29631
- 'div',
29632
- null,
29633
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29634
- )
29635
- ),
29636
- React__default['default'].createElement(
29637
- 'div',
29638
- { className: 'flight__info__duration' },
29639
- React__default['default'].createElement('p', null, '1h 10m'),
29640
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29641
- React__default['default'].createElement('span', null, 'Example Airline'),
29642
- React__default['default'].createElement('strong', null, 'EA456')
29643
- ),
29644
- React__default['default'].createElement(
29645
- 'div',
29646
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29647
- React__default['default'].createElement(
29648
- 'div',
29649
- null,
29650
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29651
- ),
29652
- React__default['default'].createElement(
29653
- 'div',
29654
- { className: 'flight__info__times flight__info__times--arrival' },
29655
- React__default['default'].createElement('p', null, '23:15'),
29656
- React__default['default'].createElement('strong', null, 'AMS'),
29657
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29658
- )
29659
- )
29660
- )
29661
- ),
29662
- React__default['default'].createElement('div', { className: 'flight__rate' })
29663
- )
29664
- )
29665
- )
29666
- )
29667
- )
29668
- ),
29669
- React__default['default'].createElement(
29670
- 'div',
29671
- { key: 2, className: 'search__result-card' },
29672
- React__default['default'].createElement(
29673
- 'div',
29674
- { className: 'flight' },
29675
- React__default['default'].createElement(
29676
- 'div',
29677
- { className: 'flight__option' },
29678
- React__default['default'].createElement(
29679
- 'div',
29680
- { className: 'flight__content' },
29681
- React__default['default'].createElement(
29682
- 'div',
29683
- { className: 'flight__flights' },
29684
- React__default['default'].createElement(
29685
- 'div',
29686
- { className: 'flight__flight' },
29687
- React__default['default'].createElement(
29688
- 'div',
29689
- { className: 'flight__flight__header' },
29690
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
29691
- React__default['default'].createElement(
29692
- 'div',
29693
- { className: 'flight__price' },
29694
- React__default['default'].createElement('span', { className: 'price price--increase' }, '- \u20AC 375,98'),
29695
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
29696
- )
29697
- )
29698
- ),
29699
- React__default['default'].createElement(
29700
- 'div',
29701
- { className: 'flight__flight' },
29702
- React__default['default'].createElement(
29703
- 'div',
29704
- { className: 'flight__flight__container' },
29705
- React__default['default'].createElement(
29706
- 'div',
29707
- { className: 'flight__flight__wrapper' },
29708
- React__default['default'].createElement(
29709
- 'div',
29710
- { className: 'flight__logo__wrapper' },
29711
- React__default['default'].createElement('img', {
29712
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
29713
- alt: '',
29714
- className: 'flight__logo'
29715
- }),
29716
- React__default['default'].createElement('span', null, 'Example Airline')
29717
- ),
29718
- React__default['default'].createElement(
29719
- 'div',
29720
- { className: 'flight__info' },
29721
- React__default['default'].createElement(
29722
- 'div',
29723
- { className: 'flight__info__times' },
29724
- React__default['default'].createElement('strong', null, '08:30 JFK'),
29725
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29726
- ),
29727
- React__default['default'].createElement(
29728
- 'div',
29729
- { className: 'flight__info__duration' },
29730
- React__default['default'].createElement('p', null, '7h 45m'),
29731
- React__default['default'].createElement(
29732
- 'div',
29733
- { className: 'flight__info__duration__stops' },
29734
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
29735
- ),
29736
- React__default['default'].createElement('span', null, '1 stop')
29737
- ),
29738
- React__default['default'].createElement(
29739
- 'div',
29740
- { className: 'flight__info__times flight__info__times--arrival' },
29741
- React__default['default'].createElement('strong', null, '22:15 AMS'),
29742
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
29743
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
29744
- )
29745
- )
29746
- ),
29747
- React__default['default'].createElement(
29748
- 'div',
29749
- { className: 'flight__detail__btn__wrapper' },
29750
- React__default['default'].createElement(
29751
- 'div',
29752
- { className: 'flight__detail__btn' },
29753
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
29754
- )
29755
- )
29756
- ),
29757
- React__default['default'].createElement(
29758
- 'div',
29759
- { className: 'flight__detail' },
29760
- React__default['default'].createElement(
29761
- 'div',
29762
- { className: 'flight__info' },
29763
- React__default['default'].createElement(
29764
- 'div',
29765
- { className: 'flight__info__times__wrapper' },
29766
- React__default['default'].createElement(
29767
- 'div',
29768
- { className: 'flight__info__times' },
29769
- React__default['default'].createElement('p', null, '08:30'),
29770
- React__default['default'].createElement('strong', null, 'JFK'),
29771
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29772
- ),
29773
- React__default['default'].createElement(
29774
- 'div',
29775
- null,
29776
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29777
- )
29778
- ),
29779
- React__default['default'].createElement(
29780
- 'div',
29781
- { className: 'flight__info__duration' },
29782
- React__default['default'].createElement('p', null, '6h 20m'),
29783
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29784
- React__default['default'].createElement('span', null, 'Example Airline'),
29785
- React__default['default'].createElement('strong', null, 'EA123')
29786
- ),
29787
- React__default['default'].createElement(
29788
- 'div',
29789
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29790
- React__default['default'].createElement(
29791
- 'div',
29792
- null,
29793
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29794
- ),
29795
- React__default['default'].createElement(
29796
- 'div',
29797
- { className: 'flight__info__times flight__info__times--arrival' },
29798
- React__default['default'].createElement('p', null, '20:50'),
29799
- React__default['default'].createElement('strong', null, 'LHR'),
29800
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29801
- )
29802
- )
29803
- ),
29804
- React__default['default'].createElement(
29805
- 'div',
29806
- { className: 'flight__info' },
29807
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
29808
- React__default['default'].createElement(
29809
- 'div',
29810
- { className: 'flight__info__duration flight__info__duration--waittime' },
29811
- React__default['default'].createElement(
29812
- 'div',
29813
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
29814
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
29815
- ),
29816
- React__default['default'].createElement(
29817
- 'div',
29818
- { className: 'flight__info__duration__stoptime' },
29819
- React__default['default'].createElement('span', null, 'Stop time'),
29820
- React__default['default'].createElement('strong', null, '1h 15m')
29821
- )
29822
- ),
29823
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
29824
- ),
29825
- React__default['default'].createElement(
29826
- 'div',
29827
- { className: 'flight__info' },
29828
- React__default['default'].createElement(
29829
- 'div',
29830
- { className: 'flight__info__times__wrapper' },
29831
- React__default['default'].createElement(
29832
- 'div',
29833
- { className: 'flight__info__times' },
29834
- React__default['default'].createElement('p', null, '22:05'),
29835
- React__default['default'].createElement('strong', null, 'LHR'),
29836
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29837
- ),
29838
- React__default['default'].createElement(
29839
- 'div',
29840
- null,
29841
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29842
- )
29843
- ),
29844
- React__default['default'].createElement(
29845
- 'div',
29846
- { className: 'flight__info__duration' },
29847
- React__default['default'].createElement('p', null, '1h 10m'),
29848
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29849
- React__default['default'].createElement('span', null, 'Example Airline'),
29850
- React__default['default'].createElement('strong', null, 'EA456')
29851
- ),
29852
- React__default['default'].createElement(
29853
- 'div',
29854
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29855
- React__default['default'].createElement(
29856
- 'div',
29857
- null,
29858
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
29859
- ),
29860
- React__default['default'].createElement(
29861
- 'div',
29862
- { className: 'flight__info__times flight__info__times--arrival' },
29863
- React__default['default'].createElement('p', null, '23:15'),
29864
- React__default['default'].createElement('strong', null, 'AMS'),
29865
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29866
- )
29867
- )
29868
- )
29869
- ),
29870
- React__default['default'].createElement('div', { className: 'flight__rate' })
29871
- )
29872
- )
29873
- )
29874
- )
29875
- )
29876
- ),
29877
- React__default['default'].createElement(
29878
- 'div',
29879
- { key: 3, className: 'search__result-card' },
29880
- React__default['default'].createElement(
29881
- 'div',
29882
- { className: 'flight' },
29883
- React__default['default'].createElement(
29884
- 'div',
29885
- { className: 'flight__option' },
29886
- React__default['default'].createElement(
29887
- 'div',
29888
- { className: 'flight__content' },
29889
- React__default['default'].createElement(
29890
- 'div',
29891
- { className: 'flight__flights' },
29892
- React__default['default'].createElement(
29893
- 'div',
29894
- { className: 'flight__flight' },
29895
- React__default['default'].createElement(
29896
- 'div',
29897
- { className: 'flight__flight__header' },
29898
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
29899
- React__default['default'].createElement(
29900
- 'div',
29901
- { className: 'flight__price' },
29902
- React__default['default'].createElement('span', { className: 'price price--increase' }, '- \u20AC 375,98'),
29903
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
29904
- )
29905
- )
29906
- ),
29907
- React__default['default'].createElement(
29908
- 'div',
29909
- { className: 'flight__flight' },
29910
- React__default['default'].createElement(
29911
- 'div',
29912
- { className: 'flight__flight__container' },
29913
- React__default['default'].createElement(
29914
- 'div',
29915
- { className: 'flight__flight__wrapper' },
29916
- React__default['default'].createElement(
29917
- 'div',
29918
- { className: 'flight__logo__wrapper' },
29919
- React__default['default'].createElement('img', {
29920
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
29921
- alt: '',
29922
- className: 'flight__logo'
29923
- }),
29924
- React__default['default'].createElement('span', null, 'Example Airline')
29925
- ),
29926
- React__default['default'].createElement(
29927
- 'div',
29928
- { className: 'flight__info' },
29929
- React__default['default'].createElement(
29930
- 'div',
29931
- { className: 'flight__info__times' },
29932
- React__default['default'].createElement('strong', null, '08:30 JFK'),
29933
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29934
- ),
29935
- React__default['default'].createElement(
29936
- 'div',
29937
- { className: 'flight__info__duration' },
29938
- React__default['default'].createElement('p', null, '7h 45m'),
29939
- React__default['default'].createElement(
29940
- 'div',
29941
- { className: 'flight__info__duration__stops' },
29942
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
29943
- ),
29944
- React__default['default'].createElement('span', null, '1 stop')
29945
- ),
29946
- React__default['default'].createElement(
29947
- 'div',
29948
- { className: 'flight__info__times flight__info__times--arrival' },
29949
- React__default['default'].createElement('strong', null, '22:15 AMS'),
29950
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
29951
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
29952
- )
29953
- )
29954
- ),
29955
- React__default['default'].createElement(
29956
- 'div',
29957
- { className: 'flight__detail__btn__wrapper' },
29958
- React__default['default'].createElement(
29959
- 'div',
29960
- { className: 'flight__detail__btn' },
29961
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
29962
- )
29963
- )
29964
- ),
29965
- React__default['default'].createElement(
29966
- 'div',
29967
- { className: 'flight__detail' },
29968
- React__default['default'].createElement(
29969
- 'div',
29970
- { className: 'flight__info' },
29971
- React__default['default'].createElement(
29972
- 'div',
29973
- { className: 'flight__info__times__wrapper' },
29974
- React__default['default'].createElement(
29975
- 'div',
29976
- { className: 'flight__info__times' },
29977
- React__default['default'].createElement('p', null, '08:30'),
29978
- React__default['default'].createElement('strong', null, 'JFK'),
29979
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
29980
- ),
29981
- React__default['default'].createElement(
29982
- 'div',
29983
- null,
29984
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
29985
- )
29986
- ),
29987
- React__default['default'].createElement(
29988
- 'div',
29989
- { className: 'flight__info__duration' },
29990
- React__default['default'].createElement('p', null, '6h 20m'),
29991
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
29992
- React__default['default'].createElement('span', null, 'Example Airline'),
29993
- React__default['default'].createElement('strong', null, 'EA123')
29994
- ),
29995
- React__default['default'].createElement(
29996
- 'div',
29997
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
29998
- React__default['default'].createElement(
29999
- 'div',
30000
- null,
30001
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
30002
- ),
30003
- React__default['default'].createElement(
30004
- 'div',
30005
- { className: 'flight__info__times flight__info__times--arrival' },
30006
- React__default['default'].createElement('p', null, '20:50'),
30007
- React__default['default'].createElement('strong', null, 'LHR'),
30008
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30009
- )
30010
- )
30011
- ),
30012
- React__default['default'].createElement(
30013
- 'div',
30014
- { className: 'flight__info' },
30015
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
30016
- React__default['default'].createElement(
30017
- 'div',
30018
- { className: 'flight__info__duration flight__info__duration--waittime' },
30019
- React__default['default'].createElement(
30020
- 'div',
30021
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
30022
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
30023
- ),
30024
- React__default['default'].createElement(
30025
- 'div',
30026
- { className: 'flight__info__duration__stoptime' },
30027
- React__default['default'].createElement('span', null, 'Stop time'),
30028
- React__default['default'].createElement('strong', null, '1h 15m')
30029
- )
30030
- ),
30031
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
30032
- ),
30033
- React__default['default'].createElement(
30034
- 'div',
30035
- { className: 'flight__info' },
30036
- React__default['default'].createElement(
30037
- 'div',
30038
- { className: 'flight__info__times__wrapper' },
30039
- React__default['default'].createElement(
30040
- 'div',
30041
- { className: 'flight__info__times' },
30042
- React__default['default'].createElement('p', null, '22:05'),
30043
- React__default['default'].createElement('strong', null, 'LHR'),
30044
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30045
- ),
30046
- React__default['default'].createElement(
30047
- 'div',
30048
- null,
30049
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
30050
- )
30051
- ),
30052
- React__default['default'].createElement(
30053
- 'div',
30054
- { className: 'flight__info__duration' },
30055
- React__default['default'].createElement('p', null, '1h 10m'),
30056
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
30057
- React__default['default'].createElement('span', null, 'Example Airline'),
30058
- React__default['default'].createElement('strong', null, 'EA456')
30059
- ),
30060
- React__default['default'].createElement(
30061
- 'div',
30062
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
30063
- React__default['default'].createElement(
30064
- 'div',
30065
- null,
30066
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
30067
- ),
30068
- React__default['default'].createElement(
30069
- 'div',
30070
- { className: 'flight__info__times flight__info__times--arrival' },
30071
- React__default['default'].createElement('p', null, '23:15'),
30072
- React__default['default'].createElement('strong', null, 'AMS'),
30073
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30074
- )
30075
- )
30076
- )
30077
- ),
30078
- React__default['default'].createElement('div', { className: 'flight__rate' })
30079
- )
30080
- )
30081
- )
30082
- )
30083
- )
30084
- ),
30085
- React__default['default'].createElement(
30086
- 'div',
30087
- { key: 4, className: 'search__result-card' },
30088
- React__default['default'].createElement(
30089
- 'div',
30090
- { className: 'flight' },
30091
- React__default['default'].createElement(
30092
- 'div',
30093
- { className: 'flight__option' },
30094
- React__default['default'].createElement(
30095
- 'div',
30096
- { className: 'flight__content' },
30097
- React__default['default'].createElement(
30098
- 'div',
30099
- { className: 'flight__flights' },
30100
- React__default['default'].createElement(
30101
- 'div',
30102
- { className: 'flight__flight' },
30103
- React__default['default'].createElement(
30104
- 'div',
30105
- { className: 'flight__flight__header' },
30106
- React__default['default'].createElement('div', { className: 'flight__status__container' }),
30107
- React__default['default'].createElement(
30108
- 'div',
30109
- { className: 'flight__price' },
30110
- React__default['default'].createElement('span', { className: 'price price--increase' }, '- \u20AC 375,98'),
30111
- React__default['default'].createElement('button', { type: 'button', className: 'cta cta--select' }, 'Select')
30112
- )
30113
- )
30114
- ),
30115
- React__default['default'].createElement(
30116
- 'div',
30117
- { className: 'flight__flight' },
30118
- React__default['default'].createElement(
30119
- 'div',
30120
- { className: 'flight__flight__container' },
30121
- React__default['default'].createElement(
30122
- 'div',
30123
- { className: 'flight__flight__wrapper' },
30124
- React__default['default'].createElement(
30125
- 'div',
30126
- { className: 'flight__logo__wrapper' },
30127
- React__default['default'].createElement('img', {
30128
- src: 'https://media.tidesoftware.be/media/shared/Airlines/XX.png?height=256',
30129
- alt: '',
30130
- className: 'flight__logo'
30131
- }),
30132
- React__default['default'].createElement('span', null, 'Example Airline')
30133
- ),
30134
- React__default['default'].createElement(
30135
- 'div',
30136
- { className: 'flight__info' },
30137
- React__default['default'].createElement(
30138
- 'div',
30139
- { className: 'flight__info__times' },
30140
- React__default['default'].createElement('strong', null, '08:30 JFK'),
30141
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30142
- ),
30143
- React__default['default'].createElement(
30144
- 'div',
30145
- { className: 'flight__info__duration' },
30146
- React__default['default'].createElement('p', null, '7h 45m'),
30147
- React__default['default'].createElement(
30148
- 'div',
30149
- { className: 'flight__info__duration__stops' },
30150
- React__default['default'].createElement('div', { className: 'flight__info__duration__stop' })
30151
- ),
30152
- React__default['default'].createElement('span', null, '1 stop')
30153
- ),
30154
- React__default['default'].createElement(
30155
- 'div',
30156
- { className: 'flight__info__times flight__info__times--arrival' },
30157
- React__default['default'].createElement('strong', null, '22:15 AMS'),
30158
- React__default['default'].createElement('p', null, 'Tue 13 Feb 2025'),
30159
- React__default['default'].createElement('span', { className: 'flight__info__times__days' }, '+1 day')
30160
- )
30161
- )
30162
- ),
30163
- React__default['default'].createElement(
30164
- 'div',
30165
- { className: 'flight__detail__btn__wrapper' },
30166
- React__default['default'].createElement(
30167
- 'div',
30168
- { className: 'flight__detail__btn' },
30169
- React__default['default'].createElement(Icon, { name: 'ui-chevron', className: 'flight__detail__btn__arrow', width: 16, height: 16 })
30170
- )
30171
- )
30172
- ),
30173
- React__default['default'].createElement(
30174
- 'div',
30175
- { className: 'flight__detail' },
30176
- React__default['default'].createElement(
30177
- 'div',
30178
- { className: 'flight__info' },
30179
- React__default['default'].createElement(
30180
- 'div',
30181
- { className: 'flight__info__times__wrapper' },
30182
- React__default['default'].createElement(
30183
- 'div',
30184
- { className: 'flight__info__times' },
30185
- React__default['default'].createElement('p', null, '08:30'),
30186
- React__default['default'].createElement('strong', null, 'JFK'),
30187
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30188
- ),
30189
- React__default['default'].createElement(
30190
- 'div',
30191
- null,
30192
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
30193
- )
30194
- ),
30195
- React__default['default'].createElement(
30196
- 'div',
30197
- { className: 'flight__info__duration' },
30198
- React__default['default'].createElement('p', null, '6h 20m'),
30199
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
30200
- React__default['default'].createElement('span', null, 'Example Airline'),
30201
- React__default['default'].createElement('strong', null, 'EA123')
30202
- ),
30203
- React__default['default'].createElement(
30204
- 'div',
30205
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
30206
- React__default['default'].createElement(
30207
- 'div',
30208
- null,
30209
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
30210
- ),
30211
- React__default['default'].createElement(
30212
- 'div',
30213
- { className: 'flight__info__times flight__info__times--arrival' },
30214
- React__default['default'].createElement('p', null, '20:50'),
30215
- React__default['default'].createElement('strong', null, 'LHR'),
30216
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30217
- )
30218
- )
30219
- ),
30220
- React__default['default'].createElement(
30221
- 'div',
30222
- { className: 'flight__info' },
30223
- React__default['default'].createElement('div', { className: 'flight__info__times' }),
30224
- React__default['default'].createElement(
30225
- 'div',
30226
- { className: 'flight__info__duration flight__info__duration--waittime' },
30227
- React__default['default'].createElement(
30228
- 'div',
30229
- { className: 'flight__info__duration__stops flight__info__duration__stops--stoptime' },
30230
- React__default['default'].createElement(Icon, { name: 'ui-clock', width: 24, height: 24 })
30231
- ),
30232
- React__default['default'].createElement(
30233
- 'div',
30234
- { className: 'flight__info__duration__stoptime' },
30235
- React__default['default'].createElement('span', null, 'Stop time'),
30236
- React__default['default'].createElement('strong', null, '1h 15m')
30237
- )
30238
- ),
30239
- React__default['default'].createElement('div', { className: 'flight__info__times flight__info__times--arrival' })
30240
- ),
30241
- React__default['default'].createElement(
30242
- 'div',
30243
- { className: 'flight__info' },
30244
- React__default['default'].createElement(
30245
- 'div',
30246
- { className: 'flight__info__times__wrapper' },
30247
- React__default['default'].createElement(
30248
- 'div',
30249
- { className: 'flight__info__times' },
30250
- React__default['default'].createElement('p', null, '22:05'),
30251
- React__default['default'].createElement('strong', null, 'LHR'),
30252
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30253
- ),
30254
- React__default['default'].createElement(
30255
- 'div',
30256
- null,
30257
- React__default['default'].createElement(Icon, { name: 'ui-plane-depart', width: 30, height: 20 })
30258
- )
30259
- ),
30260
- React__default['default'].createElement(
30261
- 'div',
30262
- { className: 'flight__info__duration' },
30263
- React__default['default'].createElement('p', null, '1h 10m'),
30264
- React__default['default'].createElement('div', { className: 'flight__info__duration__stops' }),
30265
- React__default['default'].createElement('span', null, 'Example Airline'),
30266
- React__default['default'].createElement('strong', null, 'EA456')
30267
- ),
30268
- React__default['default'].createElement(
30269
- 'div',
30270
- { className: 'flight__info__times__wrapper flight__info__times__wrapper--arrival' },
30271
- React__default['default'].createElement(
30272
- 'div',
30273
- null,
30274
- React__default['default'].createElement(Icon, { name: 'ui-plane-arrive', width: 30, height: 20 })
30275
- ),
30276
- React__default['default'].createElement(
30277
- 'div',
30278
- { className: 'flight__info__times flight__info__times--arrival' },
30279
- React__default['default'].createElement('p', null, '23:15'),
30280
- React__default['default'].createElement('strong', null, 'AMS'),
30281
- React__default['default'].createElement('p', null, 'Mon 12 Feb 2025')
30282
- )
30283
- )
30284
- )
30285
- ),
30286
- React__default['default'].createElement('div', { className: 'flight__rate' })
30287
- )
30288
- )
30289
- )
30290
- )
30291
- )
30292
- )
30293
- )
30294
- );
30295
- };
30296
-
30297
- var RoundTripResults = function () {
30298
- return React__default['default'].createElement(
30299
- 'div',
30300
- { className: 'search__results__cards search__results__cards--comparator' },
30301
- React__default['default'].createElement(
30302
- 'div',
30303
- { className: 'search__result-card' },
30304
- React__default['default'].createElement(
30305
- 'div',
30306
- { className: 'search__result-card__allotment' },
30307
- React__default['default'].createElement(
30308
- 'div',
30309
- { className: 'search__result-card__allotment__title__wrapper' },
30310
- React__default['default'].createElement(
30311
- 'h3',
30312
- { className: 'search__result-card__allotment__title' },
30313
- 'Rondreis Noord-India: Rajasthan',
30314
- React__default['default'].createElement(
30315
- 'span',
30316
- { className: 'search__result-card__allotment__badge' },
30317
- React__default['default'].createElement(Icon, { name: 'ui-circle-check', width: 14, height: 14 }),
30318
- 'GAR'
30319
- )
30320
- ),
30321
- React__default['default'].createElement(
30322
- 'div',
30323
- { className: 'search__result-card__allotment__container' },
30324
- React__default['default'].createElement(
30325
- 'div',
30326
- { className: 'search__result-card__allotment__header' },
30327
- React__default['default'].createElement(
30328
- 'div',
30329
- { className: 'search__result-card__allotment__wrapper' },
30330
- React__default['default'].createElement(
30331
- 'div',
30332
- { className: 'search__result-card__allotment__date' },
30333
- React__default['default'].createElement(Icon, { name: 'ui-plane', height: 16 }),
30334
- 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')
30335
27970
  ),
30336
27971
  React__default['default'].createElement(
30337
27972
  'div',
@@ -30552,37 +28187,249 @@ var RoundTripResults = function () {
30552
28187
  );
30553
28188
  };
30554
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
+
30555
28214
  var SearchResultsContainer = function () {
30556
- var _a, _b, _c, _d;
28215
+ var _a, _b, _c;
30557
28216
  var isMobile = useMediaQuery('(max-width: 1200px)');
30558
- reactRedux.useDispatch();
28217
+ var dispatch = reactRedux.useDispatch();
30559
28218
  var context = React.useContext(SearchResultsConfigurationContext);
30560
- var _e = reactRedux.useSelector(function (state) {
28219
+ var _d = reactRedux.useSelector(function (state) {
30561
28220
  return state.searchResults;
30562
28221
  }),
30563
- results = _e.results,
30564
- isLoading = _e.isLoading,
30565
- filters = _e.filters,
30566
- sortKey = _e.sortKey;
30567
- var _f = React.useState(0),
30568
- searchTrigger = _f[0],
30569
- setSearchTrigger = _f[1];
30570
- 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([]);
30571
28233
  _g[0];
30572
- _g[1];
30573
- var _h = React.useState([]);
30574
- _h[0];
30575
- _h[1];
28234
+ var setInitialFilters = _g[1];
30576
28235
  React.useEffect(
30577
28236
  function () {
30578
- // nog statisch werken voorlopig
30579
- // 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();
30580
28393
  },
30581
- [location.search, searchTrigger, sortKey]
28394
+ [location.search, searchTrigger]
30582
28395
  );
30583
- var _j = React.useState(false),
30584
- isMobileFiltersOpen = _j[0],
30585
- 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
+ };
30586
28433
  var handleSetIsMobileFiltersOpen = function () {
30587
28434
  setIsMobileFiltersOpen(!isMobileFiltersOpen);
30588
28435
  };
@@ -30594,30 +28441,27 @@ var SearchResultsContainer = function () {
30594
28441
  },
30595
28442
  [isMobileFiltersOpen]
30596
28443
  );
30597
- var getFilteredResults = function () {
30598
- var filteredResults = results.filter(function (result) {
30599
- // Apply frontend filters here
30600
- var _a;
30601
- var ratingFilter = filters.find(function (f) {
30602
- return f.property === 'rating' && f.selectedRating != null;
30603
- });
30604
- if (ratingFilter) {
30605
- var minRating = ratingFilter.selectedRating;
30606
- var hotelStars = (_a = result.stars) !== null && _a !== void 0 ? _a : 0;
30607
- if (hotelStars < minRating) {
30608
- return false;
30609
- }
30610
- }
30611
- // Add more frontend filters if needed
30612
- return true;
30613
- });
30614
- return filteredResults;
30615
- };
30616
- var Sorts = [{ label: 'Price: low to high' }, { label: 'Price: high to low' }, { label: 'Top rated' }];
30617
- var _k = React.useState(undefined),
30618
- selectedTravelClass = _k[0],
30619
- setSelectedTravelClass = _k[1];
30620
- 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
+ ];
30621
28465
  return React__default['default'].createElement(
30622
28466
  'div',
30623
28467
  { id: 'tide-booking', className: 'search__bg' },
@@ -30664,22 +28508,15 @@ var SearchResultsContainer = function () {
30664
28508
  React__default['default'].createElement(Icon, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
30665
28509
  (_a = context.translations) === null || _a === void 0 ? void 0 : _a.filters
30666
28510
  ),
30667
- context.sortingOptions &&
30668
- context.sortingOptions.length > 0 &&
30669
- // <select className="search__result-row-button" value={sortKey ?? ''} onChange={(e) => handleSortChange(e.target.value)}>
30670
- // {context.sortingOptions.map((opt) => (
30671
- // <option key={opt.key} value={opt.key}>
30672
- // {opt.label}
30673
- // </option>
30674
- // ))}
30675
- // </select>
28511
+ sortingOptions &&
28512
+ sortingOptions.length > 0 &&
30676
28513
  React__default['default'].createElement(ItemPicker, {
30677
- items: Sorts,
30678
- selection: selectedTravelClass,
30679
- label: 'Sorteren op',
30680
- placeholder: 'Sorteer',
28514
+ items: sortingOptions,
28515
+ selection: sortKey || undefined,
28516
+ label: 'Sort by',
28517
+ placeholder: 'Sort by',
30681
28518
  classModifier: 'travel-class-picker__items',
30682
- onPick: setSelectedTravelClass
28519
+ onPick: handleSortChange
30683
28520
  })
30684
28521
  ),
30685
28522
  React__default['default'].createElement(
@@ -30692,24 +28529,24 @@ var SearchResultsContainer = function () {
30692
28529
  React__default['default'].createElement(
30693
28530
  React__default['default'].Fragment,
30694
28531
  null,
30695
- (_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,
30696
28533
  ' ',
30697
- (_d = context.translations) === null || _d === void 0 ? void 0 : _d.totalResultsLabel
28534
+ (_c = context.translations) === null || _c === void 0 ? void 0 : _c.totalResultsLabel
30698
28535
  )
30699
28536
  ),
30700
28537
  !isMobile &&
30701
- context.sortingOptions &&
30702
- context.sortingOptions.length > 0 &&
28538
+ sortingOptions &&
28539
+ sortingOptions.length > 0 &&
30703
28540
  React__default['default'].createElement(
30704
28541
  'div',
30705
28542
  { className: 'search__result-row-filter' },
30706
28543
  React__default['default'].createElement(ItemPicker, {
30707
- items: Sorts,
30708
- selection: selectedTravelClass,
30709
- label: 'Sorteren op',
30710
- placeholder: 'Sorteer',
28544
+ items: sortingOptions,
28545
+ selection: sortKey || undefined,
28546
+ label: 'Sort by',
28547
+ placeholder: 'Sort by',
30711
28548
  classModifier: 'travel-class-picker__items',
30712
- onPick: setSelectedTravelClass
28549
+ onPick: handleSortChange
30713
28550
  })
30714
28551
  )
30715
28552
  ),
@@ -30718,11 +28555,8 @@ var SearchResultsContainer = function () {
30718
28555
  { className: 'search__results__wrapper' },
30719
28556
  context.showTabViews && React__default['default'].createElement(TabViews, null),
30720
28557
  context.showRoundTripResults && React__default['default'].createElement(RoundTripResults, null),
30721
- context.showFlightResults && React__default['default'].createElement(FlightResults, { isDeparture: true }),
30722
28558
  context.showHotelAccommodationResults &&
30723
- React__default['default'].createElement(HotelAccommodationResults, { isLoading: isLoading, context: context }),
30724
- context.showFlightAccommodationResults && React__default['default'].createElement(FlightAccommodationResults, null),
30725
- context.showFlightResults && React__default['default'].createElement(FlightResults, { isDeparture: false })
28559
+ React__default['default'].createElement(HotelAccommodationResults, { isLoading: isLoading, context: context })
30726
28560
  )
30727
28561
  )
30728
28562
  )