@qite/tide-booking-component 1.4.38 → 1.4.40

package/src/shared/components/flyin.tsx

@@ -0,0 +1,334 @@
+import React, { useEffect, useRef } from 'react';
+
+type FlyInProps = {
+  isOpen: boolean;
+  setIsOpen: (open: boolean) => void;
+  className?: string;
+  onPanelRef?: (el: HTMLDivElement | null) => void;
+};
+
+const FlyIn: React.FC<FlyInProps> = ({ isOpen, setIsOpen, className = '', onPanelRef }) => {
+  const panelRef = useRef<HTMLDivElement>(null);
+
+  // expose DOM node if needed
+  useEffect(() => {
+    onPanelRef?.(panelRef.current);
+    return () => onPanelRef?.(null);
+  }, [onPanelRef]);
+
+  // click outside detection
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (isOpen && panelRef.current && !panelRef.current.contains(event.target as Node)) {
+        setIsOpen(false);
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, [isOpen, setIsOpen]);
+
+  // body scroll lock
+  useEffect(() => {
+    document.body.style.overflow = isOpen ? 'hidden' : '';
+    return () => {
+      document.body.style.overflow = '';
+    };
+  }, [isOpen]);
+
+  return (
+    <div className={`flyin ${isOpen ? 'flyin--active' : ''} ${className}`}>
+      <div className={`flyin__panel ${isOpen ? 'flyin__panel--active' : ''}`} ref={panelRef}>
+        <div className="flyin__content">
+          <div className="flyin__content-title-row">
+            <span className="flyin__content-title">Select your fare</span>
+            <span className="flyin__close" onClick={() => setIsOpen(!isOpen)}>
+              Close
+            </span>
+          </div>
+
+          <div className="flyin__content-text-row">
+            <div className="flyin__content-text-col">
+              <span className="flyin__content-text-title-row">Departure flight BRU - VIE</span>
+              <span className="flyin__content-text">09:10 - 11:00 (1h 50m, non-stop), 2 travellers</span>
+            </div>
+
+            <div className="flyin__content-text-icon-row">
+              <span className="logo" aria-hidden="true"></span>
+              <span>Austrian Airlines</span>
+            </div>
+
+            <div className="flyin__content-arrow-row">
+              <div className="flyin__content-arrow is-disabled" aria-disabled="true">
+                ◀
+              </div>
+              <div className="flyin__content-arrow">▶</div>
+            </div>
+          </div>
+        </div>
+
+        <div className="flyin__content-cards-wrapper">
+          <div className="flyin__content-cards">
+            <div className="flyin__content-card flyin__content-card--selected">
+              <div className="flyin__content-card-top">
+                <span className="flyin__content-card-top-price">€129.00</span>
+                <span className="flyin__content-card-top-tag">Basic</span>
+              </div>
+
+              <div className="flyin__content-card-middle">
+                <div className="flyin__content-card-middle-rows">
+                  <div className="flyin__content-card-middle-row">
+                    <span className="flyin__content-card-middle-row-left">Number of travellers</span>
+                    <span className="flyin__content-card-middle-row-right">2</span>
+                  </div>
+
+                  <div className="flyin__content-card-middle-row">
+                    <span className="flyin__content-card-middle-row-left">Travel class</span>
+                    <span className="flyin__content-card-middle-row-right">Economy (Light)</span>
+                  </div>
+
+                  <div className="flyin__content-card-middle-row">
+                    <span className="flyin__content-card-middle-row-left">Booking class</span>
+                    <span className="flyin__content-card-middle-row-right">K</span>
+                  </div>
+
+                  <div className="flyin__content-card-middle-row">
+                    <span className="flyin__content-card-middle-row-left">Fare basis</span>
+                    <span className="flyin__content-card-middle-row-right">KOWBE</span>
+                  </div>
+
+                  <div className="flyin__content-data">
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/search-flightcard-suitcase-icon.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Carry-on luggage</div>
+                        <div className="flyin__content-data__item-content-description">1 x 8kg</div>
+                      </div>
+                    </div>
+
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/search-flightcard-suitcase-icon.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Checked luggage</div>
+                        <div className="flyin__content-data__item-content-description">Not included</div>
+                      </div>
+                    </div>
+
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/seat-selection.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Seat selection</div>
+                        <div className="flyin__content-data__item-content-description">Not included</div>
+                      </div>
+                    </div>
+
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/ticket-change.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Refund</div>
+                        <div className="flyin__content-data__item-content-description">Not allowed</div>
+                      </div>
+                    </div>
+
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon flyin__content-data__item-icon--other">
+                        <img src="icons/other-icon.svg" width="20" height="20" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Other</div>
+                        <ul className="flyin__content-data__item-content-description flyin__content-data__item-content-description--list">
+                          <li>Boarding group last</li>
+                          <li>No changes</li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div className="flyin__content-card-bottom">
+                <span>Current selection</span>
+              </div>
+            </div>
+
+            <div className="flyin__content-card">
+              <div className="flyin__content-card-top">
+                <span className="flyin__content-card-top-price">€169.00</span>
+                <span className="flyin__content-card-top-tag">Standard</span>
+              </div>
+
+              <div className="flyin__content-card-middle">
+                <div className="flyin__content-card-middle-rows">
+                  <div className="flyin__content-card-middle-row">
+                    <span className="flyin__content-card-middle-row-left">Number of travellers</span>
+                    <span className="flyin__content-card-middle-row-right">2</span>
+                  </div>
+
+                  <div className="flyin__content-card-middle-row">
+                    <span className="flyin__content-card-middle-row-left">Travel class</span>
+                    <span className="flyin__content-card-middle-row-right">Economy (Standard)</span>
+                  </div>
+
+                  <div className="flyin__content-card-middle-row">
+                    <span className="flyin__content-card-middle-row-left">Booking class</span>
+                    <span className="flyin__content-card-middle-row-right">M</span>
+                  </div>
+
+                  <div className="flyin__content-card-middle-row">
+                    <span className="flyin__content-card-middle-row-left">Fare basis</span>
+                    <span className="flyin__content-card-middle-row-right">MOWBE</span>
+                  </div>
+
+                  <div className="flyin__content-data">
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/search-flightcard-suitcase-icon.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Carry-on luggage</div>
+                        <div className="flyin__content-data__item-content-description">1 x 8kg</div>
+                      </div>
+                    </div>
+
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/search-flightcard-suitcase-icon.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Checked luggage</div>
+                        <div className="flyin__content-data__item-content-description">1 x 23kg</div>
+                      </div>
+                    </div>
+
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/seat-selection.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Seat selection</div>
+                        <div className="flyin__content-data__item-content-description">Included</div>
+                      </div>
+                    </div>
+
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/check-in.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Priority</div>
+                        <div className="flyin__content-data__item-content-description">Fast check-in</div>
+                      </div>
+                    </div>
+
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/other-icon.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Other</div>
+                        <ul className="flyin__content-data__item-content-description flyin__content-data__item-content-description--list">
+                          <li>Changes allowed with fee</li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div className="flyin__content-card-button">Select</div>
+            </div>
+
+            <div className="flyin__content-card">
+              <div className="flyin__content-card-top">
+                <span className="flyin__content-card-top-price">€219.00</span>
+                <span className="flyin__content-card-top-tag">Flex</span>
+              </div>
+
+              <div className="flyin__content-card-middle">
+                <div className="flyin__content-card-middle-rows">
+                  <div className="flyin__content-card-middle-row">
+                    <span className="flyin__content-card-middle-row-left">Number of travellers</span>
+                    <span className="flyin__content-card-middle-row-right">2</span>
+                  </div>
+
+                  <div className="flyin__content-card-middle-row">
+                    <span className="flyin__content-card-middle-row-left">Travel class</span>
+                    <span className="flyin__content-card-middle-row-right">Economy (Flex)</span>
+                  </div>
+
+                  <div className="flyin__content-card-middle-row">
+                    <span className="flyin__content-card-middle-row-left">Booking class</span>
+                    <span className="flyin__content-card-middle-row-right">Y</span>
+                  </div>
+
+                  <div className="flyin__content-card-middle-row">
+                    <span className="flyin__content-card-middle-row-left">Fare basis</span>
+                    <span className="flyin__content-card-middle-row-right">YOWBE</span>
+                  </div>
+
+                  <div className="flyin__content-data">
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/search-flightcard-suitcase-icon.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Carry-on luggage</div>
+                        <div className="flyin__content-data__item-content-description">1 x 8kg</div>
+                      </div>
+                    </div>
+
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/search-flightcard-suitcase-icon.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Checked luggage</div>
+                        <div className="flyin__content-data__item-content-description">1 x 23kg</div>
+                      </div>
+                    </div>
+
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/lounge.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Lounge</div>
+                        <div className="flyin__content-data__item-content-description">Included</div>
+                      </div>
+                    </div>
+
+                    <div className="flyin__content-data__item">
+                      <div className="flyin__content-data__item-icon">
+                        <img src="icons/ticket-change.svg" width="16" height="16" alt="" />
+                      </div>
+                      <div className="flyin__content-data__item-content">
+                        <div className="flyin__content-data__item-content-title">Refund</div>
+                        <div className="flyin__content-data__item-content-description">Allowed with fee</div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div className="flyin__content-card-button">Select</div>
+            </div>
+          </div>
+        </div>
+
+        <div className="flyin__button-wrapper">
+          <button className="flyin__button">Next</button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default FlyIn;

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

@@ -314,6 +314,18 @@
     "STOP_TIME": "مدة التوقف",
     "ACCOMMODATION": "الإقامة",
     "VIEW_DETAILS": "عرض التفاصيل",
-    "NIGHTS": "ليالٍ"
+    "NIGHTS": "ليالٍ",
+    "MORNING_RANGE": "الصباح",
+    "AFTERNOON_RANGE": "بعد الظهر",
+    "EVENING_RANGE": "المساء",
+    "NIGHT_RANGE": "الليل",
+    "DEPARTURE_RANGE": "نطاق المغادرة",
+    "DEPARTURE_AIRPORTS": "مطارات المغادرة",
+    "ARRIVAL_AIRPORTS": "مطارات الوصول",
+    "PRICE": "السعر",
+    "DEPARTURE_TIME_ASC": "وقت المغادرة تصاعدياً",
+    "DEPARTURE_TIME_DESC": "وقت المغادرة تنازلياً",
+    "DURATION_ASC": "المدة تصاعدياً",
+    "DURATION_DESC": "المدة تنازلياً"
   }
 }

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

