@qite/tide-booking-component 1.4.124 → 1.4.126

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

@@ -1,157 +0,0 @@
-import { PayloadAction, createSelector, createSlice } from '@reduxjs/toolkit';
-import { differenceInYears } from 'date-fns';
-
-import { RootState } from '../../store';
-import { TravelersFormValues, RoomTraveler } from '../../types';
-
-export interface TravelersFormState {
-  formValues?: TravelersFormValues;
-  isTravelersFirst?: boolean;
-}
-
-export const CHILD_MAX_AGE = 17;
-const isDebug = false;
-
-const debugFormValues = {
-  rooms: [
-    {
-      adults: [
-        {
-          id: 1,
-          firstName: 'Jan',
-          lastName: 'Jansens',
-          birthDate: '1984-05-20',
-          gender: 'm'
-        },
-        {
-          id: 2,
-          firstName: 'Leen',
-          lastName: 'Leenders',
-          birthDate: '1986-08-09',
-          gender: 'f'
-        }
-      ],
-      // children: [
-      //   {
-      //     id: "3",
-      //     firstName: "Jonas",
-      //     lastName: "Jansens",
-      //     birthDate: "2015-06-14",
-      //     gender: "m",
-      //   },
-      //   {
-      //     id: "4",
-      //     firstName: "Janne",
-      //     lastName: "Jansens",
-      //     birthDate: "2016-03-19",
-      //     gender: "f",
-      //   },
-      // ],
-      children: []
-    },
-    {
-      adults: [
-        {
-          id: 3,
-          firstName: 'Jan',
-          lastName: 'Jansens',
-          birthDate: '1984-05-20',
-          gender: 'm'
-        },
-        {
-          id: 4,
-          firstName: 'Leen',
-          lastName: 'Leenders',
-          birthDate: '1986-08-09',
-          gender: 'f'
-        }
-      ],
-      // children: [
-      //   {
-      //     id: "3",
-      //     firstName: "Jonas",
-      //     lastName: "Jansens",
-      //     birthDate: "2015-06-14",
-      //     gender: "m",
-      //   },
-      //   {
-      //     id: "4",
-      //     firstName: "Janne",
-      //     lastName: "Jansens",
-      //     birthDate: "2016-03-19",
-      //     gender: "f",
-      //   },
-      // ],
-      children: []
-    }
-  ],
-  mainBookerId: 1,
-  street: 'Nieuwstraat',
-  houseNumber: '20',
-  box: 'A',
-  zipCode: '9000',
-  place: 'Gent',
-  country: 'be',
-  email: 'staging@qite.be',
-  emailConfirmation: 'staging@qite.be',
-  phone: '+32 471 12 34 56',
-  travelAgentId: 0,
-  travelAgentName: ''
-};
-
-const initialState: TravelersFormState = {
-  formValues: isDebug ? debugFormValues : undefined
-};
-
-const travelersFormSlice = createSlice({
-  name: 'travelersForm',
-  initialState,
-  reducers: {
-    setFormValues(state, action: PayloadAction<TravelersFormValues>) {
-      state.formValues = action.payload;
-    }
-  }
-});
-
-export const { setFormValues } = travelersFormSlice.actions;
-
-export const selectTravelersFormValues = (state: RootState) => state.travelersForm.formValues;
-
-export const selectRooms = createSelector(selectTravelersFormValues, (formValues) => formValues?.rooms ?? []);
-
-export const selectAgentId = createSelector(selectTravelersFormValues, (formValues) => formValues?.travelAgentId);
-
-const selectRequestRooms = (state: RootState) => state.booking.package?.options.find((x) => x.isSelected)?.requestRooms;
-
-export const selectFormRooms = createSelector(selectRequestRooms, (rooms) => {
-  const formRooms: { adults: RoomTraveler[]; children: RoomTraveler[] }[] = [];
-  if (rooms) {
-    rooms.forEach((x) => {
-      const formRoom: { adults: RoomTraveler[]; children: RoomTraveler[] } = {
-        adults: [],
-        children: []
-      };
-
-      x.pax.forEach((p) => {
-        if (p.age && p.age > CHILD_MAX_AGE) {
-          formRoom.adults.push({ id: p.id, age: 30 });
-        } else if (p.age && p.age <= CHILD_MAX_AGE) {
-          formRoom.children.push({ id: p.id, age: p.age });
-        } else if (p.dateOfBirth) {
-          const age = differenceInYears(new Date(), new Date(p.dateOfBirth));
-
-          if (age > CHILD_MAX_AGE) {
-            formRoom.adults.push({ id: p.id, age: 30 });
-          } else {
-            formRoom.children.push({ id: p.id, age: age });
-          }
-        }
-      });
-
-      formRooms.push(formRoom);
-    });
-  }
-  return formRooms;
-});
-
-export default travelersFormSlice.reducer;

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

