@qite/tide-booking-component 1.4.93 → 1.4.95

package/src/shared/components/loader.tsx

@@ -1,16 +1,16 @@
-import React from 'react';
-
-interface LoaderProps {
-  loaderText?: string;
-}
-
-const Loader: React.FC<LoaderProps> = ({ loaderText }) => {
-  return (
-    <div className="loader">
-      <div className="loader__spinner"></div>
-      {loaderText && <p className="loader__text">{loaderText}</p>}
-    </div>
-  );
-};
-
-export default Loader;
+import React from 'react';
+
+interface LoaderProps {
+  loaderText?: string;
+}
+
+const Loader: React.FC<LoaderProps> = ({ loaderText }) => {
+  return (
+    <div className="loader">
+      <div className="loader__spinner"></div>
+      {loaderText && <p className="loader__text">{loaderText}</p>}
+    </div>
+  );
+};
+
+export default Loader;

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

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "المغادرة",
     "FLIGHT_ARRIVAL": "الوصول",
     "ON_REQUEST": "حسب الطلب",
-    "CHANGES": "التحويلات"
+    "CHANGES": "التحويلات",
+    "COMMISSION": "العمولة"
   },
   "TRAVELERS_FORM": {
     "AGE": "العمر",

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

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "Afrejse",
     "FLIGHT_ARRIVAL": "Ankomst",
     "ON_REQUEST": "På forespørgsel",
-    "CHANGES": "overførsler"
+    "CHANGES": "overførsler",
+    "COMMISSION": "Provision"
   },
   "TRAVELERS_FORM": {
     "AGE": "Alder",

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

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "Abflug",
     "FLIGHT_ARRIVAL": "Ankunft",
     "ON_REQUEST": "Auf Anfrage",
-    "CHANGES": "Transfers"
+    "CHANGES": "Transfers",
+    "COMMISSION": "Provision"
   },
   "TRAVELERS_FORM": {
     "AGE": "Alter",

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

@@ -128,7 +128,8 @@
     "FLIGHT_ARRIVAL": "Arrival",
     "ON_REQUEST": "On request",
     "CHANGES": "transfers",
-    "PACKAGE_NOT_AVAILABLE": "Package not available"
+    "PACKAGE_NOT_AVAILABLE": "Package not available",
+    "COMMISSION": "Commission"
   },
   "TRAVELERS_FORM": {
     "AGE": "Age",

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

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "Salida",
     "FLIGHT_ARRIVAL": "Llegada",
     "ON_REQUEST": "A petición",
-    "CHANGES": "traslados"
+    "CHANGES": "traslados",
+    "COMMISSION": "comisión"
   },
   "TRAVELERS_FORM": {
     "AGE": "Edad",

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

@@ -128,7 +128,8 @@
     "FLIGHT_ARRIVAL": "Arrivée",
     "ON_REQUEST": "Sur demande",
     "CHANGES": "correspondances",
-    "PACKAGE_NOT_AVAILABLE": "Forfait non disponible"
+    "PACKAGE_NOT_AVAILABLE": "Forfait non disponible",
+    "COMMISSION": "Commission"
   },
   "TRAVELERS_FORM": {
     "AGE": "Age",

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

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "Départ",
     "FLIGHT_ARRIVAL": "Arrivée",
     "ON_REQUEST": "Sur demande",
-    "CHANGES": "transferts"
+    "CHANGES": "transferts",
+    "COMMISSION": "Commission"
   },
   "TRAVELERS_FORM": {
     "AGE": "Âge",

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

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "Brottför",
     "FLIGHT_ARRIVAL": "Koma",
     "ON_REQUEST": "Á beiðni",
-    "CHANGES": "flutningar"
+    "CHANGES": "flutningar",
+    "COMMISSION": "Þóknun"
   },
   "TRAVELERS_FORM": {
     "AGE": "Aldur",

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

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "Partenza",
     "FLIGHT_ARRIVAL": "Arrivo",
     "ON_REQUEST": "Su richiesta",
-    "CHANGES": "trasferimenti"
+    "CHANGES": "trasferimenti",
+    "COMMISSION": "Commissione"
   },
   "TRAVELERS_FORM": {
     "AGE": "Età",

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

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "出発",
     "FLIGHT_ARRIVAL": "到着",
     "ON_REQUEST": "要リクエスト",
-    "CHANGES": "送迎"
+    "CHANGES": "送迎",
+    "COMMISSION": "手数料"
   },
   "TRAVELERS_FORM": {
     "AGE": "年齢",

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

@@ -128,7 +128,8 @@
     "FLIGHT_ARRIVAL": "Aankomst",
     "ON_REQUEST": "Op aanvraag",
     "CHANGES": "overstappen",
-    "PACKAGE_NOT_AVAILABLE": "Pakket niet beschikbaar"
+    "PACKAGE_NOT_AVAILABLE": "Pakket niet beschikbaar",
+    "COMMISSION": "Commissie"
   },
   "TRAVELERS_FORM": {
     "AGE": "Leeftijd",

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

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "Vertrek",
     "FLIGHT_ARRIVAL": "Aankomst",
     "ON_REQUEST": "Op aanvraag",
-    "CHANGES": "transfers"
+    "CHANGES": "transfers",
+    "COMMISSION": "Commissie"
   },
   "TRAVELERS_FORM": {
     "AGE": "Leeftijd",

package/src/shared/translations/no-NO.json

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "Avgang",
     "FLIGHT_ARRIVAL": "Ankomst",
     "ON_REQUEST": "På forespørsel",
-    "CHANGES": "transporter"
+    "CHANGES": "transporter",
+    "COMMISSION": "provisjon"
   },
   "TRAVELERS_FORM": {
     "AGE": "Alder",

package/src/shared/translations/pl-PL.json

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "Odlot",
     "FLIGHT_ARRIVAL": "Przylot",
     "ON_REQUEST": "Na zapytanie",
-    "CHANGES": "transfery"
+    "CHANGES": "transfery",
+    "COMMISSION": "Prowizja"
   },
   "TRAVELERS_FORM": {
     "AGE": "Wiek",

package/src/shared/translations/pt-PT.json

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "Partida",
     "FLIGHT_ARRIVAL": "Chegada",
     "ON_REQUEST": "A pedido",
-    "CHANGES": "transferes"
+    "CHANGES": "transferes",
+    "COMMISSION": "Comissão"
   },
   "TRAVELERS_FORM": {
     "AGE": "Idade",

package/src/shared/translations/sv-SE.json

@@ -127,7 +127,8 @@
     "FLIGHT_DEPARTURE": "Avgång",
     "FLIGHT_ARRIVAL": "Ankomst",
     "ON_REQUEST": "På förfrågan",
-    "CHANGES": "transfers"
+    "CHANGES": "transfers",
+    "COMMISSION": "provision"
   },
   "TRAVELERS_FORM": {
     "AGE": "Ålder",

package/src/shared/utils/class-util.ts

@@ -1,7 +1,7 @@
-import { compact } from 'lodash';
-
-export const buildClassName = (parts: any[]): string => {
-  const sanitizedParts = parts.filter((part) => typeof part === 'string').map((part: string) => part.trim());
-
-  return compact(sanitizedParts).join(' ');
-};
+import { compact } from 'lodash';
+
+export const buildClassName = (parts: any[]): string => {
+  const sanitizedParts = parts.filter((part) => typeof part === 'string').map((part: string) => part.trim());
+
+  return compact(sanitizedParts).join(' ');
+};

package/src/shared/utils/query-string-util.ts

@@ -1,91 +1,91 @@
-import JsonURL from '@jsonurl/jsonurl';
-import { isArray, isNil } from 'lodash';
-import { FlightInfo, Room } from '../../booking-wizard/types';
-
-export const getDateFromParams = (params: URLSearchParams, name: string): string | null => {
-  const dateString = params.get(name);
-  if (dateString === null) {
-    return null;
-  }
-
-  const year = parseInt(dateString.slice(0, 5));
-  const month = parseInt(dateString.slice(5, 7));
-  const date = parseInt(dateString.slice(8, 10));
-
-  return new Date(Date.UTC(year, month - 1, date)).toISOString();
-};
-
-export const getDateAsDateFromParams = (params: URLSearchParams, name: string): Date | null => {
-  const dateString = params.get(name);
-
-  if (dateString === null) {
-    return null;
-  }
-
-  const year = parseInt(dateString.slice(0, 5));
-  const month = parseInt(dateString.slice(5, 7));
-  const date = parseInt(dateString.slice(8, 10));
-
-  return new Date(Date.UTC(year, month - 1, date));
-};
-
-export const getNumberFromParams = (params: URLSearchParams, name: string): number | null => {
-  const numberString = params.get(name);
-  if (numberString === null) {
-    return null;
-  }
-
-  return parseInt(numberString);
-};
-
-export const getRoomsFromParams = (params: URLSearchParams, name: string): Room[] | null => {
-  const roomString = params.get(name);
-  if (roomString === null) {
-    return null;
-  }
-
-  // Encode the accommodation code in the room string because (external) acco codes can contain special characters like '='. eg: 'ACNYNEgUzMDc4NBoKMTAzODcwMjk4NQ=='
-  const safeRoomsString = roomString.replace(/accommodationCode:([^,]*)/, (match, code) => {
-    return `accommodationCode:${encodeURIComponent(code)}`;
-  });
-
-  const rooms = JsonURL.parse(safeRoomsString) as Room[] | undefined;
-  if (isNil(rooms)) {
-    return null;
-  }
-
-  return rooms.map((room) => {
-    if (!isArray(room.childAges)) {
-      room.childAges = [];
-    }
-
-    room.children = room.childAges.length ?? 0;
-    return room;
-  });
-};
-
-export const getFlightsFromParams = (params: URLSearchParams, name: string): FlightInfo | null => {
-  let flightString = params.get(name);
-  if (flightString === null) {
-    return null;
-  }
-
-  flightString = flightString.replace(/ /g, '%20');
-
-  const flightInfo = JsonURL.parse(flightString, { AQF: true }) as FlightInfo | undefined;
-
-  if (isNil(flightInfo)) {
-    return null;
-  }
-
-  return flightInfo;
-};
-
-export const getStringFromParams = (params: URLSearchParams, name: string): string | null => {
-  return params.get(name);
-};
-
-export const getNumbersFromParams = (params: URLSearchParams, name: string): number[] => {
-  const numberStrings = params.getAll(name);
-  return numberStrings.map((x) => parseInt(x));
-};
+import JsonURL from '@jsonurl/jsonurl';
+import { isArray, isNil } from 'lodash';
+import { FlightInfo, Room } from '../../booking-wizard/types';
+
+export const getDateFromParams = (params: URLSearchParams, name: string): string | null => {
+  const dateString = params.get(name);
+  if (dateString === null) {
+    return null;
+  }
+
+  const year = parseInt(dateString.slice(0, 5));
+  const month = parseInt(dateString.slice(5, 7));
+  const date = parseInt(dateString.slice(8, 10));
+
+  return new Date(Date.UTC(year, month - 1, date)).toISOString();
+};
+
+export const getDateAsDateFromParams = (params: URLSearchParams, name: string): Date | null => {
+  const dateString = params.get(name);
+
+  if (dateString === null) {
+    return null;
+  }
+
+  const year = parseInt(dateString.slice(0, 5));
+  const month = parseInt(dateString.slice(5, 7));
+  const date = parseInt(dateString.slice(8, 10));
+
+  return new Date(Date.UTC(year, month - 1, date));
+};
+
+export const getNumberFromParams = (params: URLSearchParams, name: string): number | null => {
+  const numberString = params.get(name);
+  if (numberString === null) {
+    return null;
+  }
+
+  return parseInt(numberString);
+};
+
+export const getRoomsFromParams = (params: URLSearchParams, name: string): Room[] | null => {
+  const roomString = params.get(name);
+  if (roomString === null) {
+    return null;
+  }
+
+  // Encode the accommodation code in the room string because (external) acco codes can contain special characters like '='. eg: 'ACNYNEgUzMDc4NBoKMTAzODcwMjk4NQ=='
+  const safeRoomsString = roomString.replace(/accommodationCode:([^,]*)/, (match, code) => {
+    return `accommodationCode:${encodeURIComponent(code)}`;
+  });
+
+  const rooms = JsonURL.parse(safeRoomsString) as Room[] | undefined;
+  if (isNil(rooms)) {
+    return null;
+  }
+
+  return rooms.map((room) => {
+    if (!isArray(room.childAges)) {
+      room.childAges = [];
+    }
+
+    room.children = room.childAges.length ?? 0;
+    return room;
+  });
+};
+
+export const getFlightsFromParams = (params: URLSearchParams, name: string): FlightInfo | null => {
+  let flightString = params.get(name);
+  if (flightString === null) {
+    return null;
+  }
+
+  flightString = flightString.replace(/ /g, '%20');
+
+  const flightInfo = JsonURL.parse(flightString, { AQF: true }) as FlightInfo | undefined;
+
+  if (isNil(flightInfo)) {
+    return null;
+  }
+
+  return flightInfo;
+};
+
+export const getStringFromParams = (params: URLSearchParams, name: string): string | null => {
+  return params.get(name);
+};
+
+export const getNumbersFromParams = (params: URLSearchParams, name: string): number[] => {
+  const numberStrings = params.getAll(name);
+  return numberStrings.map((x) => parseInt(x));
+};

package/src/shared/utils/tide-api-utils.ts

@@ -1,34 +1,34 @@
-import { TideClientConfig } from '@qite/tide-client';
-import { isNil } from 'lodash';
-import { ApiSettingsState } from '../types';
-
-export function buildTideClientConfig(settings?: ApiSettingsState): TideClientConfig {
-  const HOST = settings?.apiUrl || process.env.REACT_APP_BOOKING_HOST;
-  const API_KEY = settings?.apiKey || process.env.REACT_APP_BOOKING_API_KEY;
-  const token = selectAgentToken();
-
-  if (isNil(HOST)) {
-    throw Error(`Environment variable "HOST" was not set.`);
-  }
-
-  if (isNil(API_KEY)) {
-    throw Error(`Environment variable "API_KEY" was not set.`);
-  }
-
-  return {
-    host: HOST,
-    apiKey: API_KEY,
-    token: token
-  };
-}
-
-export const selectAgentToken = (): string | undefined => {
-  let token: string | null = null;
-  if (typeof sessionStorage !== 'undefined') {
-    token = sessionStorage.getItem('token');
-  }
-  if (token === null && typeof localStorage !== 'undefined') {
-    token = localStorage.getItem('token');
-  }
-  return token ?? undefined;
-};
+import { TideClientConfig } from '@qite/tide-client';
+import { isNil } from 'lodash';
+import { ApiSettingsState } from '../types';
+
+export function buildTideClientConfig(settings?: ApiSettingsState): TideClientConfig {
+  const HOST = settings?.apiUrl || process.env.REACT_APP_BOOKING_HOST;
+  const API_KEY = settings?.apiKey || process.env.REACT_APP_BOOKING_API_KEY;
+  const token = selectAgentToken();
+
+  if (isNil(HOST)) {
+    throw Error(`Environment variable "HOST" was not set.`);
+  }
+
+  if (isNil(API_KEY)) {
+    throw Error(`Environment variable "API_KEY" was not set.`);
+  }
+
+  return {
+    host: HOST,
+    apiKey: API_KEY,
+    token: token
+  };
+}
+
+export const selectAgentToken = (): string | undefined => {
+  let token: string | null = null;
+  if (typeof sessionStorage !== 'undefined') {
+    token = sessionStorage.getItem('token');
+  }
+  if (token === null && typeof localStorage !== 'undefined') {
+    token = localStorage.getItem('token');
+  }
+  return token ?? undefined;
+};

package/src/shared/utils/use-media-query-util.ts

@@ -1,19 +1,19 @@
-import { useEffect, useState } from 'react';
-
-const useMediaQuery = (query: string): boolean => {
-  const [matches, setMatches] = useState(false);
-
-  useEffect(() => {
-    const media = window.matchMedia(query);
-    const handler = () => setMatches(media.matches);
-
-    handler();
-    media.addEventListener('change', handler);
-
-    return () => media.removeEventListener('change', handler);
-  }, [query]);
-
-  return matches;
-};
-
-export default useMediaQuery;
+import { useEffect, useState } from 'react';
+
+const useMediaQuery = (query: string): boolean => {
+  const [matches, setMatches] = useState(false);
+
+  useEffect(() => {
+    const media = window.matchMedia(query);
+    const handler = () => setMatches(media.matches);
+
+    handler();
+    media.addEventListener('change', handler);
+
+    return () => media.removeEventListener('change', handler);
+  }, [query]);
+
+  return matches;
+};
+
+export default useMediaQuery;

package/styles/abstracts/_mixins.scss

@@ -1,74 +1,74 @@
-@use '../abstracts/variables' as variables;
-// MEDIA QUERIES
-@mixin media-xs {
-  @media only screen and (max-width: variables.$screen-xs) {
-    @content;
-  }
-}
-
-@mixin media-sm {
-  @media only screen and (max-width: variables.$screen-sm) {
-    @content;
-  }
-}
-
-@mixin media-md {
-  @media only screen and (max-width: variables.$screen-md) {
-    @content;
-  }
-}
-
-@mixin media-lg {
-  @media only screen and (max-width: variables.$screen-lg) {
-    @content;
-  }
-}
-
-@mixin media-xgl {
-  @media only screen and (max-width: variables.$screen-xgl) {
-    @content;
-  }
-}
-
-@mixin media-xl {
-  @media only screen and (max-width: variables.$screen-xl) {
-    @content;
-  }
-}
-
-@mixin media-xxl {
-  @media only screen and (max-width: variables.$screen-xxl) {
-    @content;
-  }
-}
-
-@mixin media-xxxl {
-  @media only screen and (max-width: variables.$screen-xxl) {
-    @content;
-  }
-}
-
-@mixin make-container($padding-x: $container-padding-x) {
-  width: 100%;
-  max-width: 1496px;
-  margin-right: auto;
-  margin-left: auto;
-
-  @include media-xl {
-    padding: 0 $padding-x;
-  }
-}
-
-@mixin container() {
-  width: 100%;
-  padding: 0 15px;
-  margin: 0 auto;
-
-  @include media-sm {
-    padding: 0 30px;
-  }
-
-  @include media-lg {
-    padding: 0 45px;
-  }
-}
+@use '../abstracts/variables' as variables;
+// MEDIA QUERIES
+@mixin media-xs {
+  @media only screen and (max-width: variables.$screen-xs) {
+    @content;
+  }
+}
+
+@mixin media-sm {
+  @media only screen and (max-width: variables.$screen-sm) {
+    @content;
+  }
+}
+
+@mixin media-md {
+  @media only screen and (max-width: variables.$screen-md) {
+    @content;
+  }
+}
+
+@mixin media-lg {
+  @media only screen and (max-width: variables.$screen-lg) {
+    @content;
+  }
+}
+
+@mixin media-xgl {
+  @media only screen and (max-width: variables.$screen-xgl) {
+    @content;
+  }
+}
+
+@mixin media-xl {
+  @media only screen and (max-width: variables.$screen-xl) {
+    @content;
+  }
+}
+
+@mixin media-xxl {
+  @media only screen and (max-width: variables.$screen-xxl) {
+    @content;
+  }
+}
+
+@mixin media-xxxl {
+  @media only screen and (max-width: variables.$screen-xxl) {
+    @content;
+  }
+}
+
+@mixin make-container($padding-x: $container-padding-x) {
+  width: 100%;
+  max-width: 1496px;
+  margin-right: auto;
+  margin-left: auto;
+
+  @include media-xl {
+    padding: 0 $padding-x;
+  }
+}
+
+@mixin container() {
+  width: 100%;
+  padding: 0 15px;
+  margin: 0 auto;
+
+  @include media-sm {
+    padding: 0 30px;
+  }
+
+  @include media-lg {
+    padding: 0 45px;
+  }
+}