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

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

@@ -1,277 +1,289 @@
-import { BookingAttributes, ProductAttributes } from "../../types";
-import { PayloadAction, createSlice, createAsyncThunk } from "@reduxjs/toolkit";
-
-import { RootState } from "../../store";
-import { isNil, range } from "lodash";
-import {
-  selectBookingAttributes,
-  selectBookingRooms,
-  selectOfficeId,
-  selectProductAttributes,
-} from "./selectors";
-import {
-  BookingOptionGroup,
-  BookingOptionPax,
-  BookingOptionUnit,
-  BookingPackage,
-  BookingPackageDetailsRequest,
-  BookingPackagePax,
-  BookingPackageRequest,
-  BookingPackageRequestRoom,
-  BookingPackageRoom,
-  BookingTravelAgent,
-  PerBookingPackageOption,
-} from "@qite/tide-client/build/types";
-import packageApi from "./api";
-import { selectAgentId } from "../travelers-form/travelers-form-slice";
-
-export interface BookingState {
-  officeId: number;
-  entryStatus: number;
-  customEntryStatusId?: number;
-  productAttributes?: ProductAttributes;
-  bookingAttributes?: BookingAttributes;
-  calculateDeposit: boolean;
-  bookingNumber?: string;
-  isRetry: boolean;
-  package?: BookingPackage;
-  agents?: BookingTravelAgent[];
-  isBusy: boolean;
-  skipPaymentWithAgent: boolean;
-  generatePaymentUrl: boolean;
-  isUnavailable?: boolean;
-}
-
-const initialState: BookingState = {
-  officeId: 1,
-  entryStatus: 0,
-  customEntryStatusId: undefined,
-  productAttributes: undefined,
-  bookingAttributes: undefined,
-  calculateDeposit: false,
-  bookingNumber: undefined,
-  isRetry: false,
-  package: undefined,
-  isBusy: false,
-  skipPaymentWithAgent: false,
-  generatePaymentUrl: false,
-};
-
-export const fetchPackage = createAsyncThunk(
-  "booking/fetchPackage",
-  async (_, { dispatch }) => {
-    dispatch(setFetchingPackage(true));
-    await dispatch(fetchAgents());
-    await dispatch(fetchPackageDetails());
-    dispatch(setFetchingPackage(false));
-  }
-);
-
-const fetchAgents = createAsyncThunk(
-  "booking/agents",
-  async (_, { dispatch, getState, signal }) => {
-    return await packageApi.fetchAgents(signal);
-  }
-);
-
-const fetchPackageDetails = createAsyncThunk(
-  "booking/details",
-  async (_, { dispatch, getState, signal }) => {
-    const state = getState() as RootState;
-
-    const officeId = selectOfficeId(state);
-    const productAttributes = selectProductAttributes(state);
-    const bookingAttributes = selectBookingAttributes(state);
-    const agentId = selectAgentId(state);
-    const rooms = selectBookingRooms(state);
-
-    if (isNil(productAttributes)) {
-      throw Error("productAttributes could not be found");
-    }
-
-    if (isNil(bookingAttributes)) {
-      throw Error("bookingAttributes could not be found");
-    }
-
-    if (!rooms?.length) {
-      throw Error("rooms could not be found");
-    }
-
-    var requestRooms = rooms?.map((x, i) => {
-      var room = { index: i, pax: [] } as BookingPackageRequestRoom;
-      range(0, x.adults).forEach(() => {
-        room.pax.push({
-          age: 30,
-        } as BookingPackagePax);
-      });
-      x.childAges.forEach((x) => {
-        room.pax.push({
-          age: x,
-        } as BookingPackagePax);
-      });
-      return room;
-    });
-
-    const isAllotment =
-      bookingAttributes.tourCode ||
-      bookingAttributes.allotmentName ||
-      (bookingAttributes.allotmentIds && bookingAttributes.allotmentIds.length);
-
-    const request = {
-      officeId: officeId,
-      agentId: agentId,
-      payload: {
-        searchType: isAllotment ? 1 : 0,
-        catalogueId: bookingAttributes.catalog,
-        productCode: productAttributes.productCode,
-        fromDate: bookingAttributes.startDate,
-        toDate: bookingAttributes.endDate,
-        includeFlights: bookingAttributes.includeFlights,
-        allotmentName: bookingAttributes.allotmentName,
-        allotmentIds: bookingAttributes.allotmentIds ?? [],
-        tourCode: bookingAttributes.tourCode,
-        rooms: requestRooms,
-      } as BookingPackageDetailsRequest,
-    } as BookingPackageRequest<BookingPackageDetailsRequest>;
-
-    return await packageApi.fetchDetails(request, signal);
-  }
-);
-
-const getActiveOption = (state: BookingState) => {
-  if (state.package) return state.package.options.find((x) => x.isSelected);
-  return null;
-};
-
-const bookingSlice = createSlice({
-  name: "booking",
-  initialState,
-  reducers: {
-    setOfficeId(state, action: PayloadAction<number>) {
-      state.officeId = action.payload;
-    },
-    setEntryStatus(state, action: PayloadAction<number>) {
-      state.entryStatus = action.payload;
-    },
-    setCustomEntryStatusId(state, action: PayloadAction<number | undefined>) {
-      state.customEntryStatusId = action.payload;
-    },
-    setProductAttributes(state, action: PayloadAction<ProductAttributes>) {
-      state.productAttributes = action.payload;
-    },
-    setBookingAttributes(state, action: PayloadAction<BookingAttributes>) {
-      state.bookingAttributes = action.payload;
-    },
-    setCalculateDeposit(state, action: PayloadAction<boolean>) {
-      state.calculateDeposit = action.payload;
-    },
-    setBookingNumber(state, action: PayloadAction<string>) {
-      state.bookingNumber = action.payload;
-    },
-    setIsRetry(state, action: PayloadAction<boolean>) {
-      state.isRetry = action.payload;
-    },
-    setFetchingPackage(state, action: PayloadAction<boolean>) {
-      state.isBusy = action.payload;
-    },
-    setPackage(state, action: PayloadAction<BookingPackage>) {
-      state.package = action.payload;
-    },
-    setPackageRooms(state, action: PayloadAction<BookingPackageRoom[]>) {
-      const option = getActiveOption(state);
-      if (option) option.rooms = action.payload;
-    },
-    setPackageOptionPax(state, action: PayloadAction<BookingOptionPax[]>) {
-      const option = getActiveOption(state);
-      if (option) option.optionPax = action.payload;
-    },
-    setPackageOptionUnits(state, action: PayloadAction<BookingOptionUnit[]>) {
-      const option = getActiveOption(state);
-      if (option) option.optionUnits = action.payload;
-    },
-    setSkipPayment(state, action: PayloadAction<boolean>) {
-      state.skipPaymentWithAgent = action.payload;
-    },
-    setGeneratePaymentUrl(state, action: PayloadAction<boolean>) {
-      state.generatePaymentUrl = action.payload;
-    },
-    setPackageGroups(
-      state,
-      action: PayloadAction<BookingOptionGroup<PerBookingPackageOption>[]>
-    ) {
-      const option = getActiveOption(state);
-      if (option) option.groups = action.payload;
-    },
-  },
-  extraReducers: (builder) => {
-    builder.addCase(fetchPackageDetails.fulfilled, (state, action) => {
-      if (action.payload) {
-        if (action.payload.errorCode) {
-          console.error(
-            action.payload.errorCode,
-            action.payload.errorMessage,
-            action.payload.errorDetails
-          );
-
-          state.isUnavailable = true;
-          return;
-        }
-
-        if (!action.payload.payload) {
-          state.isUnavailable = true;
-          return;
-        }
-
-        const bookingRooms = state.bookingAttributes?.rooms;
-        const packageDetails = action.payload.payload;
-        const activeOption = packageDetails.options.find((x) => x.isSelected);
-
-        if (
-          activeOption &&
-          bookingRooms?.some((x) => x.accommodationCode || x.regimeCode)
-        ) {
-          bookingRooms.forEach((room, i) => {
-            if (room.accommodationCode || room.regimeCode) {
-              activeOption.rooms[i].options = activeOption.rooms[i].options.map(
-                (ro) => ({
-                  ...ro,
-                  isSelected:
-                    ro.accommodationCode == room.accommodationCode &&
-                    ro.regimeCode == room.regimeCode,
-                })
-              );
-            }
-          });
-        }
-
-        state.package = packageDetails;
-      }
-    });
-    builder.addCase(fetchAgents.fulfilled, (state, action) => {
-      if (action.payload) {
-        state.agents = action.payload;
-      }
-    });
-  },
-});
-
-export const {
-  setOfficeId,
-  setEntryStatus,
-  setCustomEntryStatusId,
-  setProductAttributes,
-  setBookingAttributes,
-  setCalculateDeposit,
-  setBookingNumber,
-  setIsRetry,
-  setFetchingPackage,
-  setPackage,
-  setPackageRooms,
-  setPackageOptionPax,
-  setPackageOptionUnits,
-  setPackageGroups,
-  setSkipPayment,
-  setGeneratePaymentUrl,
-} = bookingSlice.actions;
-
-export default bookingSlice.reducer;
+import { BookingAttributes, ProductAttributes } from "../../types";
+import { PayloadAction, createSlice, createAsyncThunk } from "@reduxjs/toolkit";
+
+import { RootState } from "../../store";
+import { isNil, range } from "lodash";
+import {
+  selectBookingAttributes,
+  selectBookingRooms,
+  selectOfficeId,
+  selectProductAttributes,
+} from "./selectors";
+import {
+  BookingOptionGroup,
+  BookingOptionPax,
+  BookingOptionUnit,
+  BookingPackage,
+  BookingPackageDetailsRequest,
+  BookingPackagePax,
+  BookingPackageRequest,
+  BookingPackageRequestRoom,
+  BookingPackageRoom,
+  BookingTravelAgent,
+  PerBookingPackageOption,
+} from "@qite/tide-client/build/types";
+import packageApi from "./api";
+import { selectAgentId } from "../travelers-form/travelers-form-slice";
+
+export interface BookingState {
+  officeId: number;
+  entryStatus: number;
+  customEntryStatusId?: number;
+  productAttributes?: ProductAttributes;
+  bookingAttributes?: BookingAttributes;
+  calculateDeposit: boolean;
+  bookingNumber?: string;
+  isRetry: boolean;
+  package?: BookingPackage;
+  agents?: BookingTravelAgent[];
+  isBusy: boolean;
+  skipPaymentWithAgent: boolean;
+  generatePaymentUrl: boolean;
+  isUnavailable?: boolean;
+  tagIds?: number[];
+  agentAdressId?: number;
+}
+
+const initialState: BookingState = {
+  officeId: 1,
+  entryStatus: 0,
+  customEntryStatusId: undefined,
+  productAttributes: undefined,
+  bookingAttributes: undefined,
+  calculateDeposit: false,
+  bookingNumber: undefined,
+  isRetry: false,
+  package: undefined,
+  isBusy: false,
+  skipPaymentWithAgent: false,
+  generatePaymentUrl: false,
+  tagIds: [],
+  agentAdressId: undefined,
+};
+
+export const fetchPackage = createAsyncThunk(
+  "booking/fetchPackage",
+  async (_, { dispatch }) => {
+    dispatch(setFetchingPackage(true));
+    await dispatch(fetchAgents());
+    await dispatch(fetchPackageDetails());
+    dispatch(setFetchingPackage(false));
+  }
+);
+
+const fetchAgents = createAsyncThunk(
+  "booking/agents",
+  async (_, { dispatch, getState, signal }) => {
+    return await packageApi.fetchAgents(signal);
+  }
+);
+
+const fetchPackageDetails = createAsyncThunk(
+  "booking/details",
+  async (_, { dispatch, getState, signal }) => {
+    const state = getState() as RootState;
+
+    const officeId = selectOfficeId(state);
+    const productAttributes = selectProductAttributes(state);
+    const bookingAttributes = selectBookingAttributes(state);
+    const agentId = selectAgentId(state);
+    const rooms = selectBookingRooms(state);
+
+    if (isNil(productAttributes)) {
+      throw Error("productAttributes could not be found");
+    }
+
+    if (isNil(bookingAttributes)) {
+      throw Error("bookingAttributes could not be found");
+    }
+
+    if (!rooms?.length) {
+      throw Error("rooms could not be found");
+    }
+
+    var requestRooms = rooms?.map((x, i) => {
+      var room = { index: i, pax: [] } as BookingPackageRequestRoom;
+      range(0, x.adults).forEach(() => {
+        room.pax.push({
+          age: 30,
+        } as BookingPackagePax);
+      });
+      x.childAges.forEach((x) => {
+        room.pax.push({
+          age: x,
+        } as BookingPackagePax);
+      });
+      return room;
+    });
+
+    const isAllotment =
+      bookingAttributes.tourCode ||
+      bookingAttributes.allotmentName ||
+      (bookingAttributes.allotmentIds && bookingAttributes.allotmentIds.length);
+
+    const request = {
+      officeId: officeId,
+      agentId: agentId,
+      payload: {
+        searchType: isAllotment ? 1 : 0,
+        catalogueId: bookingAttributes.catalog,
+        productCode: productAttributes.productCode,
+        fromDate: bookingAttributes.startDate,
+        toDate: bookingAttributes.endDate,
+        includeFlights: bookingAttributes.includeFlights,
+        allotmentName: bookingAttributes.allotmentName,
+        allotmentIds: bookingAttributes.allotmentIds ?? [],
+        tourCode: bookingAttributes.tourCode,
+        rooms: requestRooms,
+      } as BookingPackageDetailsRequest,
+    } as BookingPackageRequest<BookingPackageDetailsRequest>;
+
+    return await packageApi.fetchDetails(request, signal);
+  }
+);
+
+const getActiveOption = (state: BookingState) => {
+  if (state.package) return state.package.options.find((x) => x.isSelected);
+  return null;
+};
+
+const bookingSlice = createSlice({
+  name: "booking",
+  initialState,
+  reducers: {
+    setOfficeId(state, action: PayloadAction<number>) {
+      state.officeId = action.payload;
+    },
+    setEntryStatus(state, action: PayloadAction<number>) {
+      state.entryStatus = action.payload;
+    },
+    setCustomEntryStatusId(state, action: PayloadAction<number | undefined>) {
+      state.customEntryStatusId = action.payload;
+    },
+    setProductAttributes(state, action: PayloadAction<ProductAttributes>) {
+      state.productAttributes = action.payload;
+    },
+    setBookingAttributes(state, action: PayloadAction<BookingAttributes>) {
+      state.bookingAttributes = action.payload;
+    },
+    setCalculateDeposit(state, action: PayloadAction<boolean>) {
+      state.calculateDeposit = action.payload;
+    },
+    setBookingNumber(state, action: PayloadAction<string>) {
+      state.bookingNumber = action.payload;
+    },
+    setIsRetry(state, action: PayloadAction<boolean>) {
+      state.isRetry = action.payload;
+    },
+    setFetchingPackage(state, action: PayloadAction<boolean>) {
+      state.isBusy = action.payload;
+    },
+    setPackage(state, action: PayloadAction<BookingPackage>) {
+      state.package = action.payload;
+    },
+    setPackageRooms(state, action: PayloadAction<BookingPackageRoom[]>) {
+      const option = getActiveOption(state);
+      if (option) option.rooms = action.payload;
+    },
+    setPackageOptionPax(state, action: PayloadAction<BookingOptionPax[]>) {
+      const option = getActiveOption(state);
+      if (option) option.optionPax = action.payload;
+    },
+    setPackageOptionUnits(state, action: PayloadAction<BookingOptionUnit[]>) {
+      const option = getActiveOption(state);
+      if (option) option.optionUnits = action.payload;
+    },
+    setSkipPayment(state, action: PayloadAction<boolean>) {
+      state.skipPaymentWithAgent = action.payload;
+    },
+    setGeneratePaymentUrl(state, action: PayloadAction<boolean>) {
+      state.generatePaymentUrl = action.payload;
+    },
+    setPackageGroups(
+      state,
+      action: PayloadAction<BookingOptionGroup<PerBookingPackageOption>[]>
+    ) {
+      const option = getActiveOption(state);
+      if (option) option.groups = action.payload;
+    },
+    setTagIds(state, action: PayloadAction<number[] | undefined>) {
+      state.tagIds = action.payload;
+    },
+    setAgentAdressId(state, action: PayloadAction<number | undefined>) {
+      state.agentAdressId = action.payload;
+    },
+  },
+  extraReducers: (builder) => {
+    builder.addCase(fetchPackageDetails.fulfilled, (state, action) => {
+      if (action.payload) {
+        if (action.payload.errorCode) {
+          console.error(
+            action.payload.errorCode,
+            action.payload.errorMessage,
+            action.payload.errorDetails
+          );
+
+          state.isUnavailable = true;
+          return;
+        }
+
+        if (!action.payload.payload) {
+          state.isUnavailable = true;
+          return;
+        }
+
+        const bookingRooms = state.bookingAttributes?.rooms;
+        const packageDetails = action.payload.payload;
+        const activeOption = packageDetails.options.find((x) => x.isSelected);
+
+        if (
+          activeOption &&
+          bookingRooms?.some((x) => x.accommodationCode || x.regimeCode)
+        ) {
+          bookingRooms.forEach((room, i) => {
+            if (room.accommodationCode || room.regimeCode) {
+              activeOption.rooms[i].options = activeOption.rooms[i].options.map(
+                (ro) => ({
+                  ...ro,
+                  isSelected:
+                    ro.accommodationCode == room.accommodationCode &&
+                    ro.regimeCode == room.regimeCode,
+                })
+              );
+            }
+          });
+        }
+
+        state.package = packageDetails;
+      }
+    });
+    builder.addCase(fetchAgents.fulfilled, (state, action) => {
+      if (action.payload) {
+        state.agents = action.payload;
+      }
+    });
+  },
+});
+
+export const {
+  setOfficeId,
+  setEntryStatus,
+  setCustomEntryStatusId,
+  setProductAttributes,
+  setBookingAttributes,
+  setCalculateDeposit,
+  setBookingNumber,
+  setIsRetry,
+  setFetchingPackage,
+  setPackage,
+  setPackageRooms,
+  setPackageOptionPax,
+  setPackageOptionUnits,
+  setPackageGroups,
+  setSkipPayment,
+  setGeneratePaymentUrl,
+  setTagIds,
+  setAgentAdressId,
+} = bookingSlice.actions;
+
+export default bookingSlice.reducer;