@qite/tide-booking-component 0.0.2-preview.58 → 0.0.2-preview.60

package/src/booking-wizard/features/booking/selectors.ts

@@ -1,249 +1,258 @@
-import JsonURL from "@jsonurl/jsonurl";
-import { Gender } from "@qite/tide-client";
-import {
-  BookingPackageAddress,
-  BookingPackageBookRequest,
-  BookingPackagePax,
-  BookingPackageRequest,
-} from "@qite/tide-client/build/types/offer";
-import { createSelector } from "@reduxjs/toolkit";
-import { format, parseISO } from "date-fns";
-import { omit } from "lodash";
-import { RootState } from "../../store";
-import { Room, Traveler } from "../../types";
-import { selectNotifications } from "../price-details/price-details-slice";
-import {
-  selectAgentId,
-  selectTravelersFormValues,
-} from "../travelers-form/travelers-form-slice";
-
-export const selectGeneratePaymentUrl = (state: RootState) =>
-  state.booking.generatePaymentUrl;
-
-export const selectSkipPaymentWithAgent = (state: RootState) =>
-  state.booking.skipPaymentWithAgent;
-
-export const selectIsFetchingProductOptions = (state: RootState) =>
-  state.booking.isBusy;
-
-export const selectDepartureFlight = (state: RootState) =>
-  state.booking.package?.outwardFlights?.find((x) => x.isSelected);
-
-export const selectReturnFlight = (state: RootState) =>
-  state.booking.package?.returnFlights?.find((x) => x.isSelected);
-
-export const selectPackageRooms = (state: RootState) =>
-  state.booking.package?.options.find((x) => x.isSelected)?.rooms;
-
-export const selectPackageOptionUnits = (state: RootState) =>
-  state.booking.package?.options.find((x) => x.isSelected)?.optionUnits;
-
-export const selectPackageOptionPax = (state: RootState) =>
-  state.booking.package?.options.find((x) => x.isSelected)?.optionPax;
-
-export const selectPackageGroups = (state: RootState) =>
-  state.booking.package?.options.find((x) => x.isSelected)?.groups;
-
-export const selectPackageDetails = (state: RootState) => state.booking.package;
-
-export const selectActiveOption = (state: RootState) =>
-  state.booking.package?.options.find((x) => x.isSelected);
-
-export const selectIsUnavailable = (state: RootState) =>
-  state.booking.isUnavailable;
-
-export const selectRequestRooms = (state: RootState) =>
-  state.booking.package?.options.find((x) => x.isSelected)?.requestRooms;
-
-export const selectOfficeId = (state: RootState) => state.booking.officeId;
-
-export const selectEntryStatus = (state: RootState) =>
-  state.booking.entryStatus;
-
-export const selectCustomEntryStatusId = (state: RootState) =>
-  state.booking.customEntryStatusId;
-
-export const selectProductAttributes = (state: RootState) =>
-  state.booking.productAttributes;
-
-export const selectBookingAttributes = (state: RootState) =>
-  state.booking.bookingAttributes;
-
-export const selectBookingNumber = (state: RootState) =>
-  state.booking.bookingNumber;
-
-export const selectBookingRooms = (state: RootState) =>
-  state.booking.bookingAttributes?.rooms;
-
-export const selectCalculateDeposit = (state: RootState) =>
-  state.booking.calculateDeposit;
-
-export const selectIsRetry = (state: RootState) => state.booking.isRetry;
-
-export const selectStartDate = (state: RootState) =>
-  state.booking.package?.options.find((x) => x.isSelected)?.fromDate;
-
-export const selectAgents = (state: RootState) => state.booking.agents;
-
-export const selectBookingQuery = (state: RootState) => {
-  const bookingAttributes = state.booking.bookingAttributes;
-
-  if (!bookingAttributes) {
-    return undefined;
-  }
-
-  const params: Record<string, string> = {};
-  Object.entries(bookingAttributes).forEach(([key, value]) => {
-    if (key === "startDate" || key === "endDate") {
-      value = format(parseISO(value), "yyyy-MM-dd");
-    }
-    if (key === "rooms") {
-      value = JsonURL.stringify(
-        (value as Room[]).map((room) => omit(room, ["children"])),
-        {
-          AQF: true,
-        }
-      );
-    }
-    params[key] = value;
-  });
-
-  return params;
-};
-
-export const selectBookingQueryString = createSelector(
-  selectBookingQuery,
-  (params) => {
-    if (!params) {
-      return undefined;
-    }
-
-    return Object.keys(params)
-      .filter((key) => typeof params[key] !== "undefined")
-      .map((key) => `${key}=${params[key]}`)
-      .join("&");
-  }
-);
-
-export const selectMainBookerId = createSelector(
-  selectTravelersFormValues,
-  (formValues) => formValues?.mainBookerId
-);
-
-export const selectBookingPackagePax = createSelector(
-  selectTravelersFormValues,
-  (formValues) => {
-    var pax: BookingPackagePax[] = [];
-
-    formValues?.adults.forEach((x) => {
-      const adultPax = buildPax(x, formValues?.mainBookerId);
-
-      if (adultPax.isMainBooker) {
-        adultPax.mobilePhone = formValues?.phone;
-        adultPax.email = formValues?.email;
-      }
-
-      pax.push(adultPax);
-    });
-
-    formValues?.children.forEach((x) => {
-      pax.push(buildPax(x));
-    });
-
-    return pax;
-  }
-);
-
-export const selectBookingAddress = createSelector(
-  selectTravelersFormValues,
-  selectBookingPackagePax,
-  (formValues, pax) => {
-    const mainBooker = pax.find((x) => x.isMainBooker);
-    if (!mainBooker) return undefined;
-
-    return {
-      name: `${mainBooker.firstName} ${mainBooker.lastName}`,
-      street: formValues?.street,
-      number: formValues?.houseNumber,
-      box: formValues?.box,
-      postalCode: formValues?.zipCode,
-      location: formValues?.place,
-      country: formValues?.country,
-      mobilePhone: formValues?.phone,
-      email: formValues?.email,
-    } as BookingPackageAddress;
-  }
-);
-
-export const selectBookingPackageBookRequest = createSelector(
-  selectOfficeId,
-  selectEntryStatus,
-  selectCustomEntryStatusId,
-  selectBookingPackagePax,
-  selectBookingAddress,
-  selectPackageDetails,
-  selectCalculateDeposit,
-  selectAgentId,
-  selectGeneratePaymentUrl,
-  selectSkipPaymentWithAgent,
-  selectNotifications,
-  (
-    officeId,
-    entryStatus,
-    customEntryStatusId,
-    pax,
-    address,
-    packageDetails,
-    calculateDeposit,
-    agentId,
-    generatePaymentUrl,
-    skipPaymentWithAgent,
-    notifications
-  ) => {
-    if (!packageDetails || pax?.length == 0) return null;
-
-    let returnPaymentUrl = false;
-
-    if (generatePaymentUrl && (!skipPaymentWithAgent || (agentId ?? 0) == 0)) {
-      returnPaymentUrl = true;
-    }
-
-    return {
-      officeId: officeId,
-      agentId: (agentId ?? 0) > 0 ? agentId : null,
-      payload: {
-        package: packageDetails,
-        status: entryStatus,
-        customStatusId: customEntryStatusId,
-        address: address,
-        pax: pax,
-        calculateDeposit: calculateDeposit,
-        returnPaymentUrl: returnPaymentUrl,
-        notifications: notifications,
-      },
-    } as BookingPackageRequest<BookingPackageBookRequest>;
-  }
-);
-
-const buildPax = (traveler: Traveler, mainBookerId?: number) => {
-  return {
-    id: traveler.id,
-    gender: parseGender(traveler.gender),
-    firstName: traveler.firstName,
-    lastName: traveler.lastName,
-    dateOfBirth: traveler.birthDate,
-    isMainBooker: traveler.id == mainBookerId,
-  } as BookingPackagePax;
-};
-
-const parseGender = (gender: string): number => {
-  switch (gender) {
-    case "m":
-      return Gender.male;
-    case "f":
-      return Gender.female;
-    case "x":
-    default:
-      return Gender.other;
-  }
-};
+import JsonURL from "@jsonurl/jsonurl";
+import { Gender } from "@qite/tide-client";
+import {
+  BookingPackageAddress,
+  BookingPackageBookRequest,
+  BookingPackagePax,
+  BookingPackageRequest,
+} from "@qite/tide-client/build/types/offer";
+import { createSelector } from "@reduxjs/toolkit";
+import { format, parseISO } from "date-fns";
+import { omit } from "lodash";
+import { RootState } from "../../store";
+import { Room, Traveler } from "../../types";
+import { selectNotifications } from "../price-details/price-details-slice";
+import {
+  selectAgentId,
+  selectTravelersFormValues,
+} from "../travelers-form/travelers-form-slice";
+
+export const selectGeneratePaymentUrl = (state: RootState) =>
+  state.booking.generatePaymentUrl;
+
+export const selectSkipPaymentWithAgent = (state: RootState) =>
+  state.booking.skipPaymentWithAgent;
+
+export const selectIsFetchingProductOptions = (state: RootState) =>
+  state.booking.isBusy;
+
+export const selectDepartureFlight = (state: RootState) =>
+  state.booking.package?.outwardFlights?.find((x) => x.isSelected);
+
+export const selectReturnFlight = (state: RootState) =>
+  state.booking.package?.returnFlights?.find((x) => x.isSelected);
+
+export const selectPackageRooms = (state: RootState) =>
+  state.booking.package?.options.find((x) => x.isSelected)?.rooms;
+
+export const selectPackageOptionUnits = (state: RootState) =>
+  state.booking.package?.options.find((x) => x.isSelected)?.optionUnits;
+
+export const selectPackageOptionPax = (state: RootState) =>
+  state.booking.package?.options.find((x) => x.isSelected)?.optionPax;
+
+export const selectPackageGroups = (state: RootState) =>
+  state.booking.package?.options.find((x) => x.isSelected)?.groups;
+
+export const selectPackageDetails = (state: RootState) => state.booking.package;
+
+export const selectActiveOption = (state: RootState) =>
+  state.booking.package?.options.find((x) => x.isSelected);
+
+export const selectIsUnavailable = (state: RootState) =>
+  state.booking.isUnavailable;
+
+export const selectRequestRooms = (state: RootState) =>
+  state.booking.package?.options.find((x) => x.isSelected)?.requestRooms;
+
+export const selectOfficeId = (state: RootState) => state.booking.officeId;
+
+export const selectEntryStatus = (state: RootState) =>
+  state.booking.entryStatus;
+
+export const selectCustomEntryStatusId = (state: RootState) =>
+  state.booking.customEntryStatusId;
+
+export const selectTagIds = (state: RootState) => state.booking.tagIds;
+export const selectAgentAdressId = (state: RootState) =>
+  state.booking.agentAdressId;
+
+export const selectProductAttributes = (state: RootState) =>
+  state.booking.productAttributes;
+
+export const selectBookingAttributes = (state: RootState) =>
+  state.booking.bookingAttributes;
+
+export const selectBookingNumber = (state: RootState) =>
+  state.booking.bookingNumber;
+
+export const selectBookingRooms = (state: RootState) =>
+  state.booking.bookingAttributes?.rooms;
+
+export const selectCalculateDeposit = (state: RootState) =>
+  state.booking.calculateDeposit;
+
+export const selectIsRetry = (state: RootState) => state.booking.isRetry;
+
+export const selectStartDate = (state: RootState) =>
+  state.booking.package?.options.find((x) => x.isSelected)?.fromDate;
+
+export const selectAgents = (state: RootState) => state.booking.agents;
+
+export const selectBookingQuery = (state: RootState) => {
+  const bookingAttributes = state.booking.bookingAttributes;
+
+  if (!bookingAttributes) {
+    return undefined;
+  }
+
+  const params: Record<string, string> = {};
+  Object.entries(bookingAttributes).forEach(([key, value]) => {
+    if (key === "startDate" || key === "endDate") {
+      value = format(parseISO(value), "yyyy-MM-dd");
+    }
+    if (key === "rooms") {
+      value = JsonURL.stringify(
+        (value as Room[]).map((room) => omit(room, ["children"])),
+        {
+          AQF: true,
+        }
+      );
+    }
+    params[key] = value;
+  });
+
+  return params;
+};
+
+export const selectBookingQueryString = createSelector(
+  selectBookingQuery,
+  (params) => {
+    if (!params) {
+      return undefined;
+    }
+
+    return Object.keys(params)
+      .filter((key) => typeof params[key] !== "undefined")
+      .map((key) => `${key}=${params[key]}`)
+      .join("&");
+  }
+);
+
+export const selectMainBookerId = createSelector(
+  selectTravelersFormValues,
+  (formValues) => formValues?.mainBookerId
+);
+
+export const selectBookingPackagePax = createSelector(
+  selectTravelersFormValues,
+  (formValues) => {
+    var pax: BookingPackagePax[] = [];
+
+    formValues?.adults.forEach((x) => {
+      const adultPax = buildPax(x, formValues?.mainBookerId);
+
+      if (adultPax.isMainBooker) {
+        adultPax.mobilePhone = formValues?.phone;
+        adultPax.email = formValues?.email;
+      }
+
+      pax.push(adultPax);
+    });
+
+    formValues?.children.forEach((x) => {
+      pax.push(buildPax(x));
+    });
+
+    return pax;
+  }
+);
+
+export const selectBookingAddress = createSelector(
+  selectTravelersFormValues,
+  selectBookingPackagePax,
+  (formValues, pax) => {
+    const mainBooker = pax.find((x) => x.isMainBooker);
+    if (!mainBooker) return undefined;
+
+    return {
+      name: `${mainBooker.firstName} ${mainBooker.lastName}`,
+      street: formValues?.street,
+      number: formValues?.houseNumber,
+      box: formValues?.box,
+      postalCode: formValues?.zipCode,
+      location: formValues?.place,
+      country: formValues?.country,
+      mobilePhone: formValues?.phone,
+      email: formValues?.email,
+    } as BookingPackageAddress;
+  }
+);
+
+export const selectBookingPackageBookRequest = createSelector(
+  selectOfficeId,
+  selectEntryStatus,
+  selectCustomEntryStatusId,
+  selectBookingPackagePax,
+  selectBookingAddress,
+  selectPackageDetails,
+  selectCalculateDeposit,
+  selectAgentId,
+  selectGeneratePaymentUrl,
+  selectSkipPaymentWithAgent,
+  selectNotifications,
+  selectTagIds,
+  selectAgentAdressId,
+  (
+    officeId,
+    entryStatus,
+    customEntryStatusId,
+    pax,
+    address,
+    packageDetails,
+    calculateDeposit,
+    agentId,
+    generatePaymentUrl,
+    skipPaymentWithAgent,
+    notifications,
+    tagIds,
+    agentAdressId
+  ) => {
+    if (!packageDetails || pax?.length == 0) return null;
+
+    let returnPaymentUrl = false;
+
+    if (generatePaymentUrl && (!skipPaymentWithAgent || (agentId ?? 0) == 0)) {
+      returnPaymentUrl = true;
+    }
+
+    return {
+      officeId: officeId,
+      agentId: (agentId ?? 0) > 0 ? agentId : null,
+      payload: {
+        package: packageDetails,
+        status: entryStatus,
+        customStatusId: customEntryStatusId,
+        address: address,
+        pax: pax,
+        calculateDeposit: calculateDeposit,
+        returnPaymentUrl: returnPaymentUrl,
+        notifications: notifications,
+        tagIds: tagIds,
+      },
+    } as BookingPackageRequest<BookingPackageBookRequest>;
+  }
+);
+
+const buildPax = (traveler: Traveler, mainBookerId?: number) => {
+  return {
+    id: traveler.id,
+    gender: parseGender(traveler.gender),
+    firstName: traveler.firstName,
+    lastName: traveler.lastName,
+    dateOfBirth: traveler.birthDate,
+    isMainBooker: traveler.id == mainBookerId,
+  } as BookingPackagePax;
+};
+
+const parseGender = (gender: string): number => {
+  switch (gender) {
+    case "m":
+      return Gender.male;
+    case "f":
+      return Gender.female;
+    case "x":
+    default:
+      return Gender.other;
+  }
+};