@@ -314,6 +314,18 @@
     "STOP_TIME": "Skiftetid",
     "ACCOMMODATION": "Indkvartering",
     "VIEW_DETAILS": "Se detaljer",
-    "NIGHTS": "nætter"
+    "NIGHTS": "nætter",
+    "MORNING_RANGE": "Morgen",
+    "AFTERNOON_RANGE": "Eftermiddag",
+    "EVENING_RANGE": "Aften",
+    "NIGHT_RANGE": "Nat",
+    "DEPARTURE_RANGE": "Afgangstidspunkt",
+    "DEPARTURE_AIRPORTS": "Afgangslufthavne",
+    "ARRIVAL_AIRPORTS": "Ankomstlufthavne",
+    "PRICE": "Pris",
+    "DEPARTURE_TIME_ASC": "Afgangstid stigende",
+    "DEPARTURE_TIME_DESC": "Afgangstid faldende",
+    "DURATION_ASC": "Varighed stigende",
+    "DURATION_DESC": "Varighed faldende"
   }
 }

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

@@ -291,6 +291,10 @@
     "SEARCHRESULTCTA": "Details anzeigen",
     "SORTBY": "Sortieren nach",
     "PRICE_ASC": "Preis (aufsteigend)",
+    "DEPARTURE_TIME_ASC": "Abflugzeit aufsteigend",
+    "DEPARTURE_TIME_DESC": "Abflugzeit absteigend",
+    "DURATION_ASC": "Dauer aufsteigend",
+    "DURATION_DESC": "Dauer absteigend",
     "PRICE_DESC": "Preis (absteigend)",
     "DEPARTURE_ASC": "Abreisedatum (früheste zuerst)",
     "FILTERS": "Filter",
