@qite/tide-booking-component 1.4.34 → 1.4.35

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

@@ -3,13 +3,13 @@ import { useDispatch, useSelector } from 'react-redux';
 import { SearchResultsRootState } from '../../store/search-results-store';
 import SearchResultsConfigurationContext from '../../search-results-configuration-context';
 
-import { resetFilters, setSortKey, setResults, setIsLoading, setSelectedHotel } from '../../store/search-results-slice';
+import { resetFilters, setSortKey, setResults, setIsLoading, setSelectedHotel, setBookingPackageDetails, setEntry } from '../../store/search-results-slice';
 import { Filter, SortingOption } from '../../types';
 import useMediaQuery from '../../../shared/utils/use-media-query-util';
 import Filters from '../filters/filters';
 import ItemPicker from '../item-picker';
 
-import { TideClientConfig, details, search } from '@qite/tide-client';
+import { TideClientConfig, detailsWL, search } from '@qite/tide-client';
 import {
   BookingPackageDestination,
   BookingPackageDetailsRequest,
@@ -27,17 +27,21 @@ import TabViews from '../tab-views';
 import HotelAccommodationResults from '../hotel/hotel-accommodation-results';
 import RoundTripResults from '../round-trip/round-trip-results';
 import { enrichFiltersWithResults } from '../filters/utility';
+import FlightResults from '../flight/flight-results';
+import { getTranslations } from '../../../shared/utils/localization-util';
 
 const SearchResultsContainer: React.FC = () => {
   const isMobile = useMediaQuery('(max-width: 1200px)');
   const dispatch = useDispatch();
   const context = useContext(SearchResultsConfigurationContext);
-  const { results, isLoading, filters, sortKey, selectedHotelId } = useSelector((state: SearchResultsRootState) => state.searchResults);
+  const translations = getTranslations(context?.languageCode ?? 'en-GB');
+  const { results, bookingPackageDetails, isLoading, filters, sortKey, selectedHotelId } = useSelector((state: SearchResultsRootState) => state.searchResults);
 
   const [searchTrigger, setSearchTrigger] = useState(0);
   const [initialFiltersSet, setInitialFiltersSet] = useState(false);
   const [initialFilters, setInitialFilters] = useState<Filter[]>([]);
 
+  // seperate Search
   useEffect(() => {
     const runSearch = async () => {
       dispatch(setIsLoading(true));
@@ -155,6 +159,7 @@ const SearchResultsContainer: React.FC = () => {
     runSearch();
   }, [location.search, searchTrigger]);
 
+  // Seperate detailsCall
   useEffect(() => {
     const fetchPackageDetails = async () => {
       if (!selectedHotelId || !context) return;
@@ -192,12 +197,10 @@ const SearchResultsContainer: React.FC = () => {
           }
         };
 
-        const detailsResponse = await details(config, detailsRequest);
-
-        console.log('Package details:', detailsResponse);
-
-        // TODO: store flights / details in redux
-        // dispatch(setSelectedHotelDetails(details));
+        const detailsWLResponse = await detailsWL(config, detailsRequest);
+        console.log('Details with entryLight:', detailsWLResponse);
+        dispatch(setBookingPackageDetails({ details: detailsWLResponse?.payload?.bookingPackage }));
+        dispatch(setEntry({ entry: detailsWLResponse?.payload?.entry }));
       } catch (err) {
         console.error('Failed to fetch package details', err);
       }
@@ -236,26 +239,23 @@ const SearchResultsContainer: React.FC = () => {
     return requestRooms;
   };
 
-  const [isMobileFiltersOpen, setIsMobileFiltersOpen] = useState(false);
+  const [filtersOpen, setFiltersOpen] = useState(false);
+  const [itineraryOpen, setItineraryOpen] = useState(false);
 
   const handleSortChange = (newSortKey: string) => {
     dispatch(setSortKey(newSortKey));
   };
 
-  const handleSetIsMobileFiltersOpen = () => {
-    setIsMobileFiltersOpen(!isMobileFiltersOpen);
-  };
-
   useEffect(() => {
     if (typeof document !== 'undefined') {
-      document.body.classList.toggle('has-overlay', isMobileFiltersOpen);
+      document.body.classList.toggle('has-overlay', filtersOpen);
     }
-  }, [isMobileFiltersOpen]);
+  }, [filtersOpen]);
 
   const sortingOptions: SortingOption[] = [
-    { key: 'price-asc', label: 'Price: Low to High' },
-    { key: 'price-desc', label: 'Price: High to Low' },
-    { key: 'departure-date', label: 'Departure Date' }
+    { key: 'price-asc', label: translations.SRP.PRICE_ASC },
+    { key: 'price-desc', label: translations.SRP.PRICE_DESC },
+    { key: 'departure-date', label: translations.SRP.DEPARTURE_ASC }
   ];
 
   return (
@@ -266,29 +266,37 @@ const SearchResultsContainer: React.FC = () => {
             {context.showFilters && (
               <Filters
                 filters={filters}
-                isMobileFiltersOpen={isMobileFiltersOpen}
-                handleSetIsMobileFiltersOpen={handleSetIsMobileFiltersOpen}
+                isOpen={filtersOpen}
+                handleSetIsOpen={() => setFiltersOpen(!filtersOpen)}
                 handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
                 isLoading={isLoading}
               />
             )}
             {context.type === 'hotel-flight' && (
-              <Itinerary isMobileFiltersOpen={isMobileFiltersOpen} handleSetIsMobileFiltersOpen={handleSetIsMobileFiltersOpen} isLoading={isLoading} />
+              <Itinerary isOpen={itineraryOpen} handleSetIsOpen={() => setItineraryOpen(!itineraryOpen)} isLoading={isLoading} />
             )}
             {/* ---------------- Results ---------------- */}
             <div className="search__results">
               {isMobile && (
                 <div className="search__result-row">
-                  <div className="cta cta--filter" onClick={() => setIsMobileFiltersOpen(true)}>
-                    <Icon name="ui-filter" className="mobile-filters-button__icon" height={16} />
-                    {context.translations?.filters}
+                  <div className="search__results__actions">
+                    {context.showFilters && (
+                      <div className="cta cta--filter" onClick={() => setFiltersOpen(true)}>
+                        <Icon name="ui-filter" className="mobile-filters-button__icon" height={16} />
+                        {translations.SRP.FILTERS}
+                      </div>
+                    )}
+                    <div className="cta cta--filter" onClick={() => setItineraryOpen(true)}>
+                      <Icon name="ui-calendar" className="mobile-filters-button__icon" height={16} />
+                      {translations.SRP.SHOW_ITINERARY}
+                    </div>
                   </div>
                   {sortingOptions && sortingOptions.length > 0 && (
                     <ItemPicker
                       items={sortingOptions}
                       selection={sortKey || undefined}
-                      label="Sort by"
-                      placeholder="Sort by"
+                      label={translations.SRP.SORTBY}
+                      placeholder={translations.SRP.SORTBY}
                       classModifier="travel-class-picker__items"
                       onPick={handleSortChange}
                     />
@@ -300,7 +308,7 @@ const SearchResultsContainer: React.FC = () => {
                 <span className="search__result-row-text">
                   {!isLoading && (
                     <>
-                      {results?.length ?? 4} {context.translations?.totalResultsLabel}
+                      {results?.length ?? 4} {translations.SRP.TOTAL_RESULTS_LABEL}
                     </>
                   )}
                 </span>
@@ -309,8 +317,8 @@ const SearchResultsContainer: React.FC = () => {
                     <ItemPicker
                       items={sortingOptions}
                       selection={sortKey || undefined}
-                      label="Sort by"
-                      placeholder="Sort by"
+                      label={translations.SRP.SORTBY}
+                      placeholder={translations.SRP.SORTBY}
                       classModifier="travel-class-picker__items"
                       onPick={handleSortChange}
                     />
@@ -321,14 +329,18 @@ const SearchResultsContainer: React.FC = () => {
               <div className="search__results__wrapper">
                 {context.showTabViews && <TabViews />}
 
-                {context.showRoundTripResults && <RoundTripResults />}
+                {/* {context.showRoundTripResults && <RoundTripResults />} */}
 
-                {/* {context.showFlightResults && <FlightResults isDeparture={true} />} */}
+                {context.showFlightResults && bookingPackageDetails?.outwardFlights && (
+                  <FlightResults flights={bookingPackageDetails.outwardFlights} isDeparture={true} />
+                )}
 
                 {context.showHotelAccommodationResults && <HotelAccommodationResults isLoading={isLoading} context={context} />}
                 {/* {context.showFlightAccommodationResults && <FlightAccommodationResults />} */}
 
-                {/* {context.showFlightResults && <FlightResults isDeparture={false} />} */}
+                {context.showFlightResults && bookingPackageDetails?.returnFlights && (
+                  <FlightResults flights={bookingPackageDetails.returnFlights} isDeparture={false} />
+                )}
               </div>
             </div>
           </div>

package/src/search-results/components/spinner/spinner.tsx

@@ -1,12 +1,14 @@
 import React, { useContext } from 'react';
 import SearchResultsConfigurationContext from '../../search-results-configuration-context';
+import { getTranslations } from '../../../shared/utils/localization-util';
 
 const Spinner: React.FC = () => {
   const context = useContext(SearchResultsConfigurationContext);
+  const translations = getTranslations(context?.languageCode ?? 'en-GB');
   return (
     <div className="spinner__container">
       <span className="spinner__icon" />
-      <span className="spinner__label">{context?.translations?.loading}</span>
+      <span className="spinner__label">{translations?.SRP.LOADING}</span>
     </div>
   );
 };

package/src/search-results/components/tab-views/index.tsx

@@ -1,13 +1,19 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import Icon from '../icon';
 import { useDispatch, useSelector } from 'react-redux';
 import { SearchResultsRootState } from '../../store/search-results-store';
 import { setActiveTab } from '../../store/search-results-slice';
+import { getTranslations } from '../../../shared/utils/localization-util';
+import SearchResultsConfigurationContext from '../../search-results-configuration-context';
 
 interface TabViewsProps {}
 
 const TabViews: React.FC<TabViewsProps> = () => {
+  const context = useContext(SearchResultsConfigurationContext);
+  const translations = getTranslations(context?.languageCode ?? 'en-GB');
+
   const dispatch = useDispatch();
+
   const { activeTab } = useSelector((state: SearchResultsRootState) => state.searchResults);
 
   const handleSortChange = (tab: string) => {
@@ -21,21 +27,21 @@ const TabViews: React.FC<TabViewsProps> = () => {
         className={`search__results__tab-view ${activeTab === 'extended' ? 'search__results__tab-view--active' : ''}`}
         onClick={() => handleSortChange('extended')}>
         <Icon name="ui-extended" height={16} />
-        Extended
+        {translations.SRP.EXTENDED}
       </button>
       <button
         type="button"
         className={`search__results__tab-view ${activeTab === 'compact' ? 'search__results__tab-view--active' : ''}`}
         onClick={() => handleSortChange('compact')}>
         <Icon name="ui-compact" height={16} />
-        Compact
+        {translations.SRP.COMPACT}
       </button>
       <button
         type="button"
-        className={`search__results__tab-view ${activeTab === 'comparator' ? 'search__results__tab-view--active' : ''}`}
-        onClick={() => handleSortChange('comparator')}>
-        <Icon name="ui-comparator" height={16} />
-        Comparator
+        className={`search__results__tab-view ${activeTab === 'list' ? 'search__results__tab-view--active' : ''}`}
+        onClick={() => handleSortChange('list')}>
+        <Icon name="ui-list" height={16} />
+        {translations.SRP.LIST}
       </button>
     </div>
   );

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

@@ -245,23 +245,10 @@ const FlightSearchResultsSelfContained: React.FC<FlightSearchResultsSelfContaine
     // Pagination
 
     // State & UI
-    noResultsLabel: 'No products found.',
     isLoading: false,
     customSpinner: null,
 
-    translations: {
-      filters: 'Filters',
-      filterTitle: 'Filter resultaten',
-      resetButton: 'Reset',
-      sortBy: 'Sorteren op',
-      noResults: 'Geen resultaten gevonden.',
-      totalResultsLabel: 'resultaten gevonden',
-      luggageIncluded: 'Bagage inbegrepen',
-      apply: 'Toepassen',
-      loading: 'Laden...',
-      cancel: 'Annuleren',
-      searchResultCTA: 'Bekijk details'
-    }
+    languageCode: 'en-GB'
   };
 
   return (

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

@@ -171,23 +171,10 @@ const HotelSearchResultsSelfContained: React.FC<HotelSearchResultsSelfContainedP
     // },
 
     // State & UI
-    noResultsLabel: 'No products found.',
     isLoading: false,
     customSpinner: null,
 
-    translations: {
-      filters: 'Filters',
-      filterTitle: 'Filter resultaten',
-      resetButton: 'Reset',
-      sortBy: 'Sorteren op',
-      noResults: 'Geen resultaten gevonden.',
-      totalResultsLabel: 'resultaten gevonden',
-      luggageIncluded: 'Bagage inbegrepen',
-      apply: 'Toepassen',
-      loading: 'Laden...',
-      cancel: 'Annuleren',
-      searchResultCTA: 'Bekijk details'
-    }
+    languageCode: 'en-GB'
   };
 
   return (

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

@@ -1,10 +1,12 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 import { Filter } from '../types';
-import { BookingPackageItem } from '@qite/tide-client/build/types';
+import { BookingPackage, BookingPackageItem, EntryLight } from '@qite/tide-client/build/types';
 
 export interface SearchResultsState {
   results: BookingPackageItem[];
   selectedHotelId: number | null;
+  bookingPackageDetails: BookingPackage | null;
+  entry: EntryLight | null;
   isLoading: boolean;
   filters: Filter[];
   sortKey: string | null;
@@ -15,6 +17,8 @@ export interface SearchResultsState {
 const initialState: SearchResultsState = {
   results: [],
   selectedHotelId: null,
+  bookingPackageDetails: null,
+  entry: null,
   isLoading: false,
   filters: [],
   sortKey: null,
@@ -32,6 +36,24 @@ const searchResultsSlice = createSlice({
     setSelectedHotel(state, action: PayloadAction<number | null>) {
       state.selectedHotelId = 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;
     },
@@ -70,7 +92,19 @@ const searchResultsSlice = createSlice({
   }
 });
 
-export const { setResults, setSelectedHotel, setIsLoading, setFilters, resetFilters, setSortKey, setActiveTab, setCurrentPage, resetSearchState } =
-  searchResultsSlice.actions;
+export const {
+  setResults,
+  setSelectedHotel,
+  setBookingPackageDetails,
+  setEntry,
+  selectFlight,
+  setIsLoading,
+  setFilters,
+  resetFilters,
+  setSortKey,
+  setActiveTab,
+  setCurrentPage,
+  resetSearchState
+} = searchResultsSlice.actions;
 
 export default searchResultsSlice.reducer;

package/src/search-results/types.ts

@@ -37,24 +37,9 @@ export interface SearchResultsConfiguration {
   // pagination?: PaginationConfig;
 
   // State
-  noResultsLabel?: string;
   isLoading?: boolean;
   customSpinner?: ReactNode;
 
-  translations?: {
-    filters?: string;
-    filterTitle?: string;
-    resetButton?: string;
-    sortBy?: string;
-    noResults?: string;
-    totalResultsLabel?: string;
-    luggageIncluded?: string;
-    cancel?: string;
-    apply?: string;
-    loading?: string;
-    searchResultCTA?: string;
-  };
-
   cmsHotelData?: any[];
   languageCode?: string;
 }

package/src/shared/translations/ar-SA.json

@@ -134,8 +134,11 @@
     "CHILD": "طفل",
     "CHILDREN": "أطفال",
     "GENDER": "اللقب",
+    "GENDER_ID": "الجنس حسب جواز السفر/بطاقة الهوية",
     "MALE": "السيد",
+    "MALE_GENDER": "ذكر",
     "FEMALE": "السيدة",
+    "FEMALE_GENDER": "أنثى",
     "OTHER": "آخر",
     "MAIN_BOOKER": "الحاجز الرئيسي",
     "FIRST_NAME": "الاسم الأول",
@@ -245,5 +248,72 @@
     "LABEL_IDLE": "طباعة العرض",
     "LABEL_CREATING": "جارٍ إنشاء العرض…",
     "LABEL_PRINTING": "جارٍ إنشاء ملف PDF…"
+  },
+  "QSM": {
+    "MULTIDESTINATION": "وجهات متعددة",
+    "PACKAGES": "باقات",
+    "TRANSPORT_HOTEL": "النقل + الفندق",
+    "ACCOMMODATION": "الإقامة",
+    "TRANSPORTS": "وسائل النقل",
+    "TICKET_ONLY": "تذكرة فقط",
+    "RENT_A_CAR": "تأجير سيارة",
+    "TRANSFERS": "خدمات النقل",
+    "CRUISES": "رحلات بحرية",
+    "ONE_ACCOMMODATION": "إقامة واحدة",
+    "MULTIPLE_ACCOMMODATIONS": "إقامات متعددة",
+    "TRAVEL_CLASS_LABEL": "درجة السفر",
+    "TRAVEL_CLASS_PLACEHOLDER": "اختر درجة السفر",
+    "TRAVEL_TYPE_LABEL": "نوع السفر",
+    "TRAVEL_TYPE_PLACEHOLDER": "اختر نوع السفر",
+    "NATIONALITY_LABEL": "الجنسية",
+    "NATIONALITY_PLACEHOLDER": "اختر الجنسية",
+    "TRAVELERS_LABEL": "من المسافر؟",
+    "ADD_ROOM": "إضافة غرفة",
+    "REMOVE_ROOM": "إزالة غرفة",
+    "MAX_TRAVELERS_REACHED": "لقد وصلت إلى الحد الأقصى لعدد المسافرين",
+    "ADULTS": "البالغون",
+    "CHILDREN": "الأطفال",
+    "BABIES": "الرضع",
+    "CHOOSE_DATES": "اختر التواريخ",
+    "DEPARTURE_DATE": "تاريخ المغادرة",
+    "RETURN_DATE": "تاريخ العودة",
+    "CONFIRM": "تأكيد",
+    "TRAVELERS": "المسافرون"
+  },
+  "SRP": {
+    "NO_RESULTS": "لم يتم العثور على نتائج.",
+    "TOTAL_RESULTS_LABEL": "تم العثور على باقات",
+    "RESET": "إعادة تعيين",
+    "LUGGAGEINCLUDED": "الأمتعة مشمولة",
+    "CANCEL": "إلغاء",
+    "APPLY": "تطبيق",
+    "LOADING": "جارٍ التحميل...",
+    "SEARCHRESULTCTA": "عرض التفاصيل",
+    "SORTBY": "ترتيب حسب",
+    "PRICE_ASC": "السعر (من الأقل إلى الأعلى)",
+    "PRICE_DESC": "السعر (من الأعلى إلى الأقل)",
+    "DEPARTURE_ASC": "تاريخ المغادرة (الأقرب أولاً)",
+    "FILTERS": "عوامل التصفية",
+    "SHOW_ITINERARY": "عرض خط سير الرحلة",
+    "ITINERARY_TITLE": "ملخص رحلتك",
+    "DOSSIER_NUMBER": "رقم الملف",
+    "PACKAGE_PRICE_PER_PERSON": "سعر الباقة للشخص الواحد",
+    "TOTAL": "الإجمالي",
+    "DAY_BY_DAY": "رحلتك يوماً بيوم",
+    "START": "البداية",
+    "END": "النهاية",
+    "EXTENDED": "موسع",
+    "COMPACT": "مضغوط",
+    "LIST": "قائمة",
+    "SELECT": "اختيار",
+    "DEPARTURE": "المغادرة",
+    "RETURN": "العودة",
+    "DIRECT": "مباشر",
+    "STOPS": "محطات",
+    "STOP": "محطة",
+    "STOP_TIME": "مدة التوقف",
+    "ACCOMMODATION": "الإقامة",
+    "VIEW_DETAILS": "عرض التفاصيل",
+    "NIGHTS": "ليالٍ"
   }
 }

package/src/shared/translations/da-DK.json

@@ -134,8 +134,11 @@
     "CHILD": "barn",
     "CHILDREN": "børn",
     "GENDER": "Tiltaleform",
+    "GENDER_ID": "Køn ifølge pas/ID-kort",
     "MALE": "Hr.",
+    "MALE_GENDER": "Mand",
     "FEMALE": "Fr.",
+    "FEMALE_GENDER": "Kvinde",
     "OTHER": "Andet",
     "MAIN_BOOKER": "Hovedbooker",
     "FIRST_NAME": "Fornavn",
@@ -245,5 +248,72 @@
     "LABEL_IDLE": "Print tilbud",
     "LABEL_CREATING": "Genererer tilbud…",
     "LABEL_PRINTING": "Genererer PDF…"
+  },
+  "QSM": {
+    "MULTIDESTINATION": "Flere destinationer",
+    "PACKAGES": "Pakkerejser",
+    "TRANSPORT_HOTEL": "Transport + hotel",
+    "ACCOMMODATION": "Indkvartering",
+    "TRANSPORTS": "Transport",
+    "TICKET_ONLY": "Kun billet",
+    "RENT_A_CAR": "Lej en bil",
+    "TRANSFERS": "Transportservice",
+    "CRUISES": "Krydstogter",
+    "ONE_ACCOMMODATION": "Én indkvartering",
+    "MULTIPLE_ACCOMMODATIONS": "Flere indkvarteringer",
+    "TRAVEL_CLASS_LABEL": "Rejseklasse",
+    "TRAVEL_CLASS_PLACEHOLDER": "Vælg rejseklasse",
+    "TRAVEL_TYPE_LABEL": "Rejsetype",
+    "TRAVEL_TYPE_PLACEHOLDER": "Vælg rejsetype",
+    "NATIONALITY_LABEL": "Nationalitet",
+    "NATIONALITY_PLACEHOLDER": "Vælg nationalitet",
+    "TRAVELERS_LABEL": "Hvem rejser?",
+    "ADD_ROOM": "Tilføj værelse",
+    "REMOVE_ROOM": "Fjern værelse",
+    "MAX_TRAVELERS_REACHED": "Du har nået det maksimale antal rejsende",
+    "ADULTS": "Voksne",
+    "CHILDREN": "Børn",
+    "BABIES": "Spædbørn",
+    "CHOOSE_DATES": "Vælg datoer",
+    "DEPARTURE_DATE": "Afrejsedato",
+    "RETURN_DATE": "Hjemrejsedato",
+    "CONFIRM": "Bekræft",
+    "TRAVELERS": "Rejsende"
+  },
+  "SRP": {
+    "NO_RESULTS": "Ingen resultater fundet.",
+    "TOTAL_RESULTS_LABEL": "Fundne pakker",
+    "RESET": "Nulstil",
+    "LUGGAGEINCLUDED": "Bagage inkluderet",
+    "CANCEL": "Annuller",
+    "APPLY": "Anvend",
+    "LOADING": "Indlæser...",
+    "SEARCHRESULTCTA": "Se detaljer",
+    "SORTBY": "Sorter efter",
+    "PRICE_ASC": "Pris (lav til høj)",
+    "PRICE_DESC": "Pris (høj til lav)",
+    "DEPARTURE_ASC": "Afrejsedato (snarest først)",
+    "FILTERS": "Filtre",
+    "SHOW_ITINERARY": "Vis rejseplan",
+    "ITINERARY_TITLE": "Din rejseoversigt",
+    "DOSSIER_NUMBER": "Sagsnummer",
+    "PACKAGE_PRICE_PER_PERSON": "pakkepris pr. person",
+    "TOTAL": "i alt",
+    "DAY_BY_DAY": "Din rejse dag for dag",
+    "START": "start",
+    "END": "slut",
+    "EXTENDED": "Udvidet",
+    "COMPACT": "Kompakt",
+    "LIST": "Liste",
+    "SELECT": "Vælg",
+    "DEPARTURE": "Afrejse",
+    "RETURN": "Hjemrejse",
+    "DIRECT": "Direkte",
+    "STOPS": "stop",
+    "STOP": "stop",
+    "STOP_TIME": "Skiftetid",
+    "ACCOMMODATION": "Indkvartering",
+    "VIEW_DETAILS": "Se detaljer",
+    "NIGHTS": "nætter"
   }
 }

package/src/shared/translations/de-DE.json

@@ -134,8 +134,11 @@
     "CHILD": "Kind",
     "CHILDREN": "Kinder",
     "GENDER": "Anrede",
+    "GENDER_ID": "Geschlecht laut Reisepass/Personalausweis",
     "MALE": "Herr",
+    "MALE_GENDER": "Männlich",
     "FEMALE": "Frau",
+    "FEMALE_GENDER": "Weiblich",
     "OTHER": "Andere",
     "MAIN_BOOKER": "Hauptbucher",
     "FIRST_NAME": "Vorname",
@@ -245,5 +248,72 @@
     "LABEL_IDLE": "Angebot drucken",
     "LABEL_CREATING": "Angebot wird erstellt…",
     "LABEL_PRINTING": "PDF wird erstellt…"
+  },
+  "QSM": {
+    "MULTIDESTINATION": "Mehrere Reiseziele",
+    "PACKAGES": "Reisepakete",
+    "TRANSPORT_HOTEL": "Transport + Hotel",
+    "ACCOMMODATION": "Unterkunft",
+    "TRANSPORTS": "Transport",
+    "TICKET_ONLY": "Nur Ticket",
+    "RENT_A_CAR": "Mietwagen",
+    "TRANSFERS": "Transfers",
+    "CRUISES": "Kreuzfahrten",
+    "ONE_ACCOMMODATION": "Eine Unterkunft",
+    "MULTIPLE_ACCOMMODATIONS": "Mehrere Unterkünfte",
+    "TRAVEL_CLASS_LABEL": "Reiseklasse",
+    "TRAVEL_CLASS_PLACEHOLDER": "Reiseklasse auswählen",
+    "TRAVEL_TYPE_LABEL": "Reiseart",
+    "TRAVEL_TYPE_PLACEHOLDER": "Reiseart auswählen",
+    "NATIONALITY_LABEL": "Staatsangehörigkeit",
+    "NATIONALITY_PLACEHOLDER": "Staatsangehörigkeit auswählen",
+    "TRAVELERS_LABEL": "Wer reist?",
+    "ADD_ROOM": "Zimmer hinzufügen",
+    "REMOVE_ROOM": "Zimmer entfernen",
+    "MAX_TRAVELERS_REACHED": "Sie haben die maximale Anzahl an Reisenden erreicht",
+    "ADULTS": "Erwachsene",
+    "CHILDREN": "Kinder",
+    "BABIES": "Babys",
+    "CHOOSE_DATES": "Daten auswählen",
+    "DEPARTURE_DATE": "Abreisedatum",
+    "RETURN_DATE": "Rückreisedatum",
+    "CONFIRM": "Bestätigen",
+    "TRAVELERS": "Reisende"
+  },
+  "SRP": {
+    "NO_RESULTS": "Keine Ergebnisse gefunden.",
+    "TOTAL_RESULTS_LABEL": "Gefundene Pakete",
+    "RESET": "Zurücksetzen",
+    "LUGGAGEINCLUDED": "Gepäck inklusive",
+    "CANCEL": "Abbrechen",
+    "APPLY": "Anwenden",
+    "LOADING": "Wird geladen...",
+    "SEARCHRESULTCTA": "Details anzeigen",
+    "SORTBY": "Sortieren nach",
+    "PRICE_ASC": "Preis (aufsteigend)",
+    "PRICE_DESC": "Preis (absteigend)",
+    "DEPARTURE_ASC": "Abreisedatum (früheste zuerst)",
+    "FILTERS": "Filter",
+    "SHOW_ITINERARY": "Reiseverlauf anzeigen",
+    "ITINERARY_TITLE": "Ihre Reiseübersicht",
+    "DOSSIER_NUMBER": "Vorgangsnummer",
+    "PACKAGE_PRICE_PER_PERSON": "Paketpreis pro Person",
+    "TOTAL": "Gesamt",
+    "DAY_BY_DAY": "Ihre Reise Tag für Tag",
+    "START": "Start",
+    "END": "Ende",
+    "EXTENDED": "Erweitert",
+    "COMPACT": "Kompakt",
+    "LIST": "Liste",
+    "SELECT": "Auswählen",
+    "DEPARTURE": "Abreise",
+    "RETURN": "Rückreise",
+    "DIRECT": "Direkt",
+    "STOPS": "Stopps",
+    "STOP": "Stopp",
+    "STOP_TIME": "Umsteigezeit",
+    "ACCOMMODATION": "Unterkunft",
+    "VIEW_DETAILS": "Details anzeigen",
+    "NIGHTS": "Nächte"
   }
 }