@qite/tide-booking-component 1.4.122 → 1.4.124

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

@@ -1,178 +1,178 @@
-import { FormikErrors } from 'formik';
-import { isEmpty, set } from 'lodash';
-import { FormField, TravelersFormValues } from '../../types';
-import { CHILD_MAX_AGE } from './travelers-form-slice';
-import { format } from '../../../shared/utils/localization-util';
-
-function isValidEmail(email: string) {
-  return !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,24}$/i.test(email);
-}
-
-function getAge(birthDateText: string, startDateText: string) {
-  var birthDate = new Date(birthDateText);
-  var startDate = new Date(startDateText);
-
-  var age = startDate.getFullYear() - birthDate.getFullYear();
-  var m = startDate.getMonth() - birthDate.getMonth();
-  if (m < 0 || (m === 0 && startDate.getDate() < birthDate.getDate())) {
-    age--;
-  }
-  return age;
-}
-
-const validateForm = (
-  values: TravelersFormValues,
-  agentRequired?: boolean,
-  bookingType?: string,
-  translations?: any,
-  formFields?: FormField[],
-  mainBookerFormFields?: FormField[]
-) => {
-  const errors: FormikErrors<TravelersFormValues> = {};
-  const isFormFieldPresent = (type: string) => {
-    return formFields?.some((f) => f.type === type) ?? true;
-  };
-  const isMainBookerFormFieldPresent = (type: string) => {
-    return mainBookerFormFields?.some((f) => f.type === type) ?? true;
-  };
-
-  const formatTravelerField = (room: number, pax: number, field: string) => {
-    return values.rooms.length > 1
-      ? format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [room, pax, field])
-      : format(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_FIELD, [pax, field]);
-  };
-  const formatTravelerIsNoAdult = (room: number, pax: number) => {
-    return values.rooms.length > 1
-      ? format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_ADULT, [room, pax])
-      : format(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_IS_NO_ADULT, [pax]);
-  };
-  const formatTravelerIsNoChild = (room: number, pax: number) => {
-    return values.rooms.length > 1
-      ? format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_CHILD, [room, pax])
-      : format(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_IS_NO_CHILD, [pax]);
-  };
-
-  values.rooms.forEach((r, rIndex) =>
-    r.adults.forEach((adult, index) => {
-      if (isEmpty(adult.gender) && isFormFieldPresent('gender')) {
-        set(errors, `rooms[${rIndex}].adults[${index}].gender`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.GENDER));
-      }
-
-      if (isEmpty(adult.firstName) && isFormFieldPresent('firstName')) {
-        set(errors, `rooms[${rIndex}].adults[${index}].firstName`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.FIRST_NAME));
-      }
-
-      if (isEmpty(adult.lastName) && isFormFieldPresent('lastName')) {
-        set(errors, `rooms[${rIndex}].adults[${index}].lastName`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.LAST_NAME));
-      }
-
-      if (isFormFieldPresent('birthDate')) {
-        if (isEmpty(adult.birthDate)) {
-          set(errors, `rooms[${rIndex}].adults[${index}].birthDate`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.BIRTHDATE));
-        } else if (values.startDate) {
-          const age = getAge(adult.birthDate, values.startDate);
-
-          if (age <= CHILD_MAX_AGE) {
-            set(errors, `rooms[${rIndex}].adults[${index}].birthDate`, formatTravelerIsNoAdult(rIndex + 1, index + 1));
-          }
-        }
-      }
-    })
-  );
-
-  values.rooms.forEach((r, rIndex) =>
-    r.children.forEach((child, index) => {
-      if (isEmpty(child.gender) && isFormFieldPresent('gender')) {
-        set(
-          errors,
-          `rooms[${rIndex}].children[${index}].gender`,
-          formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.GENDER)
-        );
-      }
-
-      if (isEmpty(child.firstName) && isFormFieldPresent('firstName')) {
-        set(errors, `children[${index}].firstName`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.FIRST_NAME));
-      }
-
-      if (isEmpty(child.lastName) && isFormFieldPresent('lastName')) {
-        set(
-          errors,
-          `rooms[${rIndex}].children[${index}].lastName`,
-          formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.LAST_NAME)
-        );
-      }
-
-      if (isFormFieldPresent('birthDate')) {
-        if (isEmpty(child.birthDate)) {
-          set(
-            errors,
-            `rooms[${rIndex}].children[${index}].birthDate`,
-            formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.BIRTHDATE)
-          );
-        } else if (values.startDate) {
-          const age = getAge(child.birthDate, values.startDate);
-
-          if (age > CHILD_MAX_AGE) {
-            set(errors, `rooms[${rIndex}].children[${index}].birthDate`, formatTravelerIsNoChild(rIndex + 1, r.adults.length + index + 1));
-          }
-        }
-      }
-    })
-  );
-
-  if (values.mainBookerId < 0) {
-    errors.mainBookerId = translations.TRAVELERS_FORM.VALIDATION.NO_MAIN_BOOKER_SELECTED;
-  }
-
-  if (bookingType != 'b2b' || mainBookerFormFields?.length) {
-    if (isEmpty(values.street) && isMainBookerFormFieldPresent('street')) {
-      errors.street = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.STREET]);
-    }
-
-    if (isEmpty(values.houseNumber) && isMainBookerFormFieldPresent('houseNumber')) {
-      errors.houseNumber = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.HOUSE_NUMBER]);
-    }
-
-    if (isEmpty(values.zipCode) && isMainBookerFormFieldPresent('zipCode')) {
-      errors.zipCode = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.ZIPCODE]);
-    }
-
-    if (isEmpty(values.place) && isMainBookerFormFieldPresent('place')) {
-      errors.place = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.CITY]);
-    }
-
-    if (isMainBookerFormFieldPresent('email')) {
-      if (isEmpty(values.email)) {
-        errors.email = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.EMAIL]);
-      } else if (isValidEmail(values.email)) {
-        errors.email = translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_EMAIL_IS_INVALID;
-      }
-
-      if (isEmpty(values.emailConfirmation)) {
-        errors.emailConfirmation = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.REPEAT_EMAIL]);
-      } else if (values.emailConfirmation !== values.email) {
-        errors.emailConfirmation = translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_EMAIL_DOES_NOT_MATCH;
-      }
-    }
-
-    if (isEmpty(values.country) && isMainBookerFormFieldPresent('country')) {
-      errors.country = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.COUNTRY]);
-    }
-
-    if (isEmpty(values.phone) && isMainBookerFormFieldPresent('phone')) {
-      errors.phone = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.PHONE]);
-    }
-  } else {
-    if (isEmpty(values.phone)) {
-      errors.phone = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.PHONE]);
-    }
-  }
-
-  if (agentRequired && !values.travelAgentId) {
-    errors.travelAgentId = translations.TRAVELERS_FORM.VALIDATION.AGENT_IS_REQUIRED;
-  }
-
-  return errors;
-};
-
-export default validateForm;
+import { FormikErrors } from 'formik';
+import { isEmpty, set } from 'lodash';
+import { FormField, TravelersFormValues } from '../../types';
+import { CHILD_MAX_AGE } from './travelers-form-slice';
+import { format } from '../../../shared/utils/localization-util';
+
+function isValidEmail(email: string) {
+  return !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,24}$/i.test(email);
+}
+
+function getAge(birthDateText: string, startDateText: string) {
+  var birthDate = new Date(birthDateText);
+  var startDate = new Date(startDateText);
+
+  var age = startDate.getFullYear() - birthDate.getFullYear();
+  var m = startDate.getMonth() - birthDate.getMonth();
+  if (m < 0 || (m === 0 && startDate.getDate() < birthDate.getDate())) {
+    age--;
+  }
+  return age;
+}
+
+const validateForm = (
+  values: TravelersFormValues,
+  agentRequired?: boolean,
+  bookingType?: string,
+  translations?: any,
+  formFields?: FormField[],
+  mainBookerFormFields?: FormField[]
+) => {
+  const errors: FormikErrors<TravelersFormValues> = {};
+  const isFormFieldPresent = (type: string) => {
+    return formFields?.some((f) => f.type === type) ?? true;
+  };
+  const isMainBookerFormFieldPresent = (type: string) => {
+    return mainBookerFormFields?.some((f) => f.type === type) ?? true;
+  };
+
+  const formatTravelerField = (room: number, pax: number, field: string) => {
+    return values.rooms.length > 1
+      ? format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [room, pax, field])
+      : format(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_FIELD, [pax, field]);
+  };
+  const formatTravelerIsNoAdult = (room: number, pax: number) => {
+    return values.rooms.length > 1
+      ? format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_ADULT, [room, pax])
+      : format(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_IS_NO_ADULT, [pax]);
+  };
+  const formatTravelerIsNoChild = (room: number, pax: number) => {
+    return values.rooms.length > 1
+      ? format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_CHILD, [room, pax])
+      : format(translations.TRAVELERS_FORM.VALIDATION.SINGLE_ROOM_TRAVELER_X_IS_NO_CHILD, [pax]);
+  };
+
+  values.rooms.forEach((r, rIndex) =>
+    r.adults.forEach((adult, index) => {
+      if (isEmpty(adult.gender) && isFormFieldPresent('gender')) {
+        set(errors, `rooms[${rIndex}].adults[${index}].gender`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.GENDER));
+      }
+
+      if (isEmpty(adult.firstName) && isFormFieldPresent('firstName')) {
+        set(errors, `rooms[${rIndex}].adults[${index}].firstName`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.FIRST_NAME));
+      }
+
+      if (isEmpty(adult.lastName) && isFormFieldPresent('lastName')) {
+        set(errors, `rooms[${rIndex}].adults[${index}].lastName`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.LAST_NAME));
+      }
+
+      if (isFormFieldPresent('birthDate')) {
+        if (isEmpty(adult.birthDate)) {
+          set(errors, `rooms[${rIndex}].adults[${index}].birthDate`, formatTravelerField(rIndex + 1, index + 1, translations.TRAVELERS_FORM.BIRTHDATE));
+        } else if (values.startDate) {
+          const age = getAge(adult.birthDate, values.startDate);
+
+          if (age <= CHILD_MAX_AGE) {
+            set(errors, `rooms[${rIndex}].adults[${index}].birthDate`, formatTravelerIsNoAdult(rIndex + 1, index + 1));
+          }
+        }
+      }
+    })
+  );
+
+  values.rooms.forEach((r, rIndex) =>
+    r.children.forEach((child, index) => {
+      if (isEmpty(child.gender) && isFormFieldPresent('gender')) {
+        set(
+          errors,
+          `rooms[${rIndex}].children[${index}].gender`,
+          formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.GENDER)
+        );
+      }
+
+      if (isEmpty(child.firstName) && isFormFieldPresent('firstName')) {
+        set(errors, `children[${index}].firstName`, formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.FIRST_NAME));
+      }
+
+      if (isEmpty(child.lastName) && isFormFieldPresent('lastName')) {
+        set(
+          errors,
+          `rooms[${rIndex}].children[${index}].lastName`,
+          formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.LAST_NAME)
+        );
+      }
+
+      if (isFormFieldPresent('birthDate')) {
+        if (isEmpty(child.birthDate)) {
+          set(
+            errors,
+            `rooms[${rIndex}].children[${index}].birthDate`,
+            formatTravelerField(rIndex + 1, r.adults.length + index + 1, translations.TRAVELERS_FORM.BIRTHDATE)
+          );
+        } else if (values.startDate) {
+          const age = getAge(child.birthDate, values.startDate);
+
+          if (age > CHILD_MAX_AGE) {
+            set(errors, `rooms[${rIndex}].children[${index}].birthDate`, formatTravelerIsNoChild(rIndex + 1, r.adults.length + index + 1));
+          }
+        }
+      }
+    })
+  );
+
+  if (values.mainBookerId < 0) {
+    errors.mainBookerId = translations.TRAVELERS_FORM.VALIDATION.NO_MAIN_BOOKER_SELECTED;
+  }
+
+  if (bookingType != 'b2b' || mainBookerFormFields?.length) {
+    if (isEmpty(values.street) && isMainBookerFormFieldPresent('street')) {
+      errors.street = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.STREET]);
+    }
+
+    if (isEmpty(values.houseNumber) && isMainBookerFormFieldPresent('houseNumber')) {
+      errors.houseNumber = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.HOUSE_NUMBER]);
+    }
+
+    if (isEmpty(values.zipCode) && isMainBookerFormFieldPresent('zipCode')) {
+      errors.zipCode = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.ZIPCODE]);
+    }
+
+    if (isEmpty(values.place) && isMainBookerFormFieldPresent('place')) {
+      errors.place = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.CITY]);
+    }
+
+    if (isMainBookerFormFieldPresent('email')) {
+      if (isEmpty(values.email)) {
+        errors.email = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.EMAIL]);
+      } else if (isValidEmail(values.email)) {
+        errors.email = translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_EMAIL_IS_INVALID;
+      }
+
+      if (isEmpty(values.emailConfirmation)) {
+        errors.emailConfirmation = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.REPEAT_EMAIL]);
+      } else if (values.emailConfirmation !== values.email) {
+        errors.emailConfirmation = translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_EMAIL_DOES_NOT_MATCH;
+      }
+    }
+
+    if (isEmpty(values.country) && isMainBookerFormFieldPresent('country')) {
+      errors.country = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.COUNTRY]);
+    }
+
+    if (isEmpty(values.phone) && isMainBookerFormFieldPresent('phone')) {
+      errors.phone = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.PHONE]);
+    }
+  } else {
+    if (isEmpty(values.phone)) {
+      errors.phone = format(translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD, [translations.TRAVELERS_FORM.PHONE]);
+    }
+  }
+
+  if (agentRequired && !values.travelAgentId) {
+    errors.travelAgentId = translations.TRAVELERS_FORM.VALIDATION.AGENT_IS_REQUIRED;
+  }
+
+  return errors;
+};
+
+export default validateForm;