@@ -314,6 +318,14 @@
     "STOP_TIME": "Umsteigezeit",
     "ACCOMMODATION": "Unterkunft",
     "VIEW_DETAILS": "Details anzeigen",
-    "NIGHTS": "Nächte"
+    "NIGHTS": "Nächte",
+    "MORNING_RANGE": "Morgen",
+    "AFTERNOON_RANGE": "Nachmittag",
+    "EVENING_RANGE": "Abend",
+    "NIGHT_RANGE": "Nacht",
+    "DEPARTURE_RANGE": "Abflugzeitraum",
+    "DEPARTURE_AIRPORTS": "Abflughäfen",
+    "ARRIVAL_AIRPORTS": "Ankunftsflughäfen",
+    "PRICE": "Preis"
   }
 }

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

@@ -296,6 +296,10 @@
     "SORTBY": "Sort by",
     "PRICE_ASC": "Price (low to high)",
     "PRICE_DESC": "Price (high to low)",
+    "DEPARTURE_TIME_ASC": "Departure time ascending",
+    "DEPARTURE_TIME_DESC": "Departure time descending",
+    "DURATION_ASC": "Duration ascending",
+    "DURATION_DESC": "Duration descending",
     "DEPARTURE_ASC": "Departure date (soonest first)",
     "FILTERS": "Filters",
     "SHOW_ITINERARY": "Show itinerary",
