@qite/tide-booking-component 1.4.49 → 1.4.50

package/src/index.ts

@@ -12,5 +12,7 @@ export * from './content/header/types';
 export * from './content/footer/types';
 export * from './content/image-card-grid/types';
 export * from './search-results/types';
+export * from './qsm/types';
+export * from './shared/types';
 
 export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid };

package/src/qsm/components/item-picker/index.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { useDispatch } from 'react-redux';
-import { Nationality, TravelClass, TravelType } from '../../types';
+import { Nationality } from '../../types';
+import { TravelClass, TravelType } from '../../../shared/types';
 
 interface ItemPickerProps {
   items: TravelType[] | TravelClass[] | Nationality[];

package/src/qsm/store/qsm-slice.ts

@@ -1,7 +1,8 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 
-import { MobileFilterType, Room, TravelerType, TravelType, TravelClass, TypeaheadOption, QsmType } from '../types';
+import { MobileFilterType, Room, TravelerType, TypeaheadOption, QsmType } from '../types';
 import { ReactNode } from 'react';
+import { TravelType, TravelClass } from '../../shared/types';
 
 export interface QSMState {
   qsmType?: QsmType;

package/src/qsm/types.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { TravelClass, TravelType } from '../shared/types';
 
 export interface QSMConfiguration {
   type?: QsmType;
@@ -106,18 +107,6 @@ export interface Room {
   babies: number;
 }
 
-export interface TravelType {
-  id: number;
-  label: string;
-  icon?: ReactNode;
-}
-
-export interface TravelClass {
-  id: number;
-  label: string;
-  icon?: ReactNode;
-}
-
 export interface Nationality {
   id: number;
   label: string;

package/src/search-results/components/item-picker/index.tsx

@@ -1,8 +1,9 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { SortByType, TravelClass, TravelType } from '../../types';
+import { SortByType, SortingOption } from '../../types';
+import { TravelClass, TravelType } from '../../../shared/types';
 
 interface ItemPickerProps {
-  items: TravelType[] | TravelClass[] | SortByType[];
+  items: TravelType[] | TravelClass[] | SortByType[] | SortingOption[];
   selection: string | undefined;
   selectedSortByType?: SortByType;
   label: string;

package/src/search-results/components/search-results-container/flight-search-results.tsx

@@ -16,9 +16,9 @@ interface FlightResultsContainerProps {
   isMobile: boolean;
 }
 
-const selectionTypes: { label: string; code: FlightSelectionMode }[] = [
-  { label: 'Independent Selection', code: 'independent' },
-  { label: 'Paired Selection', code: 'paired' }
+const selectionTypes: { id: number; label: string; code: FlightSelectionMode }[] = [
+  { id: 0, label: 'Independent Selection', code: 'independent' },
+  { id: 1, label: 'Paired Selection', code: 'paired' }
 ];
 
 const FlightResultsContainer: React.FC<FlightResultsContainerProps> = ({ isMobile }) => {

package/src/search-results/types.ts

@@ -131,16 +131,6 @@ export interface Tag {
   label: string;
 }
 
-export interface TravelType {
-  label: string;
-  icon?: ReactNode;
-}
-
-export interface TravelClass {
-  label: string;
-  icon?: ReactNode;
-}
-
 export interface SortingOption {
   key: 'price-asc' | 'price-desc' | 'departure-date' | 'duration-asc' | 'duration-desc' | 'rating-asc' | 'rating-desc';
   label: string;

package/src/shared/types.ts

@@ -1,3 +1,5 @@
+import { ReactNode } from 'react';
+
 export interface ApiSettingsState {
   apiUrl: string;
   apiKey: string;
@@ -9,3 +11,15 @@ export enum DepartureRange {
   Evening = 2,
   Night = 3
 }
+
+export interface TravelType {
+  id: number;
+  label: string;
+  icon?: ReactNode;
+}
+
+export interface TravelClass {
+  id: number;
+  label: string;
+  icon?: ReactNode;
+}