@qite/tide-booking-component 1.4.35 → 1.4.36

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 (11) hide show
  1. package/build/build-cjs/index.js +7 -8
  2. package/build/build-cjs/search-results/types.d.ts +4 -0
  3. package/build/build-esm/index.js +7 -8
  4. package/build/build-esm/search-results/types.d.ts +4 -0
  5. package/package.json +1 -1
  6. package/src/search-results/components/itinerary/index.tsx +11 -9
  7. package/src/search-results/features/flights/flight-search-results-self-contained.tsx +5 -1
  8. package/src/search-results/features/hotels/hotel-flight-search-results-self-contained.tsx +5 -1
  9. package/src/search-results/features/hotels/hotel-search-results-self-contained.tsx +5 -1
  10. package/src/search-results/features/roundtrips/roundtrip-search-results-self-contained.tsx +5 -1
  11. package/src/search-results/types.ts +2 -0
package/build/build-cjs/index.js CHANGED
@@ -22866,14 +22866,13 @@ var Itinerary = function (_a) {
22866
22866
  React__default["default"].createElement("div", { className: "search__filter-row-flex-title" },
22867
22867
  React__default["default"].createElement("p", { className: "search__filter-small-title" }, translations.SRP.ITINERARY_TITLE))),
22868
22868
  isLoading ? (React__default["default"].createElement(Spinner, null)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
22869
- React__default["default"].createElement("div", { className: "search__filter-group" },
22870
- React__default["default"].createElement("div", { className: "search__filter__image__wrapper" },
22871
- React__default["default"].createElement("img", { src: "", alt: "", className: "search__filter__image" }),
22872
- (entry === null || entry === void 0 ? void 0 : entry.number) && (React__default["default"].createElement("span", { className: "search__filter__image__text" },
22873
- translations.SRP.DOSSIER_NUMBER,
22874
- ": ", entry === null || entry === void 0 ? void 0 :
22875
- entry.number)),
22876
- React__default["default"].createElement("h4", { className: "search__filter__image__title" }, (location || '') + (location && country ? ' - ' : '') + (country || '')))),
22869
+ React__default["default"].createElement("div", { className: "search__filter-group" }, (context === null || context === void 0 ? void 0 : context.destinationImage) && (React__default["default"].createElement("div", { className: "search__filter__image__wrapper" },
22870
+ React__default["default"].createElement("img", { src: context.destinationImage.url, alt: context.destinationImage.alt, className: "search__filter__image" }),
22871
+ (entry === null || entry === void 0 ? void 0 : entry.number) && (React__default["default"].createElement("span", { className: "search__filter__image__text" },
22872
+ translations.SRP.DOSSIER_NUMBER,
22873
+ ": ", entry === null || entry === void 0 ? void 0 :
22874
+ entry.number)),
22875
+ React__default["default"].createElement("h4", { className: "search__filter__image__title" }, (location || '') + (location && country ? ' - ' : '') + (country || ''))))),
22877
22876
  React__default["default"].createElement("div", { className: "search__filter__prices" },
22878
22877
  React__default["default"].createElement("div", { className: "search__filter__prices__wrapper" },
22879
22878
  React__default["default"].createElement("h3", { className: "search__filter__prices--amount" }, formatPrice(((entry === null || entry === void 0 ? void 0 : entry.sellingPrice) || 0) / ((entry === null || entry === void 0 ? void 0 : entry.numberOfPax) || 1), (entry === null || entry === void 0 ? void 0 : entry.currencyCode) || 'EUR')),
package/build/build-cjs/search-results/types.d.ts CHANGED
@@ -23,6 +23,10 @@ export interface SearchResultsConfiguration {
23
23
  customSpinner?: ReactNode;
24
24
  cmsHotelData?: any[];
25
25
  languageCode?: string;
26
+ destinationImage?: {
27
+ url: string;
28
+ alt: string;
29
+ };
26
30
  }
27
31
  export type FilterType = 'checkbox' | 'toggle' | 'slider' | 'star-rating';
28
32
  export type FilterProperty = 'regime' | 'max-duration' | 'price' | 'rating' | 'theme';
package/build/build-esm/index.js CHANGED
@@ -22855,14 +22855,13 @@ var Itinerary = function (_a) {
22855
22855
  React.createElement("div", { className: "search__filter-row-flex-title" },
22856
22856
  React.createElement("p", { className: "search__filter-small-title" }, translations.SRP.ITINERARY_TITLE))),
22857
22857
  isLoading ? (React.createElement(Spinner, null)) : (React.createElement(React.Fragment, null,
22858
- React.createElement("div", { className: "search__filter-group" },
22859
- React.createElement("div", { className: "search__filter__image__wrapper" },
22860
- React.createElement("img", { src: "", alt: "", className: "search__filter__image" }),
22861
- (entry === null || entry === void 0 ? void 0 : entry.number) && (React.createElement("span", { className: "search__filter__image__text" },
22862
- translations.SRP.DOSSIER_NUMBER,
22863
- ": ", entry === null || entry === void 0 ? void 0 :
22864
- entry.number)),
22865
- React.createElement("h4", { className: "search__filter__image__title" }, (location || '') + (location && country ? ' - ' : '') + (country || '')))),
22858
+ React.createElement("div", { className: "search__filter-group" }, (context === null || context === void 0 ? void 0 : context.destinationImage) && (React.createElement("div", { className: "search__filter__image__wrapper" },
22859
+ React.createElement("img", { src: context.destinationImage.url, alt: context.destinationImage.alt, className: "search__filter__image" }),
22860
+ (entry === null || entry === void 0 ? void 0 : entry.number) && (React.createElement("span", { className: "search__filter__image__text" },
22861
+ translations.SRP.DOSSIER_NUMBER,
22862
+ ": ", entry === null || entry === void 0 ? void 0 :
22863
+ entry.number)),
22864
+ React.createElement("h4", { className: "search__filter__image__title" }, (location || '') + (location && country ? ' - ' : '') + (country || ''))))),
22866
22865
  React.createElement("div", { className: "search__filter__prices" },
22867
22866
  React.createElement("div", { className: "search__filter__prices__wrapper" },
22868
22867
  React.createElement("h3", { className: "search__filter__prices--amount" }, formatPrice(((entry === null || entry === void 0 ? void 0 : entry.sellingPrice) || 0) / ((entry === null || entry === void 0 ? void 0 : entry.numberOfPax) || 1), (entry === null || entry === void 0 ? void 0 : entry.currencyCode) || 'EUR')),
package/build/build-esm/search-results/types.d.ts CHANGED
@@ -23,6 +23,10 @@ export interface SearchResultsConfiguration {
23
23
  customSpinner?: ReactNode;
24
24
  cmsHotelData?: any[];
25
25
  languageCode?: string;
26
+ destinationImage?: {
27
+ url: string;
28
+ alt: string;
29
+ };
26
30
  }
27
31
  export type FilterType = 'checkbox' | 'toggle' | 'slider' | 'star-rating';
28
32
  export type FilterProperty = 'regime' | 'max-duration' | 'price' | 'rating' | 'theme';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qite/tide-booking-component",
3
- "version": "1.4.35",
3
+ "version": "1.4.36",
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",
package/src/search-results/components/itinerary/index.tsx CHANGED
@@ -114,15 +114,17 @@ const Itinerary: React.FC<ItineraryProps> = ({ isOpen, handleSetIsOpen, isLoadin
114
114
  ) : (
115
115
  <>
116
116
  <div className="search__filter-group">
117
- <div className="search__filter__image__wrapper">
118
- <img src="" alt="" className="search__filter__image" />
119
- {entry?.number && (
120
- <span className="search__filter__image__text">
121
- {translations.SRP.DOSSIER_NUMBER}: {entry?.number}
122
- </span>
123
- )}
124
- <h4 className="search__filter__image__title">{(location || '') + (location && country ? ' - ' : '') + (country || '')}</h4>
125
- </div>
117
+ {context?.destinationImage && (
118
+ <div className="search__filter__image__wrapper">
119
+ <img src={context.destinationImage.url} alt={context.destinationImage.alt} className="search__filter__image" />
120
+ {entry?.number && (
121
+ <span className="search__filter__image__text">
122
+ {translations.SRP.DOSSIER_NUMBER}: {entry?.number}
123
+ </span>
124
+ )}
125
+ <h4 className="search__filter__image__title">{(location || '') + (location && country ? ' - ' : '') + (country || '')}</h4>
126
+ </div>
127
+ )}
126
128
  </div>
127
129
 
128
130
  <div className="search__filter__prices">
package/src/search-results/features/flights/flight-search-results-self-contained.tsx CHANGED
@@ -248,7 +248,11 @@ const FlightSearchResultsSelfContained: React.FC<FlightSearchResultsSelfContaine
248
248
  isLoading: false,
249
249
  customSpinner: null,
250
250
 
251
- languageCode: 'en-GB'
251
+ languageCode: 'en-GB',
252
+ destinationImage: {
253
+ url: 'https://images.unsplash.com/photo-1534292425621-6fbc5c09219a?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8dGVuZXJpZmV8ZW58MHx8MHx8fDA%3D',
254
+ alt: 'Tenerife'
255
+ }
252
256
  };
253
257
 
254
258
  return (
package/src/search-results/features/hotels/hotel-flight-search-results-self-contained.tsx CHANGED
@@ -97,7 +97,11 @@ const HotelFlightSearchResultsSelfContained: React.FC<HotelFlightSearchResultsSe
97
97
  showFlightResults: true,
98
98
  showHotelAccommodationResults: true,
99
99
  showCustomCards: true,
100
- customCardRenderer
100
+ customCardRenderer,
101
+ destinationImage: {
102
+ url: 'https://images.unsplash.com/photo-1534292425621-6fbc5c09219a?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8dGVuZXJpZmV8ZW58MHx8MHx8fDA%3D',
103
+ alt: 'Tenerife'
104
+ }
101
105
  };
102
106
 
103
107
  return (
package/src/search-results/features/hotels/hotel-search-results-self-contained.tsx CHANGED
@@ -174,7 +174,11 @@ const HotelSearchResultsSelfContained: React.FC<HotelSearchResultsSelfContainedP
174
174
  isLoading: false,
175
175
  customSpinner: null,
176
176
 
177
- languageCode: 'en-GB'
177
+ languageCode: 'en-GB',
178
+ destinationImage: {
179
+ url: 'https://images.unsplash.com/photo-1534292425621-6fbc5c09219a?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8dGVuZXJpZmV8ZW58MHx8MHx8fDA%3D',
180
+ alt: 'Tenerife'
181
+ }
178
182
  };
179
183
 
180
184
  return (
package/src/search-results/features/roundtrips/roundtrip-search-results-self-contained.tsx CHANGED
@@ -19,7 +19,11 @@ const RoundtripSearchResultsSelfContained: React.FC<RoundtripSearchResultsSelfCo
19
19
  showFlightResults: false,
20
20
  showHotelAccommodationResults: false,
21
21
  showRoundTripResults: true,
22
- showCustomCards: false
22
+ showCustomCards: false,
23
+ destinationImage: {
24
+ url: 'https://images.unsplash.com/photo-1534292425621-6fbc5c09219a?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8dGVuZXJpZmV8ZW58MHx8MHx8fDA%3D',
25
+ alt: 'Tenerife'
26
+ }
23
27
  };
24
28
 
25
29
  return (
package/src/search-results/types.ts CHANGED
@@ -42,6 +42,8 @@ export interface SearchResultsConfiguration {
42
42
 
43
43
  cmsHotelData?: any[];
44
44
  languageCode?: string;
45
+
46
+ destinationImage?: { url: string; alt: string };
45
47
  }
46
48
 
47
49
  export type FilterType = 'checkbox' | 'toggle' | 'slider' | 'star-rating';