@@ -318,6 +322,14 @@
     "STOP_TIME": "Change time",
     "ACCOMMODATION": "Accommodation",
     "VIEW_DETAILS": "View details",
-    "NIGHTS": "nights"
+    "NIGHTS": "nights",
+    "PRICE": "Price",
+    "MORNING_RANGE": "Morning",
+    "AFTERNOON_RANGE": "Afternoon",
+    "EVENING_RANGE": "Evening",
+    "NIGHT_RANGE": "Night",
+    "DEPARTURE_RANGE": "Departure range",
+    "DEPARTURE_AIRPORTS": "Departure airports",
+    "ARRIVAL_AIRPORTS": "Arrival airports"
   }
 }

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

@@ -292,6 +292,10 @@
     "SORTBY": "Ordenar por",
     "PRICE_ASC": "Precio (de menor a mayor)",
     "PRICE_DESC": "Precio (de mayor a menor)",
+    "DEPARTURE_TIME_ASC": "Hora de salida ascendente",
+    "DEPARTURE_TIME_DESC": "Hora de salida descendente",
+    "DURATION_ASC": "Duración ascendente",
+    "DURATION_DESC": "Duración descendente",
     "DEPARTURE_ASC": "Fecha de salida (más próxima primero)",
     "FILTERS": "Filtros",
     "SHOW_ITINERARY": "Mostrar itinerario",
@@ -314,6 +318,14 @@
     "STOP_TIME": "Tiempo de escala",
     "ACCOMMODATION": "Alojamiento",
     "VIEW_DETAILS": "Ver detalles",
-    "NIGHTS": "noches"
+    "NIGHTS": "noches",
+    "MORNING_RANGE": "Mañana",
+    "AFTERNOON_RANGE": "Tarde",
+    "EVENING_RANGE": "Noche",
+    "NIGHT_RANGE": "Noche",
+    "DEPARTURE_RANGE": "Franja de salida",
+    "DEPARTURE_AIRPORTS": "Aeropuertos de salida",
+    "ARRIVAL_AIRPORTS": "Aeropuertos de llegada",
+    "PRICE": "Precio"
   }
 }

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

@@ -296,6 +296,10 @@
     "SORTBY": "Trier par",
     "PRICE_ASC": "Prix (croissant)",
     "PRICE_DESC": "Prix (décroissant)",
+    "DEPARTURE_TIME_ASC": "Heure de départ croissante",
+    "DEPARTURE_TIME_DESC": "Heure de départ décroissante",
+    "DURATION_ASC": "Durée croissante",
+    "DURATION_DESC": "Durée décroissante",
     "DEPARTURE_ASC": "Date de départ (la plus proche d’abord)",
     "FILTERS": "Filtres",
     "SHOW_ITINERARY": "Afficher l’itinéraire",
@@ -318,6 +322,14 @@
     "STOP_TIME": "Temps d’escale",
     "ACCOMMODATION": "Hébergement",
     "VIEW_DETAILS": "Voir les détails",
-    "NIGHTS": "nuits"
+    "NIGHTS": "nuits",
+    "MORNING_RANGE": "Matin",
+    "AFTERNOON_RANGE": "Après-midi",
+    "EVENING_RANGE": "Soir",
+    "NIGHT_RANGE": "Nuit",
+    "DEPARTURE_RANGE": "Plage de départ",
+    "DEPARTURE_AIRPORTS": "Aéroports de départ",
+    "ARRIVAL_AIRPORTS": "Aéroports d’arrivée",
+    "PRICE": "Prix"
   }
 }

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

