@qite/tide-booking-component 1.4.108 → 1.4.110

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 (86) hide show
  1. package/build/build-cjs/index.js +1607 -886
  2. package/build/build-cjs/src/booking-wizard/components/step-route.d.ts +2 -2
  3. package/build/build-cjs/src/booking-wizard/features/sidebar/sidebar-flight.d.ts +1 -0
  4. package/build/build-cjs/src/booking-wizard/features/sidebar/sidebar-util.d.ts +2 -1
  5. package/build/build-cjs/src/booking-wizard/features/sidebar/sidebar.d.ts +0 -31
  6. package/build/build-cjs/src/search-results/components/book-packaging-entry/index.d.ts +7 -0
  7. package/build/build-cjs/src/search-results/components/book-packaging-entry/wl-sidebar.d.ts +7 -0
  8. package/build/build-cjs/src/search-results/components/spinner/spinner.d.ts +4 -1
  9. package/build/build-cjs/src/search-results/store/search-results-slice.d.ts +5 -1
  10. package/build/build-cjs/src/shared/booking/BookingPanel.d.ts +13 -0
  11. package/build/build-cjs/src/shared/booking/Sidebar.d.ts +34 -0
  12. package/build/build-cjs/src/shared/booking/StepIndicators.d.ts +7 -0
  13. package/build/build-cjs/src/shared/components/flyin/flyin.d.ts +2 -0
  14. package/build/build-cjs/src/shared/components/flyin/packaging-flights-flyin.d.ts +2 -0
  15. package/build/build-cjs/src/shared/utils/localization-util.d.ts +1 -0
  16. package/build/build-esm/index.js +1591 -881
  17. package/build/build-esm/src/booking-wizard/components/step-route.d.ts +2 -2
  18. package/build/build-esm/src/booking-wizard/features/sidebar/sidebar-flight.d.ts +1 -0
  19. package/build/build-esm/src/booking-wizard/features/sidebar/sidebar-util.d.ts +2 -1
  20. package/build/build-esm/src/booking-wizard/features/sidebar/sidebar.d.ts +0 -31
  21. package/build/build-esm/src/search-results/components/book-packaging-entry/index.d.ts +7 -0
  22. package/build/build-esm/src/search-results/components/book-packaging-entry/wl-sidebar.d.ts +7 -0
  23. package/build/build-esm/src/search-results/components/spinner/spinner.d.ts +4 -1
  24. package/build/build-esm/src/search-results/store/search-results-slice.d.ts +5 -1
  25. package/build/build-esm/src/shared/booking/BookingPanel.d.ts +13 -0
  26. package/build/build-esm/src/shared/booking/Sidebar.d.ts +34 -0
  27. package/build/build-esm/src/shared/booking/StepIndicators.d.ts +7 -0
  28. package/build/build-esm/src/shared/components/flyin/flyin.d.ts +2 -0
  29. package/build/build-esm/src/shared/components/flyin/packaging-flights-flyin.d.ts +2 -0
  30. package/build/build-esm/src/shared/utils/localization-util.d.ts +1 -0
  31. package/package.json +1 -1
  32. package/src/booking-wizard/components/step-indicator.tsx +10 -31
  33. package/src/booking-wizard/components/step-route.tsx +39 -14
  34. package/src/booking-wizard/features/sidebar/index.tsx +10 -4
  35. package/src/booking-wizard/features/sidebar/sidebar-flight.tsx +2 -2
  36. package/src/booking-wizard/features/sidebar/sidebar-util.ts +1 -5
  37. package/src/booking-wizard/features/sidebar/sidebar.tsx +331 -326
  38. package/src/content/components/image-with-text.tsx +0 -1
  39. package/src/qsm/components/QSMContainer/qsm-container.tsx +189 -83
  40. package/src/qsm/components/item-picker/index.tsx +2 -6
  41. package/src/qsm/components/mobile-filter-modal/index.tsx +15 -1
  42. package/src/search-results/components/book-packaging-entry/index.tsx +48 -0
  43. package/src/search-results/components/book-packaging-entry/wl-sidebar.tsx +165 -0
  44. package/src/search-results/components/excursions/day-by-day-excursions.tsx +6 -2
  45. package/src/search-results/components/excursions/excursion-results.tsx +1 -1
  46. package/src/search-results/components/flight/flight-selection/independent-flight-selection.tsx +12 -3
  47. package/src/search-results/components/hotel/hotel-accommodation-results.tsx +6 -3
  48. package/src/search-results/components/itinerary/full-itinerary.tsx +1 -1
  49. package/src/search-results/components/itinerary/index.tsx +13 -12
  50. package/src/search-results/components/search-results-container/flight-search-results.tsx +1 -1
  51. package/src/search-results/components/search-results-container/search-results-container.tsx +239 -204
  52. package/src/search-results/components/spinner/spinner.tsx +12 -4
  53. package/src/search-results/store/search-results-slice.ts +16 -2
  54. package/src/shared/booking/BookingPanel.tsx +25 -0
  55. package/src/shared/booking/Sidebar.tsx +432 -0
  56. package/src/shared/booking/StepIndicators.tsx +30 -0
  57. package/src/shared/components/flyin/accommodation-flyin.tsx +3 -4
  58. package/src/shared/components/flyin/flights-flyin.tsx +1 -1
  59. package/src/shared/components/flyin/flyin.tsx +12 -4
  60. package/src/shared/components/flyin/group-tour-flyin.tsx +3 -4
  61. package/src/shared/components/flyin/packaging-flights-flyin.tsx +11 -4
  62. package/src/shared/components/icon.tsx +13 -0
  63. package/src/shared/translations/ar-SA.json +7 -1
  64. package/src/shared/translations/da-DK.json +7 -1
  65. package/src/shared/translations/de-DE.json +7 -1
  66. package/src/shared/translations/en-GB.json +8 -2
  67. package/src/shared/translations/es-ES.json +7 -1
  68. package/src/shared/translations/fr-BE.json +7 -1
  69. package/src/shared/translations/fr-FR.json +7 -1
  70. package/src/shared/translations/is-IS.json +7 -1
  71. package/src/shared/translations/it-IT.json +7 -1
  72. package/src/shared/translations/ja-JP.json +7 -1
  73. package/src/shared/translations/nl-BE.json +7 -1
  74. package/src/shared/translations/nl-NL.json +7 -1
  75. package/src/shared/translations/no-NO.json +7 -1
  76. package/src/shared/translations/pl-PL.json +7 -1
  77. package/src/shared/translations/pt-PT.json +7 -1
  78. package/src/shared/translations/sv-SE.json +7 -1
  79. package/src/shared/utils/localization-util.ts +8 -0
  80. package/styles/components/_footer.scss +2 -8
  81. package/styles/components/_loader.scss +82 -0
  82. package/styles/components/_search.scss +14 -7
  83. package/styles/content-blocks-variables.scss +14 -14
  84. /package/build/build-cjs/src/{booking-wizard/components → shared/booking}/product-card.d.ts +0 -0
  85. /package/build/build-esm/src/{booking-wizard/components → shared/booking}/product-card.d.ts +0 -0
  86. /package/src/{booking-wizard/components → shared/booking}/product-card.tsx +0 -0
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- interface StepRoute {
2
+ interface StepRouteProps {
3
3
  number: number;
4
4
  title: string;
5
5
  component: JSX.Element;
6
6
  }
7
- declare const StepRoute: React.FC<StepRoute>;
7
+ declare const StepRoute: React.FC<StepRouteProps>;
8
8
  export default StepRoute;
@@ -3,6 +3,7 @@ import React from 'react';
3
3
  interface SidebarFlightProps {
4
4
  title: string;
5
5
  flightMetaData: BookingPackageFlightMetaData;
6
+ translations?: any;
6
7
  }
7
8
  declare const SidebarFlight: React.FC<SidebarFlightProps>;
8
9
  export default SidebarFlight;
@@ -4,7 +4,8 @@ export declare const getTravelersText: (
4
4
  rooms: {
5
5
  adults: RoomTraveler[];
6
6
  children: RoomTraveler[];
7
- }[]
7
+ }[],
8
+ translations: any
8
9
  ) => string[];