package/src/booking-wizard/index.tsx

@@ -1,27 +1,27 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import Booking from './features/booking/booking';
-import SettingsContext from './settings-context';
-import { store } from './store';
-import { Settings } from './types';
-
-interface BookingWizardProps {
-  productCode: string;
-  productName: string;
-  allotmentName?: string;
-  tourCode?: string;
-  thumbnailUrl?: string;
-  settings: Settings;
-}
-
-const BookingWizard: React.FC<BookingWizardProps> = ({ productCode, productName, thumbnailUrl, settings }) => {
-  return (
-    <SettingsContext.Provider value={settings}>
-      <Provider store={store}>
-        <Booking productCode={productCode} productName={productName} thumbnailUrl={thumbnailUrl} />
-      </Provider>
-    </SettingsContext.Provider>
-  );
-};
-
-export default BookingWizard;
+import React from 'react';
+import { Provider } from 'react-redux';
+import Booking from './features/booking/booking';
+import SettingsContext from './settings-context';
+import { store } from './store';
+import { Settings } from './types';
+
+interface BookingWizardProps {
+  productCode: string;
+  productName: string;
+  allotmentName?: string;
+  tourCode?: string;
+  thumbnailUrl?: string;
+  settings: Settings;
+}
+
+const BookingWizard: React.FC<BookingWizardProps> = ({ productCode, productName, thumbnailUrl, settings }) => {
+  return (
+    <SettingsContext.Provider value={settings}>
+      <Provider store={store}>
+        <Booking productCode={productCode} productName={productName} thumbnailUrl={thumbnailUrl} />
+      </Provider>
+    </SettingsContext.Provider>
+  );
+};
+
+export default BookingWizard;

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