@@ -292,6 +292,10 @@
     "SORTBY": "Trier par",
     "PRICE_ASC": "Prix (croissant)",
     "PRICE_DESC": "Prix (décroissant)",
+    "DEPARTURE_TIME_ASC": "Heure de départ croissante",
+    "DEPARTURE_TIME_DESC": "Heure de départ décroissante",
+    "DURATION_ASC": "Durée croissante",
+    "DURATION_DESC": "Durée décroissante",
     "DEPARTURE_ASC": "Date de départ (la plus proche d’abord)",
     "FILTERS": "Filtres",
     "SHOW_ITINERARY": "Afficher l’itinéraire",
@@ -314,6 +318,14 @@
     "STOP_TIME": "Temps d’escale",
     "ACCOMMODATION": "Hébergement",
     "VIEW_DETAILS": "Voir les détails",
-    "NIGHTS": "nuits"
+    "NIGHTS": "nuits",
+    "MORNING_RANGE": "Matin",
+    "AFTERNOON_RANGE": "Après-midi",
+    "EVENING_RANGE": "Soir",
+    "NIGHT_RANGE": "Nuit",
+    "DEPARTURE_RANGE": "Plage de départ",
+    "DEPARTURE_AIRPORTS": "Aéroports de départ",
+    "ARRIVAL_AIRPORTS": "Aéroports d’arrivée",
+    "PRICE": "Prix"
   }
 }

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

@@ -292,6 +292,10 @@
     "SORTBY": "Raða eftir",
     "PRICE_ASC": "Verð (lægst til hæst)",
     "PRICE_DESC": "Verð (hæst til lægst)",
+    "DEPARTURE_TIME_ASC": "Brottfarartími hækkandi",
+    "DEPARTURE_TIME_DESC": "Brottfarartími lækkandi",
+    "DURATION_ASC": "Lengd hækkandi",
+    "DURATION_DESC": "Lengd lækkandi",
     "DEPARTURE_ASC": "Brottfarardagur (nærst fyrst)",
     "FILTERS": "Síur",
     "SHOW_ITINERARY": "Sýna ferðaráætlun",
@@ -314,6 +318,14 @@
     "STOP_TIME": "Skipti tími",
     "ACCOMMODATION": "Gisting",
     "VIEW_DETAILS": "Skoða upplýsingar",
-    "NIGHTS": "nætur"
+    "NIGHTS": "nætur",
+    "MORNING_RANGE": "Morgunn",
+    "AFTERNOON_RANGE": "Síðdegi",
+    "EVENING_RANGE": "Kvöld",
+    "NIGHT_RANGE": "Nótt",
+    "DEPARTURE_RANGE": "Brottfarartímabil",
+    "DEPARTURE_AIRPORTS": "Brottfararflugvellir",
+    "ARRIVAL_AIRPORTS": "Komuflugvellir",
+    "PRICE": "Verð"
   }
 }

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

@@ -292,6 +292,10 @@
     "SORTBY": "Ordina per",
     "PRICE_ASC": "Prezzo (dal più basso al più alto)",
     "PRICE_DESC": "Prezzo (dal più alto al più basso)",
+    "DEPARTURE_TIME_ASC": "Orario di partenza crescente",
+    "DEPARTURE_TIME_DESC": "Orario di partenza decrescente",
+    "DURATION_ASC": "Durata crescente",
+    "DURATION_DESC": "Durata decrescente",
     "DEPARTURE_ASC": "Data di partenza (prima la più vicina)",
     "FILTERS": "Filtri",
     "SHOW_ITINERARY": "Mostra itinerario",
@@ -314,6 +318,14 @@
     "STOP_TIME": "Tempo di cambio",
     "ACCOMMODATION": "Alloggio",
     "VIEW_DETAILS": "Visualizza dettagli",
-    "NIGHTS": "notti"
+    "NIGHTS": "notti",
+    "MORNING_RANGE": "Mattina",
+    "AFTERNOON_RANGE": "Pomeriggio",
+    "EVENING_RANGE": "Sera",
+    "NIGHT_RANGE": "Notte",
+    "DEPARTURE_RANGE": "Fascia di partenza",
+    "DEPARTURE_AIRPORTS": "Aeroporti di partenza",
+    "ARRIVAL_AIRPORTS": "Aeroporti di arrivo",
+    "PRICE": "Prezzo"
   }
 }

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