9
10
  export declare const getDateText: (date: string | undefined, hideYear?: boolean) => string | undefined;
10
11
  export declare const getDatePeriodText: (translations: Record<string, any>, from?: string, to?: string, nightsOnly?: boolean) => string | undefined;
@@ -1,31 +0,0 @@
1
- import { BookingPackageFlightMetaData, BookingPackageRoom, BookingPriceDetail } from '@qite/tide-client/build/types';
2
- import React from 'react';
3
- import { PricePerPaxType } from '../../types';
4
- interface SidebarProps {
5
- productName: string;
6
- thumbnailUrl?: string;
7
- isLoading: boolean;
8
- travelerRooms?: string[];
9
- startDateText?: string;
10
- endDateText?: string;
11
- departureFlightMetaData?: BookingPackageFlightMetaData;
12
- returnFlightMetaData?: BookingPackageFlightMetaData;
13
- basePrice?: number;
14
- commission?: number;
15
- totalPrice?: number;
16
- remainingAmountText?: string;
17
- includedCosts?: BookingPriceDetail[];
18
- extraCosts?: BookingPriceDetail[];
19
- deposit?: number;
20
- accommodations?: BookingPackageRoom[];
21
- includedServiceTypes?: number[];
22
- isOnRequest?: boolean;
23
- headerComponent?: JSX.Element;
24
- footerComponent?: JSX.Element;
25
- loaderComponent?: JSX.Element;
26
- isUnavailable?: boolean;
27
- basePricePerPaxType?: PricePerPaxType[];
28
- seperateExtraPricePerPaxType?: PricePerPaxType[];
29
- }
30
- declare const Sidebar: React.FC<SidebarProps>;
31
- export default Sidebar;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { SearchSeed } from '../../types';
3
+ interface BookPackagingEntryProps {
4
+ activeSearchSeed: SearchSeed | null;
5
+ }
6
+ declare const BookPackagingEntry: React.FC<BookPackagingEntryProps>;
7
+ export default BookPackagingEntry;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { SearchSeed } from '../../types';
3
+ interface WLSidebarProps {
4
+ activeSearchSeed: SearchSeed | null;
5
+ }
6
+ declare const WLSidebar: React.FC<WLSidebarProps>;
7
+ export default WLSidebar;
@@ -1,3 +1,6 @@
1
1
  import React from 'react';
