@qite/tide-booking-component 1.4.109 → 1.4.111

package/src/booking-wizard/features/sidebar/index.tsx

@@ -1,4 +1,5 @@
 import {
+  selectAgentAdressId,
   selectDepartureFlight,
   selectIncludedServiceTypes,
   selectIsFetchingProductOptions,
@@ -7,7 +8,8 @@ import {
   selectPackageRooms,
   selectReturnFlight,
   selectRoomOptionDepartureFlightsMetaData,
-  selectRoomOptionReturnFlightsMetaData
+  selectRoomOptionReturnFlightsMetaData,
+  selectTranslations
 } from '../booking/selectors';
 import { getDateText, getTravelersText } from './sidebar-util';
 import { selectFormRooms } from '../travelers-form/travelers-form-slice';
@@ -26,7 +28,7 @@ import { useSelector } from 'react-redux';
 
 import React from 'react';
 import SettingsContext from '../../settings-context';
-import Sidebar from './sidebar';
+import SharedSidebar from '../../../shared/booking/shared-sidebar';
 import { selectBookingAttributes } from '../booking/selectors';
 import { useContext } from 'react';
 
@@ -39,7 +41,8 @@ const SidebarContainer: React.FC<SidebarProps> = ({ productName, thumbnailUrl })
   const { sidebarHeaderComponent, sidebarFooterComponent, loaderComponent, showPricesPerPaxType } = useContext(SettingsContext);
   const bookingAttributes = useSelector(selectBookingAttributes);
   const rooms = useSelector(selectFormRooms);
-  const travelerRooms = getTravelersText(rooms);
+  const translations = useSelector(selectTranslations);
+  const travelerRooms = getTravelersText(rooms, translations);
   const departureFlight = useSelector(selectDepartureFlight);
   const departureFlightMetaData = departureFlight?.flightMetaData ?? useSelector(selectRoomOptionDepartureFlightsMetaData)?.[0];
   const returnFlight = useSelector(selectReturnFlight);
@@ -50,9 +53,10 @@ const SidebarContainer: React.FC<SidebarProps> = ({ productName, thumbnailUrl })
   const includedServiceTypes = useSelector(selectIncludedServiceTypes);
   const isUnavailable = useSelector(selectIsUnavailable) || false;
   const isLoading = isFetchingProductOptions || isFetchingPriceDetails;
+  const agent = useSelector(selectAgentAdressId);
 
   return (
-    <Sidebar
+    <SharedSidebar
       productName={productName}
       thumbnailUrl={thumbnailUrl}
       isLoading={isLoading}
@@ -76,6 +80,8 @@ const SidebarContainer: React.FC<SidebarProps> = ({ productName, thumbnailUrl })
       isUnavailable={isUnavailable}
       basePricePerPaxType={showPricesPerPaxType ? useSelector(selectBasePricePerPaxType) : undefined}
       seperateExtraPricePerPaxType={showPricesPerPaxType ? useSelector(selectSeparateExtraPriceDetailsPerPaxType) : undefined}
+      translations={translations}
+      agent={agent}
     />
   );
 };

package/src/booking-wizard/features/sidebar/sidebar-flight.tsx

@@ -8,13 +8,13 @@ import { getAirlines, getDateText, parseFlightLines } from './sidebar-util';
 interface SidebarFlightProps {
   title: string;
   flightMetaData: BookingPackageFlightMetaData;
+  translations?: any;
 }
 
-const SidebarFlight: React.FC<SidebarFlightProps> = ({ title, flightMetaData }) => {
+const SidebarFlight: React.FC<SidebarFlightProps> = ({ title, flightMetaData, translations }) => {
   const flightLines = parseFlightLines(flightMetaData);
   const firstFlight = first(flightLines);
   const lastFlight = last(flightLines);
-  const translations = useSelector(selectTranslations);
 
   return (
     <div className="pricing-summary__group">

package/src/booking-wizard/features/sidebar/sidebar-util.ts

@@ -1,13 +1,9 @@
 import { BookingPackageFlightMetaData } from '@qite/tide-client/build/types';
 import { differenceInCalendarDays, format, parseISO } from 'date-fns';
 import { compact, orderBy, uniq } from 'lodash';
-import { useSelector } from 'react-redux';
 import { FlightLine, RoomTraveler } from '../../types';
-import { selectTranslations } from '../booking/selectors';
-
-export const getTravelersText = (rooms: { adults: RoomTraveler[]; children: RoomTraveler[] }[]): string[] => {
-  const translations = useSelector(selectTranslations);
 
+export const getTravelersText = (rooms: { adults: RoomTraveler[]; children: RoomTraveler[] }[], translations: any): string[] => {
   return rooms.map((r) =>
     compact([
       r.adults.length,