@qite/tide-booking-component 1.4.68 → 1.4.70

package/src/search-results/components/group-tour/group-tour-results.tsx

@@ -0,0 +1,40 @@
+import React, { useContext } from 'react';
+import Spinner from '../spinner/spinner';
+import SearchResultsConfigurationContext from '../../search-results-configuration-context';
+import { getTranslations } from '../../../shared/utils/localization-util';
+import { SearchResultsRootState } from '../../store/search-results-store';
+import { useSelector } from 'react-redux';
+import { isEmpty } from 'lodash';
+import GroupTourCard from './group-tour-card';
+
+interface GroupTourResultsProps {
+  isLoading: boolean;
+}
+
+const GroupTourResults: React.FC<GroupTourResultsProps> = ({ isLoading }) => {
+  const context = useContext(SearchResultsConfigurationContext);
+  if (!context) {
+    return;
+  }
+
+  if (isLoading) {
+    return <>{context.customSpinner ?? <Spinner />}</>;
+  }
+
+  const translations = getTranslations(context.languageCode ?? 'en-GB');
+  const { filteredResults, activeTab } = useSelector((state: SearchResultsRootState) => state.searchResults);
+
+  if (isEmpty(filteredResults)) {
+    return <div className="no-results">{translations.SRP.NO_RESULTS}</div>;
+  }
+
+  return (
+    <div className="search__results__cards search__results__cards--list">
+      {filteredResults.map((result, index) => (
+        <GroupTourCard key={index} result={result} />
+      ))}
+    </div>
+  );
+};
+
+export default GroupTourResults;

package/src/search-results/components/hotel/hotel-accommodation-results.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { HotelResult, SearchResultsConfiguration } from '../../types';
 import Spinner from '../spinner/spinner';
 import HotelCard from './hotel-card';
@@ -6,11 +6,11 @@ import { useSelector } from 'react-redux';
 import { SearchResultsRootState } from '../../store/search-results-store';
 import { BookingPackageItem } from '@qite/tide-client/build/types';
 import { format, parseISO } from 'date-fns';
-import { formatPrice, getTranslations } from '../../../shared/utils/localization-util';
+import { calculateNights, formatPrice, getTranslations } from '../../../shared/utils/localization-util';
+import SearchResultsConfigurationContext from '../../search-results-configuration-context';
 
 interface HotelAccommodationResultsProps {
   isLoading: boolean;
-  context: SearchResultsConfiguration;
 }
 
 const renderResults = (
@@ -49,22 +49,19 @@ const mapSearchResult = (searchResult: BookingPackageItem, cmsItem: any, languag
         : cmsItem?.parentItem?.name || '',
     price: formatPrice(searchResult.price, searchResult.currencyCode, languageCode),
     ctaText: translations?.SRP.VIEW_DETAILS,
-    days: calculateNights(searchResult.stayFromDate, searchResult.stayToDate, translations),
+    days: `${calculateNights(searchResult.stayFromDate, searchResult.stayToDate)} ${translations?.SRP.NIGHTS}`,
     accommodation: searchResult.accommodationName,
     regime: searchResult.regimeName,
     stars: cmsItem?.content?.general?.stars || searchResult.hotelStars
   };
 };
 
