@qite/tide-booking-component 1.4.95 → 1.4.97

package/src/search-results/store/search-results-slice.ts

@@ -1,158 +1,158 @@
-import { createSlice, PayloadAction } from '@reduxjs/toolkit';
-import { ExtendedFlightSearchResponseItem, Filter, SortByType } from '../types';
-import { BookingPackage, BookingPackageItem, EntryLight, PackagingAccommodationResponse } from '@qite/tide-client/build/types';
-
-export interface SearchResultsState {
-  results: BookingPackageItem[];
-  filteredResults: BookingPackageItem[];
-  selectedSearchResult: BookingPackageItem | null;
-  packagingAccoResults: PackagingAccommodationResponse[];
-  filteredPackagingAccoResults: PackagingAccommodationResponse[];
-  packagingAccoSearchDetails: PackagingAccommodationResponse[];
-  selectedPackagingAccoResultCode: string | null;
-  selectedFlight: ExtendedFlightSearchResponseItem | null;
-  selectedFlightDetails: ExtendedFlightSearchResponseItem | null;
-  bookingPackageDetails: BookingPackage | null;
-  entry: EntryLight | null;
-  isLoading: boolean;
-  filters: Filter[];
-  selectedSortType: SortByType | null;
-  activeTab: string | null;
-  currentPage: number;
-  flyInIsOpen: boolean;
-}
-
-const initialState: SearchResultsState = {
-  results: [],
-  filteredResults: [],
-  selectedSearchResult: null,
-  packagingAccoResults: [],
-  filteredPackagingAccoResults: [],
-  packagingAccoSearchDetails: [],
-  selectedPackagingAccoResultCode: null,
-  selectedFlight: null,
-  selectedFlightDetails: null,
-  bookingPackageDetails: null,
-  entry: null,
-  isLoading: false,
-  filters: [],
-  selectedSortType: null,
-  activeTab: 'compact',
-  currentPage: 1,
-  flyInIsOpen: false
-};
-
-const searchResultsSlice = createSlice({
-  name: 'searchResults',
-  initialState,
-  reducers: {
-    setResults(state, action: PayloadAction<BookingPackageItem[]>) {
-      state.results = action.payload;
-    },
-    setFilteredResults(state, action: PayloadAction<BookingPackageItem[]>) {
-      state.filteredResults = action.payload;
-    },
-    setSelectedSearchResult(state, action: PayloadAction<BookingPackageItem | null>) {
-      state.selectedSearchResult = action.payload;
-    },
-    setPackagingAccoResults(state, action: PayloadAction<PackagingAccommodationResponse[]>) {
-      state.packagingAccoResults = action.payload;
-    },
-    setFilteredPackagingAccoResults(state, action: PayloadAction<PackagingAccommodationResponse[]>) {
-      state.filteredPackagingAccoResults = action.payload;
-    },
-    setPackagingAccoSearchDetails(state, action: PayloadAction<PackagingAccommodationResponse[]>) {
-      state.packagingAccoSearchDetails = action.payload;
-    },
-    setSelectedPackagingAccoResult(state, action: PayloadAction<string | null>) {
-      state.selectedPackagingAccoResultCode = action.payload;
-    },
-    setSelectedFlight(state, action: PayloadAction<ExtendedFlightSearchResponseItem | null>) {
-      state.selectedFlight = action.payload;
-    },
-    setSelectedFlightDetails(state, action: PayloadAction<ExtendedFlightSearchResponseItem | null>) {
-      state.selectedFlightDetails = action.payload;
-    },
-    setBookingPackageDetails(state, action: PayloadAction<{ details: BookingPackage }>) {
-      state.bookingPackageDetails = action.payload.details;
-    },
-    setEntry(state, action: PayloadAction<{ entry: EntryLight }>) {
-      state.entry = action.payload.entry;
-    },
-    selectFlight(state, action: PayloadAction<{ flightOptionId: string; isDeparture: boolean }>) {
-      if (!state.bookingPackageDetails) return;
-
-      const { flightOptionId, isDeparture } = action.payload;
-
-      const flightKey = isDeparture ? 'outwardFlights' : 'returnFlights';
-
-      state.bookingPackageDetails[flightKey] = state.bookingPackageDetails[flightKey].map((flight) => ({
-        ...flight,
-        isSelected: flight.flightOptionId === flightOptionId
-      }));
-    },
-    setIsLoading(state, action: PayloadAction<boolean>) {
-      state.isLoading = action.payload;
-    },
-    setFilters(state, action: PayloadAction<Filter[]>) {
-      const updatedFilters = action.payload;
-
-      updatedFilters.forEach((updatedFilter) => {
-        const existingIndex = state.filters.findIndex((f) => f.property === updatedFilter.property);
-        if (existingIndex !== -1) {
-          state.filters[existingIndex] = updatedFilter;
-        } else {
-          state.filters.push(updatedFilter); // Optional: Add new filters if not present
-        }
-      });
-    },
-    resetFilters(state, action: PayloadAction<Filter[]>) {
-      state.filters = action.payload;
-    },
-    setSortType(state, action: PayloadAction<SortByType | null>) {
-      state.selectedSortType = action.payload;
-    },
-    setActiveTab(state, action: PayloadAction<string | null>) {
-      state.activeTab = action.payload;
-    },
-    setCurrentPage(state, action: PayloadAction<number>) {
-      state.currentPage = action.payload;
-    },
-    resetSearchState(state) {
-      state.results = [];
-      state.isLoading = false;
-      state.filters = [];
-      state.selectedSortType = null;
-      state.activeTab = 'compact';
-      state.currentPage = 1;
-    },
-    setFlyInIsOpen(state, action: PayloadAction<boolean>) {
-      state.flyInIsOpen = action.payload;
-    }
-  }
-});
-
-export const {
-  setResults,
-  setFilteredResults,
-  setSelectedSearchResult,
-  setPackagingAccoResults,
-  setFilteredPackagingAccoResults,
-  setPackagingAccoSearchDetails,
-  setSelectedPackagingAccoResult,
-  setSelectedFlight,
-  setSelectedFlightDetails,
-  setBookingPackageDetails,
-  setEntry,
-  selectFlight,
-  setIsLoading,
-  setFilters,
-  resetFilters,
-  setSortType,
-  setActiveTab,
-  setCurrentPage,
-  resetSearchState,
-  setFlyInIsOpen
-} = searchResultsSlice.actions;
-
-export default searchResultsSlice.reducer;
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+import { ExtendedFlightSearchResponseItem, Filter, SortByType } from '../types';
+import { BookingPackage, BookingPackageItem, EntryLight, PackagingAccommodationResponse } from '@qite/tide-client/build/types';
+
+export interface SearchResultsState {
+  results: BookingPackageItem[];
+  filteredResults: BookingPackageItem[];
+  selectedSearchResult: BookingPackageItem | null;
+  packagingAccoResults: PackagingAccommodationResponse[];
+  filteredPackagingAccoResults: PackagingAccommodationResponse[];
+  packagingAccoSearchDetails: PackagingAccommodationResponse[];
+  selectedPackagingAccoResultCode: string | null;
+  selectedFlight: ExtendedFlightSearchResponseItem | null;
+  selectedFlightDetails: ExtendedFlightSearchResponseItem | null;
+  bookingPackageDetails: BookingPackage | null;
+  entry: EntryLight | null;
+  isLoading: boolean;
+  filters: Filter[];
+  selectedSortType: SortByType | null;
+  activeTab: string | null;
+  currentPage: number;
+  flyInIsOpen: boolean;
+}
+
+const initialState: SearchResultsState = {
+  results: [],
+  filteredResults: [],
+  selectedSearchResult: null,
+  packagingAccoResults: [],
+  filteredPackagingAccoResults: [],
+  packagingAccoSearchDetails: [],
+  selectedPackagingAccoResultCode: null,
+  selectedFlight: null,
+  selectedFlightDetails: null,
+  bookingPackageDetails: null,
+  entry: null,
+  isLoading: false,
+  filters: [],
+  selectedSortType: null,
+  activeTab: 'compact',
+  currentPage: 1,
+  flyInIsOpen: false
+};
+
+const searchResultsSlice = createSlice({
+  name: 'searchResults',
+  initialState,
+  reducers: {
+    setResults(state, action: PayloadAction<BookingPackageItem[]>) {
+      state.results = action.payload;
+    },
+    setFilteredResults(state, action: PayloadAction<BookingPackageItem[]>) {
+      state.filteredResults = action.payload;
+    },
+    setSelectedSearchResult(state, action: PayloadAction<BookingPackageItem | null>) {
+      state.selectedSearchResult = action.payload;
+    },
+    setPackagingAccoResults(state, action: PayloadAction<PackagingAccommodationResponse[]>) {
+      state.packagingAccoResults = action.payload;
+    },
+    setFilteredPackagingAccoResults(state, action: PayloadAction<PackagingAccommodationResponse[]>) {
+      state.filteredPackagingAccoResults = action.payload;
+    },
+    setPackagingAccoSearchDetails(state, action: PayloadAction<PackagingAccommodationResponse[]>) {
+      state.packagingAccoSearchDetails = action.payload;
+    },
+    setSelectedPackagingAccoResult(state, action: PayloadAction<string | null>) {
+      state.selectedPackagingAccoResultCode = action.payload;
+    },
+    setSelectedFlight(state, action: PayloadAction<ExtendedFlightSearchResponseItem | null>) {
+      state.selectedFlight = action.payload;
+    },
+    setSelectedFlightDetails(state, action: PayloadAction<ExtendedFlightSearchResponseItem | null>) {
+      state.selectedFlightDetails = action.payload;
+    },
+    setBookingPackageDetails(state, action: PayloadAction<{ details: BookingPackage }>) {
+      state.bookingPackageDetails = action.payload.details;
+    },
+    setEntry(state, action: PayloadAction<{ entry: EntryLight }>) {
+      state.entry = action.payload.entry;
+    },
+    selectFlight(state, action: PayloadAction<{ flightOptionId: string; isDeparture: boolean }>) {
+      if (!state.bookingPackageDetails) return;
+
+      const { flightOptionId, isDeparture } = action.payload;
+
+      const flightKey = isDeparture ? 'outwardFlights' : 'returnFlights';
+
+      state.bookingPackageDetails[flightKey] = state.bookingPackageDetails[flightKey].map((flight) => ({
+        ...flight,
+        isSelected: flight.flightOptionId === flightOptionId
+      }));
+    },
+    setIsLoading(state, action: PayloadAction<boolean>) {
+      state.isLoading = action.payload;
+    },
+    setFilters(state, action: PayloadAction<Filter[]>) {
+      const updatedFilters = action.payload;
+
+      updatedFilters.forEach((updatedFilter) => {
+        const existingIndex = state.filters.findIndex((f) => f.property === updatedFilter.property);
+        if (existingIndex !== -1) {
+          state.filters[existingIndex] = updatedFilter;
+        } else {
+          state.filters.push(updatedFilter); // Optional: Add new filters if not present
+        }
+      });
+    },
+    resetFilters(state, action: PayloadAction<Filter[]>) {
+      state.filters = action.payload;
+    },
+    setSortType(state, action: PayloadAction<SortByType | null>) {
+      state.selectedSortType = action.payload;
+    },
+    setActiveTab(state, action: PayloadAction<string | null>) {
+      state.activeTab = action.payload;
+    },
+    setCurrentPage(state, action: PayloadAction<number>) {
+      state.currentPage = action.payload;
+    },
+    resetSearchState(state) {
+      state.results = [];
+      state.isLoading = false;
+      state.filters = [];
+      state.selectedSortType = null;
+      state.activeTab = 'compact';
+      state.currentPage = 1;
+    },
+    setFlyInIsOpen(state, action: PayloadAction<boolean>) {
+      state.flyInIsOpen = action.payload;
+    }
+  }
+});
+
+export const {
+  setResults,
+  setFilteredResults,
+  setSelectedSearchResult,
+  setPackagingAccoResults,
+  setFilteredPackagingAccoResults,
+  setPackagingAccoSearchDetails,
+  setSelectedPackagingAccoResult,
+  setSelectedFlight,
+  setSelectedFlightDetails,
+  setBookingPackageDetails,
+  setEntry,
+  selectFlight,
+  setIsLoading,
+  setFilters,
+  resetFilters,
+  setSortType,
+  setActiveTab,
+  setCurrentPage,
+  resetSearchState,
+  setFlyInIsOpen
+} = searchResultsSlice.actions;
+
+export default searchResultsSlice.reducer;

