@qite/tide-booking-component 1.4.72 → 1.4.73

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 (7) hide show
  1. package/build/build-cjs/index.js +111 -110
  2. package/build/build-esm/index.js +111 -110
  3. package/package.json +1 -1
  4. package/src/qsm/components/QSMContainer/qsm-container.tsx +17 -11
  5. package/src/search-results/components/search-results-container/flight-search-results.tsx +66 -65
  6. package/src/search-results/components/search-results-container/search-results-container.tsx +1 -1
  7. package/styles/booking-search-results.scss +2 -1
package/build/build-cjs/index.js CHANGED
@@ -33029,6 +33029,10 @@ var QSMContainer = function () {
33029
33029
  if (fromDate || toDate) return;
33030
33030
  var startDate = dateFns.addMonths(new Date(), 1);
33031
33031
  var endDate = dateFns.addDays(startDate, 7);
33032
+ if (qsmType === 'groupTour') {
33033
+ startDate = new Date();
33034
+ endDate = dateFns.addYears(startDate, 1);
33035
+ }
33032
33036
  dispatch(setFromDate(startDate.toISOString()));
33033
33037
  dispatch(setToDate(endDate.toISOString()));
33034
33038
  },
@@ -33054,17 +33058,16 @@ var QSMContainer = function () {
33054
33058
  };
33055
33059
  var handleQsmTypeChange = function (value) {
33056
33060
  dispatch(setSelectedQsmType(value));
33061
+ var startDate = dateFns.addMonths(new Date(), 1);
33062
+ var endDate = dateFns.addDays(startDate, 7);
33057
33063
  if (value === 'groupTour') {
33058
- handleDateChange({
33059
- fromDate: new Date(fromDate !== null && fromDate !== void 0 ? fromDate : Date.now()),
33060
- toDate: dateFns.addYears(new Date(fromDate !== null && fromDate !== void 0 ? fromDate : Date.now()), 1)
33061
- });
33062
- } else {
33063
- handleDateChange({
33064
- fromDate: new Date(fromDate !== null && fromDate !== void 0 ? fromDate : Date.now()),
33065
- toDate: dateFns.addDays(new Date(fromDate !== null && fromDate !== void 0 ? fromDate : Date.now()), 7)
33066
- });
33064
+ startDate = new Date();
33065
+ endDate = dateFns.addYears(startDate, 1);
33067
33066
  }
33067
+ handleDateChange({
33068
+ fromDate: startDate,
33069
+ toDate: endDate
33070
+ });
33068
33071
  };
