@qite/tide-booking-component 1.2.4 → 1.2.5

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

@@ -1,171 +1,178 @@
-import {
-  createAsyncThunk,
-  createSelector,
-  createSlice,
-  PayloadAction,
-} from "@reduxjs/toolkit";
-import { sum } from "lodash";
-import { RootState } from "../../store";
-
-import {
-  BookingPriceDetail,
-  BookingPriceDetails,
-  BookingProductNotification,
-} from "@qite/tide-client/build/types";
-import { setPackage } from "../booking/booking-slice";
-import {
-  selectBookingPackageBookRequest,
-  selectLanguageCode,
-  selectPackageDetails,
-} from "../booking/selectors";
-import priceDetailsApi from "./price-details-api";
-import { updatePackageDetails } from "./util";
-
-export interface PriceDetailsState {
-  priceDetails: BookingPriceDetail[];
-  notifications: BookingProductNotification[];
-  deposit?: number;
-  isBusy: boolean;
-}
-
-export const fetchPriceDetails = createAsyncThunk(
-  "priceDetails/fetchPriceDetails",
-  async (_, { dispatch, getState, signal }) => {
-    dispatch(setFetchingPriceDetails(true));
-    dispatch(resetPriceDetails());
-
-    const state = getState() as RootState;
-    const languageCode = selectLanguageCode(state);
-
-    const request = selectBookingPackageBookRequest(state);
-
-    if (!request) {
-      throw Error("Product not available.");
-    }
-
-    const priceDetails: BookingPriceDetails =
-      await priceDetailsApi.fetchPriceDetails(
-        state.apiSettings,
-        request,
-        signal,
-        languageCode
-      );
-
-    dispatch(setFetchingPriceDetails(false));
-
-    const packageDetails = selectPackageDetails(state);
-    if (packageDetails) {
-      const updatedPackageDetails = updatePackageDetails(
-        packageDetails,
-        priceDetails.changedLines
-      );
-      dispatch(setPackage(updatedPackageDetails));
-    }
-
-    return priceDetails;
-  }
-);
-
-const priceDetailsSlice = createSlice({
-  name: "priceDetails",
-  initialState: <PriceDetailsState>{
-    priceDetails: [],
-    notifications: [],
-    isBusy: false,
-  },
-  reducers: {
-    setFetchingPriceDetails(state, action: PayloadAction<boolean>) {
-      state.isBusy = action.payload;
-    },
-    setNotifications(
-      state,
-      action: PayloadAction<BookingProductNotification[]>
-    ) {
-      state.notifications = action.payload;
-    },
-    resetPriceDetails(state, _: PayloadAction<void>) {
-      state.priceDetails = [];
-    },
-  },
-  extraReducers: (builder) => {
-    builder.addCase(fetchPriceDetails.fulfilled, (state, action) => {
-      if (action.payload) {
-        state.deposit = action.payload.deposit;
-        state.priceDetails = action.payload.details;
-        state.notifications = action.payload.notifications;
-      }
-    });
-  },
-});
-
-export const selectPriceDetails = (state: RootState) =>
-  state.priceDetails.priceDetails;
-
-export const selectPackagePriceDetails = createSelector(
-  selectPriceDetails,
-  (priceDetails) =>
-    priceDetails.filter((priceDetail) => priceDetail.isInPackage)
-);
-
-export const selectSeparatePackagePriceDetails = createSelector(
-  selectPackagePriceDetails,
-  (pricedetails) => {
-    const result: BookingPriceDetail[] = [];
-    const filteredPriceDetails = pricedetails.filter((priceDetail) => priceDetail.isSeparate)
-
-    filteredPriceDetails.forEach(priceDetail => {
-      const priceDetailToMerge = result.find(x => x.productCode === priceDetail.productCode && x.accommodationCode === priceDetail.accommodationCode && x.productType === priceDetail.productType);
-      if (priceDetailToMerge) {
-        priceDetailToMerge.total += priceDetail.total;
-        priceDetailToMerge.price += priceDetail.price;
-      } else {
-        result.push(Object.assign({}, priceDetail));
-      }
-    });
-
-    return result;
-  }
-);
-
-export const selectBasePrice = createSelector(
-  selectPackagePriceDetails,
-  (priceDetails) =>
-    sum(
-      priceDetails.map((priceDetail) => priceDetail.price * priceDetail.amount)
-    )
-);
-
-export const selectSeparateExtraPriceDetails = createSelector(
-  selectPriceDetails,
-  (priceDetails) =>
-    priceDetails.filter(
-      (priceDetail) => !priceDetail.isInPackage && priceDetail.isSeparate
-    )
-);
-
-export const selectTotalPrice = createSelector(
-  selectBasePrice,
-  selectSeparateExtraPriceDetails,
-  (basePrice, separatePriceDetails) =>
-    sum([
-      basePrice,
-      ...separatePriceDetails.map(
-        (priceDetail) => priceDetail.price * priceDetail.amount
-      ),
-    ])
-);
-
-export const selectDeposit = (state: RootState) => state.priceDetails.deposit;
-
-export const selectIsFetchingPriceDetails = (state: RootState) =>
-  state.priceDetails.isBusy;
-
-export const selectNotifications = (state: RootState) =>
-  state.priceDetails.notifications;
-
-const { setFetchingPriceDetails } = priceDetailsSlice.actions;
-
-export const { resetPriceDetails, setNotifications } =
-  priceDetailsSlice.actions;
-
-export default priceDetailsSlice.reducer;
+import {
+  createAsyncThunk,
+  createSelector,
+  createSlice,
+  PayloadAction,
+} from "@reduxjs/toolkit";
+import { sum } from "lodash";
+import { RootState } from "../../store";
+
+import {
+  BookingPriceDetail,
+  BookingPriceDetails,
+  BookingProductNotification,
+} from "@qite/tide-client/build/types";
+import { setPackage } from "../booking/booking-slice";
+import {
+  selectBookingPackageBookRequest,
+  selectLanguageCode,
+  selectPackageDetails,
+} from "../booking/selectors";
+import priceDetailsApi from "./price-details-api";
+import { updatePackageDetails } from "./util";
+
+export interface PriceDetailsState {
+  priceDetails: BookingPriceDetail[];
+  notifications: BookingProductNotification[];
+  deposit?: number;
+  isBusy: boolean;
+}
+
+export const fetchPriceDetails = createAsyncThunk(
+  "priceDetails/fetchPriceDetails",
+  async (_, { dispatch, getState, signal }) => {
+    dispatch(setFetchingPriceDetails(true));
+    dispatch(resetPriceDetails());
+
+    const state = getState() as RootState;
+    const languageCode = selectLanguageCode(state);
+
+    const request = selectBookingPackageBookRequest(state);
+
+    if (!request) {
+      throw Error("Product not available.");
+    }
+
+    const priceDetails: BookingPriceDetails =
+      await priceDetailsApi.fetchPriceDetails(
+        state.apiSettings,
+        request,
+        signal,
+        languageCode
+      );
+
+    dispatch(setFetchingPriceDetails(false));
+
+    const packageDetails = selectPackageDetails(state);
+    if (packageDetails) {
+      const updatedPackageDetails = updatePackageDetails(
+        packageDetails,
+        priceDetails.changedLines
+      );
+      dispatch(setPackage(updatedPackageDetails));
+    }
+
+    return priceDetails;
+  }
+);
+
+const priceDetailsSlice = createSlice({
+  name: "priceDetails",
+  initialState: <PriceDetailsState>{
+    priceDetails: [],
+    notifications: [],
+    isBusy: false,
+  },
+  reducers: {
+    setFetchingPriceDetails(state, action: PayloadAction<boolean>) {
+      state.isBusy = action.payload;
+    },
+    setNotifications(
+      state,
+      action: PayloadAction<BookingProductNotification[]>
+    ) {
+      state.notifications = action.payload;
+    },
+    resetPriceDetails(state, _: PayloadAction<void>) {
+      state.priceDetails = [];
+    },
+  },
+  extraReducers: (builder) => {
+    builder.addCase(fetchPriceDetails.fulfilled, (state, action) => {
+      if (action.payload) {
+        state.deposit = action.payload.deposit;
+        state.priceDetails = action.payload.details;
+        state.notifications = action.payload.notifications;
+      }
+    });
+  },
+});
+
+export const selectPriceDetails = (state: RootState) =>
+  state.priceDetails.priceDetails;
+
+export const selectPackagePriceDetails = createSelector(
+  selectPriceDetails,
+  (priceDetails) =>
+    priceDetails.filter((priceDetail) => priceDetail.isInPackage)
+);
+
+export const selectSeparatePackagePriceDetails = createSelector(
+  selectPackagePriceDetails,
+  (pricedetails) => {
+    const result: BookingPriceDetail[] = [];
+    const filteredPriceDetails = pricedetails.filter(
+      (priceDetail) => priceDetail.isSeparate
+    );
+
+    filteredPriceDetails.forEach((priceDetail) => {
+      const priceDetailToMerge = result.find(
+        (x) =>
+          x.productCode === priceDetail.productCode &&
+          x.accommodationCode === priceDetail.accommodationCode &&
+          x.productType === priceDetail.productType
+      );
+      if (priceDetailToMerge) {
+        priceDetailToMerge.total += priceDetail.total;
+        priceDetailToMerge.price += priceDetail.price;
+      } else {
+        result.push(Object.assign({}, priceDetail));
+      }
+    });
+
+    return result;
+  }
+);
+
+export const selectBasePrice = createSelector(
+  selectPackagePriceDetails,
+  (priceDetails) =>
+    sum(
+      priceDetails.map((priceDetail) => priceDetail.price * priceDetail.amount)
+    )
+);
+
+export const selectSeparateExtraPriceDetails = createSelector(
+  selectPriceDetails,
+  (priceDetails) =>
+    priceDetails.filter(
+      (priceDetail) => !priceDetail.isInPackage && priceDetail.isSeparate
+    )
+);
+
+export const selectTotalPrice = createSelector(
+  selectBasePrice,
+  selectSeparateExtraPriceDetails,
+  (basePrice, separatePriceDetails) =>
+    sum([
+      basePrice,
+      ...separatePriceDetails.map(
+        (priceDetail) => priceDetail.price * priceDetail.amount
+      ),
+    ])
+);
+
+export const selectDeposit = (state: RootState) => state.priceDetails.deposit;
+
+export const selectIsFetchingPriceDetails = (state: RootState) =>
+  state.priceDetails.isBusy;
+
+export const selectNotifications = (state: RootState) =>
+  state.priceDetails.notifications;
+
+const { setFetchingPriceDetails } = priceDetailsSlice.actions;
+
+export const { resetPriceDetails, setNotifications } =
+  priceDetailsSlice.actions;
+
+export default priceDetailsSlice.reducer;