@@ -1,10 +0,0 @@
-import { get } from 'lodash';
-
-export const hasVisibleError = (formik: any, key: string) => get(formik.errors, key) && get(formik.touched, key);
-
-export interface ControlProps<T> {
-  translations: any;
-  value: T;
-  formik: any;
-  name: string;
-}

package/src/booking-wizard/features/travelers-form/travelers-form.tsx

@@ -1,181 +0,0 @@
-import React, { useContext, useEffect, useState } from 'react';
-import { useSelector } from 'react-redux';
-import { Link, useNavigate } from 'react-router-dom';
-import produce from 'immer';
-import { useFormik } from 'formik';
-import SettingsContext from '../../settings-context';
-import { useAppDispatch } from '../../store';
-import { TravelersFormValues } from '../../types';
-import { fetchPackage, setBookingType, setCurrentStep, setHasMounted, setIsFetching } from '../booking/booking-slice';
-import { FLIGHT_OPTIONS_FORM_STEP, OPTIONS_FORM_STEP, SUMMARY_STEP } from '../booking/constants';
-import {
-  selectAgentAdressId,
-  selectAgents,
-  selectBookingAttributes,
-  selectBookingQueryString,
-  selectBookingType,
-  selectCountries,
-  selectHasMounted,
-  selectIsFetching,
-  selectIsUnavailable,
-  selectStartDate,
-  selectTranslations,
-  selectTravelersFirstStep
-} from '../booking/selectors';
-import { fetchPriceDetails } from '../price-details/price-details-slice';
-import { selectFormRooms, selectTravelersFormValues, setFormValues } from './travelers-form-slice';
-import validateForm from './validate-form';
-import SharedTravelersForm, { createInitialValuesFromRooms } from '../../../shared/booking/travelers-form';
-
-const TravelersForm: React.FC = () => {
-  const dispatch = useAppDispatch();
-  const settings = useContext(SettingsContext);
-  const navigate = settings.skipRouter ? () => {} : useNavigate();
-
-  const bookingQueryString = useSelector(selectBookingQueryString);
-  const startDate = useSelector(selectStartDate);
-  const formRooms = useSelector(selectFormRooms);
-  const bookingType = useSelector(selectBookingType);
-  const agents = useSelector(selectAgents);
-  const agentAdressId = useSelector(selectAgentAdressId);
-  const translations = useSelector(selectTranslations);
-  const travelersFirstStep = useSelector(selectTravelersFirstStep);
-  const isUnavailable = useSelector(selectIsUnavailable);
-  const bookingAttributes = useSelector(selectBookingAttributes);
-  const isFetching = useSelector(selectIsFetching);
-  const hasMounted = useSelector(selectHasMounted);
-  const countries = useSelector(selectCountries);
-
-  const useCompactForm = !!settings.travellers.compactForm && !!settings.agentAdressId;
-  const showAllCountries = !!settings.travellers.showAllCountries;
-  const initialValues =
-    useSelector(selectTravelersFormValues) ??
-    createInitialValuesFromRooms(formRooms, startDate, agentAdressId, translations.TRAVELERS_FORM.PERSON, useCompactForm);
-
-  const [showAgentSelection, setShowAgentSelection] = useState<boolean>(!settings.agentAdressId && !settings.hideAgentSelection);
-
-  const formik = useFormik<TravelersFormValues>({
-    initialValues,
-    validate: useCompactForm
-      ? () => {}
-      : (values) =>
-          validateForm(values, settings.agentRequired, bookingType, translations, settings.travellers.formFields, settings.travellers.mainBookerFormFields),
-    onSubmit: (values) => {
-      dispatch(setFormValues(values));
-
-      if (useCompactForm) {
-        dispatch(fetchPriceDetails());
-        if (settings.skipRouter) dispatch(setCurrentStep(SUMMARY_STEP));
-        else navigate(`${!settings.skipBasePathInRouting ? settings.basePath : ''}${settings.summary.pathSuffix}?${bookingQueryString}`);
-        return;
-      }
-
-      dispatch(fetchPackage());
-      if (settings.skipRouter) dispatch(setCurrentStep(travelersFirstStep ? FLIGHT_OPTIONS_FORM_STEP : SUMMARY_STEP));
-      else
-        navigate(
-          `${!settings.skipBasePathInRouting ? settings.basePath : ''}${
-            travelersFirstStep ? settings.flightOptions.pathSuffix : settings.summary.pathSuffix
-          }?${bookingQueryString}`
-        );
-    }
-  });
-
-  useEffect(() => {
-    dispatch(fetchPriceDetails());
-  }, [dispatch]);
-
-  useEffect(() => {
-    if (!bookingAttributes?.rooms?.length || isFetching) return;
-    if (!hasMounted) {
-      dispatch(setHasMounted(true));
-      return;
-    }
-
-    const fetchAll = async () => {
-      dispatch(setIsFetching(true));
-      try {
-        await dispatch(fetchPackage());
-        await dispatch(fetchPriceDetails());
-      } finally {
-        dispatch(setIsFetching(false));
-      }
-    };
-
-    fetchAll();
-    // Intentionally depends ONLY on the rooms composition. `hasMounted` and
-    // `isFetching` are read as latest-values inside the effect but MUST NOT be
-    // dependencies: `isFetching` is flipped by this effect, so listing it
-    // creates an infinite fetch loop, and `hasMounted` in the deps re-runs the
-    // effect right after it flips, defeating the "skip the initial fetch" guard
-    // (the package is already fetched on load by booking-self-contained).
-  }, [bookingAttributes?.rooms]);
-
-  useEffect(() => {
-    if (settings.skipRouter || !travelersFirstStep) return;
-
-    const params = new URLSearchParams(bookingQueryString);
-    params.delete('rooms');
-    const roomsString = formik.values.rooms
-      .map((room) => {
-        const adults = room.adults ? room.adults.length : 0;
-        const childAges = room.children?.length ? room.children.map((child) => child.age).join(',') : '';
-        return `adults:${adults},childAges:(${childAges})`;
-      })
-      .map((room) => `(${room})`)
-      .join(',');
-
-    const nextQuery = `${params.toString()}${params.toString() ? '&' : ''}rooms=(${roomsString})`;
-    navigate(`${window.location.pathname}?${nextQuery}`, { replace: true });
-  }, [formik.values.rooms, bookingQueryString, navigate, settings.skipRouter, travelersFirstStep]);
-
-  useEffect(() => {
-    if (!agents || !settings.affiliateSlug) return;
-    const agent = agents.find((x) => x.affiliateSlug && x.affiliateSlug === settings.affiliateSlug);
-    if (!agent) return;
-
-    const formValues = produce(formik.values, (values) => {
-      values.travelAgentId = Number(agent.id);
-      values.travelAgentName = agent.name;
-    });
-
-    formik.setValues(formValues, false);
-    dispatch(setFormValues(formValues));
-    setShowAgentSelection(false);
-  }, [agents, settings.affiliateSlug]);
-
-  return (
-    <SharedTravelersForm
-      formik={formik}
-      translations={translations}
-      travellersSettings={settings.travellers}
-      countries={countries}
-      agents={agents}
-      bookingType={bookingType}
-      agentAdressId={agentAdressId}
-      travelersFirstStep={travelersFirstStep}
-      isUnavailable={isUnavailable}
-      useCompactForm={useCompactForm}
-      showAllCountries={showAllCountries}
-      showAgentSelection={showAgentSelection}
-      initialShowAgents={settings.agentRequired ?? false}
-      onBookingTypeChange={(nextBookingType) => dispatch(setBookingType(nextBookingType))}
-      renderPreviousButton={() =>
-        !travelersFirstStep && settings.skipRouter ? (
-          <button type="button" title={translations.STEPS.PREVIOUS} onClick={() => dispatch(setCurrentStep(OPTIONS_FORM_STEP))} className="cta cta--secondary">
-            {translations.STEPS.PREVIOUS}
-          </button>
-        ) : !travelersFirstStep ? (
-          <Link
-            to={`${!settings.skipBasePathInRouting ? settings.basePath : ''}${settings.options.pathSuffix}?${bookingQueryString}`}
-            title={translations.STEPS.PREVIOUS}
-            className="cta cta--secondary">
-            {translations.STEPS.PREVIOUS}
-          </Link>
-        ) : null
-      }
-    />
-  );
-};
-
-export default TravelersForm;

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

