@qite/tide-booking-component 1.4.92 → 1.4.93

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/store/search-results-store.ts

@@ -1,13 +1,13 @@
-import { configureStore } from '@reduxjs/toolkit';
-import searchResultsReducer from './search-results-slice';
-
-export const createSearchResultsStore = () =>
-  configureStore({
-    reducer: {
-      searchResults: searchResultsReducer
-    }
-  });
-
-export type SearchResultsStore = ReturnType<typeof createSearchResultsStore>;
-export type SearchResultsRootState = ReturnType<SearchResultsStore['getState']>;
-export type SearchResultsDispatch = SearchResultsStore['dispatch'];
+import { configureStore } from '@reduxjs/toolkit';
+import searchResultsReducer from './search-results-slice';
+
+export const createSearchResultsStore = () =>
+  configureStore({
+    reducer: {
+      searchResults: searchResultsReducer
+    }
+  });
+
+export type SearchResultsStore = ReturnType<typeof createSearchResultsStore>;
+export type SearchResultsRootState = ReturnType<SearchResultsStore['getState']>;
+export type SearchResultsDispatch = SearchResultsStore['dispatch'];