package/src/booking-wizard/features/price-details/util.ts

@@ -1,155 +1,155 @@
-import {
-  BookingOptionGroup,
-  BookingOptionPax,
-  BookingOptionUnit,
-  BookingPackage,
-  BookingPackageOption,
-  BookingPackageRoom,
-  ChangedLine,
-  PerBookingPackageOption,
-  PerPaxPackageOption,
-  PerUnitPackageOption,
-} from "@qite/tide-client/build/types";
-
-export const updatePackageDetails = (
-  packageDetails: BookingPackage,
-  changedLines: ChangedLine[]
-): BookingPackage => {
-  return {
-    ...packageDetails,
-    options: packageDetails.options.map((opt) => {
-      return {
-        ...opt,
-        rooms: opt.isSelected
-          ? updateRooms(opt.rooms, changedLines)
-          : opt.rooms,
-        groups: opt.isSelected
-          ? updateBookingGroups(opt.groups, changedLines)
-          : opt.groups,
-        optionUnits: opt.isSelected
-          ? updateOptionUnits(opt.optionUnits, changedLines)
-          : opt.optionUnits,
-        optionPax: opt.isSelected
-          ? updateOptionPax(opt.optionPax, changedLines)
-          : opt.optionPax,
-      } as BookingPackageOption;
-    }),
-  };
-};
-
-// ROOMS
-const updateRooms = (
-  rooms: BookingPackageRoom[],
-  changedLines: ChangedLine[]
-) => {
-  return rooms.map((room) => ({
-    ...room,
-    options: room.options.map((option) => ({
-      ...option,
-      price:
-        changedLines.find((x) => x.entryLineGuid == option.entryLineGuid)
-          ?.price ?? option.price,
-    })),
-  }));
-};
-
-// PAX
-const updateOptionPax = (
-  pax: BookingOptionPax[],
-  changedLines: ChangedLine[]
-): BookingOptionPax[] => {
-  return pax.map((p) => ({
-    ...p,
-    groups: updatePaxGroups(p.groups, changedLines),
-  }));
-};
-
-const updatePaxGroups = (
-  groups: BookingOptionGroup<PerPaxPackageOption>[],
-  changedLines: ChangedLine[]
-): BookingOptionGroup<PerPaxPackageOption>[] => {
-  return groups.map((g) => ({
-    ...g,
-    options: g.options.map((o) => ({
-      ...o,
-      groups: updatePaxGroups(o.groups, changedLines),
-      line: {
-        ...o.line,
-        price:
-          changedLines.find((cl) => cl.entryLineGuid === o.line.entryLineGuid)
-            ?.price ?? o.line.price,
-      },
-      alternatives: o.alternatives.map((a) => ({
-        ...a,
-        price:
-          changedLines.find((cl) => cl.entryLineGuid === a.entryLineGuid)
-            ?.price ?? a.price,
-      })),
-    })),
-  }));
-};
-
-// UNITS
-const updateOptionUnits = (
-  units: BookingOptionUnit[],
-  changedLines: ChangedLine[]
-): BookingOptionUnit[] => {
-  return units.map((u) => ({
-    ...u,
-    groups: updateUnitGroups(u.groups, changedLines),
-  }));
-};
-
-const updateUnitGroups = (
-  groups: BookingOptionGroup<PerUnitPackageOption>[],
-  changedLines: ChangedLine[]
-): BookingOptionGroup<PerUnitPackageOption>[] => {
-  return groups.map((g) => ({
-    ...g,
-    options: g.options.map((o) => ({
-      ...o,
-      groups: updateUnitGroups(o.groups, changedLines),
-      pax: updateOptionPax(o.pax, changedLines),
-      line: {
-        ...o.line,
-        price:
-          changedLines.find((cl) => cl.entryLineGuid === o.line.entryLineGuid)
-            ?.price ?? o.line.price,
-      },
-      alternatives: o.alternatives.map((a) => ({
-        ...a,
-        price:
-          changedLines.find((cl) => cl.entryLineGuid === a.entryLineGuid)
-            ?.price ?? a.price,
-      })),
-    })),
-  }));
-};
-
-// BOOKING
-const updateBookingGroups = (
-  groups: BookingOptionGroup<PerBookingPackageOption>[],
-  changedLines: ChangedLine[]
-): BookingOptionGroup<PerBookingPackageOption>[] => {
-  return groups.map((g) => ({
-    ...g,
-    options: g.options.map((o) => ({
-      ...o,
-      groups: updateBookingGroups(o.groups, changedLines),
-      units: updateOptionUnits(o.units, changedLines),
-      pax: updateOptionPax(o.pax, changedLines),
-      line: {
-        ...o.line,
-        price:
-          changedLines.find((cl) => cl.entryLineGuid === o.line.entryLineGuid)
-            ?.price ?? o.line.price,
-      },
-      alternatives: o.alternatives.map((a) => ({
-        ...a,
-        price:
-          changedLines.find((cl) => cl.entryLineGuid === a.entryLineGuid)
-            ?.price ?? a.price,
-      })),
-    })),
-  }));
-};
+import {
+  BookingOptionGroup,
+  BookingOptionPax,
+  BookingOptionUnit,
+  BookingPackage,
+  BookingPackageOption,
+  BookingPackageRoom,
+  ChangedLine,
+  PerBookingPackageOption,
+  PerPaxPackageOption,
+  PerUnitPackageOption,
+} from "@qite/tide-client/build/types";
+
+export const updatePackageDetails = (
+  packageDetails: BookingPackage,
+  changedLines: ChangedLine[]
+): BookingPackage => {
+  return {
+    ...packageDetails,
+    options: packageDetails.options.map((opt) => {
+      return {
+        ...opt,
+        rooms: opt.isSelected
+          ? updateRooms(opt.rooms, changedLines)
+          : opt.rooms,
+        groups: opt.isSelected
+          ? updateBookingGroups(opt.groups, changedLines)
+          : opt.groups,
+        optionUnits: opt.isSelected
+          ? updateOptionUnits(opt.optionUnits, changedLines)
+          : opt.optionUnits,
+        optionPax: opt.isSelected
+          ? updateOptionPax(opt.optionPax, changedLines)
+          : opt.optionPax,
+      } as BookingPackageOption;
+    }),
+  };
+};
+
+// ROOMS
+const updateRooms = (
+  rooms: BookingPackageRoom[],
+  changedLines: ChangedLine[]
+) => {
+  return rooms.map((room) => ({
+    ...room,
+    options: room.options.map((option) => ({
+      ...option,
+      price:
+        changedLines.find((x) => x.entryLineGuid == option.entryLineGuid)
+          ?.price ?? option.price,
+    })),
+  }));
+};
+
+// PAX
+const updateOptionPax = (
+  pax: BookingOptionPax[],
+  changedLines: ChangedLine[]
+): BookingOptionPax[] => {
+  return pax.map((p) => ({
+    ...p,
+    groups: updatePaxGroups(p.groups, changedLines),
+  }));
+};
+
+const updatePaxGroups = (
+  groups: BookingOptionGroup<PerPaxPackageOption>[],
+  changedLines: ChangedLine[]
+): BookingOptionGroup<PerPaxPackageOption>[] => {
+  return groups.map((g) => ({
+    ...g,
+    options: g.options.map((o) => ({
+      ...o,
+      groups: updatePaxGroups(o.groups, changedLines),
+      line: {
+        ...o.line,
+        price:
+          changedLines.find((cl) => cl.entryLineGuid === o.line.entryLineGuid)
+            ?.price ?? o.line.price,
+      },
+      alternatives: o.alternatives.map((a) => ({
+        ...a,
+        price:
+          changedLines.find((cl) => cl.entryLineGuid === a.entryLineGuid)
+            ?.price ?? a.price,
+      })),
+    })),
+  }));
+};
+
+// UNITS
+const updateOptionUnits = (
+  units: BookingOptionUnit[],
+  changedLines: ChangedLine[]
+): BookingOptionUnit[] => {
+  return units.map((u) => ({
+    ...u,
+    groups: updateUnitGroups(u.groups, changedLines),
+  }));
+};
+
+const updateUnitGroups = (
+  groups: BookingOptionGroup<PerUnitPackageOption>[],
+  changedLines: ChangedLine[]
+): BookingOptionGroup<PerUnitPackageOption>[] => {
+  return groups.map((g) => ({
+    ...g,
+    options: g.options.map((o) => ({
+      ...o,
+      groups: updateUnitGroups(o.groups, changedLines),
+      pax: updateOptionPax(o.pax, changedLines),
+      line: {
+        ...o.line,
+        price:
+          changedLines.find((cl) => cl.entryLineGuid === o.line.entryLineGuid)
+            ?.price ?? o.line.price,
+      },
+      alternatives: o.alternatives.map((a) => ({
+        ...a,
+        price:
+          changedLines.find((cl) => cl.entryLineGuid === a.entryLineGuid)
+            ?.price ?? a.price,
+      })),
+    })),
+  }));
+};
+
+// BOOKING
+const updateBookingGroups = (
+  groups: BookingOptionGroup<PerBookingPackageOption>[],
+  changedLines: ChangedLine[]
+): BookingOptionGroup<PerBookingPackageOption>[] => {
+  return groups.map((g) => ({
+    ...g,
+    options: g.options.map((o) => ({
+      ...o,
+      groups: updateBookingGroups(o.groups, changedLines),
+      units: updateOptionUnits(o.units, changedLines),
+      pax: updateOptionPax(o.pax, changedLines),
+      line: {
+        ...o.line,
+        price:
+          changedLines.find((cl) => cl.entryLineGuid === o.line.entryLineGuid)
+            ?.price ?? o.line.price,
+      },
+      alternatives: o.alternatives.map((a) => ({
+        ...a,
+        price:
+          changedLines.find((cl) => cl.entryLineGuid === a.entryLineGuid)
+            ?.price ?? a.price,
+      })),
+    })),
+  }));
+};