@qite/tide-booking-component 1.4.95 → 1.4.97

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

@@ -1,79 +1,79 @@
-import { createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit';
-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;
-  commission?: 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.commission = action.payload.commission;
-        state.priceDetails = action.payload.details;
-        state.notifications = action.payload.notifications;
-      }
-    });
-  }
-});
-
-const { setFetchingPriceDetails } = priceDetailsSlice.actions;
-
-export const { resetPriceDetails, setNotifications } = priceDetailsSlice.actions;
-
-export const selectNotifications = (state: RootState) => state.priceDetails.notifications;
-
-export default priceDetailsSlice.reducer;
+import { createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit';
+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;
+  commission?: 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.commission = action.payload.commission;
+        state.priceDetails = action.payload.details;
+        state.notifications = action.payload.notifications;
+      }
+    });
+  }
+});
+
+const { setFetchingPriceDetails } = priceDetailsSlice.actions;
+
+export const { resetPriceDetails, setNotifications } = priceDetailsSlice.actions;
+
+export const selectNotifications = (state: RootState) => state.priceDetails.notifications;
+
+export default priceDetailsSlice.reducer;

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

@@ -1,118 +1,118 @@
-import { createSelector } from '@reduxjs/toolkit';
-import { RootState } from '../../store';
-import { selectRequestRooms } from '../booking/selectors';
-import { isEmpty, sum } from 'lodash';
-import { PriceDetailsPerPaxType, PricePerPaxType } from '../../types';
-import { BookingPackageRequestRoom, BookingPriceDetail } from '@qite/tide-client';
-
-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)])
-);
-
-// Shared function to aggregate price and details per paxType
-const aggregatePricePerPaxType = (priceDetails: BookingPriceDetail[], requestRooms: BookingPackageRequestRoom[] | undefined): PricePerPaxType[] => {
-  if (!requestRooms || isEmpty(requestRooms)) return [];
-  if (!priceDetails || isEmpty(priceDetails)) return [];
-
-  // Compute paxType by age: >=2 INFANT, >=11 CHILD, else ADULT
-  const paxTypeToPaxIds: Record<string, Set<number>> = {};
-  requestRooms.forEach((room) => {
-    room.pax.forEach((pax) => {
-      let paxType = 'ADULT';
-      if (typeof pax.age === 'number') {
-        if (pax.age <= 11 && pax.age > 2) {
-          paxType = 'CHILD';
-        } else if (pax.age <= 2) {
-          paxType = 'INFANT';
-        }
-      }
-      if (!paxTypeToPaxIds[paxType]) paxTypeToPaxIds[paxType] = new Set();
-      paxTypeToPaxIds[paxType].add(pax.id);
-    });
-  });
-
-  const result: PricePerPaxType[] = [];
-
-  Object.keys(paxTypeToPaxIds).forEach((paxType) => {
-    const paxIds = Array.from(paxTypeToPaxIds[paxType]);
-    let pricePerPaxType = 0;
-    const detailsMap: Record<string, PriceDetailsPerPaxType> = {};
-
-    priceDetails.forEach((detail) => {
-      if (!detail.showPrice || !detail.pricePerPax) return;
-      detail.pricePerPax.forEach((ppp) => {
-        if (paxIds.includes(ppp.paxId)) {
-          pricePerPaxType += ppp.price;
-          const descKey = detail.priceDescription || '';
-          if (!detailsMap[descKey]) {
-            detailsMap[descKey] = {
-              numberOfPax: 1,
-              description: detail.priceDescription || '',
-              price: ppp.price,
-              paxIds: [ppp.paxId]
-            } as PriceDetailsPerPaxType;
-          } else {
-            detailsMap[descKey].price += ppp.price;
-            if (!detailsMap[descKey].paxIds.includes(ppp.paxId)) {
-              detailsMap[descKey].paxIds.push(ppp.paxId);
-              detailsMap[descKey].numberOfPax += 1;
-            }
-          }
-        }
-      });
-    });
-
-    result.push({
-      paxType,
-      pricePerPaxType,
-      numberOfPax: paxIds.length,
-      details: Object.values(detailsMap)
-    });
-  });
-
-  return result;
-};
-
-export const selectBasePricePerPaxType = createSelector(selectPackagePriceDetails, selectRequestRooms, (priceDetails, requestRooms) =>
-  aggregatePricePerPaxType(priceDetails, requestRooms)
-);
-
-export const selectSeparateExtraPriceDetailsPerPaxType = createSelector(selectSeparateExtraPriceDetails, selectRequestRooms, (priceDetails, requestRooms) =>
-  aggregatePricePerPaxType(priceDetails, requestRooms)
-);
-
-export const selectDeposit = (state: RootState) => state.priceDetails.deposit;
-export const selectCommission = (state: RootState) => state.priceDetails.commission;
-
-export const selectIsFetchingPriceDetails = (state: RootState) => state.priceDetails.isBusy;
+import { createSelector } from '@reduxjs/toolkit';
+import { RootState } from '../../store';
+import { selectRequestRooms } from '../booking/selectors';
+import { isEmpty, sum } from 'lodash';
+import { PriceDetailsPerPaxType, PricePerPaxType } from '../../types';
+import { BookingPackageRequestRoom, BookingPriceDetail } from '@qite/tide-client';
+
+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)])
+);
+
+// Shared function to aggregate price and details per paxType
+const aggregatePricePerPaxType = (priceDetails: BookingPriceDetail[], requestRooms: BookingPackageRequestRoom[] | undefined): PricePerPaxType[] => {
+  if (!requestRooms || isEmpty(requestRooms)) return [];
+  if (!priceDetails || isEmpty(priceDetails)) return [];
+
+  // Compute paxType by age: >=2 INFANT, >=11 CHILD, else ADULT
+  const paxTypeToPaxIds: Record<string, Set<number>> = {};
+  requestRooms.forEach((room) => {
+    room.pax.forEach((pax) => {
+      let paxType = 'ADULT';
+      if (typeof pax.age === 'number') {
+        if (pax.age <= 11 && pax.age > 2) {
+          paxType = 'CHILD';
+        } else if (pax.age <= 2) {
+          paxType = 'INFANT';
+        }
+      }
+      if (!paxTypeToPaxIds[paxType]) paxTypeToPaxIds[paxType] = new Set();
+      paxTypeToPaxIds[paxType].add(pax.id);
+    });
+  });
+
+  const result: PricePerPaxType[] = [];
+
+  Object.keys(paxTypeToPaxIds).forEach((paxType) => {
+    const paxIds = Array.from(paxTypeToPaxIds[paxType]);
+    let pricePerPaxType = 0;
+    const detailsMap: Record<string, PriceDetailsPerPaxType> = {};
+
+    priceDetails.forEach((detail) => {
+      if (!detail.showPrice || !detail.pricePerPax) return;
+      detail.pricePerPax.forEach((ppp) => {
+        if (paxIds.includes(ppp.paxId)) {
+          pricePerPaxType += ppp.price;
+          const descKey = detail.priceDescription || '';
+          if (!detailsMap[descKey]) {
+            detailsMap[descKey] = {
+              numberOfPax: 1,
+              description: detail.priceDescription || '',
+              price: ppp.price,
+              paxIds: [ppp.paxId]
+            } as PriceDetailsPerPaxType;
+          } else {
+            detailsMap[descKey].price += ppp.price;
+            if (!detailsMap[descKey].paxIds.includes(ppp.paxId)) {
+              detailsMap[descKey].paxIds.push(ppp.paxId);
+              detailsMap[descKey].numberOfPax += 1;
+            }
+          }
+        }
+      });
+    });
+
+    result.push({
+      paxType,
+      pricePerPaxType,
+      numberOfPax: paxIds.length,
+      details: Object.values(detailsMap)
+    });
+  });
+
+  return result;
+};
+
+export const selectBasePricePerPaxType = createSelector(selectPackagePriceDetails, selectRequestRooms, (priceDetails, requestRooms) =>
+  aggregatePricePerPaxType(priceDetails, requestRooms)
+);
+
+export const selectSeparateExtraPriceDetailsPerPaxType = createSelector(selectSeparateExtraPriceDetails, selectRequestRooms, (priceDetails, requestRooms) =>
+  aggregatePricePerPaxType(priceDetails, requestRooms)
+);
+
+export const selectDeposit = (state: RootState) => state.priceDetails.deposit;
+export const selectCommission = (state: RootState) => state.priceDetails.commission;
+
+export const selectIsFetchingPriceDetails = (state: RootState) => state.priceDetails.isBusy;