@qite/tide-booking-component 1.4.30 → 1.4.32

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

@@ -0,0 +1,249 @@
+{
+  "STEPS": {
+    "PERSONAL_DETAILS": "Personuppgifter",
+    "EXTRA_OPTIONS": "Tilläggsval",
+    "SUMMARY": "Sammanfattning",
+    "CONFIRMATION": "Bekräftelse",
+    "ERROR": "Bokningen misslyckades",
+    "PREVIOUS": "Föregående steg",
+    "NEXT": "Nästa steg",
+    "SUBMIT_BOOKING": "Bekräfta bokning",
+    "SUBMIT_OFFER": "Begär offert",
+    "SUBMIT_OPTION": "Boka ett alternativ",
+    "COMPOSE": "Sätt ihop",
+    "ROOM_OPTIONS": "Rumsalternativ",
+    "FLIGHT_OPTIONS": "Flygalternativ"
+  },
+  "INPUT": {
+    "INCREASE": "Öka",
+    "DECREASE": "Minska"
+  },
+  "FLIGHTS_FORM": {
+    "OUTWARD_FLIGHTS": "Utresor",
+    "OUTWARD_FLIGHT": "Utresa",
+    "RETURN_FLIGHTS": "Returresor",
+    "RETURN_FLIGHT": "Returresa",
+    "DIRECT_FLIGHT": "Direktflyg",
+    "STOP": "mellanlandning",
+    "STOPS": "mellanlandningar",
+    "FLIGHT_STOPS": "mellanlandning(ar)",
+    "DIFFERENT_OPTION_WARNING": "Varning: Detta flyg ändrar vistelsens längd.",
+    "FILTER_OPTIONS": "Filteralternativ",
+    "AIRLINES": "Flygbolag",
+    "AIRPORTS": "Flygplatser",
+    "NUMBER_OF_STOPS": "Antal mellanlandningar",
+    "FLIGHT_OUTWARD": "Utresa",
+    "DEPARTURE_TIME": "Avgångstid",
+    "TRAVEL_DURATION": "Restid",
+    "CHANGE_TIME": "Bytestid",
+    "FLIGHT_RETURN": "Returresa",
+    "NO_FLIGHTS_FOUND": "Inga flyg hittades.",
+    "STARTING": "Från",
+    "LOWEST_PRICE": "Lägsta pris",
+    "CHOOSE_YOUR_CLASS": "Välj klass:",
+    "PLUS_ONE_DAY": "+1 dag",
+    "STOP_TIME": "Bytestid",
+    "NIGHT_DEPARTURE": "Natt (00:00 – 05:00)",
+    "MORNING_DEPARTURE": "Morgon (05:00 – 12:00)",
+    "AFTERNOON_DEPARTURE": "Eftermiddag (12:00 – 18:00)",
+    "EVENING_DEPARTURE": "Kväll (18:00 – 00:00)",
+    "FLIGHTS_FOUND_1": "",
+    "FLIGHTS_FOUND_2": "flyg",
+    "FLIGHTS_FOUND_3": "hittades"
+  },
+  "PRODUCT": {
+    "STAY_INCLUDED": "Boende ingår",
+    "FLIGHT_INCLUDED": "Flyg ingår",
+    "TRANSFER_INCLUDED": "Transfer ingår",
+    "LOADING_PRICE": "Ditt pris beräknas.",
+    "PER_PERSON": "Per person",
+    "PER_NIGHT": "Per natt",
+    "PER_PERSON_PER_NIGHT": "Per person / per natt",
+    "BOOK_NOW": "Boka nu",
+    "TO_YOUR_OFFER": "Till din offert",
+    "NOT_AVAILABLE": "Ej tillgänglig",
+    "NUMBER_OF_ROOMS": "Antal rum",
+    "AGE_BY_DEPARTURE_DATE": "Barnens ålder vid avresedatum",
+    "YEAR": "År",
+    "APPLY": "Använd",
+    "EDIT": "Redigera",
+    "DEPARTURE": "Avresa",
+    "DEPARTURE_DATE": "Avresedatum",
+    "RETURN": "Retur",
+    "RETURN_DATE": "Returdatum",
+    "WHO_YOU_TRAVELING_WITH": "Vem reser du med?",
+    "TRAVEL_PERIOD": "Reseperiod",
+    "CLOSE": "Stäng",
+    "NIGHTS": "nätter",
+    "DAYS": "dagar"
+  },
+  "MAIN": {
+    "PREPARING_BOOKING": "Vänligen vänta, vi förbereder din bokning",
+    "PREPARING_OFFER": "Vänligen vänta, vi förbereder din offert",
+    "PREPARING_DOSSIER": "Vänligen vänta, vi förbereder ditt ärende",
+    "PRODUCT_UNAVAILABLE": "Produkten är inte tillgänglig"
+  },
+  "SHARED": {
+    "ROOM": "Rum",
+    "ROOMS": "Rum",
+    "TOTAL_PRICE": "Totalpris",
+    "ADULTS": "Vuxna",
+    "CHILDREN": "Barn",
+    "SELECT": "Välj",
+    "SELECTED": "Vald"
+  },
+  "SIDEBAR": {
+    "OVERVIEW": "Översikt",
+    "SLIDE_TOTAL_PRICE": "Totalt belopp: ",
+    "SLIDE_DEPOSIT": "Deposition att betala: ",
+    "TRAVEL_INFO": "Reseinformation",
+    "TRAVELERS": "Resenärer",
+    "TRAVELERS_ADULTS": "vuxna",
+    "TRAVELERS_ADULT": "vuxen",
+    "TRAVELERS_CHILDREN": "barn",
+    "TRAVELERS_CHILD": "barn",
+    "DEPARTURE": "Utresa",
+    "DEPARTURE_SINGLE": "Datum",
+    "ARRIVAL": "Retur",
+    "FLIGHT": "Flyg",
+    "ACCOMMODATION": "Bokat boende",
+    "BASE_PRICE": "Grundpris",
+    "OPTIONS": "Alternativ",
+    "INCLUDED_COSTS": "Inkluderade kostnader",
+    "EXTRA_COSTS": "Extra kostnader",
+    "DEPOSIT": "Deposition",
+    "DEPOSIT_TEXT1": "Stegen för ",
+    "DEPOSIT_TEXT2": "det återstående beloppet",
+    "DEPOSIT_TEXT3": " ",
+    "DEPOSIT_TEXT4": "beskrivs i ",
+    "DEPOSIT_TEXT5": "steget \"Sammanfattning\"",
+    "DEPOSIT_TEXT6": " i bokningsprocessen.",
+    "LUGGAGE_INCLUDED": "Bagage ingår",
+    "DEPARTURE_FLIGHT": "Utresaflyg",
+    "ARRIVAL_FLIGHT": "Returflyg",
+    "FLIGHT_DEPARTURE": "Avgång",
+    "FLIGHT_ARRIVAL": "Ankomst",
+    "ON_REQUEST": "På förfrågan",
+    "CHANGES": "transfers"
+  },
+  "TRAVELERS_FORM": {
+    "AGE": "Ålder",
+    "TRAVELER": "Resenär",
+    "ADULT": "vuxen",
+    "ADULTS": "vuxna",
+    "CHILD": "barn",
+    "CHILDREN": "barn",
+    "GENDER": "Tilltal",
+    "MALE": "Herr",
+    "FEMALE": "Fru",
+    "OTHER": "Annat",
+    "MAIN_BOOKER": "Huvudbokare",
+    "FIRST_NAME": "Förnamn",
+    "LAST_NAME": "Efternamn",
+    "BIRTHDATE": "Födelsedatum",
+    "STREET": "Gata",
+    "STREET_PLACEHOLDER": "Din gata",
+    "HOUSE_NUMBER": "Husnummer",
+    "POST_BOX": "Postbox",
+    "ZIPCODE": "Postnummer",
+    "CITY": "Stad",
+    "CITY_PLACEHOLDER": "Stad",
+    "COUNTRY": "Land",
+    "SELECT_COUNTRY": "Välj land",
+    "PHONE": "Telefonnummer",
+    "EMAIL": "E-post",
+    "REPEAT_EMAIL": "Upprepa e-post",
+    "VALIDATION_MESSAGE": "Kontrollera fälten nedan och fyll i dem korrekt.",
+    "BOOK_WITH_AGENT": "Jag vill boka via mitt lokala resebyrå",
+    "CHOOSE_OFFICE": "Jag väljer ett kontor",
+    "PERSON": "Person",
+    "COUNTRIES": {
+      "BELGIUM": "Belgien",
+      "NETHERLANDS": "Nederländerna",
+      "FRANCE": "Frankrike"
+    },
+    "CHOOSE_AGENT_PLACEHOLDER": "Välj din resebyrå",
+    "VALIDATION": {
+      "TRAVELER_X_FIELD": "Rum {0} – Resenär {1}: {2}",
+      "SINGLE_ROOM_TRAVELER_X_FIELD": "Resenär {0}: {1}",
+      "TRAVELER_X_IS_NO_ADULT": "Rum {0} – Resenär {1}: är inte vuxen",
+      "SINGLE_ROOM_TRAVELER_X_IS_NO_ADULT": "Resenär {0}: är inte vuxen",
+      "TRAVELER_X_IS_NO_CHILD": "Rum {0} – Resenär {1}: är inte barn",
+      "SINGLE_ROOM_TRAVELER_X_IS_NO_CHILD": "Resenär {0}: är inte barn",
+      "NO_MAIN_BOOKER_SELECTED": "Ingen huvudbokare har valts",
+      "MAIN_BOOKER_FIELD": "Huvudbokare: {0}",
+      "MAIN_BOOKER_EMAIL_IS_INVALID": "Huvudbokare: e-postadressen är ogiltig",
+      "MAIN_BOOKER_EMAIL_DOES_NOT_MATCH": "Huvudbokare: e-postadresserna matchar inte",
+      "AGENT_IS_REQUIRED": "Resebyrå krävs"
+    }
+  },
+  "OPTIONS_FORM": {
+    "NO_OPTIONS_TITLE": "Inga alternativ",
+    "NO_OPTIONS_MESSAGE": "Denna resa har inga tillval.",
+    "UNIT_TITLE": "Resesällskap",
+    "PACKAGE": "Paket",
+    "DAY": "dag",
+    "DAYS": "dagar",
+    "NIGHT": "natt",
+    "NIGHTS": "nätter",
+    "PER_PAX_TITLE": "Välj alternativ per resenär",
+    "PER_BOOKING_TITLE": "Välj alternativ per bokning",
+    "PER_UNIT_TITLE": "Välj alternativ per resesällskap",
+    "NONE": "Inga"
+  },
+  "ROOM_OPTIONS_FORM": {
+    "TRAVELER_GROUP": "Resesällskap",
+    "ALTERNATIVES_TRAVELER_GROUP": "Alternativa rumsalternativ för resesällskapet",
+    "SHOW_ALTERNATIVES": "Visa alternativa rumsalternativ"
+  },
+  "SUMMARY": {
+    "PERSONAL_DETAILS": "Personuppgifter",
+    "TRAVELERS": "resenärer",
+    "TRAVELER": "resenär",
+    "ADULTS": "vuxna",
+    "ADULT": "vuxen",
+    "CHILDREN": "barn",
+    "CHILD": "barn",
+    "MAIN_BOOKER": "Huvudbokare",
+    "NOTIFICATIONS_TITLE": "Observera",
+    "VALIDATE_TITLE": "Kontrollera dina uppgifter",
+    "VALIDATE_TEXT_BOOKING": "Du är på väg att bekräfta din bokning. Kontrollera att all information är korrekt och att namnen exakt överensstämmer med legitimation eller pass. Denna information är slutgiltig och kan inte ändras.",
+    "VALIDATE_TEXT_OFFER": "Du är på väg att begära en offert. Kontrollera att all information är korrekt och att namnen exakt överensstämmer med legitimation eller pass. Detta hjälper oss att undvika problem om du bokar senare.",
+    "VALIDATE_TEXT_OPTION": "Om du väljer att boka ett alternativ gäller en tidsfrist som beror på flygbolaget. Ett alternativ garanterar en plats, men inte priset. Priset i detta erbjudande är per person och beror på tillgänglighet. Priset garanteras först när biljetten har utfärdats.",
+    "OPTIONS": "Alternativ",
+    "REMARKS": "Kommentarer",
+    "VOUCHERS": "Vouchers",
+    "VOUCHER_VALIDATE": "Validera voucher",
+    "ADD_VOUCHER": "Lägg till voucher",
+    "VOUCHER_VALID": "Vouchern är giltig",
+    "VOUCHER_INVALID": "Vouchern är ogiltig"
+  },
+  "CONFIRMATION": {
+    "TITLE_TEXT_OFFER": "Din offert med nummer {0} har begärts",
+    "TITLE_TEXT_BOOKING": "Din bokning med nummer {0} har bekräftats",
+    "TITLE_TEXT_OPTION": "Du har bokat ett alternativ med nummer {0}.",
+    "MESSAGE_TEXT1": "Din drömresa är nu mycket nära.",
+    "MESSAGE_TEXT2_OFFER": "Våra resespecialister behandlar din förfrågan och kommer att kontakta dig inom 48 timmar.",
+    "MESSAGE_TEXT2_BOOKING": "Våra resespecialister behandlar din bokning och kommer att kontakta dig inom 48 timmar.",
+    "MESSAGE_TEXT2_OPTION": "Våra resespecialister har noterat din reservation och kommer att kontakta dig inom 48 timmar för att bekräfta eller diskutera alternativet.",
+    "QUESTIONS_TEXT1": "Har du några frågor? ",
+    "QUESTIONS_TEXT2": "Kontakta oss",
+    "QUESTIONS_TEXT3": ".",
+    "QUESTIONS_ALT": "Kontakta oss",
+    "MAIL_SUBJECT": "Bokningsinformation"
+  },
+  "ERROR": {
+    "TRY_AGAIN": "Försök igen",
+    "MESSAGE_TEXT1": "Något gick fel vid bekräftelsen av din resa.",
+    "MESSAGE_TEXT2": "Klicka nedan för att försöka igen.",
+    "ERROR_TEXT1": "Fungerar det fortfarande inte? ",
+    "ERROR_TEXT2": "Låt oss veta",
+    "ERROR_TEXT3": ".",
+    "ERROR_ALT": "Kontakta oss"
+  },
+  "PRINT_OFFER_BUTTON": {
+    "LABEL_IDLE": "Skriv ut offert",
+    "LABEL_CREATING": "Skapar offert…",
+    "LABEL_PRINTING": "Skapar PDF…"
+  }
+}

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