2
- declare const Spinner: React.FC;
2
+ type SpinnerProps = {
3
+ label?: string;
4
+ };
5
+ declare const Spinner: React.FC<SpinnerProps>;
3
6
  export default Spinner;
@@ -43,6 +43,8 @@ export interface SearchResultsState {
43
43
  excursionSearchParams: ExcursionSearchParams | null;
44
44
  selectedExcursionSearchResult: PackagingAccommodationResponse | null;
45
45
  confirmedExcursionsByDay: Record<string, PackagingAccommodationResponse[]>;
46
+ bookPackagingEntry: boolean;
47
+ currentStep: number;
46
48
  }
47
49
  export declare const setResults: import('@reduxjs/toolkit').ActionCreatorWithPayload<BookingPackageItem[], 'searchResults/setResults'>,
48
50
  setFilteredResults: import('@reduxjs/toolkit').ActionCreatorWithPayload<BookingPackageItem[], 'searchResults/setFilteredResults'>,
@@ -127,6 +129,8 @@ export declare const setResults: import('@reduxjs/toolkit').ActionCreatorWithPay
127
129
  dayKey: string;
128
130
  },
129
131
  'searchResults/clearConfirmedExcursionsForDay'
130
- >;
132
+ >,
133
+ setBookPackagingEntry: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, 'searchResults/setBookPackagingEntry'>,
134
+ setCurrentStep: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, 'searchResults/setCurrentStep'>;
131
135
  declare const _default: import('@reduxjs/toolkit').Reducer<SearchResultsState>;