-const calculateNights = (fromDate: Date, toDate: Date, translations?: any): string => {
-  const from = new Date(fromDate).getTime(); // returns a number
-  const to = new Date(toDate).getTime(); // returns a number
-  const diffTime = Math.abs(to - from);
-  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
-  return `${diffDays} ${translations?.SRP.NIGHTS}`;
-};
+const HotelAccommodationResults: React.FC<HotelAccommodationResultsProps> = ({ isLoading }) => {
+  const context = useContext(SearchResultsConfigurationContext);
+  if (!context) {
+    return;
+  }
 
-const HotelAccommodationResults: React.FC<HotelAccommodationResultsProps> = ({ isLoading, context }) => {
   if (context.showMockup) {
     return showMocukups(context);
   }
@@ -75,9 +72,9 @@ const HotelAccommodationResults: React.FC<HotelAccommodationResultsProps> = ({ i
     return <>{context?.customSpinner ?? <Spinner />}</>;
   }
 
-  const { results, activeTab } = useSelector((state: SearchResultsRootState) => state.searchResults);
+  const { filteredResults, activeTab } = useSelector((state: SearchResultsRootState) => state.searchResults);
 
-  if (!results.length) {
+  if (!filteredResults.length) {
     return <div className="no-results">{translations.SRP.NO_RESULTS}</div>;
   }
 
@@ -90,7 +87,7 @@ const HotelAccommodationResults: React.FC<HotelAccommodationResultsProps> = ({ i
     return map;
   }, [context.cmsHotelData]);
 
-  const firstResult = results?.[0];
+  const firstResult = filteredResults?.[0];
 
   const firstResultDay = firstResult?.fromDate ? format(parseISO(firstResult.fromDate), 'd') : null;
 
@@ -109,7 +106,7 @@ const HotelAccommodationResults: React.FC<HotelAccommodationResultsProps> = ({ i
           </h3>
         </div>
       </div>
-      {renderResults(results, context, cmsMap, activeTab, translations)}
+      {renderResults(filteredResults, context, cmsMap, activeTab, translations)}
     </>
   );
 };

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

@@ -654,6 +654,24 @@ const Icon: React.FC<IconProps> = ({ name, className, title, width, height, fill
         </svg>
       );
 
+    case 'ui-other':
+      return (
+        <svg
+          className={['icon', `icon--${name}`, className].filter((className) => !isEmpty(className)).join(' ')}
+          width={width}
+          height={height}
+          viewBox="0 0 640 512"
+          fill={fill ?? 'currentColor'}>
+          <HTMLComment text="!Font Awesome Free 6.7.2 - mars-and-venus" />
+          {title && <title>{title}</title>}
+
+          <path
+            d="M320 32c0-17.7 14.3-32 32-32l128 0c17.7 0 32 14.3 32 32l0 128c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-50.7-64.2 64.2c19.5 28.4 31 62.7 31 99.8 0 97.2-78.8 176-176 176S32 401.2 32 304s78.8-176 176-176c37.1 0 71.4 11.5 99.8 31l64.2-64.2L320 96c-17.7 0-32-14.3-32-32zM208 416a112 112 0 1 0 0-224 112 112 0 1 0 0 224z"
+            fill="currentColor"
+          />
+        </svg>
+      );
+
     default:
       return null;
   }

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

@@ -10,7 +10,8 @@ import {
   setSelectedHotel,
   setBookingPackageDetails,
   setEntry,
-  setFlyInIsOpen
+  setFlyInIsOpen,
+  setFilteredResults
 } from '../../store/search-results-slice';
 import { Filter, SortByType } from '../../types';
 import useMediaQuery from '../../../shared/utils/use-media-query-util';
@@ -41,6 +42,8 @@ import { getTranslations } from '../../../shared/utils/localization-util';
 import { FlightSearchProvider } from '../flight/flight-search-context';
 import FlightResultsContainer from './flight-search-results';
 import Filters from '../filters/filters';
+import GroupTourResults from '../group-tour/group-tour-results';
+import { applyFilters } from '../../utils/search-results-utils';
 
 const SearchResultsContainer: React.FC = () => {
   const dispatch = useDispatch();
@@ -48,16 +51,16 @@ const SearchResultsContainer: React.FC = () => {
   const context = useContext(SearchResultsConfigurationContext);
   const translations = getTranslations(context?.languageCode ?? 'en-GB');
 
-  const { results, bookingPackageDetails, entry, isLoading, filters, sortKey, selectedHotelId, flyInIsOpen } = useSelector(
+  const { results, filteredResults, bookingPackageDetails, entry, isLoading, filters, sortKey, selectedHotelId, flyInIsOpen } = useSelector(
     (state: SearchResultsRootState) => state.searchResults
   );
 
   const isMobile = useMediaQuery('(max-width: 1200px)');
 
-  const [searchTrigger, setSearchTrigger] = useState(0);
   const [initialFiltersSet, setInitialFiltersSet] = useState(false);
   const [initialFilters, setInitialFilters] = useState<Filter[]>([]);
   const [filtersOpen, setFiltersOpen] = useState(false);
+
   const [itineraryOpen, setItineraryOpen] = useState(false);
 
   const panelRef = useRef<HTMLDivElement | null>(null);
@@ -155,10 +158,8 @@ const SearchResultsContainer: React.FC = () => {
     let hotel = getNumberFromParams(params, 'hotel');
     let tagId = getNumberFromParams(params, 'tagId');
 
-    // temp hardcoded params
     if (!from || !to) {
       console.error('Missing fromDate or toDate in query params, using default values');
-
       return null;
     }
 
@@ -190,8 +191,9 @@ const SearchResultsContainer: React.FC = () => {
       officeId: 1,
       payload: {
         catalogueIds: context!.tideConnection.catalogueIds ?? [],
-        serviceType: context!.type === 'hotel' || context!.type === 'hotel-flight' ? 3 : context!.type === 'flight' ? 7 : context!.type === 'roundTrip' ? 1 : 0,
-        searchType: 0,
+        serviceType:
+          context!.type === 'hotel' || context!.type === 'hotel-flight' ? 3 : context!.type === 'flight' ? 7 : context!.type === 'roundTrip' ? 1 : undefined,
+        searchType: context!.type === 'groupTour' ? 1 : 0,
         destination: {
           id: Number(destinationId),
           isCountry: destinationIsCountry,
@@ -212,7 +214,7 @@ const SearchResultsContainer: React.FC = () => {
         //     .flatMap((o) => o.value.toString()) || [],
         // minPrice: filters.find((f) => f.property === 'price')?.selectedMin,
         // maxPrice: filters.find((f) => f.property === 'price')?.selectedMax,
-        useExactDates: true,
+        useExactDates: context?.type === 'groupTour' ? false : true,
         onlyCachedResults: false,
         includeAllAllotments: true,
         productIds: hotel ? [hotel] : [],
@@ -288,7 +290,7 @@ const SearchResultsContainer: React.FC = () => {
 
   // seperate Search
   useEffect(() => {
-    const runHotelSearch = async () => {
+    const runSearch = async () => {
       dispatch(setIsLoading(true));
       try {
         if (!context) {
@@ -314,7 +316,6 @@ const SearchResultsContainer: React.FC = () => {
           searchRequest = buildSearchFromEntry(entryLight);
         } else {
           const rq = buildSearchFromQueryParams(params);
-
           if (!rq) {
             throw new Error('Invalid search parameters');
           }
@@ -326,14 +327,17 @@ const SearchResultsContainer: React.FC = () => {
 
         console.log('Search results', packageSearchResults);
 
-        const enrichedFilters = enrichFiltersWithResults(packageSearchResults, context.filters);
+        const enrichedFilters = enrichFiltersWithResults(packageSearchResults, context.filters, context.tags ?? []);
         if (!initialFiltersSet) {
           dispatch(resetFilters(enrichedFilters));
           setInitialFilters(enrichedFilters);
           setInitialFiltersSet(true);
         }
 
-        dispatch(setResults({ results: packageSearchResults }));
+        dispatch(setResults(packageSearchResults));
+        const initialFilteredResults = applyFilters(packageSearchResults, filters);
+        dispatch(setFilteredResults(initialFilteredResults));
+
         if (packageSearchResults?.length > 0) {
           if (entryId) {
             const matching = packageSearchResults.find((r) => r.productId === entry?.id);
@@ -354,11 +358,11 @@ const SearchResultsContainer: React.FC = () => {
     };
 
     if (!context?.showMockup) {
-      if (context?.type === 'hotel-flight' || context?.type === 'hotel') {
-        runHotelSearch();
+      if (context?.type === 'hotel-flight' || context?.type === 'hotel' || context?.type === 'groupTour') {
+        runSearch();
       }
     }
-  }, [location.search, searchTrigger]);
+  }, [location.search]);
 
   // Seperate detailsCall
   useEffect(() => {
@@ -427,6 +431,11 @@ const SearchResultsContainer: React.FC = () => {
     fetchPackageDetails();
   }, [selectedHotelId]);
 
+  useEffect(() => {
+    const filteredResults = applyFilters(results, filters);
+    dispatch(setFilteredResults(filteredResults));
+  }, [filters, results]);
+
   return (
     <div id="tide-booking" className="search__bg">
       {context && (
@@ -438,14 +447,15 @@ const SearchResultsContainer: React.FC = () => {
                 <FlyIn srpType={context.type} isOpen={flyInIsOpen} setIsOpen={handleFlyInToggle} onPanelRef={(el) => (panelRef.current = el)} />
               </FlightSearchProvider>
             )}
-            {(context.type === 'hotel-flight' || context.type === 'hotel' || context.type === 'roundTrip') && (
+            {(context.type === 'hotel-flight' || context.type === 'hotel' || context.type === 'groupTour' || context.type === 'roundTrip') && (
               <>
                 {context.type != 'hotel-flight' && context.showFilters && (
                   <Filters
+                    initialFilters={initialFilters}
                     filters={filters}
                     isOpen={filtersOpen}
                     handleSetIsOpen={() => setFiltersOpen(!filtersOpen)}
-                    handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
+                    // handleApplyFilters={() => setSearchTrigger((prev) => prev + 1)}
                     isLoading={isLoading}
                   />
                 )}
@@ -486,7 +496,7 @@ const SearchResultsContainer: React.FC = () => {
                     <span className="search__result-row-text">
                       {!isLoading && (
                         <>
-                          {results?.length && results.length} {translations.SRP.TOTAL_RESULTS_LABEL}
+                          {filteredResults?.length && filteredResults.length} {translations.SRP.TOTAL_RESULTS_LABEL}
                         </>
                       )}
                     </span>
@@ -509,11 +519,13 @@ const SearchResultsContainer: React.FC = () => {
 
                     {context.showRoundTripResults && context.showMockup && <RoundTripResults />}
 
+                    {context.type === 'groupTour' && <GroupTourResults isLoading={isLoading} />}
+
                     {context.type === 'hotel-flight' && context.showFlightResults && bookingPackageDetails?.outwardFlights && (
                       <FlightResults flights={bookingPackageDetails?.outwardFlights} isDeparture={true} />
                     )}
 
-                    {context.showHotelAccommodationResults && <HotelAccommodationResults isLoading={isLoading} context={context} />}
+                    {context.showHotelAccommodationResults && <HotelAccommodationResults isLoading={isLoading} />}
 
                     {context.type === 'hotel-flight' && context.showFlightResults && bookingPackageDetails?.returnFlights && (
                       <FlightResults flights={bookingPackageDetails?.returnFlights} isDeparture={false} />

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

@@ -4,6 +4,7 @@ import { BookingPackage, BookingPackageItem, EntryLight } from '@qite/tide-clien
 
 export interface SearchResultsState {
   results: BookingPackageItem[];
+  filteredResults: BookingPackageItem[];
   selectedHotelId: number | null;
   selectedFlight: ExtendedFlightSearchResponseItem | null;
   selectedFlightDetails: ExtendedFlightSearchResponseItem | null;
@@ -19,6 +20,7 @@ export interface SearchResultsState {
 
 const initialState: SearchResultsState = {
   results: [],
+  filteredResults: [],
   selectedHotelId: null,
   selectedFlight: null,
   selectedFlightDetails: null,
@@ -36,8 +38,11 @@ const searchResultsSlice = createSlice({
   name: 'searchResults',
   initialState,
   reducers: {
-    setResults(state, action: PayloadAction<{ results: BookingPackageItem[] }>) {
-      state.results = action.payload.results;
+    setResults(state, action: PayloadAction<BookingPackageItem[]>) {
+      state.results = action.payload;
+    },
+    setFilteredResults(state, action: PayloadAction<BookingPackageItem[]>) {
+      state.filteredResults = action.payload;
     },
     setSelectedHotel(state, action: PayloadAction<number | null>) {
       state.selectedHotelId = action.payload;
@@ -109,6 +114,7 @@ const searchResultsSlice = createSlice({
 
 export const {
   setResults,
+  setFilteredResults,
   setSelectedHotel,
   setSelectedFlight,
   setSelectedFlightDetails,

package/src/search-results/types.ts

@@ -1,7 +1,7 @@
 import { FlightSearchResponseItem } from '@qite/tide-client';
 import { ReactNode } from 'react';
+import { SRPType } from '../shared/types';
 
-export type SRPType = 'hotel' | 'flight' | 'hotel-flight' | 'roundTrip';
 export type FlightSelectionMode = 'paired' | 'independent';
 
 export interface SearchResultsConfiguration {
@@ -46,6 +46,8 @@ export interface SearchResultsConfiguration {
   customSpinner?: ReactNode;
 
   cmsHotelData?: any[];
+  tags?: TideTag[];
+
   languageCode?: string;
 
   destinationImage?: { url: string; alt: string };
@@ -53,7 +55,7 @@ export interface SearchResultsConfiguration {
 
 export type FilterType = 'checkbox' | 'toggle' | 'slider' | 'star-rating';
 
-export type FilterProperty = 'regime' | 'max-duration' | 'price' | 'rating' | 'theme';
+export type FilterProperty = 'regime' | 'accommodation' | 'max-duration' | 'price' | 'rating' | 'theme';
 
 export interface FilterOption {
   label: string;
@@ -168,3 +170,8 @@ export interface SortByType {
   label: string;
   icon?: ReactNode;
 }
+
+export interface TideTag {
+  id: number;
+  name: string;
+}

package/src/search-results/utils/search-results-utils.ts

@@ -0,0 +1,42 @@
+import { BookingPackageItem } from '@qite/tide-client';
+import { Filter } from '../types';
+
+export const applyFilters = (results: BookingPackageItem[], filters: Filter[]) => {
+  return results.filter((r) => {
+    return filters.every((filter) => {
+      if (!filter.isFrontendFilter) return true;
+
+      // ACCOMMODATION
+      if (filter.property === 'accommodation') {
+        const selected = filter.options?.filter((o) => o.isChecked).map((o) => o.value);
+        if (!selected || selected.length === 0) return true;
+        return selected.includes(r.accommodationCode);
+      }
+
+      // REGIME
+      if (filter.property === 'regime') {
+        const selected = filter.options?.filter((o) => o.isChecked).map((o) => o.value);
+        if (!selected || selected.length === 0) return true;
+        if (!r.regimeCode) return false;
+        return selected.includes(r.regimeCode);
+      }
+
+      // PRICE
+      if (filter.property === 'price') {
+        if (filter.selectedMin != null && r.price < filter.selectedMin) return false;
+        if (filter.selectedMax != null && r.price > filter.selectedMax) return false;
+        return true;
+      }
+
+      // THEME
+      if (filter.property === 'theme') {
+        const selected = filter.options?.filter((o) => o.isChecked).map((o) => o.value);
+        if (!selected || selected.length === 0) return true;
+
+        return r.tagIds?.some((tagId) => selected.includes(tagId));
+      }
+
+      return true;
+    });
+  });
+};

package/src/shared/components/flyin.tsx

@@ -1,6 +1,6 @@
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import Icon from './icon';
-import { ExtendedFlightSearchResponseItem, SRPType } from '../../search-results/types';
+import { ExtendedFlightSearchResponseItem } from '../../search-results/types';
 import { useFlightSearch } from '../../search-results/components/flight/flight-search-context';
 import { useDispatch, useSelector } from 'react-redux';
 import { setSelectedFlight, setSelectedFlightDetails } from '../../search-results/store/search-results-slice';
@@ -10,6 +10,7 @@ import SearchResultsConfigurationContext from '../../search-results/search-resul
 import { durationTicksInHoursString, getTranslations, timeFromDateTime } from '../utils/localization-util';
 import { getArrivalSegment, getDepartureSegment, getNumberOfStopsLabel } from '../../search-results/utils/flight-utils';
 import { first, isEmpty } from 'lodash';
+import { SRPType } from '../types';
 
 type FlyInProps = {
   srpType?: SRPType;

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

@@ -323,7 +323,8 @@
     "DEPARTURE_DATE": "تاريخ المغادرة",
     "RETURN_DATE": "تاريخ العودة",
     "CONFIRM": "تأكيد",
-    "TRAVELERS": "المسافرون"
+    "TRAVELERS": "المسافرون",
+    "GROUP_TOUR": "جولة جماعية"
   },
   "SRP": {
     "NO_RESULTS": "لم يتم العثور على نتائج.",
@@ -371,6 +372,7 @@
     "DEPARTURE_TIME_ASC": "وقت المغادرة تصاعدياً",
     "DEPARTURE_TIME_DESC": "وقت المغادرة تنازلياً",
     "DURATION_ASC": "المدة تصاعدياً",
-    "DURATION_DESC": "المدة تنازلياً"
+    "DURATION_DESC": "المدة تنازلياً",
+    "TRAVEL_GROUP": "مجموعة المسافرين"
   }
 }

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

@@ -323,7 +323,8 @@
     "DEPARTURE_DATE": "Afrejsedato",
     "RETURN_DATE": "Hjemrejsedato",
     "CONFIRM": "Bekræft",
-    "TRAVELERS": "Rejsende"
+    "TRAVELERS": "Rejsende",
+    "GROUP_TOUR": "Grupperejse"
   },
   "SRP": {
     "NO_RESULTS": "Ingen resultater fundet.",
@@ -371,6 +372,7 @@
     "DEPARTURE_TIME_ASC": "Afgangstid stigende",
     "DEPARTURE_TIME_DESC": "Afgangstid faldende",
     "DURATION_ASC": "Varighed stigende",
-    "DURATION_DESC": "Varighed faldende"
+    "DURATION_DESC": "Varighed faldende",
+    "TRAVEL_GROUP": "Rejseselskab"
   }
 }

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

@@ -323,7 +323,8 @@
     "DEPARTURE_DATE": "Abreisedatum",
     "RETURN_DATE": "Rückreisedatum",
     "CONFIRM": "Bestätigen",
-    "TRAVELERS": "Reisende"
+    "TRAVELERS": "Reisende",
+    "GROUP_TOUR": "Gruppentour"
   },
   "SRP": {
     "NO_RESULTS": "Keine Ergebnisse gefunden.",
@@ -371,6 +372,7 @@
     "DEPARTURE_RANGE": "Abflugzeitraum",
     "DEPARTURE_AIRPORTS": "Abflughäfen",
     "ARRIVAL_AIRPORTS": "Ankunftsflughäfen",
-    "PRICE": "Preis"
+    "PRICE": "Preis",
+    "TRAVEL_GROUP": "Reisegruppe"
   }
 }

package/src/shared/translations/en-GB.json

@@ -327,7 +327,8 @@
     "DEPARTURE_DATE": "Departure date",
     "RETURN_DATE": "Return date",
     "CONFIRM": "Confirm",
-    "TRAVELERS": "Travelers"
+    "TRAVELERS": "Travelers",
+    "GROUP_TOUR": "Group tour"
   },
   "SRP": {
     "NO_RESULTS": "No results found.",
@@ -375,6 +376,7 @@
     "NIGHT_RANGE": "Night",
     "DEPARTURE_RANGE": "Departure range",
     "DEPARTURE_AIRPORTS": "Departure airports",
-    "ARRIVAL_AIRPORTS": "Arrival airports"
+    "ARRIVAL_AIRPORTS": "Arrival airports",
+    "TRAVEL_GROUP": "Travel group"
   }
 }

package/src/shared/translations/es-ES.json

@@ -323,7 +323,8 @@
     "DEPARTURE_DATE": "Fecha de salida",
     "RETURN_DATE": "Fecha de regreso",
     "CONFIRM": "Confirmar",
-    "TRAVELERS": "Viajeros"
+    "TRAVELERS": "Viajeros",
+    "GROUP_TOUR": "Tour grupal"
   },
   "SRP": {
     "NO_RESULTS": "No se han encontrado resultados.",
@@ -371,6 +372,7 @@
     "DEPARTURE_RANGE": "Franja de salida",
     "DEPARTURE_AIRPORTS": "Aeropuertos de salida",
     "ARRIVAL_AIRPORTS": "Aeropuertos de llegada",
-    "PRICE": "Precio"
+    "PRICE": "Precio",
+    "TRAVEL_GROUP": "Grupo de viaje"
   }
 }

package/src/shared/translations/fr-BE.json

@@ -327,7 +327,8 @@
     "DEPARTURE_DATE": "Date de départ",
     "RETURN_DATE": "Date de retour",
     "CONFIRM": "Confirmer",
-    "TRAVELERS": "Voyageurs"
+    "TRAVELERS": "Voyageurs",
+    "GROUP_TOUR": "Tour en groupe"
   },
   "SRP": {
     "NO_RESULTS": "Aucun résultat trouvé.",
@@ -375,6 +376,7 @@
     "DEPARTURE_RANGE": "Plage de départ",
     "DEPARTURE_AIRPORTS": "Aéroports de départ",
     "ARRIVAL_AIRPORTS": "Aéroports d’arrivée",
-    "PRICE": "Prix"
+    "PRICE": "Prix",
+    "TRAVEL_GROUP": "Groupe de voyageurs"
   }
 }

package/src/shared/translations/fr-FR.json

@@ -323,7 +323,8 @@
     "DEPARTURE_DATE": "Date de départ",
     "RETURN_DATE": "Date de retour",
     "CONFIRM": "Confirmer",
-    "TRAVELERS": "Voyageurs"
+    "TRAVELERS": "Voyageurs",
+    "GROUP_TOUR": "Tour en groupe"
   },
   "SRP": {
     "NO_RESULTS": "Aucun résultat trouvé.",
@@ -371,6 +372,7 @@
     "DEPARTURE_RANGE": "Plage de départ",
     "DEPARTURE_AIRPORTS": "Aéroports de départ",
     "ARRIVAL_AIRPORTS": "Aéroports d’arrivée",
-    "PRICE": "Prix"
+    "PRICE": "Prix",
+    "TRAVEL_GROUP": "Groupe de voyageurs"
   }
 }

package/src/shared/translations/is-IS.json

@@ -323,7 +323,8 @@
     "DEPARTURE_DATE": "Brottfarardagur",
     "RETURN_DATE": "Heimkomudagur",
     "CONFIRM": "Staðfesta",
-    "TRAVELERS": "Ferðalangar"
+    "TRAVELERS": "Ferðalangar",
+    "GROUP_TOUR": "Ferð í hóp"
   },
   "SRP": {
     "NO_RESULTS": "Engar niðurstöður fundust.",
@@ -371,6 +372,7 @@
     "DEPARTURE_RANGE": "Brottfarartímabil",
     "DEPARTURE_AIRPORTS": "Brottfararflugvellir",
     "ARRIVAL_AIRPORTS": "Komuflugvellir",
-    "PRICE": "Verð"
+    "PRICE": "Verð",
+    "TRAVEL_GROUP": "Ferðahópur"
   }
 }

package/src/shared/translations/it-IT.json

@@ -323,7 +323,8 @@
     "DEPARTURE_DATE": "Data di partenza",
     "RETURN_DATE": "Data di ritorno",
     "CONFIRM": "Conferma",
-    "TRAVELERS": "Viaggiatori"
+    "TRAVELERS": "Viaggiatori",
+    "GROUP_TOUR": "Tour di gruppo"
   },
   "SRP": {
     "NO_RESULTS": "Nessun risultato trovato.",
@@ -371,6 +372,7 @@
     "DEPARTURE_RANGE": "Fascia di partenza",
     "DEPARTURE_AIRPORTS": "Aeroporti di partenza",
     "ARRIVAL_AIRPORTS": "Aeroporti di arrivo",
-    "PRICE": "Prezzo"
+    "PRICE": "Prezzo",
+    "TRAVEL_GROUP": "Gruppo di viaggio"
   }
 }

package/src/shared/translations/ja-JP.json

@@ -323,7 +323,8 @@
     "DEPARTURE_DATE": "出発日",
     "RETURN_DATE": "帰着日",
     "CONFIRM": "確認",
-    "TRAVELERS": "旅行者"
+    "TRAVELERS": "旅行者",
+    "GROUP_TOUR": "グループツアー"
   },
   "SRP": {
     "NO_RESULTS": "結果が見つかりませんでした。",
@@ -371,6 +372,7 @@
     "DEPARTURE_RANGE": "出発時間帯",
     "DEPARTURE_AIRPORTS": "出発空港",
     "ARRIVAL_AIRPORTS": "到着空港",
-    "PRICE": "価格"
+    "PRICE": "価格",
+    "TRAVEL_GROUP": "旅行グループ"
   }
 }