@qite/tide-booking-component 1.2.3 → 1.2.5

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

@@ -1,245 +1,245 @@
-import { FormikErrors } from "formik";
-import { isEmpty, set } from "lodash";
-import { 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,
-) => {
-  const errors: FormikErrors<TravelersFormValues> = {};
-
-  values.rooms.forEach((r, rIndex) =>
-    r.adults.forEach((adult, index) => {
-      if (isEmpty(adult.gender)) {
-        set(
-          errors,
-          `rooms[${rIndex}].adults[${index}].gender`,
-          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
-            rIndex + 1,
-            index + 1,
-            translations.TRAVELERS_FORM.GENDER,
-          ])
-        );
-      }
-
-      if (isEmpty(adult.firstName)) {
-        set(
-          errors,
-          `rooms[${rIndex}].adults[${index}].firstName`,
-          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
-            rIndex + 1,
-            index + 1,
-            translations.TRAVELERS_FORM.FIRST_NAME,
-          ])
-        );
-      }
-
-      if (isEmpty(adult.lastName)) {
-        set(
-          errors,
-          `rooms[${rIndex}].adults[${index}].lastName`,
-          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
-            rIndex + 1,
-            index + 1,
-            translations.TRAVELERS_FORM.LAST_NAME,
-          ])
-        );
-      }
-
-      if (isEmpty(adult.birthDate)) {
-        set(
-          errors,
-          `rooms[${rIndex}].adults[${index}].birthDate`,
-          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
-            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`,
-            format(
-              translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_ADULT,
-              [rIndex + 1, index + 1]
-            )
-          );
-        }
-      }
-    })
-  );
-
-  values.rooms.forEach((r, rIndex) =>
-    r.children.forEach((child, index) => {
-      if (isEmpty(child.gender)) {
-        set(
-          errors,
-          `rooms[${rIndex}].children[${index}].gender`,
-          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
-            rIndex + 1,
-            r.adults.length + index + 1,
-            translations.TRAVELERS_FORM.GENDER,
-          ])
-        );
-      }
-
-      if (isEmpty(child.firstName)) {
-        set(
-          errors,
-          `children[${index}].firstName`,
-          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
-            rIndex + 1,
-            r.adults.length + index + 1,
-            translations.TRAVELERS_FORM.FIRST_NAME,
-          ])
-        );
-      }
-
-      if (isEmpty(child.lastName)) {
-        set(
-          errors,
-          `rooms[${rIndex}].children[${index}].lastName`,
-          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
-            rIndex + 1,
-            r.adults.length + index + 1,
-            translations.TRAVELERS_FORM.LAST_NAME,
-          ])
-        );
-      }
-
-      if (isEmpty(child.birthDate)) {
-        set(
-          errors,
-          `rooms[${rIndex}].children[${index}].birthDate`,
-          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
-            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`,
-            format(
-              translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_CHILD,
-              [rIndex + 1, r.adults.length + index + 1]
-            )
-          );
-        }
-      }
-    })
-  );
-
-  if (values.mainBookerId < 0) {
-    errors.mainBookerId =
-      translations.TRAVELERS_FORM.VALIDATION.NO_MAIN_BOOKER_SELECTED;
-  }
-
-  if (bookingType != "b2b") {
-    if (isEmpty(values.street)) {
-      errors.street = format(
-        translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
-        [translations.TRAVELERS_FORM.STREET]
-      );
-    }
-
-    if (isEmpty(values.houseNumber)) {
-      errors.houseNumber = format(
-        translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
-        [translations.TRAVELERS_FORM.HOUSE_NUMBER]
-      );
-    }
-
-    if (isEmpty(values.zipCode)) {
-      errors.zipCode = format(
-        translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
-        [translations.TRAVELERS_FORM.ZIPCODE]
-      );
-    }
-
-    if (isEmpty(values.place)) {
-      errors.place = format(
-        translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
-        [translations.TRAVELERS_FORM.CITY]
-      );
-    }
-
-    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)) {
-      errors.country = format(
-        translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
-        [translations.TRAVELERS_FORM.COUNTRY]
-      );
-    }
-
-    if (isEmpty(values.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 { 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
+) => {
+  const errors: FormikErrors<TravelersFormValues> = {};
+
+  values.rooms.forEach((r, rIndex) =>
+    r.adults.forEach((adult, index) => {
+      if (isEmpty(adult.gender)) {
+        set(
+          errors,
+          `rooms[${rIndex}].adults[${index}].gender`,
+          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
+            rIndex + 1,
+            index + 1,
+            translations.TRAVELERS_FORM.GENDER,
+          ])
+        );
+      }
+
+      if (isEmpty(adult.firstName)) {
+        set(
+          errors,
+          `rooms[${rIndex}].adults[${index}].firstName`,
+          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
+            rIndex + 1,
+            index + 1,
+            translations.TRAVELERS_FORM.FIRST_NAME,
+          ])
+        );
+      }
+
+      if (isEmpty(adult.lastName)) {
+        set(
+          errors,
+          `rooms[${rIndex}].adults[${index}].lastName`,
+          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
+            rIndex + 1,
+            index + 1,
+            translations.TRAVELERS_FORM.LAST_NAME,
+          ])
+        );
+      }
+
+      if (isEmpty(adult.birthDate)) {
+        set(
+          errors,
+          `rooms[${rIndex}].adults[${index}].birthDate`,
+          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
+            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`,
+            format(
+              translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_ADULT,
+              [rIndex + 1, index + 1]
+            )
+          );
+        }
+      }
+    })
+  );
+
+  values.rooms.forEach((r, rIndex) =>
+    r.children.forEach((child, index) => {
+      if (isEmpty(child.gender)) {
+        set(
+          errors,
+          `rooms[${rIndex}].children[${index}].gender`,
+          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
+            rIndex + 1,
+            r.adults.length + index + 1,
+            translations.TRAVELERS_FORM.GENDER,
+          ])
+        );
+      }
+
+      if (isEmpty(child.firstName)) {
+        set(
+          errors,
+          `children[${index}].firstName`,
+          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
+            rIndex + 1,
+            r.adults.length + index + 1,
+            translations.TRAVELERS_FORM.FIRST_NAME,
+          ])
+        );
+      }
+
+      if (isEmpty(child.lastName)) {
+        set(
+          errors,
+          `rooms[${rIndex}].children[${index}].lastName`,
+          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
+            rIndex + 1,
+            r.adults.length + index + 1,
+            translations.TRAVELERS_FORM.LAST_NAME,
+          ])
+        );
+      }
+
+      if (isEmpty(child.birthDate)) {
+        set(
+          errors,
+          `rooms[${rIndex}].children[${index}].birthDate`,
+          format(translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_FIELD, [
+            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`,
+            format(
+              translations.TRAVELERS_FORM.VALIDATION.TRAVELER_X_IS_NO_CHILD,
+              [rIndex + 1, r.adults.length + index + 1]
+            )
+          );
+        }
+      }
+    })
+  );
+
+  if (values.mainBookerId < 0) {
+    errors.mainBookerId =
+      translations.TRAVELERS_FORM.VALIDATION.NO_MAIN_BOOKER_SELECTED;
+  }
+
+  if (bookingType != "b2b") {
+    if (isEmpty(values.street)) {
+      errors.street = format(
+        translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
+        [translations.TRAVELERS_FORM.STREET]
+      );
+    }
+
+    if (isEmpty(values.houseNumber)) {
+      errors.houseNumber = format(
+        translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
+        [translations.TRAVELERS_FORM.HOUSE_NUMBER]
+      );
+    }
+
+    if (isEmpty(values.zipCode)) {
+      errors.zipCode = format(
+        translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
+        [translations.TRAVELERS_FORM.ZIPCODE]
+      );
+    }
+
+    if (isEmpty(values.place)) {
+      errors.place = format(
+        translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
+        [translations.TRAVELERS_FORM.CITY]
+      );
+    }
+
+    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)) {
+      errors.country = format(
+        translations.TRAVELERS_FORM.VALIDATION.MAIN_BOOKER_FIELD,
+        [translations.TRAVELERS_FORM.COUNTRY]
+      );
+    }
+
+    if (isEmpty(values.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,36 +1,36 @@
-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,60 +1,60 @@
-import React from "react";
-import { Settings } from "./types";
-
-interface WizardSettingsContextProps extends Settings {}
-
-const SettingsContext = React.createContext<WizardSettingsContextProps>({
-  language: "nl-BE",
-  generatePaymentUrl: false,
-  currency: "EUR",
-  officeId: 1,
-  tagIds: [],
-  hideAgentSelection: false,
-  agentAdressId: undefined,
-  affiliateSlug: undefined,
-  productPath: "/",
-  basePath: "/boeken",
-  roomOptions: {
-    pathSuffix: "/",
-  },
-  flightOptions: {
-    pathSuffix: "/vluchten",
-  },
-  options: {
-    pathSuffix: "/opties",
-  },
-  travellers: {
-    pathSuffix: "/reizigers",
-  },
-  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",
+  generatePaymentUrl: false,
+  currency: "EUR",
+  officeId: 1,
+  tagIds: [],
+  hideAgentSelection: false,
+  agentAdressId: undefined,
+  affiliateSlug: undefined,
+  productPath: "/",
+  basePath: "/boeken",
+  roomOptions: {
+    pathSuffix: "/",
+  },
+  flightOptions: {
+    pathSuffix: "/vluchten",
+  },
+  options: {
+    pathSuffix: "/opties",
+  },
+  travellers: {
+    pathSuffix: "/reizigers",
+  },
+  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;