@@ -1,64 +1,64 @@
-import React from 'react';
-import { Settings } from './types';
-
-interface WizardSettingsContextProps extends Settings {}
-
-const SettingsContext = React.createContext<WizardSettingsContextProps>({
-  language: 'nl-BE',
-  token: '',
-  generatePaymentUrl: false,
-  officeId: 1,
-  tagIds: [],
-  hideAgentSelection: false,
-  agentAdressId: undefined,
-  affiliateSlug: undefined,
-  productPath: '/',
-  basePath: '/boeken',
-  skipBasePathInRouting: false,
-  roomOptions: {
-    pathSuffix: '/'
-  },
-  flightOptions: {
-    pathSuffix: '/vluchten'
-  },
-  options: {
-    pathSuffix: '/opties',
-    reportPrintActionId: null
-  },
-  travellers: {
-    pathSuffix: '/reizigers',
-    travelersFirstStep: false,
-    showAllCountries: false
-  },
-  summary: {
-    pathSuffix: '/samenvatting',
-    checkboxes: null
-  },
-  confirmation: {
-    pathSuffix: '/bevestiging'
-  },
-  error: {
-    pathSuffix: '/mislukt'
-  },
-  companyContactEmail: 'info@tidesoftware.be',
-  companyContactPhone: '093362299',
-  showProductCardRating: false,
-  showSidebarDeposit: false,
-  sidebarHeaderComponent: null,
-  sidebarFooterComponent: null,
-  loaderComponent: null,
-  icons: null,
-  bookingOptions: {
-    b2b: {
-      entryStatus: 0
-    },
-    b2b2c: {
-      entryStatus: 0
-    },
-    b2c: {
-      entryStatus: 0
-    }
-  }
-});
-
-export default SettingsContext;
+import React from 'react';
+import { Settings } from './types';
+
+interface WizardSettingsContextProps extends Settings {}
+
+const SettingsContext = React.createContext<WizardSettingsContextProps>({
+  language: 'nl-BE',
+  token: '',
+  generatePaymentUrl: false,
+  officeId: 1,
+  tagIds: [],
+  hideAgentSelection: false,
+  agentAdressId: undefined,
+  affiliateSlug: undefined,
+  productPath: '/',
+  basePath: '/boeken',
+  skipBasePathInRouting: false,
+  roomOptions: {
+    pathSuffix: '/'
+  },
+  flightOptions: {
+    pathSuffix: '/vluchten'
+  },
+  options: {
+    pathSuffix: '/opties',
+    reportPrintActionId: null
+  },
+  travellers: {
+    pathSuffix: '/reizigers',
+    travelersFirstStep: false,
+    showAllCountries: false
+  },
+  summary: {
+    pathSuffix: '/samenvatting',
+    checkboxes: null
+  },
+  confirmation: {
+    pathSuffix: '/bevestiging'
+  },
+  error: {
+    pathSuffix: '/mislukt'
+  },
+  companyContactEmail: 'info@tidesoftware.be',
+  companyContactPhone: '093362299',
+  showProductCardRating: false,
+  showSidebarDeposit: false,
+  sidebarHeaderComponent: null,
+  sidebarFooterComponent: null,
+  loaderComponent: null,
+  icons: null,
+  bookingOptions: {
+    b2b: {
+      entryStatus: 0
+    },
+    b2b2c: {
+      entryStatus: 0
+    },
+    b2c: {
+      entryStatus: 0
+    }
+  }
+});
+
+export default SettingsContext;