@@ -1,85 +0,0 @@
-import Icon from '../../../shared/components/icon';
-import React, { useState } from 'react';
-
-interface TypeAheadInputProps {
-  name?: string;
-  value?: string;
-  placeholder?: string;
-  options?: { key: string; value: string | number; text: string }[];
-  onChange?: (value: string) => void;
-  onSelect?: (key: string) => void;
-  onClear?: () => void;
-}
-
-const TypeAheadInput: React.FC<TypeAheadInputProps> = ({ name, value, placeholder, options, onChange, onSelect, onClear }) => {
-  const [showItems, setShowItems] = useState<boolean>(false);
-
-  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
-    if (onChange) {
-      onChange(e.target.value);
-    }
-  };
-
-  const handleClearClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
-    if (onClear) {
-      onClear();
-    }
-    setShowItems(false);
-  };
-
-  return (
-    <div className="typeahead">
-      <div className="typeahead__trigger typeahead__trigger--icon">
-        <Icon name="ui-qsm-location" />
-        <input
-          type="text"
-          className="form__input"
-          name={name}
-          value={value}
-          onChange={handleChange}
-          placeholder={placeholder}
-          required
-          autoComplete="off"
-          onKeyDown={(e) => {
-            if (e.key === 'Tab' && options && onSelect) {
-              onSelect(options[0].key);
-              setShowItems(false);
-            }
-          }}
-          onFocus={() => setShowItems(true)}
-        />
-        <button type="button" className="button button--clear" onClick={handleClearClick}></button>
-      </div>
-      {options && options.length > 0 && showItems && (
-        <div className="typeahead__options">
-          {(options ?? []).map((option) => {
-            const matchIndex = typeof value !== 'undefined' ? option.text.indexOf(value) : 0;
-            const prefix = option.text.slice(0, matchIndex);
-            const highlight = option.text.slice(matchIndex, value?.length ?? 0);
-            const suffix = option.text.slice(matchIndex);
-
-            return (
-              <div className="typeahead__option" key={option.key}>
-                <div className="typeahead__option-header">
-                  <button
-                    onClick={() => {
-                      if (onSelect) onSelect(option.key);
-                      setShowItems(false);
-                    }}
-                    type="button"
-                    className="button button--plain">
-                    {prefix}
-                    <span className="typeahead__option-highlight">{highlight}</span>
-                    {suffix}
-                  </button>
-                </div>
-              </div>
-            );
-          })}
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default TypeAheadInput;

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

@@ -1,178 +0,0 @@
-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 +0,0 @@
-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;