@qite/tide-booking-component 1.4.11 → 1.4.13

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 (12) hide show
  1. package/build/build-cjs/booking-wizard/features/booking/selectors.d.ts +1 -1
  2. package/build/build-cjs/booking-wizard/types.d.ts +2 -0
  3. package/build/build-cjs/index.js +20 -14
  4. package/build/build-esm/booking-wizard/features/booking/selectors.d.ts +1 -1
  5. package/build/build-esm/booking-wizard/types.d.ts +2 -0
  6. package/build/build-esm/index.js +20 -14
  7. package/package.json +2 -2
  8. package/src/booking-wizard/features/booking/booking-slice.ts +2 -0
  9. package/src/booking-wizard/features/booking/selectors.ts +21 -14
  10. package/src/booking-wizard/features/sidebar/sidebar.tsx +13 -14
  11. package/src/booking-wizard/features/summary/summary.tsx +13 -11
  12. package/src/booking-wizard/types.ts +2 -0
package/build/build-cjs/booking-wizard/features/booking/selectors.d.ts CHANGED
@@ -61,7 +61,7 @@ export declare const selectRoomOptionReturnFlightsMetaData: ((state: {
61
61
  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
62
62
  summary: import("../summary/summary-slice").SummaryState;
63
63
  apiSettings: import("../../../shared/types").ApiSettingsState;
64
- }) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[]) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageOption | undefined, args_1: import("@qite/tide-client").BookingPackageEntryLineFlightMetaData[] | undefined) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[], {
64
+ }) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[] | undefined) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageOption | undefined, args_1: import("@qite/tide-client").BookingPackageEntryLineFlightMetaData[] | undefined) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[] | undefined, {
65
65
  clearCache: () => void;
66
66
  }> & {
67
67
  clearCache: () => void;
package/build/build-cjs/booking-wizard/types.d.ts CHANGED
@@ -112,12 +112,14 @@ export interface FlightInfo {
112
112
  outwardCode: string;
113
113
  outwardNumbers: string[];
114
114
  outwardFareCode: string | null;
115
+ outwardMarketingName: string | null;
115
116
  outwardClass: string;
116
117
  outwardDepartureDate: string | null;
117
118
  outwardArrivalDate: string | null;
118
119
  returnCode: string;
119
120
  returnNumbers: string[];
120
121
  returnFareCode: string | null;
122
+ returnMarketingName: string | null;
121
123
  returnClass: string;
122
124
  returnDepartureDate: string | null;
123
125
  returnArrivalDate: string | null;
package/build/build-cjs/index.js CHANGED
@@ -10274,16 +10274,23 @@ var selectRoomOptionDepartureFlightsMetaData = toolkit.createSelector(selectActi
10274
10274
  });
10275
10275
  var selectRoomOptionReturnFlightsMetaData = toolkit.createSelector(selectActiveOption, selectFlightMetaData, function (ativeOption, flightMetaData) {
10276
10276
  var _a;
10277
- var roomOptions = ativeOption === null || ativeOption === void 0 ? void 0 : ativeOption.rooms.map(function (r) {
10278
- return r.options
10279
- .filter(function (o) { return o.isSelected; })
10280
- .reverse()
10281
- .shift();
10277
+ var selectedRoomOptions = ativeOption === null || ativeOption === void 0 ? void 0 : ativeOption.rooms.map(function (r) {
10278
+ return r.options.filter(function (o) { return o.isSelected; });
10282
10279
  });
10283
- return ((_a = roomOptions === null || roomOptions === void 0 ? void 0 : roomOptions.map(function (ro) {
10284
- var _a;
10285
- return (_a = flightMetaData === null || flightMetaData === void 0 ? void 0 : flightMetaData.find(function (f) { return f.entryLineGuid === (ro === null || ro === void 0 ? void 0 : ro.entryLineGuid); })) === null || _a === void 0 ? void 0 : _a.flightMetaData;
10286
- }).filter(function (f) { return f !== undefined; })) !== null && _a !== void 0 ? _a : []);
10280
+ // check if there are return flights selected
10281
+ if (selectedRoomOptions === null || selectedRoomOptions === void 0 ? void 0 : selectedRoomOptions.some(function (ro) { return ro.length > 1; })) {
10282
+ var roomOptions = ativeOption === null || ativeOption === void 0 ? void 0 : ativeOption.rooms.map(function (r) {
10283
+ return r.options
10284
+ .filter(function (o) { return o.isSelected; })
10285
+ .reverse()
10286
+ .shift();
10287
+ });
10288
+ return ((_a = roomOptions === null || roomOptions === void 0 ? void 0 : roomOptions.map(function (ro) {
10289
+ var _a;
10290
+ return (_a = flightMetaData === null || flightMetaData === void 0 ? void 0 : flightMetaData.find(function (f) { return f.entryLineGuid === (ro === null || ro === void 0 ? void 0 : ro.entryLineGuid); })) === null || _a === void 0 ? void 0 : _a.flightMetaData;
10291
+ }).filter(function (f) { return f !== undefined; })) !== null && _a !== void 0 ? _a : []);
10292
+ }
10293
+ return undefined;
10287
10294
  });
10288
10295
  var selectApiSettings = function (state) { return state.apiSettings; };
10289
10296
  var selectIsUnavailable = function (state) {
@@ -10657,6 +10664,7 @@ var fetchPackageDetails = toolkit.createAsyncThunk("booking/details", function (
10657
10664
  endDateTime: bookingAttributes.flight.outwardArrivalDate,
10658
10665
  flightNumbers: bookingAttributes.flight.outwardNumbers,
10659
10666
  fareCode: bookingAttributes.flight.outwardFareCode,
10667
+ marketingName: bookingAttributes.flight.outwardMarketingName,
10660
10668
  };
10661
10669
  if (bookingAttributes.flight.returnCode) {
10662
10670
  returnFlight = {
@@ -10665,6 +10673,7 @@ var fetchPackageDetails = toolkit.createAsyncThunk("booking/details", function (
10665
10673
  endDateTime: bookingAttributes.flight.returnArrivalDate,
10666
10674
  flightNumbers: bookingAttributes.flight.returnNumbers,
10667
10675
  fareCode: bookingAttributes.flight.returnFareCode,
10676
+ marketingName: bookingAttributes.flight.returnMarketingName,
10668
10677
  };
10669
10678
  }
10670
10679
  }
@@ -13992,11 +14001,8 @@ var Sidebar = function (_a) {
13992
14001
  React__default["default"].createElement("div", { className: "pricing-summary__property" }, translations.SIDEBAR.ARRIVAL),
13993
14002
  React__default["default"].createElement("div", { className: "pricing-summary__value" }, endDateText)))),
13994
14003
  isLoading && loaderComponent,
13995
- !isLoading &&
13996
- departureFlightMetaData &&
13997
- returnFlightMetaData && (React__default["default"].createElement(React__default["default"].Fragment, null,
13998
- React__default["default"].createElement(SidebarFlight, { title: translations.SIDEBAR.DEPARTURE_FLIGHT, flightMetaData: departureFlightMetaData }),
13999
- React__default["default"].createElement(SidebarFlight, { title: translations.SIDEBAR.ARRIVAL_FLIGHT, flightMetaData: returnFlightMetaData }))),
14004
+ !isLoading && departureFlightMetaData && (React__default["default"].createElement(SidebarFlight, { title: translations.SIDEBAR.DEPARTURE_FLIGHT, flightMetaData: departureFlightMetaData })),
14005
+ !isLoading && returnFlightMetaData && (React__default["default"].createElement(SidebarFlight, { title: translations.SIDEBAR.ARRIVAL_FLIGHT, flightMetaData: returnFlightMetaData })),
14000
14006
  accommodations && (React__default["default"].createElement("div", { className: "pricing-summary__group" },
14001
14007
  React__default["default"].createElement("h6", { className: "pricing-summary__title" }, translations.SIDEBAR.ACCOMMODATION),
14002
14008
  accommodations.map(function (accommodation) {
package/build/build-esm/booking-wizard/features/booking/selectors.d.ts CHANGED
@@ -61,7 +61,7 @@ export declare const selectRoomOptionReturnFlightsMetaData: ((state: {
61
61
  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
62
62
  summary: import("../summary/summary-slice").SummaryState;
63
63
  apiSettings: import("../../../shared/types").ApiSettingsState;
64
- }) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[]) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageOption | undefined, args_1: import("@qite/tide-client").BookingPackageEntryLineFlightMetaData[] | undefined) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[], {
64
+ }) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[] | undefined) & import("reselect").OutputSelectorFields<(args_0: import("@qite/tide-client").BookingPackageOption | undefined, args_1: import("@qite/tide-client").BookingPackageEntryLineFlightMetaData[] | undefined) => (import("@qite/tide-client").BookingPackageFlightMetaData | undefined)[] | undefined, {
65
65
  clearCache: () => void;
66
66
  }> & {
67
67
  clearCache: () => void;
package/build/build-esm/booking-wizard/types.d.ts CHANGED
@@ -112,12 +112,14 @@ export interface FlightInfo {
112
112
  outwardCode: string;
113
113
  outwardNumbers: string[];
114
114
  outwardFareCode: string | null;
115
+ outwardMarketingName: string | null;
115
116
  outwardClass: string;
116
117
  outwardDepartureDate: string | null;
117
118
  outwardArrivalDate: string | null;
118
119
  returnCode: string;
119
120
  returnNumbers: string[];
120
121
  returnFareCode: string | null;
122
+ returnMarketingName: string | null;
121
123
  returnClass: string;
122
124
  returnDepartureDate: string | null;
123
125
  returnArrivalDate: string | null;
package/build/build-esm/index.js CHANGED
@@ -10263,16 +10263,23 @@ var selectRoomOptionDepartureFlightsMetaData = createSelector(selectActiveOption
10263
10263
  });
10264
10264
  var selectRoomOptionReturnFlightsMetaData = createSelector(selectActiveOption, selectFlightMetaData, function (ativeOption, flightMetaData) {
10265
10265
  var _a;
10266
- var roomOptions = ativeOption === null || ativeOption === void 0 ? void 0 : ativeOption.rooms.map(function (r) {
10267
- return r.options
10268
- .filter(function (o) { return o.isSelected; })
10269
- .reverse()
10270
- .shift();
10266
+ var selectedRoomOptions = ativeOption === null || ativeOption === void 0 ? void 0 : ativeOption.rooms.map(function (r) {
10267
+ return r.options.filter(function (o) { return o.isSelected; });
10271
10268
  });
10272
- return ((_a = roomOptions === null || roomOptions === void 0 ? void 0 : roomOptions.map(function (ro) {
10273
- var _a;
10274
- return (_a = flightMetaData === null || flightMetaData === void 0 ? void 0 : flightMetaData.find(function (f) { return f.entryLineGuid === (ro === null || ro === void 0 ? void 0 : ro.entryLineGuid); })) === null || _a === void 0 ? void 0 : _a.flightMetaData;
10275
- }).filter(function (f) { return f !== undefined; })) !== null && _a !== void 0 ? _a : []);
10269
+ // check if there are return flights selected
10270
+ if (selectedRoomOptions === null || selectedRoomOptions === void 0 ? void 0 : selectedRoomOptions.some(function (ro) { return ro.length > 1; })) {
10271
+ var roomOptions = ativeOption === null || ativeOption === void 0 ? void 0 : ativeOption.rooms.map(function (r) {
10272
+ return r.options
10273
+ .filter(function (o) { return o.isSelected; })
10274
+ .reverse()
10275
+ .shift();
10276
+ });
10277
+ return ((_a = roomOptions === null || roomOptions === void 0 ? void 0 : roomOptions.map(function (ro) {
10278
+ var _a;
10279
+ return (_a = flightMetaData === null || flightMetaData === void 0 ? void 0 : flightMetaData.find(function (f) { return f.entryLineGuid === (ro === null || ro === void 0 ? void 0 : ro.entryLineGuid); })) === null || _a === void 0 ? void 0 : _a.flightMetaData;
10280
+ }).filter(function (f) { return f !== undefined; })) !== null && _a !== void 0 ? _a : []);
10281
+ }
10282
+ return undefined;
10276
10283
  });
10277
10284
  var selectApiSettings = function (state) { return state.apiSettings; };
10278
10285
  var selectIsUnavailable = function (state) {
@@ -10646,6 +10653,7 @@ var fetchPackageDetails = createAsyncThunk("booking/details", function (_, _a) {
10646
10653
  endDateTime: bookingAttributes.flight.outwardArrivalDate,
10647
10654
  flightNumbers: bookingAttributes.flight.outwardNumbers,
10648
10655
  fareCode: bookingAttributes.flight.outwardFareCode,
10656
+ marketingName: bookingAttributes.flight.outwardMarketingName,
10649
10657
  };
10650
10658
  if (bookingAttributes.flight.returnCode) {
10651
10659
  returnFlight = {
@@ -10654,6 +10662,7 @@ var fetchPackageDetails = createAsyncThunk("booking/details", function (_, _a) {
10654
10662
  endDateTime: bookingAttributes.flight.returnArrivalDate,
10655
10663
  flightNumbers: bookingAttributes.flight.returnNumbers,
10656
10664
  fareCode: bookingAttributes.flight.returnFareCode,
10665
+ marketingName: bookingAttributes.flight.returnMarketingName,
10657
10666
  };
10658
10667
  }
10659
10668
  }
@@ -13981,11 +13990,8 @@ var Sidebar = function (_a) {
13981
13990
  React.createElement("div", { className: "pricing-summary__property" }, translations.SIDEBAR.ARRIVAL),
13982
13991
  React.createElement("div", { className: "pricing-summary__value" }, endDateText)))),
13983
13992
  isLoading && loaderComponent,
13984
- !isLoading &&
13985
- departureFlightMetaData &&
13986
- returnFlightMetaData && (React.createElement(React.Fragment, null,
13987
- React.createElement(SidebarFlight, { title: translations.SIDEBAR.DEPARTURE_FLIGHT, flightMetaData: departureFlightMetaData }),
13988
- React.createElement(SidebarFlight, { title: translations.SIDEBAR.ARRIVAL_FLIGHT, flightMetaData: returnFlightMetaData }))),
13993
+ !isLoading && departureFlightMetaData && (React.createElement(SidebarFlight, { title: translations.SIDEBAR.DEPARTURE_FLIGHT, flightMetaData: departureFlightMetaData })),
13994
+ !isLoading && returnFlightMetaData && (React.createElement(SidebarFlight, { title: translations.SIDEBAR.ARRIVAL_FLIGHT, flightMetaData: returnFlightMetaData })),
13989
13995
  accommodations && (React.createElement("div", { className: "pricing-summary__group" },
13990
13996
  React.createElement("h6", { className: "pricing-summary__title" }, translations.SIDEBAR.ACCOMMODATION),
13991
13997
  accommodations.map(function (accommodation) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qite/tide-booking-component",
3
- "version": "1.4.11",
3
+ "version": "1.4.13",
4
4
  "description": "React Booking wizard & Booking product component for Tide",
5
5
  "main": "build/build-cjs/index.js",
6
6
  "module": "build/build-esm/index.js",
@@ -69,7 +69,7 @@
69
69
  "uuid": "^8.3.2"
70
70
  },
71
71
  "dependencies": {
72
- "@qite/tide-client": "^1.1.105",
72
+ "@qite/tide-client": "^1.1.106",
73
73
  "react-html-comment": "^2.0.16"
74
74
  }
75
75
  }
package/src/booking-wizard/features/booking/booking-slice.ts CHANGED
@@ -185,6 +185,7 @@ const fetchPackageDetails = createAsyncThunk(
185
185
  endDateTime: bookingAttributes.flight.outwardArrivalDate,
186
186
  flightNumbers: bookingAttributes.flight.outwardNumbers,
187
187
  fareCode: bookingAttributes.flight.outwardFareCode,
188
+ marketingName: bookingAttributes.flight.outwardMarketingName,
188
189
  } as SelectedFlight;
189
190
 
190
191
  if (bookingAttributes.flight.returnCode) {
@@ -194,6 +195,7 @@ const fetchPackageDetails = createAsyncThunk(
194
195
  endDateTime: bookingAttributes.flight.returnArrivalDate,
195
196
  flightNumbers: bookingAttributes.flight.returnNumbers,
196
197
  fareCode: bookingAttributes.flight.returnFareCode,
198
+ marketingName: bookingAttributes.flight.returnMarketingName,
197
199
  } as SelectedFlight;
198
200
  }
199
201
  }
package/src/booking-wizard/features/booking/selectors.ts CHANGED
@@ -120,21 +120,28 @@ export const selectRoomOptionReturnFlightsMetaData = createSelector(
120
120
  selectActiveOption,
121
121
  selectFlightMetaData,
122
122
  (ativeOption, flightMetaData) => {
123
- const roomOptions = ativeOption?.rooms.map((r) =>
124
- r.options
125
- .filter((o) => o.isSelected)
126
- .reverse()
127
- .shift()
128
- );
129
- return (
130
- roomOptions
131
- ?.map(
132
- (ro) =>
133
- flightMetaData?.find((f) => f.entryLineGuid === ro?.entryLineGuid)
134
- ?.flightMetaData
135
- )
136
- .filter((f) => f !== undefined) ?? []
123
+ const selectedRoomOptions = ativeOption?.rooms.map((r) =>
124
+ r.options.filter((o) => o.isSelected)
137
125
  );
126
+ // check if there are return flights selected
127
+ if (selectedRoomOptions?.some((ro) => ro.length > 1)) {
128
+ const roomOptions = ativeOption?.rooms.map((r) =>
129
+ r.options
130
+ .filter((o) => o.isSelected)
131
+ .reverse()
132
+ .shift()
133
+ );
134
+ return (
135
+ roomOptions
136
+ ?.map(
137
+ (ro) =>
138
+ flightMetaData?.find((f) => f.entryLineGuid === ro?.entryLineGuid)
139
+ ?.flightMetaData
140
+ )
141
+ .filter((f) => f !== undefined) ?? []
142
+ );
143
+ }
144
+ return undefined;
138
145
  }
139
146
  );
140
147
 
package/src/booking-wizard/features/sidebar/sidebar.tsx CHANGED
@@ -143,20 +143,19 @@ const Sidebar: React.FC<SidebarProps> = ({
143
143
  </div>
144
144
 
145
145
  {isLoading && loaderComponent}
146
- {!isLoading &&
147
- departureFlightMetaData &&
148
- returnFlightMetaData && (
149
- <>
150
- <SidebarFlight
151
- title={translations.SIDEBAR.DEPARTURE_FLIGHT}
152
- flightMetaData={departureFlightMetaData}
153
- />
154
- <SidebarFlight
155
- title={translations.SIDEBAR.ARRIVAL_FLIGHT}
156
- flightMetaData={returnFlightMetaData}
157
- />
158
- </>
159
- )}
146
+ {!isLoading && departureFlightMetaData && (
147
+ <SidebarFlight
148
+ title={translations.SIDEBAR.DEPARTURE_FLIGHT}
149
+ flightMetaData={departureFlightMetaData}
150
+ />
151
+ )}
152
+
153
+ {!isLoading && returnFlightMetaData && (
154
+ <SidebarFlight
155
+ title={translations.SIDEBAR.ARRIVAL_FLIGHT}
156
+ flightMetaData={returnFlightMetaData}
157
+ />
158
+ )}
160
159
 
161
160
  {accommodations && (
162
161
  <div className="pricing-summary__group">
package/src/booking-wizard/features/summary/summary.tsx CHANGED
@@ -400,18 +400,20 @@ const Summary: React.FC<SummaryProps> = () => {
400
400
  <div className="form__row">
401
401
  <div className="form__group">
402
402
  <ul className="list list--booking-summary">
403
- {activeOption?.serviceType == ServiceType.flight &&
404
- departureFlightMetaData &&
405
- returnFlightMetaData ? (
403
+ {activeOption?.serviceType == ServiceType.flight ? (
406
404
  <>
407
- <SummaryFlight
408
- flightMetaData={departureFlightMetaData}
409
- header={translations.SIDEBAR.DEPARTURE_FLIGHT}
410
- />
411
- <SummaryFlight
412
- flightMetaData={returnFlightMetaData}
413
- header={translations.SIDEBAR.ARRIVAL_FLIGHT}
414
- />
405
+ {departureFlightMetaData && (
406
+ <SummaryFlight
407
+ flightMetaData={departureFlightMetaData}
408
+ header={translations.SIDEBAR.DEPARTURE_FLIGHT}
409
+ />
410
+ )}
411
+ {returnFlightMetaData && (
412
+ <SummaryFlight
413
+ flightMetaData={returnFlightMetaData}
414
+ header={translations.SIDEBAR.ARRIVAL_FLIGHT}
415
+ />
416
+ )}
415
417
  </>
416
418
  ) : (
417
419
  <>
package/src/booking-wizard/types.ts CHANGED
@@ -120,12 +120,14 @@ export interface FlightInfo {
120
120
  outwardCode: string;
121
121
  outwardNumbers: string[];
122
122
  outwardFareCode: string | null;
123
+ outwardMarketingName: string | null;
123
124
  outwardClass: string;
124
125
  outwardDepartureDate: string | null;
125
126
  outwardArrivalDate: string | null;
126
127
  returnCode: string;
127
128
  returnNumbers: string[];
128
129
  returnFareCode: string | null;
130
+ returnMarketingName: string | null;
129
131
  returnClass: string;
130
132
  returnDepartureDate: string | null;
131
133
  returnArrivalDate: string | null;