@qite/tide-booking-component 1.4.2 → 1.4.5

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/en-GB.json

@@ -163,8 +163,11 @@
     "CHOOSE_AGENT_PLACEHOLDER": "Choose your travel agent",
     "VALIDATION": {
       "TRAVELER_X_FIELD": "Room {0} - Traveler {1}: {2}",
+      "SINGLE_ROOM_TRAVELER_X_FIELD": "Traveler {0}: {1}",
       "TRAVELER_X_IS_NO_ADULT": "Room {0} - Traveler {1}: is not an adult",
+      "SINGLE_ROOM_TRAVELER_X_IS_NO_ADULT": "Traveler {0}: is not an adult",
       "TRAVELER_X_IS_NO_CHILD": "Room {0} - Traveler {1}: is not a child",
+      "SINGLE_ROOM_TRAVELER_X_IS_NO_CHILD": "Traveler {0}: is not a child",
       "NO_MAIN_BOOKER_SELECTED": "No main booker has been selected",
       "MAIN_BOOKER_FIELD": "Main booker: {0}",
       "MAIN_BOOKER_EMAIL_IS_INVALID": "Main booker: email is invalid",

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

@@ -163,8 +163,11 @@
     "CHOOSE_AGENT_PLACEHOLDER": "Choisissez votre agent de voyage",
     "VALIDATION": {
       "TRAVELER_X_FIELD": "Chambre {0} - Voyageur {1} : {2}",
+      "SINGLE_ROOM_TRAVELER_X_FIELD": "Voyageur {0} : {1}",
       "TRAVELER_X_IS_NO_ADULT": "Chambre {0} - Voyageur {1} : n'est pas un adulte",
+      "SINGLE_ROOM_TRAVELER_X_IS_NO_ADULT": "Voyageur {0} : n'est pas un adulte",
       "TRAVELER_X_IS_NO_CHILD": "Chambre {0} - Voyageur {1} : n'est pas un enfant",
+      "SINGLE_ROOM_TRAVELER_X_IS_NO_CHILD": "Voyageur {0} : n'est pas un enfant",
       "NO_MAIN_BOOKER_SELECTED": "Aucun réservant principal n'a été sélectionné",
       "MAIN_BOOKER_FIELD": "Principal réservant : {0}",
       "MAIN_BOOKER_EMAIL_IS_INVALID": "Principal réservant : e-mail invalide",

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

@@ -163,8 +163,11 @@
     "CHOOSE_AGENT_PLACEHOLDER": "Kies uw reisagent",
     "VALIDATION": {
       "TRAVELER_X_FIELD": "Kamer {0} - Reiziger {1}: {2}",
+      "SINGLE_ROOM_TRAVELER_X_FIELD": "Reiziger {0}: {1}",
       "TRAVELER_X_IS_NO_ADULT": "Kamer {0} - Reiziger {1}: is geen volwassene",
+      "SINGLE_ROOM_TRAVELER_X_IS_NO_ADULT": "Reiziger {0}: is geen volwassene",
       "TRAVELER_X_IS_NO_CHILD": "Kamer {0} - Reiziger {1}: is geen kind",
+      "SINGLE_ROOM_TRAVELER_X_IS_NO_CHILD": "Reiziger {0}: is geen kind",
       "NO_MAIN_BOOKER_SELECTED": "Er werd geen hoofdboeker geselecteerd",
       "MAIN_BOOKER_FIELD": "Hoofdboeker: {0}",
       "MAIN_BOOKER_EMAIL_IS_INVALID": "Hoofdboeker: e-mail is ongeldig",

package/src/shared/types.ts

@@ -1,4 +1,4 @@
-export interface ApiSettingsState {
-  apiUrl: string;
-  apiKey: string;
-}
+export interface ApiSettingsState {
+  apiUrl: string;
+  apiKey: string;
+}

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

@@ -1,9 +1,9 @@
-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/localization-util.ts

@@ -1,62 +1,62 @@
-import { enGB, fr, nlBE } from "date-fns/locale";
-
-export const languages = ["nl-BE", "fr-BE", "en-GB"];
-export const defaultLanguage = "nl-BE";
-
-export const formatPrice = (price: number, currencyCode: string, locale: string = "nl-BE") => {
-  const priceFormat = Intl.NumberFormat(locale, {
-    style: "currency",
-    currency: currencyCode ? currencyCode : "EUR",
-    minimumFractionDigits: 2,
-    useGrouping: true,
-  });
-  return priceFormat.format(price);
-};
-
-import frJson from "../translations/fr-BE.json";
-import nlJson from "../translations/nl-BE.json";
-import enJson from "../translations/en-GB.json";
-
-export const getTranslations = (language: string) => {
-  switch (language) {
-    case "nl-BE":
-      return nlJson;
-    case "fr-BE":
-      return frJson;
-    case "en-GB":
-      return enJson;
-    default:
-      throw new Error(`The language '${language}' is not yet supported.`);
-  }
-};
-
-export const locales = {
-  "nl-BE": nlBE,
-  "fr-BE": fr,
-  "en-GB": enGB,
-};
-
-export function getLocale(code: string) {
-  switch (code) {
-    case "nl-BE":
-      return locales[code];
-    case "fr-BE":
-      return locales[code];
-    case "en-GB":
-      return locales[code];
-    default:
-      return locales["nl-BE"];
-  }
-}
-
-export const getPriceDifferenceText = (price: number, currencyCode: string) => {
-  return price > 0
-    ? `+ ${formatPrice(Math.abs(price), currencyCode)}`
-    : `- ${formatPrice(Math.abs(price), currencyCode)}`;
-};
-
-export function format(text: string, args: any[]) {
-  return text.replace(/{([0-9]+)}/g, function (match, index) {
-    return typeof args[index] == "undefined" ? match : args[index];
-  });
-}
+import { enGB, fr, nlBE } from "date-fns/locale";
+
+export const languages = ["nl-BE", "fr-BE", "en-GB"];
+export const defaultLanguage = "nl-BE";
+
+export const formatPrice = (price: number, currencyCode: string, locale: string = "nl-BE") => {
+  const priceFormat = Intl.NumberFormat(locale, {
+    style: "currency",
+    currency: currencyCode ? currencyCode : "EUR",
+    minimumFractionDigits: 2,
+    useGrouping: true,
+  });
+  return priceFormat.format(price);
+};
+
+import frJson from "../translations/fr-BE.json";
+import nlJson from "../translations/nl-BE.json";
+import enJson from "../translations/en-GB.json";
+
+export const getTranslations = (language: string) => {
+  switch (language) {
+    case "nl-BE":
+      return nlJson;
+    case "fr-BE":
+      return frJson;
+    case "en-GB":
+      return enJson;
+    default:
+      throw new Error(`The language '${language}' is not yet supported.`);
+  }
+};
+
+export const locales = {
+  "nl-BE": nlBE,
+  "fr-BE": fr,
+  "en-GB": enGB,
+};
+
+export function getLocale(code: string) {
+  switch (code) {
+    case "nl-BE":
+      return locales[code];
+    case "fr-BE":
+      return locales[code];
+    case "en-GB":
+      return locales[code];
+    default:
+      return locales["nl-BE"];
+  }
+}
+
+export const getPriceDifferenceText = (price: number, currencyCode: string) => {
+  return price > 0
+    ? `+ ${formatPrice(Math.abs(price), currencyCode)}`
+    : `- ${formatPrice(Math.abs(price), currencyCode)}`;
+};
+
+export function format(text: string, args: any[]) {
+  return text.replace(/{([0-9]+)}/g, function (match, index) {
+    return typeof args[index] == "undefined" ? match : args[index];
+  });
+}

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

@@ -1,119 +1,119 @@
-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));
+};