@@ -1,6 +1,23 @@
-import { enGB, fr, nlBE } from 'date-fns/locale';
+import { arSA, da, de, enGB, es, fr, is, it, nl, nb, pl, pt, sv, ja } from 'date-fns/locale';
 
-export const languages = ['nl-BE', 'fr-BE', 'en-GB'];
+export const languages = [
+  'ar-SA',
+  'da-DK',
+  'de-DE',
+  'en-GB',
+  'es-ES',
+  'fr-BE',
+  'fr-FR',
+  'is-IS',
+  'it-IT',
+  'nl-BE',
+  'nl-NL',
+  'no-NO',
+  'pl-PL',
+  'pt-PT',
+  'sv-SE',
+  'ja-JP'
+];
 export const defaultLanguage = 'nl-BE';
 
 export const formatPrice = (price: number, currencyCode: string, locale: string = 'nl-BE') => {
@@ -13,37 +30,115 @@ export const formatPrice = (price: number, currencyCode: string, locale: string
   return priceFormat.format(price);
 };
 
-import frJson from '../translations/fr-BE.json';
-import nlJson from '../translations/nl-BE.json';
+import arJson from '../translations/ar-SA.json';
+import daJson from '../translations/da-DK.json';
+import deJson from '../translations/de-DE.json';
 import enJson from '../translations/en-GB.json';
+import esJson from '../translations/es-ES.json';
+import frBeJson from '../translations/fr-BE.json';
+import frFrJson from '../translations/fr-FR.json';
+import isJson from '../translations/is-IS.json';
+import itJson from '../translations/it-IT.json';
+import nlBeJson from '../translations/nl-BE.json';
+import nlNlJson from '../translations/nl-NL.json';
+import noJson from '../translations/no-NO.json';
+import plJson from '../translations/pl-PL.json';
+import ptJson from '../translations/pt-PT.json';
+import svJson from '../translations/sv-SE.json';
+import jaJson from '../translations/ja-JP.json';
 
 export const getTranslations = (language: string) => {
   switch (language) {
-    case 'nl-BE':
-      return nlJson;
-    case 'fr-BE':
-      return frJson;
+    case 'ar-SA':
+      return arJson;
+    case 'da-DK':
+      return daJson;
+    case 'de-DE':
+      return deJson;
     case 'en-GB':
       return enJson;
+    case 'es-ES':
+      return esJson;
+    case 'fr-BE':
+      return frBeJson;
+    case 'fr-FR':
+      return frFrJson;
+    case 'is-IS':
+      return isJson;
+    case 'it-IT':
+      return itJson;
+    case 'nl-BE':
+      return nlBeJson;
+    case 'nl-NL':
+      return nlNlJson;
+    case 'no-NO':
+      return noJson;
+    case 'pl-PL':
+      return plJson;
+    case 'pt-PT':
+      return ptJson;
+    case 'sv-SE':
+      return svJson;
+    case 'ja-JP':
+      return jaJson;
     default:
       throw new Error(`The language '${language}' is not yet supported.`);
   }
 };
 
 export const locales = {
-  'nl-BE': nlBE,
+  'ar-SA': arSA,
+  'da-DK': da,
+  'de-DE': de,
+  'en-GB': enGB,
+  'es-ES': es,
   'fr-BE': fr,
-  'en-GB': enGB
+  'fr-FR': fr,
+  'is-IS': is,
+  'it-IT': it,
+  'nl-BE': nl,
+  'nl-NL': nl,
+  'no-NO': nb,
+  'pl-PL': pl,
+  'pt-PT': pt,
+  'sv-SE': sv,
+  'ja-JP': ja
 };
 
 export function getLocale(code: string) {
   switch (code) {
-    case 'nl-BE':
+    case 'ar-SA':
       return locales[code];
-    case 'fr-BE':
+    case 'da-DK':
+      return locales[code];
+    case 'de-DE':
       return locales[code];
     case 'en-GB':
       return locales[code];
+    case 'es-ES':
+      return locales[code];
+    case 'fr-BE':
+      return locales[code];
+    case 'fr-FR':
+      return locales[code];
+    case 'is-IS':
+      return locales[code];
+    case 'it-IT':
+      return locales[code];
+    case 'nl-BE':
+      return locales[code];
+    case 'nl-NL':
+      return locales[code];
+    case 'no-NO':
+      return locales[code];
+    case 'pl-PL':
+      return locales[code];
+    case 'pt-PT':
+      return locales[code];
+    case 'sv-SE':
+      return locales[code];
+    case 'ja-JP':
+      return locales[code];
     default:
       return locales['nl-BE'];
   }

package/styles/components/_form.scss

@@ -37,6 +37,12 @@
     &-input {
       position: relative;
       width: 100%;
+
+      &--disabled {
+        cursor: not-allowed;
+        pointer-events: none;
+        opacity: 0.6;
+      }
     }
 
     &--icon {

package/styles/components/_search.scss

@@ -1134,6 +1134,7 @@
         display: flex;
         justify-content: space-between;
         align-items: center;
+        gap: 1rem;
       }
 
       &__allotment {