33069
33072
  var handleSubmit = function () {
33070
33073
  if (!onSubmit) return;
@@ -40946,33 +40949,96 @@ var FlightResultsContainer = function (_a) {
40946
40949
  React__default['default'].createElement(
40947
40950
  'div',
40948
40951
  { className: 'search__results' },
40949
- flightsLoading
40950
- ? React__default['default'].createElement(Spinner, null)
40951
- : React__default['default'].createElement(
40952
- React__default['default'].Fragment,
40953
- null,
40954
- isMobile &&
40952
+ React__default['default'].createElement(
40953
+ React__default['default'].Fragment,
40954
+ null,
40955
+ isMobile &&
40956
+ React__default['default'].createElement(
40957
+ 'div',
40958
+ { className: 'search__result-row' },
40959
+ React__default['default'].createElement(
40960
+ 'div',
40961
+ { className: 'search__results__actions' },
40962
+ (context === null || context === void 0 ? void 0 : context.showFilters) &&
40963
+ React__default['default'].createElement(
40964
+ 'div',
40965
+ {
40966
+ className: 'cta cta--filter',
40967
+ onClick: function () {
40968
+ return setFiltersOpen(true);
40969
+ }
40970
+ },
40971
+ React__default['default'].createElement(Icon$1, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
40972
+ translations.SRP.FILTERS
40973
+ )
40974
+ ),
40975
+ sortByTypes &&
40976
+ sortByTypes.length > 0 &&
40977
+ React__default['default'].createElement(ItemPicker, {
40978
+ items: sortByTypes,
40979
+ selection: (selectedSortByType === null || selectedSortByType === void 0 ? void 0 : selectedSortByType.label) || undefined,
40980
+ selectedSortByType: selectedSortByType || undefined,
40981
+ label: translations.SRP.SORTBY,
40982
+ placeholder: translations.SRP.SORTBY,
40983
+ classModifier: 'travel-class-picker__items',
40984
+ valueFormatter: function (value, direction) {
40985
+ return getSortingName(translations, findSortByType(value, direction !== null && direction !== void 0 ? direction : 'asc'));
40986
+ },
40987
+ onPick: handleSortChange
40988
+ })
40989
+ ),
40990
+ React__default['default'].createElement(
40991
+ 'div',
40992
+ { className: 'search__result-row' },
40993
+ React__default['default'].createElement(
40994
+ 'span',
40995
+ { className: 'search__result-row-text' },
40996
+ !flightsLoading &&
40997
+ React__default['default'].createElement(
40998
+ React__default['default'].Fragment,
40999
+ null,
41000
+ (results === null || results === void 0 ? void 0 : results.length) &&
41001
+ React__default['default'].createElement(React__default['default'].Fragment, null, results.length, ' ', translations.SRP.TOTAL_RESULTS_LABEL)
41002
+ )
41003
+ ),
41004
+ !isMobile &&
41005
+ React__default['default'].createElement(
41006
+ React__default['default'].Fragment,
41007
+ null,
40955
41008
  React__default['default'].createElement(
40956
41009
  'div',
40957
- { className: 'search__result-row' },
41010
+ { className: 'search__result-row-filter' },
41011
+ React__default['default'].createElement(ItemPicker, {
41012
+ items: selectionTypes,
41013
+ selection:
41014
+ ((_c = selectionTypes.find(function (type) {
41015
+ return type.code === flightSelectionType;
41016
+ })) === null || _c === void 0
41017
+ ? void 0
41018
+ : _c.label) || undefined,
41019
+ label: 'Selection Type',
41020
+ placeholder: 'Selection Type',
41021
+ classModifier: 'travel-class-picker__items',
41022
+ valueFormatter: function (value) {
41023
+ return value;
41024
+ },
41025
+ onPick: function (value) {
41026
+ var _a;
41027
+ return setFlightSelectionType(
41028
+ ((_a = selectionTypes.find(function (type) {
41029
+ return type.label === value;
41030
+ })) === null || _a === void 0
41031
+ ? void 0
41032
+ : _a.code) || 'independent'
41033
+ );
41034
+ }
41035
+ })
41036
+ ),
41037
+ sortByTypes &&
41038
+ sortByTypes.length > 0 &&
40958
41039
  React__default['default'].createElement(
40959
41040
  'div',
40960
- { className: 'search__results__actions' },
40961
- (context === null || context === void 0 ? void 0 : context.showFilters) &&
40962
- React__default['default'].createElement(
40963
- 'div',
40964
- {
40965
- className: 'cta cta--filter',
40966
- onClick: function () {
40967
- return setFiltersOpen(true);
40968
- }
40969
- },
40970
- React__default['default'].createElement(Icon$1, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
40971
- translations.SRP.FILTERS
40972
- )
40973
- ),
40974
- sortByTypes &&
40975
- sortByTypes.length > 0 &&
41041
+ { className: 'search__result-row-filter' },
40976
41042
  React__default['default'].createElement(ItemPicker, {
40977
41043
  items: sortByTypes,
40978
41044
  selection: (selectedSortByType === null || selectedSortByType === void 0 ? void 0 : selectedSortByType.label) || undefined,
@@ -40985,85 +41051,20 @@ var FlightResultsContainer = function (_a) {
40985
41051
  },
40986
41052
  onPick: handleSortChange
40987
41053
  })
40988
- ),
40989
- React__default['default'].createElement(
40990
- 'div',
40991
- { className: 'search__result-row' },
40992
- React__default['default'].createElement(
40993
- 'span',
40994
- { className: 'search__result-row-text' },
40995
- !flightsLoading &&
40996
- React__default['default'].createElement(
40997
- React__default['default'].Fragment,
40998
- null,
40999
- (results === null || results === void 0 ? void 0 : results.length) && results.length,
41000
- ' ',
41001
- translations.SRP.TOTAL_RESULTS_LABEL
41002
- )
41003
- ),
41004
- !isMobile &&
41005
- React__default['default'].createElement(
41006
- React__default['default'].Fragment,
41007
- null,
41008
- React__default['default'].createElement(
41009
- 'div',
41010
- { className: 'search__result-row-filter' },
41011
- React__default['default'].createElement(ItemPicker, {
41012
- items: selectionTypes,
41013
- selection:
41014
- ((_c = selectionTypes.find(function (type) {
41015
- return type.code === flightSelectionType;
41016
- })) === null || _c === void 0
41017
- ? void 0
41018
- : _c.label) || undefined,
41019
- label: 'Selection Type',
41020
- placeholder: 'Selection Type',
41021
- classModifier: 'travel-class-picker__items',
41022
- valueFormatter: function (value) {
41023
- return value;
41024
- },
41025
- onPick: function (value) {
41026
- var _a;
41027
- return setFlightSelectionType(
41028
- ((_a = selectionTypes.find(function (type) {
41029
- return type.label === value;
41030
- })) === null || _a === void 0
41031
- ? void 0
41032
- : _a.code) || 'independent'
41033
- );
41034
- }
41035
- })
41036
- ),
41037
- sortByTypes &&
41038
- sortByTypes.length > 0 &&
41039
- React__default['default'].createElement(
41040
- 'div',
41041
- { className: 'search__result-row-filter' },
41042
- React__default['default'].createElement(ItemPicker, {
41043
- items: sortByTypes,
41044
- selection: (selectedSortByType === null || selectedSortByType === void 0 ? void 0 : selectedSortByType.label) || undefined,
41045
- selectedSortByType: selectedSortByType || undefined,
41046
- label: translations.SRP.SORTBY,
41047
- placeholder: translations.SRP.SORTBY,
41048
- classModifier: 'travel-class-picker__items',
41049
- valueFormatter: function (value, direction) {
41050
- return getSortingName(translations, findSortByType(value, direction !== null && direction !== void 0 ? direction : 'asc'));
41051
- },
41052
- onPick: handleSortChange
41053
- })
41054
- )
41055
41054
  )
41056
- ),
41057
- React__default['default'].createElement(
41058
- 'div',
41059
- { className: 'search__results__wrapper' },
41060
- (context === null || context === void 0 ? void 0 : context.type) == 'flight' &&
41061
- (context === null || context === void 0 ? void 0 : context.showFlightAccommodationResults) &&
41062
- results &&
41063
- results.length > 0 &&
41064
- React__default['default'].createElement(FlightSelection, { searchResults: results, flightSelectionType: flightSelectionType })
41065
41055
  )
41066
- )
41056
+ ),
41057
+ React__default['default'].createElement(
41058
+ 'div',
41059
+ { className: 'search__results__wrapper' },
41060
+ flightsLoading && React__default['default'].createElement(Spinner, null),
41061
+ (context === null || context === void 0 ? void 0 : context.type) == 'flight' &&
41062
+ (context === null || context === void 0 ? void 0 : context.showFlightAccommodationResults) &&
41063
+ results &&
41064
+ results.length > 0 &&
41065
+ React__default['default'].createElement(FlightSelection, { searchResults: results, flightSelectionType: flightSelectionType })
41066
+ )
41067
+ )
41067
41068
  )
41068
41069
  );
41069
41070
  };
@@ -41775,7 +41776,7 @@ var SearchResultsContainer = function () {
41775
41776
  var room = { index: i, pax: [] };
41776
41777
  lodash.range(0, x.adults).forEach(function () {
41777
41778
  room.pax.push({
41778
- age: Math.floor(Math.random() * 100)
41779
+ age: 30
41779
41780
  });
41780
41781
  });
41781
41782
  x.childAges.forEach(function (x) {
package/build/build-esm/index.js CHANGED
@@ -32894,6 +32894,10 @@ var QSMContainer = function () {
32894
32894
  if (fromDate || toDate) return;
32895
32895
  var startDate = addMonths(new Date(), 1);
32896
32896
  var endDate = addDays(startDate, 7);
32897
+ if (qsmType === 'groupTour') {
32898
+ startDate = new Date();
32899
+ endDate = addYears(startDate, 1);
32900
+ }
32897
32901
  dispatch(setFromDate(startDate.toISOString()));
32898
32902
  dispatch(setToDate(endDate.toISOString()));
32899
32903
  },
@@ -32919,17 +32923,16 @@ var QSMContainer = function () {
32919
32923
  };
32920
32924
  var handleQsmTypeChange = function (value) {
32921
32925
  dispatch(setSelectedQsmType(value));
32926
+ var startDate = addMonths(new Date(), 1);
32927
+ var endDate = addDays(startDate, 7);
32922
32928
  if (value === 'groupTour') {
32923
- handleDateChange({
32924
- fromDate: new Date(fromDate !== null && fromDate !== void 0 ? fromDate : Date.now()),
32925
- toDate: addYears(new Date(fromDate !== null && fromDate !== void 0 ? fromDate : Date.now()), 1)
32926
- });
32927
- } else {
32928
- handleDateChange({
32929
- fromDate: new Date(fromDate !== null && fromDate !== void 0 ? fromDate : Date.now()),
32930
- toDate: addDays(new Date(fromDate !== null && fromDate !== void 0 ? fromDate : Date.now()), 7)
32931
- });
32929
+ startDate = new Date();
32930
+ endDate = addYears(startDate, 1);
32932
32931
  }
32932
+ handleDateChange({
32933
+ fromDate: startDate,
32934
+ toDate: endDate
32935
+ });
32933
32936
  };
32934
32937
  var handleSubmit = function () {
32935
32938
  if (!onSubmit) return;
@@ -40651,33 +40654,96 @@ var FlightResultsContainer = function (_a) {
40651
40654
  React__default.createElement(
40652
40655
  'div',
40653
40656
  { className: 'search__results' },
40654
- flightsLoading
40655
- ? React__default.createElement(Spinner, null)
40656
- : React__default.createElement(
40657
- React__default.Fragment,
40658
- null,
40659
- isMobile &&
40657
+ React__default.createElement(
40658
+ React__default.Fragment,
40659
+ null,
40660
+ isMobile &&
40661
+ React__default.createElement(
40662
+ 'div',
40663
+ { className: 'search__result-row' },
40664
+ React__default.createElement(
40665
+ 'div',
40666
+ { className: 'search__results__actions' },
40667
+ (context === null || context === void 0 ? void 0 : context.showFilters) &&
40668
+ React__default.createElement(
40669
+ 'div',
40670
+ {
40671
+ className: 'cta cta--filter',
40672
+ onClick: function () {
40673
+ return setFiltersOpen(true);
40674
+ }
40675
+ },
40676
+ React__default.createElement(Icon$1, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
40677
+ translations.SRP.FILTERS
40678
+ )
40679
+ ),
40680
+ sortByTypes &&
40681
+ sortByTypes.length > 0 &&
40682
+ React__default.createElement(ItemPicker, {
40683
+ items: sortByTypes,
40684
+ selection: (selectedSortByType === null || selectedSortByType === void 0 ? void 0 : selectedSortByType.label) || undefined,
40685
+ selectedSortByType: selectedSortByType || undefined,
40686
+ label: translations.SRP.SORTBY,
40687
+ placeholder: translations.SRP.SORTBY,
40688
+ classModifier: 'travel-class-picker__items',
40689
+ valueFormatter: function (value, direction) {
40690
+ return getSortingName(translations, findSortByType(value, direction !== null && direction !== void 0 ? direction : 'asc'));
40691
+ },
40692
+ onPick: handleSortChange
40693
+ })
40694
+ ),
40695
+ React__default.createElement(
40696
+ 'div',
40697
+ { className: 'search__result-row' },
40698
+ React__default.createElement(
40699
+ 'span',
40700
+ { className: 'search__result-row-text' },
40701
+ !flightsLoading &&
40702
+ React__default.createElement(
40703
+ React__default.Fragment,
40704
+ null,
40705
+ (results === null || results === void 0 ? void 0 : results.length) &&
40706
+ React__default.createElement(React__default.Fragment, null, results.length, ' ', translations.SRP.TOTAL_RESULTS_LABEL)
40707
+ )
40708
+ ),
40709
+ !isMobile &&
40710
+ React__default.createElement(
40711
+ React__default.Fragment,
40712
+ null,
40660
40713
  React__default.createElement(
40661
40714
  'div',
40662
- { className: 'search__result-row' },
40715
+ { className: 'search__result-row-filter' },
40716
+ React__default.createElement(ItemPicker, {
40717
+ items: selectionTypes,
40718
+ selection:
40719
+ ((_c = selectionTypes.find(function (type) {
40720
+ return type.code === flightSelectionType;
40721
+ })) === null || _c === void 0
40722
+ ? void 0
40723
+ : _c.label) || undefined,
40724
+ label: 'Selection Type',
40725
+ placeholder: 'Selection Type',
40726
+ classModifier: 'travel-class-picker__items',
40727
+ valueFormatter: function (value) {
40728
+ return value;
40729
+ },
40730
+ onPick: function (value) {
40731
+ var _a;
40732
+ return setFlightSelectionType(
40733
+ ((_a = selectionTypes.find(function (type) {
40734
+ return type.label === value;
40735
+ })) === null || _a === void 0
40736
+ ? void 0
40737
+ : _a.code) || 'independent'
40738
+ );
40739
+ }
40740
+ })
40741
+ ),
40742
+ sortByTypes &&
40743
+ sortByTypes.length > 0 &&
40663
40744
  React__default.createElement(
40664
40745
  'div',
40665
- { className: 'search__results__actions' },
40666
- (context === null || context === void 0 ? void 0 : context.showFilters) &&
40667
- React__default.createElement(
40668
- 'div',
40669
- {
40670
- className: 'cta cta--filter',
40671
- onClick: function () {
40672
- return setFiltersOpen(true);
40673
- }
40674
- },
40675
- React__default.createElement(Icon$1, { name: 'ui-filter', className: 'mobile-filters-button__icon', height: 16 }),
40676
- translations.SRP.FILTERS
40677
- )
40678
- ),
40679
- sortByTypes &&
40680
- sortByTypes.length > 0 &&
40746
+ { className: 'search__result-row-filter' },
40681
40747
  React__default.createElement(ItemPicker, {
40682
40748
  items: sortByTypes,
40683
40749
  selection: (selectedSortByType === null || selectedSortByType === void 0 ? void 0 : selectedSortByType.label) || undefined,
@@ -40690,85 +40756,20 @@ var FlightResultsContainer = function (_a) {
40690
40756
  },
40691
40757
  onPick: handleSortChange
40692
40758
  })
40693
- ),
40694
- React__default.createElement(
40695
- 'div',
40696
- { className: 'search__result-row' },
40697
- React__default.createElement(
40698
- 'span',
40699
- { className: 'search__result-row-text' },
40700
- !flightsLoading &&
40701
- React__default.createElement(
40702
- React__default.Fragment,
40703
- null,
40704
- (results === null || results === void 0 ? void 0 : results.length) && results.length,
40705
- ' ',
40706
- translations.SRP.TOTAL_RESULTS_LABEL
40707
- )
40708
- ),
40709
- !isMobile &&
40710
- React__default.createElement(
40711
- React__default.Fragment,
40712
- null,
40713
- React__default.createElement(
40714
- 'div',
40715
- { className: 'search__result-row-filter' },
40716
- React__default.createElement(ItemPicker, {
40717
- items: selectionTypes,
40718
- selection:
40719
- ((_c = selectionTypes.find(function (type) {
40720
- return type.code === flightSelectionType;
40721
- })) === null || _c === void 0
40722
- ? void 0
40723
- : _c.label) || undefined,
40724
- label: 'Selection Type',
40725
- placeholder: 'Selection Type',
40726
- classModifier: 'travel-class-picker__items',
40727
- valueFormatter: function (value) {
40728
- return value;
40729
- },
40730
- onPick: function (value) {
40731
- var _a;
40732
- return setFlightSelectionType(
40733
- ((_a = selectionTypes.find(function (type) {
40734
- return type.label === value;
40735
- })) === null || _a === void 0
40736
- ? void 0
40737
- : _a.code) || 'independent'
40738
- );
40739
- }
40740
- })
40741
- ),
40742
- sortByTypes &&
40743
- sortByTypes.length > 0 &&
40744
- React__default.createElement(
40745
- 'div',
40746
- { className: 'search__result-row-filter' },
40747
- React__default.createElement(ItemPicker, {
40748
- items: sortByTypes,
40749
- selection: (selectedSortByType === null || selectedSortByType === void 0 ? void 0 : selectedSortByType.label) || undefined,
40750
- selectedSortByType: selectedSortByType || undefined,
40751
- label: translations.SRP.SORTBY,
40752
- placeholder: translations.SRP.SORTBY,
40753
- classModifier: 'travel-class-picker__items',
40754
- valueFormatter: function (value, direction) {
40755
- return getSortingName(translations, findSortByType(value, direction !== null && direction !== void 0 ? direction : 'asc'));
40756
- },
40757
- onPick: handleSortChange
40758
- })
40759
- )
40760
40759
  )
40761
- ),
40762
- React__default.createElement(
40763
- 'div',
40764
- { className: 'search__results__wrapper' },
40765
- (context === null || context === void 0 ? void 0 : context.type) == 'flight' &&
40766
- (context === null || context === void 0 ? void 0 : context.showFlightAccommodationResults) &&
40767
- results &&
40768
- results.length > 0 &&
40769
- React__default.createElement(FlightSelection, { searchResults: results, flightSelectionType: flightSelectionType })
40770
40760
  )
40771
- )
40761
+ ),
40762
+ React__default.createElement(
40763
+ 'div',
40764
+ { className: 'search__results__wrapper' },
40765
+ flightsLoading && React__default.createElement(Spinner, null),
40766
+ (context === null || context === void 0 ? void 0 : context.type) == 'flight' &&
40767
+ (context === null || context === void 0 ? void 0 : context.showFlightAccommodationResults) &&
40768
+ results &&
40769
+ results.length > 0 &&
40770
+ React__default.createElement(FlightSelection, { searchResults: results, flightSelectionType: flightSelectionType })
40771
+ )
40772
+ )
40772
40773
  )
40773
40774
  );
40774
40775
  };
@@ -41480,7 +41481,7 @@ var SearchResultsContainer = function () {
41480
41481
  var room = { index: i, pax: [] };
41481
41482
  range(0, x.adults).forEach(function () {
41482
41483
  room.pax.push({
41483
- age: Math.floor(Math.random() * 100)
41484
+ age: 30
41484
41485
  });
41485
41486
  });
41486
41487
  x.childAges.forEach(function (x) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qite/tide-booking-component",
3
- "version": "1.4.72",
3
+ "version": "1.4.73",
4
4
  "description": "React Booking wizard & Booking product component for Tide",
5
5
  "main": "build/build-cjs/index.js",
6
6
  "types": "build/build-cjs/src/index.d.ts",
package/src/qsm/components/QSMContainer/qsm-container.tsx CHANGED
@@ -47,8 +47,13 @@ const QSMContainer: React.FC = () => {
47
47
  useEffect(() => {
48
48
  if (fromDate || toDate) return;
49
49
 
50
- const startDate = addMonths(new Date(), 1);
51
- const endDate = addDays(startDate, 7);
50
+ let startDate = addMonths(new Date(), 1);
51
+ let endDate = addDays(startDate, 7);
52
+
53
+ if (qsmType === 'groupTour') {
54
+ startDate = new Date();
55
+ endDate = addYears(startDate, 1);
56
+ }
52
57
 
53
58
  dispatch(setFromDate(startDate.toISOString()));
54
59
  dispatch(setToDate(endDate.toISOString()));
@@ -75,17 +80,18 @@ const QSMContainer: React.FC = () => {
75
80
  const handleQsmTypeChange = (value: SRPType) => {
76
81
  dispatch(setSelectedQsmType(value));
77
82
 
83
+ let startDate = addMonths(new Date(), 1);
84
+ let endDate = addDays(startDate, 7);
85
+
78
86
  if (value === 'groupTour') {
79
- handleDateChange({
80
- fromDate: new Date(fromDate ?? Date.now()),
81
- toDate: addYears(new Date(fromDate ?? Date.now()), 1)
82
- });
83
- } else {
84
- handleDateChange({
85
- fromDate: new Date(fromDate ?? Date.now()),
86
- toDate: addDays(new Date(fromDate ?? Date.now()), 7)
87
- });
87
+ startDate = new Date();
88
+ endDate = addYears(startDate, 1);
88
89
  }
90
+
91
+ handleDateChange({
92
+ fromDate: startDate,
93
+ toDate: endDate
94
+ });
89
95
  };
90
96
 
91
97
  const handleSubmit = () => {
package/src/search-results/components/search-results-container/flight-search-results.tsx CHANGED
@@ -57,81 +57,82 @@ const FlightResultsContainer: React.FC<FlightResultsContainerProps> = ({ isMobil
57
57
  {context?.showFilters && <FlightFilters isOpen={filtersOpen} handleSetIsOpen={() => setFiltersOpen(!filtersOpen)} isLoading={flightsLoading} />}
58
58
  {/* ---------------- Results ---------------- */}
59
59
  <div className="search__results">
60
- {flightsLoading ? (
61
- <Spinner />
62
- ) : (
63
- <>
64
- {isMobile && (
65
- <div className="search__result-row">
66
- <div className="search__results__actions">
67
- {context?.showFilters && (
68
- <div className="cta cta--filter" onClick={() => setFiltersOpen(true)}>
69
- <Icon name="ui-filter" className="mobile-filters-button__icon" height={16} />
70
- {translations.SRP.FILTERS}
71
- </div>
72
- )}
73
- </div>
74
- {sortByTypes && sortByTypes.length > 0 && (
75
- <ItemPicker
76
- items={sortByTypes}
77
- selection={selectedSortByType?.label || undefined}
78
- selectedSortByType={selectedSortByType || undefined}
79
- label={translations.SRP.SORTBY}
80
- placeholder={translations.SRP.SORTBY}
81
- classModifier="travel-class-picker__items"
82
- valueFormatter={(value, direction) => getSortingName(translations, findSortByType(value, direction ?? 'asc'))}
83
- onPick={handleSortChange}
84
- />
60
+ <>
61
+ {isMobile && (
62
+ <div className="search__result-row">
63
+ <div className="search__results__actions">
64
+ {context?.showFilters && (
65
+ <div className="cta cta--filter" onClick={() => setFiltersOpen(true)}>
66
+ <Icon name="ui-filter" className="mobile-filters-button__icon" height={16} />
67
+ {translations.SRP.FILTERS}
68
+ </div>
85
69
  )}
86
70
  </div>
87
- )}
71
+ {sortByTypes && sortByTypes.length > 0 && (
72
+ <ItemPicker
73
+ items={sortByTypes}
74
+ selection={selectedSortByType?.label || undefined}
75
+ selectedSortByType={selectedSortByType || undefined}
76
+ label={translations.SRP.SORTBY}
77
+ placeholder={translations.SRP.SORTBY}
78
+ classModifier="travel-class-picker__items"
79
+ valueFormatter={(value, direction) => getSortingName(translations, findSortByType(value, direction ?? 'asc'))}
80
+ onPick={handleSortChange}
81
+ />
82
+ )}
83
+ </div>
84
+ )}
88
85
 
89
- <div className="search__result-row">
90
- <span className="search__result-row-text">
91
- {!flightsLoading && (
92
- <>
93
- {results?.length && results.length} {translations.SRP.TOTAL_RESULTS_LABEL}
94
- </>
95
- )}
96
- </span>
97
- {!isMobile && (
86
+ <div className="search__result-row">
87
+ <span className="search__result-row-text">
88
+ {!flightsLoading && (
98
89
  <>
90
+ {results?.length && (
91
+ <>
92
+ {results.length} {translations.SRP.TOTAL_RESULTS_LABEL}
93
+ </>
94
+ )}
95
+ </>
96
+ )}
97
+ </span>
98
+ {!isMobile && (
99
+ <>
100
+ <div className="search__result-row-filter">
101
+ <ItemPicker
102
+ items={selectionTypes}
103
+ selection={selectionTypes.find((type) => type.code === flightSelectionType)?.label || undefined}
104
+ label="Selection Type"
105
+ placeholder="Selection Type"
106
+ classModifier="travel-class-picker__items"
107
+ valueFormatter={(value) => value}
108
+ onPick={(value) => setFlightSelectionType(selectionTypes.find((type) => type.label === value)?.code || 'independent')}
109
+ />
110
+ </div>
111
+ {sortByTypes && sortByTypes.length > 0 && (
99
112
  <div className="search__result-row-filter">
100
113
  <ItemPicker
101
- items={selectionTypes}
102
- selection={selectionTypes.find((type) => type.code === flightSelectionType)?.label || undefined}
103
- label="Selection Type"
104
- placeholder="Selection Type"
114
+ items={sortByTypes}
115
+ selection={selectedSortByType?.label || undefined}
116
+ selectedSortByType={selectedSortByType || undefined}
117
+ label={translations.SRP.SORTBY}
118
+ placeholder={translations.SRP.SORTBY}
105
119
  classModifier="travel-class-picker__items"
106
- valueFormatter={(value) => value}
107
- onPick={(value) => setFlightSelectionType(selectionTypes.find((type) => type.label === value)?.code || 'independent')}
120
+ valueFormatter={(value, direction) => getSortingName(translations, findSortByType(value, direction ?? 'asc'))}
121
+ onPick={handleSortChange}
108
122
  />
109
123
  </div>
110
- {sortByTypes && sortByTypes.length > 0 && (
111
- <div className="search__result-row-filter">
112
- <ItemPicker
113
- items={sortByTypes}
114
- selection={selectedSortByType?.label || undefined}
115
- selectedSortByType={selectedSortByType || undefined}
116
- label={translations.SRP.SORTBY}
117
- placeholder={translations.SRP.SORTBY}
118
- classModifier="travel-class-picker__items"
119
- valueFormatter={(value, direction) => getSortingName(translations, findSortByType(value, direction ?? 'asc'))}
120
- onPick={handleSortChange}
121
- />
122
- </div>
123
- )}
124
- </>
125
- )}
126
- </div>
124
+ )}
125
+ </>
126
+ )}
127
+ </div>
127
128
 
128
- <div className="search__results__wrapper">
129
- {context?.type == 'flight' && context?.showFlightAccommodationResults && results && results.length > 0 && (
130
- <FlightSelection searchResults={results} flightSelectionType={flightSelectionType} />
131
- )}
132
- </div>
133
- </>
134
- )}
129
+ <div className="search__results__wrapper">
130
+ {flightsLoading && <Spinner />}
131
+ {context?.type == 'flight' && context?.showFlightAccommodationResults && results && results.length > 0 && (
132
+ <FlightSelection searchResults={results} flightSelectionType={flightSelectionType} />
133
+ )}
134
+ </div>
135
+ </>
135
136
  </div>
136
137
  </>
137
138
  );
package/src/search-results/components/search-results-container/search-results-container.tsx CHANGED
@@ -270,7 +270,7 @@ const SearchResultsContainer: React.FC = () => {
270
270
  var room = { index: i, pax: [] } as BookingPackageRequestRoom;
271
271
  range(0, x.adults).forEach(() => {
272
272
  room.pax.push({
273
- age: Math.floor(Math.random() * 100)
273
+ age: 30
274
274
  } as BookingPackagePax);
275
275
  });
276
276
  x.childAges.forEach((x) => {
package/styles/booking-search-results.scss CHANGED
@@ -1,4 +1,5 @@
1
- #tide-booking {
1
+ #tide-booking,
2
+ #tide-content {
2
3
  @import './components/mixins';
3
4
  @import './components/placeholders';
4
5
  @import './components/base';