132
136
  export default _default;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ interface BookingPanelProps {
3
+ currentStep: number;
4
+ stepLabels: string[];
5
+ renderTitle: (step: number) => React.ReactNode;
6
+ children: React.ReactNode;
7
+ StepIndicatorsComponent: React.ComponentType<{
8
+ currentStep: number;
9
+ stepLabels: string[];
10
+ }>;
11
+ }
12
+ declare const BookingPanel: React.FC<BookingPanelProps>;
13
+ export default BookingPanel;
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+ import { BookingPackageRoom, PackagingEntryLine } from '@qite/tide-client';
3
+ import { PricePerPaxType } from '../../booking-wizard/types';
4
+ interface SharedSidebarProps {
5
+ productName: string;
6
+ thumbnailUrl?: string;
7
+ isLoading?: boolean;
8
+ travelerRooms?: string[];
9
+ startDateText?: string;
10
+ endDateText?: string;
11
+ departureFlightMetaData?: any;
12
+ returnFlightMetaData?: any;
13
+ basePrice?: number;
14
+ commission?: number;
15
+ totalPrice?: number;
16
+ remainingAmountText?: string;
17
+ includedCosts?: any[];
18
+ extraCosts?: any[];
19
+ deposit?: number;
20
+ accommodations?: BookingPackageRoom[];
21
+ packagingAccommodations?: PackagingEntryLine[];
22
+ includedServiceTypes?: number[];
23
+ isOnRequest?: boolean;
24
+ headerComponent?: React.ReactNode;
25
+ footerComponent?: React.ReactNode;
26
+ loaderComponent?: React.ReactNode;
27
+ isUnavailable?: boolean;
28
+ basePricePerPaxType?: PricePerPaxType[];
29
+ seperateExtraPricePerPaxType?: PricePerPaxType[];
30
+ translations: any;
31
+ agent?: number;
32
+ }
33
+ declare const SharedSidebar: React.FC<SharedSidebarProps>;
34
+ export default SharedSidebar;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ interface StepIndicatorsProps {
3
+ currentStep: number;
4
+ stepLabels: string[];
5
+ }
6
+ declare const StepIndicators: React.FC<StepIndicatorsProps>;
7
+ export default StepIndicators;
@@ -13,6 +13,8 @@ type FlyInProps = {
13
13
  isPackageEditFlow?: boolean;
14
14
  sortByTypes?: SortByType[];
15
15
  activeSearchSeed?: SearchSeed | null;
16
+ toggleFilters?: () => void;
17
+ filtersOpen: boolean;
16
18
  };
17
19
  declare const FlyIn: React.FC<FlyInProps>;
18
20
  export default FlyIn;
@@ -2,6 +2,8 @@ import React from 'react';
2
2
  type FlightsFlyInProps = {
3
3
  isOpen: boolean;
4
4
  setIsOpen: (open: boolean) => void;
5
+ toggleFilters?: () => void;
6
+ filtersOpen: boolean;
5
7
  };
6
8
  declare const PackageingFlightsFlyIn: React.FC<FlightsFlyInProps>;
7
9
  export default PackageingFlightsFlyIn;
@@ -429,3 +429,4 @@ export declare const calculateDays: (fromDate: Date, toDate: Date) => number;
429
429
  export declare const getSortingName: (translations: any, sortByType: SortByType) => string;
430
430
  export declare const findSortByType: (sortByTypes: SortByType[], sortKey: string, direction: string) => SortByType;
431
431
  export declare const getDatesBetween: (fromDate: string, toDate: string) => Date[];
432
+ export declare const getDateOnlyTime: (date?: string | Date | null) => number;