@qite/tide-booking-component 1.2.4 → 1.3.0

package/src/booking-wizard/features/travelers-form/type-ahead-input.tsx

@@ -38,7 +38,7 @@ const TypeAheadInput: React.FC<TypeAheadInputProps> = ({
   return (
     <div className="typeahead">
       <div className="typeahead__trigger typeahead__trigger--icon">
-        <Icon name="qsm-location" />
+        <Icon name="ui-qsm-location" />
         <input
           type="text"
           className="form__input"

package/src/booking-wizard/features/travelers-form/validate-form.ts

@@ -24,7 +24,7 @@ const validateForm = (
   values: TravelersFormValues,
   agentRequired?: boolean,
   bookingType?: string,
-  translations?: any,
+  translations?: any
 ) => {
   const errors: FormikErrors<TravelersFormValues> = {};
 

package/src/booking-wizard/settings-context.ts

@@ -5,6 +5,7 @@ interface WizardSettingsContextProps extends Settings {}
 
 const SettingsContext = React.createContext<WizardSettingsContextProps>({
   language: "nl-BE",
+  token: "",
   generatePaymentUrl: false,
   currency: "EUR",
   officeId: 1,
@@ -16,22 +17,28 @@ const SettingsContext = React.createContext<WizardSettingsContextProps>({
   basePath: "/boeken",
   roomOptions: {
     pathSuffix: "/",
+    reportPrintActionId: null,
   },
   flightOptions: {
     pathSuffix: "/vluchten",
+    reportPrintActionId: null,
   },
   options: {
     pathSuffix: "/opties",
+    reportPrintActionId: null,
   },
   travellers: {
     pathSuffix: "/reizigers",
+    reportPrintActionId: null,
   },
   summary: {
     pathSuffix: "/samenvatting",
     checkboxes: null,
+    reportPrintActionId: null,
   },
   confirmation: {
     pathSuffix: "/bevestiging",
+    reportPrintActionId: null,
   },
   error: {
     pathSuffix: "/mislukt",

package/src/booking-wizard/types.ts

@@ -2,29 +2,36 @@ import { BookingPackageFlight } from "@qite/tide-client/build/types";
 
 export interface Settings {
   officeId: number;
+  token?: string ;
   bookingOptions: BookingOptions;
   productPath: string;
   basePath: string;
   roomOptions: {
     isHidden?: boolean | null;
     pathSuffix?: string | null;
-  },
+    reportPrintActionId?: number | null;
+  };
   flightOptions: {
     isHidden?: boolean | null;
     pathSuffix?: string | null;
-  },
+    reportPrintActionId?: number | null;
+  };
   options: {
     pathSuffix: string;
+    reportPrintActionId?: number | null;
   };
   travellers: {
     pathSuffix: string;
+    reportPrintActionId?: number | null;
   };
   summary: {
     pathSuffix: string;
     checkboxes?: SummaryCheckbox[] | null;
+    reportPrintActionId?: number | null;
   };
   confirmation: {
     pathSuffix: string;
+    reportPrintActionId?: number | null;
   };
   error: {
     pathSuffix: string;
@@ -53,7 +60,7 @@ export interface Settings {
   apiKey?: string;
   hideTags?: boolean;
   translationFiles?: {
-    language: string,
+    language: string;
     path: string;
   }[];
   accommodations?: AccommodationContent[];
@@ -100,9 +107,13 @@ export interface FlightInfo {
   outwardCode: string;
   outwardNumbers: string[];
   outwardClass: string;
+  outwardDepartureDate: string | null;
+  outwardArrivalDate: string | null;
   returnCode: string;
   returnNumbers: string[];
   returnClass: string;
+  returnDepartureDate: string | null;
+  returnArrivalDate: string | null;
 }
 
 export interface TravelersFormValues {
@@ -142,6 +153,7 @@ export interface BookingAttributes {
   allotmentName: string | null;
   allotmentIds: number[];
   includeFlights?: boolean;
+  flightRouteId?: string | null;
 }
 
 export interface FlightLine {
@@ -174,7 +186,7 @@ export interface RegimeContent {
 
 export interface SelectableRoom {
   index: number;
-  selected: SelectableRoomAccommodation,
+  selected: SelectableRoomAccommodation;
   alternatives: SelectableRoomAccommodation[];
 }
 
@@ -189,7 +201,7 @@ export interface SelectableRoomAccommodation {
   image: string | undefined;
   usps: string[];
   description: string | undefined;
-  viewHtml: string | undefined
+  viewHtml: string | undefined;
 }
 
 export interface SelectableRoomRegime {
@@ -265,7 +277,7 @@ export interface FlightDirectionFilter {
 export interface TimeRangeFilter {
   min: number;
   max: number;
-  
+
   selectedMin: number;
   selectedMax: number;
-}
+}

package/src/booking-wizard/use-offer-printer.ts

@@ -0,0 +1,136 @@
+import { useCallback, useContext, useState } from "react";
+import SettingsContext from "./settings-context";
+import { buildTideClientConfig } from "../shared/utils/tide-api-utils";
+import { book, print } from "@qite/tide-client";
+
+import type {
+  BookingPackage,
+  BookingPackageBookRequest,
+  BookingPackageDossier,
+  BookingPackageRequest,
+  AgentPrintActionRequest,
+  Pax,
+  BookingPackagePax,
+} from "@qite/tide-client/build/types";
+
+export interface UseOfferPrinterArgs {
+  bookingPackage?: BookingPackage;
+  getPax: () => Pax[] | undefined;
+  tagIds?: number[];
+  printActionId?: number | null;
+  onPrinted?: (pdfUrl: string) => void;
+}
+
+export function useOfferPrinter({
+  bookingPackage,
+  getPax,
+  tagIds = [],
+  printActionId = null,
+  onPrinted,
+}: UseOfferPrinterArgs) {
+  const settings = useContext(SettingsContext);
+  if (!settings)
+    throw new Error(
+      "useOfferPrinter must be used inside <BookingWizard>"
+    );
+
+  const { language, officeId } = settings;
+  const agentId = (settings as any).agentAdressId;
+
+  if (typeof agentId !== "number" || agentId <= 0) {
+    throw new Error(
+      "Missing agentAdressId in wizard settings"
+    );
+  }
+
+  const [stage, setStage] = useState<
+    "idle" | "creating" | "printing"
+  >("idle");
+  const loading = stage !== "idle";
+
+  const createOffer =
+    useCallback(async (): Promise<BookingPackageDossier> => {
+      const paxRaw = getPax();
+      if (!bookingPackage || !paxRaw?.length) {
+        throw new Error("Missing booking package or pax");
+      }
+
+      const pax = paxRaw as unknown as BookingPackagePax[];
+
+      const request: BookingPackageRequest<BookingPackageBookRequest> =
+        {
+          officeId,
+          agentId,
+          payload: {
+            package: bookingPackage,
+            status: 0,
+            pax,
+            nonTravelPax: [],
+            notifications: [],
+            tagIds,
+            customerRequests: [],
+          },
+        };
+
+      const cfg = buildTideClientConfig();
+      return book(cfg, request, undefined, language);
+    }, [
+      agentId,
+      bookingPackage,
+      getPax,
+      language,
+      officeId,
+      tagIds,
+    ]);
+
+  const languageData = [
+    { code: "nl-BE", tideId: 1 },
+    { code: "fr-BE", tideId: 2 },
+    { code: "en-GB", tideId: 3 },
+  ];
+  
+  function getTideLanguageId(code: string) {
+    return (
+      languageData.find((l) => l.code === code)?.tideId || 1
+    );
+  }
+
+  const printOffer = useCallback(
+    async (offer: BookingPackageDossier) => {
+      const cfg = buildTideClientConfig();
+
+      const req: AgentPrintActionRequest = {
+        id: printActionId ?? 0,
+        dossierNumber:
+          (offer as any).dossierNumber ??
+          (offer as any).number,
+        languageId: getTideLanguageId(language),
+      };
+
+      const res = await print(cfg, req);
+      const buf = await res.arrayBuffer();
+      const url = URL.createObjectURL(
+        new Blob([buf], { type: "application/pdf" })
+      );
+      onPrinted?.(url);
+      window.open(url);
+    },
+    [language, onPrinted]
+  );
+
+  const handlePrint = useCallback(async () => {
+    try {
+      setStage("creating");
+      const offer = await createOffer();
+      setStage("printing");
+      await printOffer(offer);
+    } catch (err) {
+      console.error("Offer print failed:", err);
+      throw err;
+    } finally {
+      setStage("idle");
+    }
+  }, [createOffer, printOffer]);
+
+  return { handlePrint, loading, stage };
+}

package/src/index.ts

@@ -2,4 +2,3 @@ import BookingProduct from "./booking-product";
 import BookingWizard from "./booking-wizard";
 
 export { BookingProduct, BookingWizard };
-

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

@@ -0,0 +1,237 @@
+{
+  "STEPS": {
+    "PERSONAL_DETAILS": "Personal details",
+    "EXTRA_OPTIONS": "Extra options",
+    "SUMMARY": "Summary",
+    "CONFIRMATION": "Confirmation",
+    "ERROR": "Booking failed",
+    "PREVIOUS": "Previous step",
+    "NEXT": "Next step",
+    "SUBMIT_BOOKING": "Confirm booking",
+    "SUBMIT_OFFER": "Request quote",
+    "COMPOSE": "Compose",
+    "ROOM_OPTIONS": "Room options",
+    "FLIGHT_OPTIONS": "Flight options"
+  },
+  "INPUT": {
+    "INCREASE": "Increase",
+    "DECREASE": "Decrease"
+  },
+  "FLIGHTS_FORM": {
+    "OUTWARD_FLIGHTS": "Outbound flights",
+    "OUTWARD_FLIGHT": "Outbound flight",
+    "RETURN_FLIGHTS": "Return flights",
+    "RETURN_FLIGHT": "Return flight",
+    "DIRECT_FLIGHT": "Direct flight",
+    "STOP": "stop",
+    "STOPS": "stops",
+    "FLIGHT_STOPS": "stop(s)",
+    "DIFFERENT_OPTION_WARNING": "Warning: This flight changes the duration of the stay.",
+    "FILTER_OPTIONS": "Filter options",
+    "AIRLINES": "Airlines",
+    "AIRPORTS": "Airports",
+    "NUMBER_OF_STOPS": "Number of stops",
+    "FLIGHT_OUTWARD": "Outbound flight",
+    "DEPARTURE_TIME": "Departure time",
+    "TRAVEL_DURATION": "Travel duration",
+    "CHANGE_TIME": "Change time",
+    "FLIGHT_RETURN": "Return flight",
+    "NO_FLIGHTS_FOUND": "No flights found.",
+    "STARTING": "Starting from",
+    "LOWEST_PRICE": "Lowest price",
+    "CHOOSE_YOUR_CLASS": "Choose your class:",
+    "PLUS_ONE_DAY": "+1 day",
+    "STOP_TIME": "Change time",
+    "NIGHT_DEPARTURE": "Night (00:00 - 05:00)",
+    "MORNING_DEPARTURE": "Morning (05:00 - 12:00)",
+    "AFTERNOON_DEPARTURE": "Afternoon (12:00 - 18:00)",
+    "EVENING_DEPARTURE": "Evening (18:00 - 00:00)",
+    "FLIGHTS_FOUND_1": "",
+    "FLIGHTS_FOUND_2": "flights",
+    "FLIGHTS_FOUND_3": "found"
+  },
+  "PRODUCT": {
+    "STAY_INCLUDED": "Stay included",
+    "FLIGHT_INCLUDED": "Flight included",
+    "TRANSFER_INCLUDED": "Transfer included",
+    "LOADING_PRICE": "Your price is being composed.",
+    "PER_PERSON": "Per person",
+    "PER_NIGHT": "Per night",
+    "PER_PERSON_PER_NIGHT": "Per person / per night",
+    "BOOK_NOW": "Book now",
+    "TO_YOUR_OFFER": "To your quote",
+    "NOT_AVAILABLE": "Not available",
+    "NUMBER_OF_ROOMS": "Number of rooms",
+    "AGE_BY_DEPARTURE_DATE": "Age of children on departure date",
+    "YEAR": "Year",
+    "APPLY": "Apply",
+    "EDIT": "Edit",
+    "DEPARTURE": "Departure",
+    "DEPARTURE_DATE": "Departure date",
+    "RETURN": "Return",
+    "RETURN_DATE": "Return date",
+    "WHO_YOU_TRAVELING_WITH": "Who are you traveling with?",
+    "TRAVEL_PERIOD": "Travel period",
+    "CLOSE": "Close"
+  },
+  "MAIN": {
+    "PREPARING_BOOKING": "Please wait, we are preparing your booking",
+    "PREPARING_OFFER": "Please wait, we are preparing your quote",
+    "PRODUCT_UNAVAILABLE": "Product not available"
+  },
+  "SHARED": {
+    "ROOM": "Room",
+    "ROOMS": "Rooms",
+    "TOTAL_PRICE": "Total price",
+    "ADULTS": "Adults",
+    "CHILDREN": "Children",
+    "SELECT": "Select",
+    "SELECTED": "Selected"
+  },
+  "SIDEBAR": {
+    "OVERVIEW": "Summary",
+    "SLIDE_TOTAL_PRICE": "Total amount: ",
+    "SLIDE_DEPOSIT": "Deposit to be paid: ",
+    "TRAVEL_INFO": "Travel information",
+    "TRAVELERS": "Travelers",
+    "TRAVELERS_ADULTS": "adults",
+    "TRAVELERS_ADULT": "adult",
+    "TRAVELERS_CHILDREN": "children",
+    "TRAVELERS_CHILD": "child",
+    "DEPARTURE": "Outbound",
+    "DEPARTURE_SINGLE": "Date",
+    "ARRIVAL": "Return",
+    "FLIGHT": "Flight",
+    "ACCOMMODATION": "Accommodation booked",
+    "BASE_PRICE": "Base price",
+    "OPTIONS": "Options",
+    "INCLUDED_COSTS": "Included costs",
+    "EXTRA_COSTS": "Additional costs",
+    "DEPOSIT": "Deposit to be paid",
+    "DEPOSIT_TEXT1": "The steps for the ",
+    "DEPOSIT_TEXT2": "remaining balance",
+    "DEPOSIT_TEXT3": " of ",
+    "DEPOSIT_TEXT4": " are described in ",
+    "DEPOSIT_TEXT5": "step 3 (\"summary\")",
+    "DEPOSIT_TEXT6": " of the booking process.",
+    "LUGGAGE_INCLUDED": "Luggage included",
+    "DEPARTURE_FLIGHT": "Outbound flight",
+    "ARRIVAL_FLIGHT": "Return flight",
+    "FLIGHT_DEPARTURE": "Departure",
+    "FLIGHT_ARRIVAL": "Arrival",
+    "ON_REQUEST": "On request",
+    "CHANGES": "transfers"
+  },
+  "TRAVELERS_FORM": {
+    "TRAVELER": "Traveler",
+    "ADULT": "adult",
+    "ADULTS": "adults",
+    "CHILD": "child",
+    "CHILDREN": "children",
+    "GENDER": "Salutation",
+    "MALE": "Mr.",
+    "FEMALE": "Mrs.",
+    "OTHER": "Other",
+    "MAIN_BOOKER": "Main booker",
+    "FIRST_NAME": "First name",
+    "LAST_NAME": "Last name",
+    "BIRTHDATE": "Date of birth",
+    "STREET": "Street",
+    "STREET_PLACEHOLDER": "Your street",
+    "HOUSE_NUMBER": "House number",
+    "POST_BOX": "Box",
+    "ZIPCODE": "Postal code",
+    "CITY": "City",
+    "CITY_PLACEHOLDER": "City",
+    "COUNTRY": "Country",
+    "SELECT_COUNTRY": "Select country",
+    "PHONE": "Phone number",
+    "EMAIL": "Email",
+    "REPEAT_EMAIL": "Repeat email",
+    "VALIDATION_MESSAGE": "Please check the fields below and fill them in correctly.",
+    "BOOK_WITH_AGENT": "I want to book through my local travel agent",
+    "CHOOSE_OFFICE": "I choose an office",
+    "COUNTRIES": {
+      "BELGIUM": "Belgium",
+      "NETHERLANDS": "Netherlands",
+      "FRANCE": "France"
+    },
+    "CHOOSE_AGENT_PLACEHOLDER": "Choose your travel agent",
+    "VALIDATION": {
+      "TRAVELER_X_FIELD": "Room {0} - Traveler {1}: {2}",
+      "TRAVELER_X_IS_NO_ADULT": "Room {0} - Traveler {1}: is not an adult",
+      "TRAVELER_X_IS_NO_CHILD": "Room {0} - Traveler {1}: 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",
+      "MAIN_BOOKER_EMAIL_DOES_NOT_MATCH": "Main booker: email does not match",
+      "AGENT_IS_REQUIRED": "Travel agent is required"
+    }
+  },
+  "OPTIONS_FORM": {
+    "NO_OPTIONS_TITLE": "No options",
+    "NO_OPTIONS_MESSAGE": "This trip has no additional options.",
+    "UNIT_TITLE": "Party",
+    "PACKAGE": "Package",
+    "DAY": "day",
+    "DAYS": "days",
+    "NIGHT": "night",
+    "NIGHTS": "nights",
+    "PER_PAX_TITLE": "Select options per traveler",
+    "PER_BOOKING_TITLE": "Select options per booking",
+    "PER_UNIT_TITLE": "Select options per party",
+    "NONE": "None"
+  },
+  "ROOM_OPTIONS_FORM": {
+    "TRAVELER_GROUP": "Travel party",
+    "ALTERNATIVES_TRAVELER_GROUP": "Alternative room options for travel party",
+    "SHOW_ALTERNATIVES": "Show alternative room options"
+  },
+  "SUMMARY": {
+    "PERSONAL_DETAILS": "Personal details",
+    "TRAVELERS": "travelers",
+    "TRAVELER": "traveler",
+    "ADULTS": "adults",
+    "ADULT": "adult",
+    "CHILDREN": "children",
+    "CHILD": "child",
+    "MAIN_BOOKER": "Main booker",
+    "NOTIFICATIONS_TITLE": "Attention",
+    "VALIDATE_TITLE": "Check your information",
+    "VALIDATE_TEXT_BOOKING": "You are about to confirm your booking. Please check that all information is correct and that names are exactly as shown on your ID or passport. This information is final and cannot be changed.",
+    "VALIDATE_TEXT_OFFER": "You are about to request a quote. Please check that all information is correct and that names are exactly as shown on your ID or passport. This helps us avoid problems if you book later.",
+    "OPTIONS": "Options",
+    "REMARKS": "Remarks",
+    "VOUCHERS": "Vouchers",
+    "VOUCHER_VALIDATE": "Validate voucher",
+    "ADD_VOUCHER": "Add voucher",
+    "VOUCHER_VALID": "Voucher is valid",
+    "VOUCHER_INVALID": "Voucher is not valid"
+  },
+  "CONFIRMATION": {
+    "TITLE_TEXT_OFFER": "Your quote with number {0} has been requested",
+    "TITLE_TEXT_BOOKING": "Your booking with number {0} has been confirmed",
+    "MESSAGE_TEXT1": "Your dream trip is now very close.",
+    "MESSAGE_TEXT2_OFFER": "Our travel specialists are processing your request and will contact you within 48 hours.",
+    "MESSAGE_TEXT2_BOOKING": "Our travel specialists are processing your booking and will contact you within 48 hours.",
+    "QUESTIONS_TEXT1": "Do you have any questions? ",
+    "QUESTIONS_TEXT2": "Let us know",
+    "QUESTIONS_TEXT3": ".",
+    "QUESTIONS_ALT": "Contact us",
+    "MAIL_SUBJECT": "Booking info"
+  },
+  "ERROR": {
+    "TRY_AGAIN": "Try booking again",
+    "MESSAGE_TEXT1": "Something went wrong while confirming your trip.",
+    "MESSAGE_TEXT2": "Click below to try again.",
+    "ERROR_TEXT1": "Still not working? ",
+    "ERROR_TEXT2": "Be sure to let us know",
+    "ERROR_TEXT3": ".",
+    "ERROR_ALT": "Contact us"
+  },
+  "PRINT_OFFER_BUTTON": {
+    "LABEL_IDLE": "Print offer",
+    "LABEL_CREATING": "Generating offer…",
+    "LABEL_PRINTING": "Generating PDF…"
+  }
+}

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

@@ -151,13 +151,13 @@
     "VALIDATION_MESSAGE": "Veuillez vérifier les champs du formulaire ci-dessous et remplissez-les correctement.",
     "BOOK_WITH_AGENT": "Je souhaite réserver auprès de mon agent de voyage local",
     "CHOOSE_OFFICE": "Je choisis une agence",
-    
+
     "COUNTRIES": {
       "BELGIUM": "Belgique",
       "NETHERLANDS": "Pays-Bas",
       "FRANCE": "France"
     },
-    "CHOOSE_AGENT_PLACEHOLDER": "Choisissez votre agent de voyage",    
+    "CHOOSE_AGENT_PLACEHOLDER": "Choisissez votre agent de voyage",
     "VALIDATION": {
       "TRAVELER_X_FIELD": "Chambre {0} - Voyageur {1} : {2}",
       "TRAVELER_X_IS_NO_ADULT": "Chambre {0} - Voyageur {1} : n'est pas un adulte",
@@ -229,5 +229,10 @@
     "ERROR_TEXT2": "faites-le nous savoir",
     "ERROR_TEXT3": ".",
     "ERROR_ALT": "Contactez-nous"
+  },
+  "PRINT_OFFER_BUTTON": {
+    "LABEL_IDLE": "Imprimer le devis",
+    "LABEL_CREATING": "Génération du devis…",
+    "LABEL_PRINTING": "Génération du PDF…"
   }
 }

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

@@ -228,5 +228,10 @@
     "ERROR_TEXT2": "Laat het ons dan zeker weten",
     "ERROR_TEXT3": ".",
     "ERROR_ALT": "Contacteer ons"
+  },
+  "PRINT_OFFER_BUTTON": {
+    "LABEL_IDLE": "Print offerte",
+    "LABEL_CREATING": "Offerte genereren...",
+    "LABEL_PRINTING": "PDF genereren..."
   }
 }

package/src/shared/types.ts

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

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

@@ -1,6 +1,6 @@
-import { fr, nlBE } from "date-fns/locale";
+import { enGB, fr, nlBE } from "date-fns/locale";
 
-export const languages = ["nl-BE", "fr-BE"];
+export const languages = ["nl-BE", "fr-BE", "en-GB"];
 export const defaultLanguage = "nl-BE";
 
 export const formatPrice = (price: number, locale: string = "nl-BE") => {
@@ -15,6 +15,7 @@ export const formatPrice = (price: number, locale: string = "nl-BE") => {
 
 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) {
@@ -22,6 +23,8 @@ export const getTranslations = (language: string) => {
       return nlJson;
     case "fr-BE":
       return frJson;
+    case "en-GB":
+      return enJson;
     default:
       throw new Error(`The language '${language}' is not yet supported.`);
   }
@@ -30,6 +33,7 @@ export const getTranslations = (language: string) => {
 export const locales = {
   "nl-BE": nlBE,
   "fr-BE": fr,
+  "en-GB": enGB,
 };
 
 export function getLocale(code: string) {
@@ -38,6 +42,8 @@ export function getLocale(code: string) {
       return locales[code];
     case "fr-BE":
       return locales[code];
+    case "en-GB":
+      return locales[code];
     default:
       return locales["nl-BE"];
   }
@@ -53,4 +59,4 @@ 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

@@ -60,9 +60,12 @@ export const getRoomsFromParams = (
   }
 
   // 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 safeRoomsString = roomString.replace(
+    /accommodationCode:([^,]*)/,
+    (match, code) => {
+      return `accommodationCode:${encodeURIComponent(code)}`;
+    }
+  );
 
   const rooms = JsonURL.parse(safeRoomsString) as Room[] | undefined;
 

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

@@ -24,7 +24,7 @@ export function buildTideClientConfig(
   };
 }
 
-const selectAgentToken = (): string | undefined => {
+export const selectAgentToken = (): string | undefined => {
   let token: string | null = null;
   if (typeof sessionStorage !== "undefined") {
     token = sessionStorage.getItem("token");