package/src/booking-wizard/store.ts

@@ -1,26 +1,26 @@
-import { Action, ThunkAction, configureStore } from '@reduxjs/toolkit';
-
-import apiSettingsReducer from './api-settings-slice';
-import bookingReducer from './features/booking/booking-slice';
-import priceDetailsReducer from './features/price-details/price-details-slice';
-import travelersFormReducer from './features/travelers-form/travelers-form-slice';
-import summaryReducer from './features/summary/summary-slice';
-import { useDispatch } from 'react-redux';
-
-export const store = configureStore({
-  reducer: {
-    booking: bookingReducer,
-    travelersForm: travelersFormReducer,
-    priceDetails: priceDetailsReducer,
-    summary: summaryReducer,
-    apiSettings: apiSettingsReducer
-  }
-});
-
-export type RootState = ReturnType<typeof store.getState>;
-
-export type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, Action<string>>;
-
-export type AppDispatch = typeof store.dispatch;
-
-export const useAppDispatch = () => useDispatch<AppDispatch>();
+import { Action, ThunkAction, configureStore } from '@reduxjs/toolkit';
+
+import apiSettingsReducer from './api-settings-slice';
+import bookingReducer from './features/booking/booking-slice';
+import priceDetailsReducer from './features/price-details/price-details-slice';
+import travelersFormReducer from './features/travelers-form/travelers-form-slice';
+import summaryReducer from './features/summary/summary-slice';
+import { useDispatch } from 'react-redux';
+
+export const store = configureStore({
+  reducer: {
+    booking: bookingReducer,
+    travelersForm: travelersFormReducer,
+    priceDetails: priceDetailsReducer,
+    summary: summaryReducer,
+    apiSettings: apiSettingsReducer
+  }
+});
+
+export type RootState = ReturnType<typeof store.getState>;
+
+export type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, Action<string>>;
+
+export type AppDispatch = typeof store.dispatch;
+
+export const useAppDispatch = () => useDispatch<AppDispatch>();