package/src/search-results/types.ts

@@ -1,181 +1,181 @@
-import { BookingPackage, FlightSearchResponseItem, WebsiteConfigurationSearchConfiguration } from '@qite/tide-client';
-import { ReactNode } from 'react';
-
-export type FlightSelectionMode = 'paired' | 'independent';
-
-export interface SearchResultsConfiguration {
-  searchConfiguration: WebsiteConfigurationSearchConfiguration;
-  portalId?: number;
-  agentId?: number;
-  // Tide connection
-  tideConnection: {
-    host: string;
-    apiKey: string;
-    catalogueIds?: number[]; // Optional, used for multiple catalogues
-    officeId?: number;
-  };
-
-  // Filter settings
-  showFilters: boolean;
-  filterIcon?: ReactNode;
-  filters?: Filter[];
-  useGlobalApplyFilterButton?: boolean;
-  onFilterChange?: (filters: Filter[]) => void;
-
-  // Search results display
-  // results: SearchResult[];
-  // customCards?: ReactNode[];
-  showTabViews?: boolean;
-  showFlightResults?: boolean;
-  showHotelAccommodationResults?: boolean;
-  showFlightAccommodationResults?: boolean;
-  showRoundTripResults?: boolean;
-  showCustomCards?: boolean;
-  customCardRenderer?: (result: SearchResult) => ReactNode;
-  showMockup?: boolean;
-  // Map view
-  // not supported for now
-  showMapView?: boolean;
-
-  // Pagination
-  // not supported for now
-  // pagination?: PaginationConfig;
-
-  // State
-  isLoading?: boolean;
-  customSpinner?: ReactNode;
-
-  cmsHotelData?: any[];
-  cmsGroupTourData?: any[];
-  tags?: TideTag[];
-
-  languageCode?: string;
-
-  destinationImage?: { url: string; alt: string };
-  onBook?: (result: BookingPackage) => void;
-}
-
-export type FilterType = 'checkbox' | 'toggle' | 'slider' | 'star-rating';
-
-export type FilterProperty = 'regime' | 'accommodation' | 'max-duration' | 'price' | 'rating' | 'theme';
-
-export interface FilterOption {
-  label: string;
-  value: string | number | string[] | number[];
-  isChecked: boolean;
-}
-
-export interface Filter {
-  // id: string; // maybe this will become deprecated
-  label: string;
-  property: FilterProperty;
-  type: FilterType;
-  isFrontendFilter: boolean;
-  options?: FilterOption[];
-  useApplyFilterButton?: boolean;
-  min?: number; // For slider type
-  max?: number; // For slider type
-  selectedMin?: number; // For slider type
-  selectedMax?: number; // For slider type
-  selectedRating?: number; // For star-rating type
-}
-
-export interface PaginationConfig {
-  totalResults: number;
-  currentPage: number;
-  onPaginationChange: (page: number) => void;
-}
-
-export type SearchResult = HotelResult | FlightResult | RoundTripResult;
-
-export interface BaseSearchResult {
-  id?: number;
-  code: string;
-  title: string;
-  image: string;
-  description?: string;
-  location?: string;
-  tags?: Tag[];
-  price: string | number;
-  ctaText: string;
-  stars?: number;
-  accommodation?: string;
-  regime?: string;
-}
-
-export interface HotelResult extends BaseSearchResult {
-  type: 'hotel';
-  days: string;
-  contents?: string;
-}
-
-export interface RoundTripResult extends BaseSearchResult {
-  type: 'roundTrip';
-  days: string;
-}
-
-export interface FlightResult extends BaseSearchResult {
-  type: 'flight';
-  days: string;
-  outbound: FlightLeg;
-  return: FlightLeg;
-}
-
-export interface FlightLeg {
-  departureAirport: string;
-  departureDateTime: Date;
-  arrivalAirport: string;
-  arrivalDateTime: Date;
-  airline: Tag;
-  duration: string;
-  stops: number;
-  luggageIncluded: boolean;
-}
-
-export interface Tag {
-  icon: ReactNode;
-  label: string;
-}
-
-export interface SortingOption {
-  key: 'price-asc' | 'price-desc' | 'departure-date' | 'duration-asc' | 'duration-desc' | 'rating-asc' | 'rating-desc';
-  label: string;
-  icon?: ReactNode;
-}
-
-export interface ExtendedFlightSearchResponseItem extends FlightSearchResponseItem {
-  requestId: number; // Unique identifier for the search request
-  guid: string; // Unique identifier for the item
-}
-
-export interface Sequence {
-  requestId: number;
-  sequenceId: number;
-}
-
-export interface FilterValue {
-  name: string;
-  id: number | string;
-  lowestPrice: number;
-}
-
-export interface Filters {
-  airlines: FilterValue[];
-  numberOfStops: FilterValue[];
-  departureRanges: FilterValue[];
-  departureAirports: FilterValue[];
-  arrivalAirports: FilterValue[];
-  travelTimes: FilterValue[];
-  prices: FilterValue[];
-}
-
-export interface SortByType {
-  direction: 'asc' | 'desc';
-  label: string;
-  icon?: ReactNode;
-}
-
-export interface TideTag {
-  id: number;
-  name: string;
-}
+import { BookingPackage, FlightSearchResponseItem, WebsiteConfigurationSearchConfiguration } from '@qite/tide-client';
+import { ReactNode } from 'react';
+
+export type FlightSelectionMode = 'paired' | 'independent';
+
+export interface SearchResultsConfiguration {
+  searchConfiguration: WebsiteConfigurationSearchConfiguration;
+  portalId?: number;
+  agentId?: number;
+  // Tide connection
+  tideConnection: {
+    host: string;
+    apiKey: string;
+    catalogueIds?: number[]; // Optional, used for multiple catalogues
+    officeId?: number;
+  };
+
+  // Filter settings
+  showFilters: boolean;
+  filterIcon?: ReactNode;
+  filters?: Filter[];
+  useGlobalApplyFilterButton?: boolean;
+  onFilterChange?: (filters: Filter[]) => void;
+
+  // Search results display
+  // results: SearchResult[];
+  // customCards?: ReactNode[];
+  showTabViews?: boolean;
+  showFlightResults?: boolean;
+  showHotelAccommodationResults?: boolean;
+  showFlightAccommodationResults?: boolean;
+  showRoundTripResults?: boolean;
+  showCustomCards?: boolean;
+  customCardRenderer?: (result: SearchResult) => ReactNode;
+  showMockup?: boolean;
+  // Map view
+  // not supported for now
+  showMapView?: boolean;
+
+  // Pagination
+  // not supported for now
+  // pagination?: PaginationConfig;
+
+  // State
+  isLoading?: boolean;
+  customSpinner?: ReactNode;
+
+  cmsHotelData?: any[];
+  cmsGroupTourData?: any[];
+  tags?: TideTag[];
+
+  languageCode?: string;
+
+  destinationImage?: { url: string; alt: string };
+  onBook?: (result: BookingPackage) => void;
+}
+
+export type FilterType = 'checkbox' | 'toggle' | 'slider' | 'star-rating';
+
+export type FilterProperty = 'regime' | 'accommodation' | 'max-duration' | 'price' | 'rating' | 'theme';
+
+export interface FilterOption {
+  label: string;
+  value: string | number | string[] | number[];
+  isChecked: boolean;
+}
+
+export interface Filter {
+  // id: string; // maybe this will become deprecated
+  label: string;
+  property: FilterProperty;
+  type: FilterType;
+  isFrontendFilter: boolean;
+  options?: FilterOption[];
+  useApplyFilterButton?: boolean;
+  min?: number; // For slider type
+  max?: number; // For slider type
+  selectedMin?: number; // For slider type
+  selectedMax?: number; // For slider type
+  selectedRating?: number; // For star-rating type
+}
+
+export interface PaginationConfig {
+  totalResults: number;
+  currentPage: number;
+  onPaginationChange: (page: number) => void;
+}
+
+export type SearchResult = HotelResult | FlightResult | RoundTripResult;
+
+export interface BaseSearchResult {
+  id?: number;
+  code: string;
+  title: string;
+  image: string;
+  description?: string;
+  location?: string;
+  tags?: Tag[];
+  price: string | number;
+  ctaText: string;
+  stars?: number;
+  accommodation?: string;
+  regime?: string;
+}
+
+export interface HotelResult extends BaseSearchResult {
+  type: 'hotel';
+  days: string;
+  contents?: string;
+}
+
+export interface RoundTripResult extends BaseSearchResult {
+  type: 'roundTrip';
+  days: string;
+}
+
+export interface FlightResult extends BaseSearchResult {
+  type: 'flight';
+  days: string;
+  outbound: FlightLeg;
+  return: FlightLeg;
+}
+
+export interface FlightLeg {
+  departureAirport: string;
+  departureDateTime: Date;
+  arrivalAirport: string;
+  arrivalDateTime: Date;
+  airline: Tag;
+  duration: string;
+  stops: number;
+  luggageIncluded: boolean;
+}
+
+export interface Tag {
+  icon: ReactNode;
+  label: string;
+}
+
+export interface SortingOption {
+  key: 'price-asc' | 'price-desc' | 'departure-date' | 'duration-asc' | 'duration-desc' | 'rating-asc' | 'rating-desc';
+  label: string;
+  icon?: ReactNode;
+}
+
+export interface ExtendedFlightSearchResponseItem extends FlightSearchResponseItem {
+  requestId: number; // Unique identifier for the search request
+  guid: string; // Unique identifier for the item
+}
+
+export interface Sequence {
+  requestId: number;
+  sequenceId: number;
+}
+
+export interface FilterValue {
+  name: string;
+  id: number | string;
+  lowestPrice: number;
+}
+
+export interface Filters {
+  airlines: FilterValue[];
+  numberOfStops: FilterValue[];
+  departureRanges: FilterValue[];
+  departureAirports: FilterValue[];
+  arrivalAirports: FilterValue[];
+  travelTimes: FilterValue[];
+  prices: FilterValue[];
+}
+
+export interface SortByType {
+  direction: 'asc' | 'desc';
+  label: string;
+  icon?: ReactNode;
+}
+
+export interface TideTag {
+  id: number;
+  name: string;
+}