@qite/tide-booking-component 1.4.111 → 1.4.112

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 (14) hide show
  1. package/build/build-cjs/index.js +109 -134
  2. package/build/build-cjs/src/shared/booking/travelers-form.d.ts +3 -3
  3. package/build/build-esm/index.js +109 -134
  4. package/build/build-esm/src/shared/booking/travelers-form.d.ts +3 -3
  5. package/package.json +1 -1
  6. package/src/search-results/components/book-packaging-entry/index.tsx +59 -60
  7. package/src/search-results/components/search-results-container/search-results-container.tsx +2 -4
  8. package/src/shared/booking/booking-panel.tsx +1 -1
  9. package/src/shared/booking/travelers-form.tsx +12 -14
  10. package/styles/components/_booking.scss +33 -15
  11. package/styles/components/_cta.scss +2 -2
  12. package/styles/components/_flight-option.scss +1 -1
  13. package/styles/components/_step-indicators.scss +41 -15
  14. package/styles/components/_tree.scss +2 -2
package/build/build-cjs/index.js CHANGED
@@ -20848,7 +20848,7 @@ var BookingPanel = function (_a) {
20848
20848
  StepIndicatorsComponent = _a.StepIndicatorsComponent;
20849
20849
  return React__default['default'].createElement(
20850
20850
  'div',
20851
- { className: 'booking__panel' },
20851
+ { className: 'booking__panel__wrapper' },
20852
20852
  React__default['default'].createElement(StepIndicatorsComponent, { currentStep: currentStep, stepLabels: stepLabels }),
20853
20853
  React__default['default'].createElement(
20854
20854
  'div',
@@ -28086,52 +28086,23 @@ function createInitialValuesFromRooms(formRooms, startDate, agentAdressId, perso
28086
28086
  return initialValues;
28087
28087
  }
28088
28088
  function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry, agentAdressId) {
28089
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
28090
- var accommodationLine =
28091
- (_a = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.lines) === null || _a === void 0
28092
- ? void 0
28093
- : _a.find(function (line) {
28094
- var _a;
28095
- return (_a = line.pax) === null || _a === void 0 ? void 0 : _a.length;
28096
- });
28089
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
28090
+ console.log('editablePackagingEntry?.pax:', editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.pax);
28097
28091
  var pax =
28098
- (_b = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.pax) !== null && _b !== void 0 ? _b : [];
28099
- var roomNumbers = Array.from(
28100
- new Set(
28101
- ((_c = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.pax) !== null && _c !== void 0 ? _c : []).map(function (
28102
- x
28103
- ) {
28104
- var _a;
28105
- return (_a = x.room) !== null && _a !== void 0 ? _a : 0;
28106
- })
28107
- )
28108
- );
28109
- var rooms = (roomNumbers.length ? roomNumbers : [0]).map(function (roomNumber) {
28110
- var _a;
28111
- var roomPax = ((_a = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.pax) !== null && _a !== void 0 ? _a : [])
28112
- .filter(function (x) {
28113
- var _a;
28114
- return ((_a = x.room) !== null && _a !== void 0 ? _a : 0) === roomNumber;
28115
- })
28116
- .sort(function (a, b) {
28117
- var _a, _b;
28118
- return ((_a = a.order) !== null && _a !== void 0 ? _a : 0) - ((_b = b.order) !== null && _b !== void 0 ? _b : 0);
28119
- });
28092
+ (_a = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.pax) !== null && _a !== void 0 ? _a : [];
28093
+ var rooms = editablePackagingEntry.rooms.map(function (room) {
28094
+ var roomPax = pax.filter(function (x) {
28095
+ return room.paxIds.includes(x.id);
28096
+ });
28120
28097
  return {
28121
28098
  adults: roomPax.map(function (roomTraveler) {
28122
- var _a, _b, _c, _d, _e;
28123
- var entryPax =
28124
- (_a = pax.find(function (x) {
28125
- return x.id === roomTraveler.paxId;
28126
- })) !== null && _a !== void 0
28127
- ? _a
28128
- : {};
28099
+ var _a, _b;
28129
28100
  return {
28130
- id: (_b = entryPax.id) !== null && _b !== void 0 ? _b : roomTraveler.paxId,
28131
- firstName: (_c = entryPax.firstName) !== null && _c !== void 0 ? _c : '',
28132
- lastName: (_d = entryPax.lastName) !== null && _d !== void 0 ? _d : '',
28133
- birthDate: entryPax.dateOfBirth ? dateFns.format(new Date(entryPax.dateOfBirth), 'yyyy-MM-dd') : '',
28134
- gender: (_e = entryPax.gender) !== null && _e !== void 0 ? _e : ''
28101
+ id: roomTraveler.id,
28102
+ firstName: (_a = roomTraveler.firstName) !== null && _a !== void 0 ? _a : '',
28103
+ lastName: (_b = roomTraveler.lastName) !== null && _b !== void 0 ? _b : '',
28104
+ birthDate: roomTraveler.dateOfBirth ? dateFns.format(new Date(roomTraveler.dateOfBirth), 'yyyy-MM-dd') : '',
28105
+ gender: ''
28135
28106
  };
28136
28107
  }),
28137
28108
  children: []
@@ -28141,43 +28112,43 @@ function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry, a
28141
28112
  rooms.map(function (room) {
28142
28113
  return { adults: room.adults, children: room.children };
28143
28114
  }),
28144
- (_e =
28145
- (_d = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.lines) === null || _d === void 0
28115
+ (_c =
28116
+ (_b = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.lines) === null || _b === void 0
28146
28117
  ? void 0
28147
- : _d[0]) === null || _e === void 0
28118
+ : _b[0]) === null || _c === void 0
28148
28119
  ? void 0
28149
- : _e.from,
28120
+ : _c.from,
28150
28121
  agentAdressId
28151
28122
  );
28152
28123
  values.rooms = rooms;
28153
28124
  values.mainBookerId =
28154
- (_l =
28155
- (_g =
28156
- (_f = pax.find(function (x) {
28125
+ (_j =
28126
+ (_e =
28127
+ (_d = pax.find(function (x) {
28157
28128
  return x.isMainBooker;
28158
- })) === null || _f === void 0
28129
+ })) === null || _d === void 0
28159
28130
  ? void 0
28160
- : _f.id) !== null && _g !== void 0
28161
- ? _g
28162
- : (_k = (_j = (_h = rooms[0]) === null || _h === void 0 ? void 0 : _h.adults) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0
28131
+ : _d.id) !== null && _e !== void 0
28132
+ ? _e
28133
+ : (_h = (_g = (_f = rooms[0]) === null || _f === void 0 ? void 0 : _f.adults) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0
28163
28134
  ? void 0
28164
- : _k.id) !== null && _l !== void 0
28165
- ? _l
28135
+ : _h.id) !== null && _j !== void 0
28136
+ ? _j
28166
28137
  : -1;
28167
28138
  var address = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.address;
28168
- values.street = (_m = address === null || address === void 0 ? void 0 : address.street) !== null && _m !== void 0 ? _m : '';
28169
- values.houseNumber = (_o = address === null || address === void 0 ? void 0 : address.houseNumber) !== null && _o !== void 0 ? _o : '';
28170
- values.box = (_p = address === null || address === void 0 ? void 0 : address.box) !== null && _p !== void 0 ? _p : '';
28171
- values.zipCode = (_q = address === null || address === void 0 ? void 0 : address.zipCode) !== null && _q !== void 0 ? _q : '';
28172
- values.place = (_r = address === null || address === void 0 ? void 0 : address.place) !== null && _r !== void 0 ? _r : '';
28173
- values.country = (_s = address === null || address === void 0 ? void 0 : address.country) !== null && _s !== void 0 ? _s : '';
28174
- values.phone = (_t = address === null || address === void 0 ? void 0 : address.phone) !== null && _t !== void 0 ? _t : '';
28175
- values.email = (_u = address === null || address === void 0 ? void 0 : address.email) !== null && _u !== void 0 ? _u : '';
28176
- values.emailConfirmation = (_v = address === null || address === void 0 ? void 0 : address.email) !== null && _v !== void 0 ? _v : '';
28139
+ values.street = (_k = address === null || address === void 0 ? void 0 : address.street) !== null && _k !== void 0 ? _k : '';
28140
+ values.houseNumber = (_l = address === null || address === void 0 ? void 0 : address.houseNumber) !== null && _l !== void 0 ? _l : '';
28141
+ values.box = (_m = address === null || address === void 0 ? void 0 : address.box) !== null && _m !== void 0 ? _m : '';
28142
+ values.zipCode = (_o = address === null || address === void 0 ? void 0 : address.zipCode) !== null && _o !== void 0 ? _o : '';
28143
+ values.place = (_p = address === null || address === void 0 ? void 0 : address.place) !== null && _p !== void 0 ? _p : '';
28144
+ values.country = (_q = address === null || address === void 0 ? void 0 : address.country) !== null && _q !== void 0 ? _q : '';
28145
+ values.phone = (_r = address === null || address === void 0 ? void 0 : address.phone) !== null && _r !== void 0 ? _r : '';
28146
+ values.email = (_s = address === null || address === void 0 ? void 0 : address.email) !== null && _s !== void 0 ? _s : '';
28147
+ values.emailConfirmation = (_t = address === null || address === void 0 ? void 0 : address.email) !== null && _t !== void 0 ? _t : '';
28177
28148
  values.travelAgentId =
28178
- (_x = (_w = address === null || address === void 0 ? void 0 : address.travelAgentId) !== null && _w !== void 0 ? _w : agentAdressId) !== null &&
28179
- _x !== void 0
28180
- ? _x
28149
+ (_v = (_u = address === null || address === void 0 ? void 0 : address.travelAgentId) !== null && _u !== void 0 ? _u : agentAdressId) !== null &&
28150
+ _v !== void 0
28151
+ ? _v
28181
28152
  : 0;
28182
28153
  return values;
28183
28154
  }
@@ -47681,73 +47652,77 @@ var BookPackagingEntry = function (_a) {
47681
47652
  'div',
47682
47653
  { className: 'booking__content' },
47683
47654
  React__default['default'].createElement(
47684
- BookingPanel,
47685
- {
47686
- currentStep: currentStep,
47687
- stepLabels: stepLabels,
47688
- StepIndicatorsComponent: StepIndicators$1,
47689
- renderTitle: function (step) {
47690
- return React__default['default'].createElement(React__default['default'].Fragment, null, step + 1, '.\u00A0', stepLabels[step]);
47691
- }
47692
- },
47693
- currentStep === 0 &&
47694
- React__default['default'].createElement(SharedTravelersForm, {
47695
- formik: formik$1,
47696
- translations: translations,
47697
- travellersSettings: travellersSettings,
47698
- countries: countries,
47699
- travelersFirstStep: false,
47700
- isUnavailable: false,
47701
- useCompactForm: false,
47702
- showAgentSelection: false
47703
- }),
47704
- currentStep === 1 &&
47705
- React__default['default'].createElement(SharedSummary, {
47706
- translations: translations,
47707
- travelerFormValues: formik$1.values,
47708
- isSubmitting: isSubmitting,
47709
- userValidated: userValidated,
47710
- remarks: remarks,
47711
- enableVoucher: false,
47712
- allowOption: false,
47713
- isOffer: false,
47714
- onUserValidatedChange: setUserValidated,
47715
- onRemarksChange: setRemarks,
47716
- onSubmit: handleSummarySubmit,
47717
- renderOptions: function () {
47718
- return renderEditablePackagingEntrySummaryOptions(editablePackagingEntry, priceDetails);
47719
- },
47720
- renderPreviousButton: function () {
47721
- return React__default['default'].createElement(
47722
- 'button',
47723
- {
47724
- type: 'button',
47725
- title: translations.STEPS.PREVIOUS,
47726
- onClick: function () {
47727
- return dispatch(setCurrentStep(0));
47728
- },
47729
- className: 'cta cta--secondary'
47730
- },
47731
- translations.STEPS.PREVIOUS
47732
- );
47655
+ 'div',
47656
+ { className: 'booking__panel' },
47657
+ React__default['default'].createElement(
47658
+ BookingPanel,
47659
+ {
47660
+ currentStep: currentStep,
47661
+ stepLabels: stepLabels,
47662
+ StepIndicatorsComponent: StepIndicators$1,
47663
+ renderTitle: function (step) {
47664
+ return React__default['default'].createElement(React__default['default'].Fragment, null, step + 1, '.\u00A0', stepLabels[step]);
47733
47665
  }
47734
- }),
47735
- currentStep === 2 &&
47736
- React__default['default'].createElement(SharedConfirmation, {
47737
- bookingNumber:
47738
- (_c =
47739
- bookingNumber !== null && bookingNumber !== void 0
47740
- ? bookingNumber
47741
- : editablePackagingEntry === null || editablePackagingEntry === void 0
47742
- ? void 0
47743
- : editablePackagingEntry.dossierNumber) !== null && _c !== void 0
47744
- ? _c
47745
- : '',
47746
- isOption: false,
47747
- isOffer: false,
47748
- translations: translations.CONFIRMATION
47749
- }),
47750
- currentStep === 3 && React__default['default'].createElement('div', null)
47666
+ },
47667
+ currentStep === 0 &&
47668
+ React__default['default'].createElement(SharedTravelersForm, {
47669
+ formik: formik$1,
47670
+ translations: translations,
47671
+ travellersSettings: travellersSettings,
47672
+ countries: countries,
47673
+ travelersFirstStep: false,
47674
+ isUnavailable: false,
47675
+ useCompactForm: false,
47676
+ showAgentSelection: false
47677
+ }),
47678
+ currentStep === 1 &&
47679
+ React__default['default'].createElement(SharedSummary, {
47680
+ translations: translations,
47681
+ travelerFormValues: formik$1.values,
47682
+ isSubmitting: isSubmitting,
47683
+ userValidated: userValidated,
47684
+ remarks: remarks,
47685
+ enableVoucher: false,
47686
+ allowOption: false,
47687
+ isOffer: false,
47688
+ onUserValidatedChange: setUserValidated,
47689
+ onRemarksChange: setRemarks,
47690
+ onSubmit: handleSummarySubmit,
47691
+ renderOptions: function () {
47692
+ return renderEditablePackagingEntrySummaryOptions(editablePackagingEntry, priceDetails);
47693
+ },
47694
+ renderPreviousButton: function () {
47695
+ return React__default['default'].createElement(
47696
+ 'button',
47697
+ {
47698
+ type: 'button',
47699
+ title: translations.STEPS.PREVIOUS,
47700
+ onClick: function () {
47701
+ return dispatch(setCurrentStep(0));
47702
+ },
47703
+ className: 'cta cta--secondary'
47704
+ },
47705
+ translations.STEPS.PREVIOUS
47706
+ );
47707
+ }
47708
+ }),
47709
+ currentStep === 2 &&
47710
+ React__default['default'].createElement(SharedConfirmation, {
47711
+ bookingNumber:
47712
+ (_c =
47713
+ bookingNumber !== null && bookingNumber !== void 0
47714
+ ? bookingNumber
47715
+ : editablePackagingEntry === null || editablePackagingEntry === void 0
47716
+ ? void 0
47717
+ : editablePackagingEntry.dossierNumber) !== null && _c !== void 0
47718
+ ? _c
47719
+ : '',
47720
+ isOption: false,
47721
+ isOffer: false,
47722
+ translations: translations.CONFIRMATION
47723
+ }),
47724
+ currentStep === 3 && React__default['default'].createElement('div', null)
47725
+ )
47751
47726
  ),
47752
47727
  React__default['default'].createElement('div', { className: 'backdrop', id: 'backdrop' }),
47753
47728
  React__default['default'].createElement(WLSidebar, { activeSearchSeed: activeSearchSeed })
package/build/build-cjs/src/shared/booking/travelers-form.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { FormikProps } from 'formik';
3
3
  import { Country, RoomTraveler, Traveler, TravelersFormValues } from '../../booking-wizard/types';
4
- import { CountryItem, PackagingEntry } from '@qite/tide-client';
4
+ import { CountryItem, PackagingEntry, PackagingEntryPax } from '@qite/tide-client';
5
5
  export type TravelersFormField = {
6
6
  type: string;
7
7
  };
@@ -56,12 +56,12 @@ export declare function createInitialValuesFromRooms(
56
56
  personTranslation?: string,
57
57
  isCompact?: boolean
58
58
  ): TravelersFormValues;
59
- export declare function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry: any, agentAdressId?: number): TravelersFormValues;
59
+ export declare function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry: PackagingEntry, agentAdressId?: number): TravelersFormValues;
60
60
  export declare function applyTravelersFormValuesToEditablePackagingEntry(
61
61
  editablePackagingEntry: PackagingEntry,
62
62
  values: TravelersFormValues
63
63
  ): {
64
- pax: import('@qite/tide-client').PackagingEntryPax[];
64
+ pax: PackagingEntryPax[];
65
65
  address: {
66
66
  street: string;
67
67
  houseNumber: string;
package/build/build-esm/index.js CHANGED
@@ -20855,7 +20855,7 @@ var BookingPanel = function (_a) {
20855
20855
  StepIndicatorsComponent = _a.StepIndicatorsComponent;
20856
20856
  return React__default.createElement(
20857
20857
  'div',
20858
- { className: 'booking__panel' },
20858
+ { className: 'booking__panel__wrapper' },
20859
20859
  React__default.createElement(StepIndicatorsComponent, { currentStep: currentStep, stepLabels: stepLabels }),
20860
20860
  React__default.createElement(
20861
20861
  'div',
@@ -28015,52 +28015,23 @@ function createInitialValuesFromRooms(formRooms, startDate, agentAdressId, perso
28015
28015
  return initialValues;
28016
28016
  }
28017
28017
  function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry, agentAdressId) {
28018
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
28019
- var accommodationLine =
28020
- (_a = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.lines) === null || _a === void 0
28021
- ? void 0
28022
- : _a.find(function (line) {
28023
- var _a;
28024
- return (_a = line.pax) === null || _a === void 0 ? void 0 : _a.length;
28025
- });
28018
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
28019
+ console.log('editablePackagingEntry?.pax:', editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.pax);
28026
28020
  var pax =
28027
- (_b = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.pax) !== null && _b !== void 0 ? _b : [];
28028
- var roomNumbers = Array.from(
28029
- new Set(
28030
- ((_c = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.pax) !== null && _c !== void 0 ? _c : []).map(function (
28031
- x
28032
- ) {
28033
- var _a;
28034
- return (_a = x.room) !== null && _a !== void 0 ? _a : 0;
28035
- })
28036
- )
28037
- );
28038
- var rooms = (roomNumbers.length ? roomNumbers : [0]).map(function (roomNumber) {
28039
- var _a;
28040
- var roomPax = ((_a = accommodationLine === null || accommodationLine === void 0 ? void 0 : accommodationLine.pax) !== null && _a !== void 0 ? _a : [])
28041
- .filter(function (x) {
28042
- var _a;
28043
- return ((_a = x.room) !== null && _a !== void 0 ? _a : 0) === roomNumber;
28044
- })
28045
- .sort(function (a, b) {
28046
- var _a, _b;
28047
- return ((_a = a.order) !== null && _a !== void 0 ? _a : 0) - ((_b = b.order) !== null && _b !== void 0 ? _b : 0);
28048
- });
28021
+ (_a = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.pax) !== null && _a !== void 0 ? _a : [];
28022
+ var rooms = editablePackagingEntry.rooms.map(function (room) {
28023
+ var roomPax = pax.filter(function (x) {
28024
+ return room.paxIds.includes(x.id);
28025
+ });
28049
28026
  return {
28050
28027
  adults: roomPax.map(function (roomTraveler) {
28051
- var _a, _b, _c, _d, _e;
28052
- var entryPax =
28053
- (_a = pax.find(function (x) {
28054
- return x.id === roomTraveler.paxId;
28055
- })) !== null && _a !== void 0
28056
- ? _a
28057
- : {};
28028
+ var _a, _b;
28058
28029
  return {
28059
- id: (_b = entryPax.id) !== null && _b !== void 0 ? _b : roomTraveler.paxId,
28060
- firstName: (_c = entryPax.firstName) !== null && _c !== void 0 ? _c : '',
28061
- lastName: (_d = entryPax.lastName) !== null && _d !== void 0 ? _d : '',
28062
- birthDate: entryPax.dateOfBirth ? format$2(new Date(entryPax.dateOfBirth), 'yyyy-MM-dd') : '',
28063
- gender: (_e = entryPax.gender) !== null && _e !== void 0 ? _e : ''
28030
+ id: roomTraveler.id,
28031
+ firstName: (_a = roomTraveler.firstName) !== null && _a !== void 0 ? _a : '',
28032
+ lastName: (_b = roomTraveler.lastName) !== null && _b !== void 0 ? _b : '',
28033
+ birthDate: roomTraveler.dateOfBirth ? format$2(new Date(roomTraveler.dateOfBirth), 'yyyy-MM-dd') : '',
28034
+ gender: ''
28064
28035
  };
28065
28036
  }),
28066
28037
  children: []
@@ -28070,43 +28041,43 @@ function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry, a
28070
28041
  rooms.map(function (room) {
28071
28042
  return { adults: room.adults, children: room.children };
28072
28043
  }),
28073
- (_e =
28074
- (_d = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.lines) === null || _d === void 0
28044
+ (_c =
28045
+ (_b = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.lines) === null || _b === void 0
28075
28046
  ? void 0
28076
- : _d[0]) === null || _e === void 0
28047
+ : _b[0]) === null || _c === void 0
28077
28048
  ? void 0
28078
- : _e.from,
28049
+ : _c.from,
28079
28050
  agentAdressId
28080
28051
  );
28081
28052
  values.rooms = rooms;
28082
28053
  values.mainBookerId =
28083
- (_l =
28084
- (_g =
28085
- (_f = pax.find(function (x) {
28054
+ (_j =
28055
+ (_e =
28056
+ (_d = pax.find(function (x) {
28086
28057
  return x.isMainBooker;
28087
- })) === null || _f === void 0
28058
+ })) === null || _d === void 0
28088
28059
  ? void 0
28089
- : _f.id) !== null && _g !== void 0
28090
- ? _g
28091
- : (_k = (_j = (_h = rooms[0]) === null || _h === void 0 ? void 0 : _h.adults) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0
28060
+ : _d.id) !== null && _e !== void 0
28061
+ ? _e
28062
+ : (_h = (_g = (_f = rooms[0]) === null || _f === void 0 ? void 0 : _f.adults) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0
28092
28063
  ? void 0
28093
- : _k.id) !== null && _l !== void 0
28094
- ? _l
28064
+ : _h.id) !== null && _j !== void 0
28065
+ ? _j
28095
28066
  : -1;
28096
28067
  var address = editablePackagingEntry === null || editablePackagingEntry === void 0 ? void 0 : editablePackagingEntry.address;
28097
- values.street = (_m = address === null || address === void 0 ? void 0 : address.street) !== null && _m !== void 0 ? _m : '';
28098
- values.houseNumber = (_o = address === null || address === void 0 ? void 0 : address.houseNumber) !== null && _o !== void 0 ? _o : '';
28099
- values.box = (_p = address === null || address === void 0 ? void 0 : address.box) !== null && _p !== void 0 ? _p : '';
28100
- values.zipCode = (_q = address === null || address === void 0 ? void 0 : address.zipCode) !== null && _q !== void 0 ? _q : '';
28101
- values.place = (_r = address === null || address === void 0 ? void 0 : address.place) !== null && _r !== void 0 ? _r : '';
28102
- values.country = (_s = address === null || address === void 0 ? void 0 : address.country) !== null && _s !== void 0 ? _s : '';
28103
- values.phone = (_t = address === null || address === void 0 ? void 0 : address.phone) !== null && _t !== void 0 ? _t : '';
28104
- values.email = (_u = address === null || address === void 0 ? void 0 : address.email) !== null && _u !== void 0 ? _u : '';
28105
- values.emailConfirmation = (_v = address === null || address === void 0 ? void 0 : address.email) !== null && _v !== void 0 ? _v : '';
28068
+ values.street = (_k = address === null || address === void 0 ? void 0 : address.street) !== null && _k !== void 0 ? _k : '';
28069
+ values.houseNumber = (_l = address === null || address === void 0 ? void 0 : address.houseNumber) !== null && _l !== void 0 ? _l : '';
28070
+ values.box = (_m = address === null || address === void 0 ? void 0 : address.box) !== null && _m !== void 0 ? _m : '';
28071
+ values.zipCode = (_o = address === null || address === void 0 ? void 0 : address.zipCode) !== null && _o !== void 0 ? _o : '';
28072
+ values.place = (_p = address === null || address === void 0 ? void 0 : address.place) !== null && _p !== void 0 ? _p : '';
28073
+ values.country = (_q = address === null || address === void 0 ? void 0 : address.country) !== null && _q !== void 0 ? _q : '';
28074
+ values.phone = (_r = address === null || address === void 0 ? void 0 : address.phone) !== null && _r !== void 0 ? _r : '';
28075
+ values.email = (_s = address === null || address === void 0 ? void 0 : address.email) !== null && _s !== void 0 ? _s : '';
28076
+ values.emailConfirmation = (_t = address === null || address === void 0 ? void 0 : address.email) !== null && _t !== void 0 ? _t : '';
28106
28077
  values.travelAgentId =
28107
- (_x = (_w = address === null || address === void 0 ? void 0 : address.travelAgentId) !== null && _w !== void 0 ? _w : agentAdressId) !== null &&
28108
- _x !== void 0
28109
- ? _x
28078
+ (_v = (_u = address === null || address === void 0 ? void 0 : address.travelAgentId) !== null && _u !== void 0 ? _u : agentAdressId) !== null &&
28079
+ _v !== void 0
28080
+ ? _v
28110
28081
  : 0;
28111
28082
  return values;
28112
28083
  }
@@ -47446,73 +47417,77 @@ var BookPackagingEntry = function (_a) {
47446
47417
  'div',
47447
47418
  { className: 'booking__content' },
47448
47419
  React__default.createElement(
47449
- BookingPanel,
47450
- {
47451
- currentStep: currentStep,
47452
- stepLabels: stepLabels,
47453
- StepIndicatorsComponent: StepIndicators$1,
47454
- renderTitle: function (step) {
47455
- return React__default.createElement(React__default.Fragment, null, step + 1, '.\u00A0', stepLabels[step]);
47456
- }
47457
- },
47458
- currentStep === 0 &&
47459
- React__default.createElement(SharedTravelersForm, {
47460
- formik: formik,
47461
- translations: translations,
47462
- travellersSettings: travellersSettings,
47463
- countries: countries,
47464
- travelersFirstStep: false,
47465
- isUnavailable: false,
47466
- useCompactForm: false,
47467
- showAgentSelection: false
47468
- }),
47469
- currentStep === 1 &&
47470
- React__default.createElement(SharedSummary, {
47471
- translations: translations,
47472
- travelerFormValues: formik.values,
47473
- isSubmitting: isSubmitting,
47474
- userValidated: userValidated,
47475
- remarks: remarks,
47476
- enableVoucher: false,
47477
- allowOption: false,
47478
- isOffer: false,
47479
- onUserValidatedChange: setUserValidated,
47480
- onRemarksChange: setRemarks,
47481
- onSubmit: handleSummarySubmit,
47482
- renderOptions: function () {
47483
- return renderEditablePackagingEntrySummaryOptions(editablePackagingEntry, priceDetails);
47484
- },
47485
- renderPreviousButton: function () {
47486
- return React__default.createElement(
47487
- 'button',
47488
- {
47489
- type: 'button',
47490
- title: translations.STEPS.PREVIOUS,
47491
- onClick: function () {
47492
- return dispatch(setCurrentStep(0));
47493
- },
47494
- className: 'cta cta--secondary'
47495
- },
47496
- translations.STEPS.PREVIOUS
47497
- );
47420
+ 'div',
47421
+ { className: 'booking__panel' },
47422
+ React__default.createElement(
47423
+ BookingPanel,
47424
+ {
47425
+ currentStep: currentStep,
47426
+ stepLabels: stepLabels,
47427
+ StepIndicatorsComponent: StepIndicators$1,
47428
+ renderTitle: function (step) {
47429
+ return React__default.createElement(React__default.Fragment, null, step + 1, '.\u00A0', stepLabels[step]);
47498
47430
  }
47499
- }),
47500
- currentStep === 2 &&
47501
- React__default.createElement(SharedConfirmation, {
47502
- bookingNumber:
47503
- (_c =
47504
- bookingNumber !== null && bookingNumber !== void 0
47505
- ? bookingNumber
47506
- : editablePackagingEntry === null || editablePackagingEntry === void 0
47507
- ? void 0
47508
- : editablePackagingEntry.dossierNumber) !== null && _c !== void 0
47509
- ? _c
47510
- : '',
47511
- isOption: false,
47512
- isOffer: false,
47513
- translations: translations.CONFIRMATION
47514
- }),
47515
- currentStep === 3 && React__default.createElement('div', null)
47431
+ },
47432
+ currentStep === 0 &&
47433
+ React__default.createElement(SharedTravelersForm, {
47434
+ formik: formik,
47435
+ translations: translations,
47436
+ travellersSettings: travellersSettings,
47437
+ countries: countries,
47438
+ travelersFirstStep: false,
47439
+ isUnavailable: false,
47440
+ useCompactForm: false,
47441
+ showAgentSelection: false
47442
+ }),
47443
+ currentStep === 1 &&
47444
+ React__default.createElement(SharedSummary, {
47445
+ translations: translations,
47446
+ travelerFormValues: formik.values,
47447
+ isSubmitting: isSubmitting,
47448
+ userValidated: userValidated,
47449
+ remarks: remarks,
47450
+ enableVoucher: false,
47451
+ allowOption: false,
47452
+ isOffer: false,
47453
+ onUserValidatedChange: setUserValidated,
47454
+ onRemarksChange: setRemarks,
47455
+ onSubmit: handleSummarySubmit,
47456
+ renderOptions: function () {
47457
+ return renderEditablePackagingEntrySummaryOptions(editablePackagingEntry, priceDetails);
47458
+ },
47459
+ renderPreviousButton: function () {
47460
+ return React__default.createElement(
47461
+ 'button',
47462
+ {
47463
+ type: 'button',
47464
+ title: translations.STEPS.PREVIOUS,
47465
+ onClick: function () {
47466
+ return dispatch(setCurrentStep(0));
47467
+ },
47468
+ className: 'cta cta--secondary'
47469
+ },
47470
+ translations.STEPS.PREVIOUS
47471
+ );
47472
+ }
47473
+ }),
47474
+ currentStep === 2 &&
47475
+ React__default.createElement(SharedConfirmation, {
47476
+ bookingNumber:
47477
+ (_c =
47478
+ bookingNumber !== null && bookingNumber !== void 0
47479
+ ? bookingNumber
47480
+ : editablePackagingEntry === null || editablePackagingEntry === void 0
47481
+ ? void 0
47482
+ : editablePackagingEntry.dossierNumber) !== null && _c !== void 0
47483
+ ? _c
47484
+ : '',
47485
+ isOption: false,
47486
+ isOffer: false,
47487
+ translations: translations.CONFIRMATION
47488
+ }),
47489
+ currentStep === 3 && React__default.createElement('div', null)
47490
+ )
47516
47491
  ),
47517
47492
  React__default.createElement('div', { className: 'backdrop', id: 'backdrop' }),
47518
47493
  React__default.createElement(WLSidebar, { activeSearchSeed: activeSearchSeed })
package/build/build-esm/src/shared/booking/travelers-form.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { FormikProps } from 'formik';
3
3
  import { Country, RoomTraveler, Traveler, TravelersFormValues } from '../../booking-wizard/types';
4
- import { CountryItem, PackagingEntry } from '@qite/tide-client';
4
+ import { CountryItem, PackagingEntry, PackagingEntryPax } from '@qite/tide-client';
5
5
  export type TravelersFormField = {
6
6
  type: string;
7
7
  };
@@ -56,12 +56,12 @@ export declare function createInitialValuesFromRooms(
56
56
  personTranslation?: string,
57
57
  isCompact?: boolean
58
58
  ): TravelersFormValues;
59
- export declare function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry: any, agentAdressId?: number): TravelersFormValues;
59
+ export declare function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry: PackagingEntry, agentAdressId?: number): TravelersFormValues;
60
60
  export declare function applyTravelersFormValuesToEditablePackagingEntry(
61
61
  editablePackagingEntry: PackagingEntry,
62
62
  values: TravelersFormValues
63
63
  ): {
64
- pax: import('@qite/tide-client').PackagingEntryPax[];
64
+ pax: PackagingEntryPax[];
65
65
  address: {
66
66
  street: string;
67
67
  houseNumber: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qite/tide-booking-component",
3
- "version": "1.4.111",
3
+ "version": "1.4.112",
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/search-results/components/book-packaging-entry/index.tsx CHANGED
@@ -16,12 +16,9 @@ import { useFormik } from 'formik';
16
16
  import { TravelersFormValues } from '../../../booking-wizard/types';
17
17
  import { setBookingNumber, setCurrentStep, setEditablePackagingEntry } from '../../store/search-results-slice';
18
18
  import validateForm from '../../../booking-wizard/features/travelers-form/validate-form';
19
- import { bookPackagingEntry, CountryItem, getCountries, PackagingEntry, TideClientConfig } from '@qite/tide-client';
19
+ import { bookPackagingEntry, CountryItem, getCountries, PackagingEntry, PackagingRequestBase, TideClientConfig } from '@qite/tide-client';
20
20
  import SharedSummary from '../../../shared/booking/summary';
21
21
  import { renderEditablePackagingEntrySummaryOptions } from '../../../shared/utils/booking-summary';
22
-
23
- // TODO; fix import
24
- import { PackagingRequestBase } from '@qite/tide-client/build/types/booking-v2/request/packaging/packaging-request-base';
25
22
  import SharedConfirmation from '../../../shared/booking/shared-confirmation';
26
23
 
27
24
  interface BookPackagingEntryProps {
@@ -163,62 +160,64 @@ const BookPackagingEntry: React.FC<BookPackagingEntryProps> = ({ activeSearchSee
163
160
  return (
164
161
  <div className="booking">
165
162
  <div className="booking__content">
166
- <BookingPanel
167
- currentStep={currentStep}
168
- stepLabels={stepLabels}
169
- StepIndicatorsComponent={StepIndicators}
170
- renderTitle={(step) => (
171
- <>
172
- {step + 1}.&nbsp;{stepLabels[step]}
173
- </>
174
- )}>
175
- {currentStep === 0 && (
176
- <SharedTravelersForm
177
- formik={formik}
178
- translations={translations}
179
- travellersSettings={travellersSettings}
180
- countries={countries}
181
- travelersFirstStep={false}
182
- isUnavailable={false}
183
- useCompactForm={false}
184
- showAgentSelection={false}
185
- />
186
- )}
187
-
188
- {currentStep === 1 && (
189
- <SharedSummary
190
- translations={translations}
191
- travelerFormValues={formik.values}
192
- isSubmitting={isSubmitting}
193
- userValidated={userValidated}
194
- remarks={remarks}
195
- enableVoucher={false}
196
- allowOption={false}
197
- isOffer={false}
198
- onUserValidatedChange={setUserValidated}
199
- onRemarksChange={setRemarks}
200
- onSubmit={handleSummarySubmit}
201
- renderOptions={() => renderEditablePackagingEntrySummaryOptions(editablePackagingEntry, priceDetails, translations)}
202
- renderPreviousButton={() => (
203
- <button type="button" title={translations.STEPS.PREVIOUS} onClick={() => dispatch(setCurrentStep(0))} className="cta cta--secondary">
204
- {translations.STEPS.PREVIOUS}
205
- </button>
206
- )}
207
- />
208
- )}
209
- {currentStep === 2 && (
210
- <SharedConfirmation
211
- bookingNumber={bookingNumber ?? editablePackagingEntry?.dossierNumber ?? ''}
212
- isOption={false}
213
- isOffer={false}
214
- translations={translations.CONFIRMATION}
215
- // companyContactPhone={context?.companyContactPhone || ''}
216
- // companyContactEmail={context?.companyContactEmail || ''}
217
- // homeUrl={context?.homeUrl || '/'}
218
- />
219
- )}
220
- {currentStep === 3 && <div>{/* error */}</div>}
221
- </BookingPanel>
163
+ <div className="booking__panel">
164
+ <BookingPanel
165
+ currentStep={currentStep}
166
+ stepLabels={stepLabels}
167
+ StepIndicatorsComponent={StepIndicators}
168
+ renderTitle={(step) => (
169
+ <>
170
+ {step + 1}.&nbsp;{stepLabels[step]}
171
+ </>
172
+ )}>
173
+ {currentStep === 0 && (
174
+ <SharedTravelersForm
175
+ formik={formik}
176
+ translations={translations}
177
+ travellersSettings={travellersSettings}
178
+ countries={countries}
179
+ travelersFirstStep={false}
180
+ isUnavailable={false}
181
+ useCompactForm={false}
182
+ showAgentSelection={false}
183
+ />
184
+ )}
185
+
186
+ {currentStep === 1 && (
187
+ <SharedSummary
188
+ translations={translations}
189
+ travelerFormValues={formik.values}
190
+ isSubmitting={isSubmitting}
191
+ userValidated={userValidated}
192
+ remarks={remarks}
193
+ enableVoucher={false}
194
+ allowOption={false}
195
+ isOffer={false}
196
+ onUserValidatedChange={setUserValidated}
197
+ onRemarksChange={setRemarks}
198
+ onSubmit={handleSummarySubmit}
199
+ renderOptions={() => renderEditablePackagingEntrySummaryOptions(editablePackagingEntry, priceDetails, translations)}
200
+ renderPreviousButton={() => (
201
+ <button type="button" title={translations.STEPS.PREVIOUS} onClick={() => dispatch(setCurrentStep(0))} className="cta cta--secondary">
202
+ {translations.STEPS.PREVIOUS}
203
+ </button>
204
+ )}
205
+ />
206
+ )}
207
+ {currentStep === 2 && (
208
+ <SharedConfirmation
209
+ bookingNumber={bookingNumber ?? editablePackagingEntry?.dossierNumber ?? ''}
210
+ isOption={false}
211
+ isOffer={false}
212
+ translations={translations.CONFIRMATION}
213
+ // companyContactPhone={context?.companyContactPhone || ''}
214
+ // companyContactEmail={context?.companyContactEmail || ''}
215
+ // homeUrl={context?.homeUrl || '/'}
216
+ />
217
+ )}
218
+ {currentStep === 3 && <div>{/* error */}</div>}
219
+ </BookingPanel>
220
+ </div>
222
221
  <div className="backdrop" id="backdrop"></div>
223
222
  <WLSidebar activeSearchSeed={activeSearchSeed} />
224
223
  </div>
package/src/search-results/components/search-results-container/search-results-container.tsx CHANGED
@@ -62,7 +62,8 @@ import {
62
62
  PackagingEntryLineFlightLine,
63
63
  PackagingEntryAddress,
64
64
  PackagingEntryPax,
65
- PackagingEntryRoom
65
+ PackagingEntryRoom,
66
+ PackagingRequestBase
66
67
  } from '@qite/tide-client';
67
68
  import { getDateFromParams, getNumberFromParams, getRoomsFromParams, getStringFromParams } from '../../../shared/utils/query-string-util';
68
69
  import { concat, first, isEmpty, last, range } from 'lodash';
@@ -116,9 +117,6 @@ import DayByDayExcursions from '../excursions/day-by-day-excursions';
116
117
  import BookPackagingEntry from '../book-packaging-entry';
117
118
  import { format } from 'date-fns';
118
119
 
119
- // TODO; fix import
120
- import { PackagingRequestBase } from '@qite/tide-client/build/types/booking-v2/request/packaging/packaging-request-base';
121
-
122
120
  type BuildPackagingEntryPartialArgs = {
123
121
  sourceEntry: PackagingEntry | null | undefined;
124
122
  selectedHotelCode: string | null | undefined;
package/src/shared/booking/booking-panel.tsx CHANGED
@@ -10,7 +10,7 @@ interface BookingPanelProps {
10
10
 
11
11
  const BookingPanel: React.FC<BookingPanelProps> = ({ currentStep, stepLabels, renderTitle, children, StepIndicatorsComponent }) => {
12
12
  return (
13
- <div className="booking__panel">
13
+ <div className="booking__panel__wrapper">
14
14
  <StepIndicatorsComponent currentStep={currentStep} stepLabels={stepLabels} />
15
15
  <div className="booking__panel-frame booking__panel-frame--transparent">
16
16
  <div className="booking__panel-heading">
package/src/shared/booking/travelers-form.tsx CHANGED
@@ -10,7 +10,7 @@ import PhoneInput from '../../booking-wizard/components/phone-input';
10
10
  import GenderControl from '../../booking-wizard/features/travelers-form/controls/gender-control';
11
11
  import TypeAheadInput from '../../booking-wizard/features/travelers-form/type-ahead-input';
12
12
  import { buildClassName } from '../utils/class-util';
13
- import { CountryItem, PackagingEntry } from '@qite/tide-client';
13
+ import { CountryItem, PackagingEntry, PackagingEntryPax } from '@qite/tide-client';
14
14
 
15
15
  export type TravelersFormField = { type: string };
16
16
  export type AgentOption = { id: number | string; name: string; postalCode?: string; location?: string };
@@ -97,22 +97,20 @@ export function createInitialValuesFromRooms(
97
97
  return initialValues;
98
98
  }
99
99
 
100
- export function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry: any, agentAdressId?: number): TravelersFormValues {
101
- const accommodationLine = editablePackagingEntry?.lines?.find((line: any) => line.pax?.length);
100
+ export function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry: PackagingEntry, agentAdressId?: number): TravelersFormValues {
101
+ console.log('editablePackagingEntry?.pax:', editablePackagingEntry?.pax);
102
102
  const pax = editablePackagingEntry?.pax ?? [];
103
- const roomNumbers = Array.from(new Set((accommodationLine?.pax ?? []).map((x: any) => x.room ?? 0)));
104
- const rooms = (roomNumbers.length ? roomNumbers : [0]).map((roomNumber) => {
105
- const roomPax = (accommodationLine?.pax ?? []).filter((x: any) => (x.room ?? 0) === roomNumber).sort((a: any, b: any) => (a.order ?? 0) - (b.order ?? 0));
106
-
103
+ const rooms = editablePackagingEntry.rooms.map((room) => {
104
+ const roomPax = pax.filter((x: PackagingEntryPax) => room.paxIds.includes(x.id));
105
+ // TODO children/dateofbirth is missing at this point
107
106
  return {
108
- adults: roomPax.map((roomTraveler: any) => {
109
- const entryPax = pax.find((x: any) => x.id === roomTraveler.paxId) ?? {};
107
+ adults: roomPax.map((roomTraveler: PackagingEntryPax) => {
110
108
  return {
111
- id: entryPax.id ?? roomTraveler.paxId,
112
- firstName: entryPax.firstName ?? '',
113
- lastName: entryPax.lastName ?? '',
114
- birthDate: entryPax.dateOfBirth ? format(new Date(entryPax.dateOfBirth), 'yyyy-MM-dd') : '',
115
- gender: entryPax.gender ?? ''
109
+ id: roomTraveler.id,
110
+ firstName: roomTraveler.firstName ?? '',
111
+ lastName: roomTraveler.lastName ?? '',
112
+ birthDate: roomTraveler.dateOfBirth ? format(new Date(roomTraveler.dateOfBirth), 'yyyy-MM-dd') : '',
113
+ gender: ''
116
114
  } as Traveler;
117
115
  }),
118
116
  children: [] as Traveler[]
package/styles/components/_booking.scss CHANGED
@@ -44,17 +44,23 @@
44
44
 
45
45
  &__navigator {
46
46
  gap: 15px;
47
+ position: fixed;
48
+ bottom: 0;
49
+ left: 0;
50
+ background-color: var(--tide-booking-white);
51
+ // outline: 2px solid var(--tide-booking-bg);
52
+ z-index: 11;
53
+ width: 100%;
47
54
 
48
55
  @include row--xs;
49
56
  justify-content: flex-end;
50
- padding: 0 15px;
51
- padding-top: 30px;
52
- padding-bottom: 60px;
53
- // background-color: $gray-light;
57
+ align-items: center;
58
+ padding: 15px;
54
59
 
55
60
  @include media-lg {
56
- padding: 0 15px;
57
- padding-top: 50px;
61
+ position: relative;
62
+ padding: 30px 15px;
63
+ background: var(--tide-booking-transparent);
58
64
  }
59
65
 
60
66
  .cta--secondary {
@@ -64,11 +70,17 @@
64
70
  margin-right: auto;
65
71
  }
66
72
  }
73
+
74
+ button {
75
+ @include media-xs {
76
+ max-width: 150px;
77
+ }
78
+ }
67
79
  }
68
80
 
69
81
  &__panel {
70
- width: 1200px;
71
- max-width: 100%;
82
+ width: 100%;
83
+ max-width: 1200px;
72
84
  @include column;
73
85
  border-radius: 15px * 0.3;
74
86
 
@@ -79,6 +91,14 @@
79
91
  @include media-xl {
80
92
  padding-right: 40px;
81
93
  }
94
+
95
+ &__wrapper {
96
+ margin-bottom: 155px;
97
+
98
+ @include media-lg {
99
+ margin-bottom: 0px;
100
+ }
101
+ }
82
102
  }
83
103
 
84
104
  &__panel-heading {
@@ -221,8 +241,8 @@
221
241
  &__sidebar {
222
242
  position: fixed;
223
243
  width: calc(100% - 0px);
224
- max-height: calc(100vh - 90px);
225
- bottom: 0;
244
+ max-height: calc(100dvh - 90px);
245
+ bottom: 75px;
226
246
  right: 0;
227
247
  transform: translate3D(0, calc(100% - 80px), 0);
228
248
  margin-left: auto;
@@ -240,11 +260,10 @@
240
260
  @include media-lg {
241
261
  position: sticky;
242
262
  width: 400px;
243
- max-height: none;
263
+ height: calc(100vh - 86px);
244
264
  top: 40px;
245
265
  bottom: initial;
246
266
  transform: none;
247
- min-height: 93vh;
248
267
  }
249
268
 
250
269
  .booking__product-heading {
@@ -256,7 +275,6 @@
256
275
  &__sidebar-frame {
257
276
  border-radius: var(--tide-booking-sidebar-frame-radius);
258
277
  background-color: var(--tide-booking-sidebar-body-background);
259
- height: calc(100vh - 86px);
260
278
  }
261
279
 
262
280
  &__sidebar--active {
@@ -583,7 +601,7 @@
583
601
 
584
602
  &.booking-card__group--package {
585
603
  padding: 40px 10px 20px;
586
- margin-top: -25px;
604
+ // margin-top: -25px;
587
605
  margin-bottom: 15px;
588
606
  transition: all 0.4s ease;
589
607
 
@@ -721,7 +739,7 @@
721
739
 
722
740
  &__tag {
723
741
  position: absolute;
724
- top: 0px;
742
+ top: 15px;
725
743
  left: 0;
726
744
  padding: 6px 5px 6px 10px;
727
745
  font-size: 14px;
package/styles/components/_cta.scss CHANGED
@@ -104,8 +104,8 @@
104
104
 
105
105
  &--filter {
106
106
  position: absolute;
107
- right: 15px;
108
- top: -70px;
107
+ right: 0px;
108
+ top: -55px;
109
109
  width: auto;
110
110
  display: flex;
111
111
  align-items: center;
package/styles/components/_flight-option.scss CHANGED
@@ -1031,7 +1031,7 @@
1031
1031
  gap: 20px;
1032
1032
  background: #fff;
1033
1033
  height: 100%;
1034
- max-height: 97.3vh;
1034
+ max-height: 100dvh;
1035
1035
  width: calc(100vw - 40px);
1036
1036
  padding: 20px;
1037
1037
  box-shadow: 0px 0px 5px rgba(158, 158, 158, 0.447);
package/styles/components/_step-indicators.scss CHANGED
@@ -3,8 +3,8 @@
3
3
  width: 100%;
4
4
  max-width: 100%;
5
5
  display: flex;
6
- padding-bottom: 15px;
7
- margin-bottom: 20px;
6
+ // padding-bottom: 15px;
7
+ // margin-bottom: 20px;
8
8
  overflow: hidden;
9
9
 
10
10
  &__items {
@@ -12,7 +12,7 @@
12
12
  width: 100%;
13
13
  max-width: 100vw;
14
14
  padding-bottom: 15px;
15
- margin-bottom: 22.5px;
15
+ margin-bottom: 30px;
16
16
  display: flex;
17
17
  flex-grow: 0;
18
18
  justify-content: space-between;
@@ -24,8 +24,12 @@
24
24
  width: 95%;
25
25
  height: 0;
26
26
  left: 2.5%;
27
- top: 20px;
27
+ top: 15px;
28
28
  border-bottom: var(--tide-booking-step-indicators-line-trough);
29
+
30
+ @include media-xs {
31
+ top: 20px;
32
+ }
29
33
  }
30
34
  }
31
35
 
@@ -70,14 +74,21 @@
70
74
  &:before {
71
75
  content: '';
72
76
  position: absolute;
73
- width: 17px;
74
- height: 6px;
75
- margin-top: -5px;
76
- margin-left: -2px;
77
+ width: 11px;
78
+ height: 5px;
79
+ margin-top: -6px;
80
+ margin-left: 0px;
77
81
  border-left: 2px solid;
78
82
  border-bottom: 2px solid;
79
83
  border-color: var(--tide-booking-step-indicators-icon-check-color-active);
80
84
  transform: rotate(-45deg);
85
+
86
+ @include media-xs {
87
+ width: 17px;
88
+ height: 6px;
89
+ margin-top: -5px;
90
+ margin-left: -2px;
91
+ }
81
92
  }
82
93
  }
83
94
 
@@ -106,14 +117,21 @@
106
117
  &:before {
107
118
  content: '';
108
119
  position: absolute;
109
- width: 17px;
110
- height: 6px;
111
- margin-top: -5px;
112
- margin-left: -2px;
120
+ width: 11px;
121
+ height: 5px;
122
+ margin-top: -6px;
123
+ margin-left: 0px;
113
124
  border-left: 2px solid;
114
125
  border-bottom: 2px solid;
115
126
  border-color: var(--tide-booking-step-indicators-icon-check-color-completed);
116
127
  transform: rotate(-45deg);
128
+
129
+ @include media-xs {
130
+ width: 17px;
131
+ height: 6px;
132
+ margin-top: -5px;
133
+ margin-left: -2px;
134
+ }
117
135
  }
118
136
  }
119
137
  }
@@ -121,17 +139,23 @@
121
139
  &__icon {
122
140
  @extend %reset;
123
141
  position: relative;
124
- width: 40px;
125
- height: 40px;
142
+ width: 30px;
143
+ height: 30px;
126
144
  padding-top: 2px;
127
145
  @include flex--centerXY;
128
- flex: 0 0 40px;
146
+ flex: 0 0 30px;
129
147
  border-radius: var(--tide-booking-step-indicators-icon-border-radius);
130
148
  font-family: var(--tide-booking-step-indicators-icon-font-family);
131
149
  color: var(--tide-booking-step-indicators-icon-color);
132
150
  background-color: var(--tide-booking-step-indicators-icon-background);
133
151
  @extend %transition-easing;
134
152
  z-index: 1;
153
+
154
+ @include media-xs {
155
+ width: 40px;
156
+ height: 40px;
157
+ flex: 0 0 40px;
158
+ }
135
159
  }
136
160
 
137
161
  &__text {
@@ -144,6 +168,7 @@
144
168
  line-height: 1.2;
145
169
  text-overflow: ellipsis;
146
170
  overflow: hidden;
171
+ display: none;
147
172
 
148
173
  @include media-xs {
149
174
  font-size: 12px;
@@ -151,6 +176,7 @@
151
176
 
152
177
  @include media-sm {
153
178
  font-size: 14px;
179
+ display: block;
154
180
  }
155
181
 
156
182
  @include media-md {
package/styles/components/_tree.scss CHANGED
@@ -348,11 +348,11 @@
348
348
  }
349
349
 
350
350
  .radiobutton {
351
- padding: 2.5px 0 0 28px;
351
+ padding: 2.5px 0 2.5px 28px;
352
352
  flex-grow: 1;
353
353
 
354
354
  @include media-lg {
355
- padding: 15px 0px 0 28px;
355
+ padding: 15px 0px 15px 28px;
356
356
  }
357
357
 
358
358
  &__input {