package/src/booking-wizard/types.ts

@@ -43,6 +43,7 @@ export interface Settings {
   includeFlights?: boolean;
   generatePaymentUrl?: boolean;
   skipPaymentWithAgent?: boolean;
+  paymentRedirectUrl?: string;
   companyContactEmail: string;
   companyContactPhone: string;
   showProductCardRating: boolean;
@@ -66,6 +67,22 @@ export interface Settings {
     language: string;
     path: string;
   }[];
+  /**
+   * URL of a JSON translation file that will be fetched at runtime and
+   * deep-merged over the built-in translations for the active language.
+   * The `{language}` token in the URL is replaced with the active language
+   * code, so a single setting can serve multiple languages by dropping files
+   * like `en-GB.json`, `nl-BE.json` side by side.
+   *
+   * Mirrors the same attribute on the booking-product self-contained build.
+   * Only the keys present in the host file are overridden; everything else
+   * falls back to the built-in translations. If the file 404s or fails to
+   * load, the component logs a warning and silently uses the built-ins.
+   *
+   * The self-contained wizard suppresses its initial render until this fetch
+   * resolves, so end users never see a flash of built-in copy.
+   */
+  customTranslationsUrl?: string;
   accommodations?: AccommodationContent[];
   regimes?: RegimeContent[];
   accommodationViewId?: number;