@@ -292,6 +292,10 @@
     "SORTBY": "並び替え",
     "PRICE_ASC": "価格（安い順）",
     "PRICE_DESC": "価格（高い順）",
+    "DEPARTURE_TIME_ASC": "出発時刻（昇順）",
+    "DEPARTURE_TIME_DESC": "出発時刻（降順）",
+    "DURATION_ASC": "所要時間（昇順）",
+    "DURATION_DESC": "所要時間（降順）",
     "DEPARTURE_ASC": "出発日（早い順）",
     "FILTERS": "フィルター",
     "SHOW_ITINERARY": "旅程を表示",
@@ -314,6 +318,14 @@
     "STOP_TIME": "乗り換え時間",
     "ACCOMMODATION": "宿泊",
     "VIEW_DETAILS": "詳細を見る",
-    "NIGHTS": "泊"
+    "NIGHTS": "泊",
+    "MORNING_RANGE": "朝",
+    "AFTERNOON_RANGE": "午後",
+    "EVENING_RANGE": "夕方",
+    "NIGHT_RANGE": "夜",
+    "DEPARTURE_RANGE": "出発時間帯",
+    "DEPARTURE_AIRPORTS": "出発空港",
+    "ARRIVAL_AIRPORTS": "到着空港",
+    "PRICE": "価格"
   }
 }

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

@@ -296,6 +296,10 @@
     "SORTBY": "Sorteren op",
     "PRICE_ASC": "Prijs (laag naar hoog)",
     "PRICE_DESC": "Prijs (hoog naar laag)",
+    "DEPARTURE_TIME_ASC": "Vertrektijd oplopend",
+    "DEPARTURE_TIME_DESC": "Vertrektijd aflopend",
+    "DURATION_ASC": "Duur oplopend",
+    "DURATION_DESC": "Duur aflopend",
     "DEPARTURE_ASC": "Vertrekdatum (dichtstbij eerst)",
     "FILTERS": "Filters",
     "SHOW_ITINERARY": "Toon reisplan",
@@ -318,6 +322,14 @@
     "STOP_TIME": "Wachttijd",
     "ACCOMMODATION": "Accommodatie",
     "VIEW_DETAILS": "Bekijk details",
-    "NIGHTS": "nachten"
+    "NIGHTS": "nachten",
+    "MORNING_RANGE": "Ochtend",
+    "AFTERNOON_RANGE": "Namiddag",
+    "EVENING_RANGE": "Avond",
+    "NIGHT_RANGE": "Nacht",
+    "DEPARTURE_RANGE": "Vertrektijdstip",
+    "DEPARTURE_AIRPORTS": "Vertrekluchthavens",
+    "ARRIVAL_AIRPORTS": "Aankomstluchthavens",
+    "PRICE": "Prijs"
   }
 }

package/src/shared/translations/nl-NL.json

@@ -292,6 +292,10 @@
     "SORTBY": "Sorteren op",
     "PRICE_ASC": "Prijs (laag naar hoog)",
     "PRICE_DESC": "Prijs (hoog naar laag)",
+    "DEPARTURE_TIME_ASC": "Vertrektijd oplopend",
+    "DEPARTURE_TIME_DESC": "Vertrektijd aflopend",
+    "DURATION_ASC": "Duur oplopend",
+    "DURATION_DESC": "Duur aflopend",
     "DEPARTURE_ASC": "Vertrekdatum (dichtstbij eerst)",
     "FILTERS": "Filters",
     "SHOW_ITINERARY": "Toon reisplan",
@@ -314,6 +318,14 @@
     "STOP_TIME": "Wachttijd",
     "ACCOMMODATION": "Accommodatie",
     "VIEW_DETAILS": "Bekijk details",
-    "NIGHTS": "nachten"
+    "NIGHTS": "nachten",
+    "MORNING_RANGE": "Ochtend",
+    "AFTERNOON_RANGE": "Namiddag",
+    "EVENING_RANGE": "Avond",
+    "NIGHT_RANGE": "Nacht",
+    "DEPARTURE_RANGE": "Vertrektijdstip",
+    "DEPARTURE_AIRPORTS": "Vertrekluchthavens",
+    "ARRIVAL_AIRPORTS": "Aankomstluchthavens",
+    "PRICE": "Prijs"
   }
 }