@qite/tide-booking-component 1.4.74 → 1.4.76

package/src/search-results/features/flights/flight-search-results-self-contained.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { Filter, SearchResult, SearchResultsConfiguration } from '../../types';
 import SearchResults from '../..';
-import { Footer, Navbar } from '../../../../src';
+import { Footer, Navbar, PortalQsmType } from '../../../../src';
 import { TideLogo, language, languages, topLinks, navItems } from '../../../../src/content/navbar/placeholderData';
 import Icon from '../../components/icon';
 
@@ -209,7 +209,7 @@ const FlightSearchResultsSelfContained: React.FC<FlightSearchResultsSelfContaine
   };
 
   const configuration: SearchResultsConfiguration = {
-    type: 'flight', // "hotel" or "flight" or "roundTrip"
+    type: PortalQsmType.Flight, // "hotel" or "flight" or "roundTrip"
     tideConnection: {
       host: 'https://tide-default3468-acceptance.tidesoftware.be',
       apiKey: 'e9b95d79-de4c-41d6-ab7e-3dd429873058',

package/src/search-results/features/hotels/hotel-flight-search-results-self-contained.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { SearchResult, SearchResultsConfiguration } from '../../types';
 import SearchResults from '../..';
-import { Navbar, Footer } from '../../../../src';
+import { Navbar, Footer, PortalQsmType } from '../../../../src';
 import { TideLogo, language, languages, topLinks, navItems } from '../../../../src/content/navbar/placeholderData';
 import Icon from '../../components/icon';
 
@@ -86,7 +86,7 @@ const HotelFlightSearchResultsSelfContained: React.FC<HotelFlightSearchResultsSe
   };
 
   const configuration: SearchResultsConfiguration = {
-    type: 'hotel-flight',
+    type: PortalQsmType.AccommodationAndFlight,
     showFilters: false,
     tideConnection: {
       host: 'https://tide-default3468-acceptance.tidesoftware.be',

package/src/search-results/features/hotels/hotel-search-results-self-contained.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { Filter, SearchResult, SearchResultsConfiguration } from '../../types';
 import SearchResults from '../..';
-import { Navbar, Footer } from '../../../../src';
+import { Navbar, Footer, PortalQsmType } from '../../../../src';
 import { TideLogo, language, languages, topLinks, navItems } from '../../../../src/content/navbar/placeholderData';
 import Icon from '../../components/icon';
 
@@ -126,7 +126,7 @@ const HotelSearchResultsSelfContained: React.FC<HotelSearchResultsSelfContainedP
   };
 
   const configuration: SearchResultsConfiguration = {
-    type: 'hotel', // "hotel" or "flight" or "roundTrip"
+    type: PortalQsmType.Accommodation, // "hotel" or "flight" or "roundTrip"
     tideConnection: {
       host: 'https://tide-default3468-acceptance.tidesoftware.be',
       apiKey: 'e9b95d79-de4c-41d6-ab7e-3dd429873058',

package/src/search-results/features/roundtrips/roundtrip-search-results-self-contained.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
 import { SearchResultsConfiguration } from '../../types';
 import SearchResults from '../..';
-import { Navbar, Footer } from '../../../../src';
+import { Navbar, Footer, PortalQsmType } from '../../../../src';
 import { TideLogo, language, languages, topLinks, navItems } from '../../../../src/content/navbar/placeholderData';
 
 interface RoundtripSearchResultsSelfContainedProps {}
 
 const RoundtripSearchResultsSelfContained: React.FC<RoundtripSearchResultsSelfContainedProps> = () => {
   const configuration: SearchResultsConfiguration = {
-    type: 'roundTrip',
+    type: PortalQsmType.RoundTrip,
     showFilters: true,
     tideConnection: {
       host: 'https://tide-default3468-acceptance.tidesoftware.be',

package/src/search-results/types.ts

@@ -1,11 +1,11 @@
 import { FlightSearchResponseItem } from '@qite/tide-client';
 import { ReactNode } from 'react';
-import { SRPType } from '../shared/types';
+import { PortalQsmType } from '../shared/types';
 
 export type FlightSelectionMode = 'paired' | 'independent';
 
 export interface SearchResultsConfiguration {
-  type: SRPType;
+  type: PortalQsmType;
 
   // Tide connection
   tideConnection: {

package/src/shared/components/flyin/flyin.tsx

@@ -3,13 +3,13 @@ import Icon from '../icon';
 import { useFlightSearch } from '../../../search-results/components/flight/flight-search-context';
 import { useDispatch } from 'react-redux';
 import { setSelectedFlight, setSelectedFlightDetails } from '../../../search-results/store/search-results-slice';
-import { SRPType } from '../../types';
 import FlightsFlyIn from './flights-flyin';
 import AccommodationFlyIn from './accommodation-flyin';
+import { PortalQsmType } from '../../types';
 
 type FlyInProps = {
   title: string;
-  srpType: SRPType;
+  srpType: PortalQsmType;
   isOpen: boolean;
   setIsOpen: (open: boolean) => void;
   className?: string;
@@ -49,7 +49,7 @@ const FlyIn: React.FC<FlyInProps> = ({ title, srpType, isOpen, setIsOpen, classN
 
   const handleClose = () => {
     if (isOpen && panelRef.current) {
-      if (srpType === 'flight') {
+      if (srpType === PortalQsmType.Flight) {
         dispatch(setSelectedFlight(null));
         dispatch(setSelectedFlightDetails(null));
         onCancelSearch();
@@ -69,8 +69,10 @@ const FlyIn: React.FC<FlyInProps> = ({ title, srpType, isOpen, setIsOpen, classN
             </span>
           </div>
         </div>
-        {srpType === 'flight' && <FlightsFlyIn isOpen={isOpen} setIsOpen={setIsOpen} />}
-        {(srpType === 'hotel' || srpType === 'groupTour') && <AccommodationFlyIn isLoading={true} isOpen={isOpen} setIsOpen={setIsOpen} />}
+        {srpType === PortalQsmType.Flight && <FlightsFlyIn isOpen={isOpen} setIsOpen={setIsOpen} />}
+        {(srpType === PortalQsmType.Accommodation || srpType === PortalQsmType.GroupTour) && (
+          <AccommodationFlyIn isLoading={true} isOpen={isOpen} setIsOpen={setIsOpen} />
+        )}
       </div>
     </div>
   );

package/src/shared/types.ts

@@ -1,17 +1,18 @@
 import { ReactNode } from 'react';
 
-export type SRPType =
-  | 'multidestination'
-  | 'hotel'
-  | 'roundTrip'
-  | 'flight'
-  | 'hotel-flight'
-  | 'groupTour'
-  | 'package'
-  | 'ticket'
-  | 'car'
-  | 'transfers'
-  | 'cruises';
+export enum PortalQsmType {
+  Multidestination = 0,
+  Accommodation = 1,
+  AccommodationAndFlight = 2,
+  Flight = 3,
+  RoundTrip = 4,
+  GroupTour = 5,
+  Package = 6,
+  Ticket = 7,
+  Car = 8,
+  Transfer = 9,
+  Cruise = 10
+}
 
 export interface ApiSettingsState {
   apiUrl: string;