@qite/tide-booking-component 1.4.123 → 1.4.125

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

@@ -1,349 +0,0 @@
-// This one is no longer used, use sidebar in shared folder. temp kept for reference.
-
-// import { BookingPackageFlightMetaData, BookingPackageRoom, BookingPriceDetail } from '@qite/tide-client/build/types';
-// import { ServiceType } from '@qite/tide-client';
-// import { compact, isEmpty } from 'lodash';
-// import React, { useState } from 'react';
-// import { useSelector } from 'react-redux';
-// import { buildClassName } from '../../../shared/utils/class-util';
-// import { formatPrice } from '../../../shared/utils/localization-util';
-// import { selectAgentAdressId, selectCurrencyCode } from '../booking/selectors';
-// import SidebarFlight from './sidebar-flight';
-// import { getDatePeriodText, getPaxTypeTranslation } from './sidebar-util';
-// import { PricePerPaxType } from '../../types';
-// import ProductCard from '../../../shared/booking/product-card';
-
-// interface SidebarProps {
-//   productName: string;
-//   thumbnailUrl?: string;
-//   isLoading: boolean;
-//   travelerRooms?: string[];
-//   startDateText?: string;
-//   endDateText?: string;
-//   departureFlightMetaData?: BookingPackageFlightMetaData;
-//   returnFlightMetaData?: BookingPackageFlightMetaData;
-//   basePrice?: number;
-//   commission?: number;
-//   totalPrice?: number;
-//   remainingAmountText?: string;
-//   includedCosts?: BookingPriceDetail[];
-//   extraCosts?: BookingPriceDetail[];
-//   deposit?: number;
-//   accommodations?: BookingPackageRoom[];
-//   includedServiceTypes?: number[];
-//   isOnRequest?: boolean;
-//   headerComponent?: JSX.Element;
-//   footerComponent?: JSX.Element;
-//   loaderComponent?: JSX.Element;
-//   isUnavailable?: boolean;
-//   basePricePerPaxType?: PricePerPaxType[];
-//   seperateExtraPricePerPaxType?: PricePerPaxType[];
-//   translations: any;
-//   agent?: number;
-// }
-
-// const Sidebar: React.FC<SidebarProps> = ({
-//   productName,
-//   thumbnailUrl,
-//   isLoading,
-//   travelerRooms,
-//   startDateText,
-//   endDateText,
-//   departureFlightMetaData,
-//   returnFlightMetaData,
-//   basePrice,
-//   commission,
-//   totalPrice,
-//   includedCosts,
-//   extraCosts,
-//   deposit,
-//   accommodations,
-//   includedServiceTypes,
-//   isOnRequest,
-//   headerComponent,
-//   footerComponent,
-//   loaderComponent,
-//   isUnavailable,
-//   basePricePerPaxType,
-//   seperateExtraPricePerPaxType,
-//   translations,
-//   agent
-// }) => {
-//   const [active, setActive] = useState<boolean>(false);
-//   const currencyCode = useSelector(selectCurrencyCode);
-
-//   const canShowPriceBreakdownSection = Boolean(basePrice && basePrice > 0) || !isEmpty(includedCosts) || !isEmpty(extraCosts);
-//   const canShowTotalPriceSection = Boolean(totalPrice && totalPrice > 0);
-
-//   const remainingAmount = Number(((totalPrice ?? 0) - (deposit ?? 0)).toFixed(2));
-//   const isFlightOnly = includedServiceTypes?.length === 1 && includedServiceTypes.includes(ServiceType.flight);
-
-//   const handleToggleClick = () => {
-//     setActive(!active);
-//   };
-
-//   return (
-//     <div className={buildClassName(['booking__sidebar', active && 'booking__sidebar--active'])}>
-//       {headerComponent}
-
-//       <div className="booking__sidebar-frame">
-//         <ProductCard productName={productName} thumbnailUrl={thumbnailUrl} handleToggleClick={handleToggleClick} />
-//         <div className="pricing-summary">
-//           {!isUnavailable ? (
-//             <div className="pricing-summary__wrapper">
-//               <div className={`pricing-summary__region ${!isLoading ? 'pricing-summary__region--fade-in' : ''}`}>
-//                 <div className="pricing-summary__group">
-//                   <h6 className="pricing-summary__title">{translations.SIDEBAR.TRAVEL_INFO}</h6>
-//                   {!isEmpty(travelerRooms) &&
-//                     travelerRooms?.map((room, rIndex) => (
-//                       <div className="pricing-summary__row" key={rIndex}>
-//                         <div className="pricing-summary__property">
-//                           {travelerRooms.length > 1 && `${translations.SHARED.ROOM} ${rIndex + 1}`}
-//                           {travelerRooms.length === 1 && translations.ROOM_OPTIONS_FORM.TRAVELER_GROUP}
-//                         </div>
-
-//                         <div className="pricing-summary__value">{room}</div>
-//                       </div>
-//                     ))}
-
-//                   {startDateText && (
-//                     <div className="pricing-summary__row">
-//                       <div className="pricing-summary__property">
-//                         {startDateText && endDateText ? translations.SIDEBAR.DEPARTURE : translations.SIDEBAR.DEPARTURE_SINGLE}
-//                       </div>
-//                       <div className="pricing-summary__value">{startDateText}</div>
-//                     </div>
-//                   )}
-
-//                   {endDateText && (
-//                     <div className="pricing-summary__row">
-//                       <div className="pricing-summary__property">{translations.SIDEBAR.ARRIVAL}</div>
-//                       <div className="pricing-summary__value">{endDateText}</div>
-//                     </div>
-//                   )}
-//                 </div>
-
-//                 {isLoading && loaderComponent}
-//                 {!isLoading && departureFlightMetaData && (
-//                   <SidebarFlight title={translations.SIDEBAR.DEPARTURE_FLIGHT} flightMetaData={departureFlightMetaData} translations={translations} />
-//                 )}
-
-//                 {!isLoading && returnFlightMetaData && (
-//                   <SidebarFlight title={translations.SIDEBAR.ARRIVAL_FLIGHT} flightMetaData={returnFlightMetaData} translations={translations} />
-//                 )}
-
-//                 {accommodations && (
-//                   <div className="pricing-summary__group">
-//                     <h6 className="pricing-summary__title">{translations.SIDEBAR.ACCOMMODATION}</h6>
-//                     {accommodations.map((accommodation) => {
-//                       let option = accommodation.options.find((x) => x.isSelected);
-//                       return (
-//                         <div key={accommodation.index}>
-//                           <div className="pricing-summary__row">
-//                             <div className="pricing-summary__property">
-//                               {option?.accommodationName}
-//                               {isOnRequest ? ` (${translations.SIDEBAR.ON_REQUEST})` : ''}
-//                               {option?.isOnRequest ? ` (${translations.SIDEBAR.ON_REQUEST})` : ''}
-//                             </div>
-//                             {/*<div className="pricing-summary__value">
-//                               {option && option.price > 0 && formatPrice(option?.price)}
-//                             </div>*/}
-//                           </div>
-//                           <div className="pricing-summary__row">
-//                             <div className="price-summarty__property">{option?.regimeName}</div>
-//                             <div className="price-summary__value">{!isFlightOnly && getDatePeriodText(translations, option?.from, option?.to, true)}</div>
-//                           </div>
-//                         </div>
-//                       );
-//                     })}
-//                   </div>
-//                 )}
-//               </div>
-
-//               {!isLoading && canShowPriceBreakdownSection && (
-//                 <div className={`pricing-summary__region ${!isLoading ? 'pricing-summary__region--fade-in' : ''}`}>
-//                   {basePrice !== undefined && basePrice > 0 && (
-//                     <div className="pricing-summary__group">
-//                       <div className="pricing-summary__row">
-//                         <div className="pricing-summary__property">
-//                           <h6 className="pricing-summary__title">{translations.SIDEBAR.BASE_PRICE}</h6>
-//                         </div>
-//                         <div className="pricing-summary__value">{formatPrice(basePrice, currencyCode)}</div>
-//                       </div>
-//                       {basePricePerPaxType &&
-//                         basePricePerPaxType.map((ppt, index) => (
-//                           <React.Fragment key={`${ppt.paxType}-${index}`}>
-//                             <div className="pricing-summary__row">
-//                               <div className="pricing-summary__property">
-//                                 {ppt.numberOfPax} {getPaxTypeTranslation(translations, ppt.paxType, ppt.numberOfPax)}
-//                               </div>
-//                               <div className="pricing-summary__value">{formatPrice(ppt.pricePerPaxType, currencyCode)}</div>
-//                             </div>
-//                             {ppt.details.map((detail, dIndex) => (
-//                               <div className="pricing-summary__row pricing-summary__row--sub" key={`${ppt.paxType}-${index}-${dIndex}`}>
-//                                 <div className="pricing-summary__property">
-//                                   {detail.numberOfPax}x {detail.description}
-//                                 </div>
-//                                 <div className="pricing-summary__value">{formatPrice(detail.price / detail.numberOfPax, currencyCode)}</div>
-//                               </div>
-//                             ))}
-//                           </React.Fragment>
-//                         ))}
-//                     </div>
-//                   )}
-//                   {!isEmpty(includedCosts) && (
-//                     <div className="pricing-summary__group">
-//                       <h6 className="pricing-summary__title">{translations.SIDEBAR.INCLUDED_COSTS}</h6>
-//                       {includedCosts?.map((priceDetail, index) => (
-//                         <React.Fragment key={compact([priceDetail.productCode, priceDetail.accommodationCode, index]).join('_')}>
-//                           <div className="pricing-summary__row">
-//                             <div className="pricing-summary__property">{priceDetail.productName}</div>
-//                             {priceDetail.showPrice && (
-//                               <div className="pricing-summary__value">{formatPrice(priceDetail.price * priceDetail.amount, currencyCode)}</div>
-//                             )}
-//                           </div>
-//                           <div className="pricing-summary__row">
-//                             <div className="price-summary__property">{priceDetail.accommodationName ?? priceDetail.accommodationCode}</div>
-//                           </div>
-//                         </React.Fragment>
-//                       ))}
-//                     </div>
-//                   )}
-//                   {!isEmpty(extraCosts) && (
-//                     <div className="pricing-summary__group">
-//                       <h6 className="pricing-summary__title">{translations.SIDEBAR.EXTRA_COSTS}</h6>
-//                       {extraCosts?.map((priceDetail, index) => (
-//                         <React.Fragment key={compact([priceDetail.productCode, priceDetail.accommodationCode, index]).join('_')}>
-//                           <div className="pricing-summary__row">
-//                             <div className="pricing-summary__property">{priceDetail.productName}</div>
-//                             {priceDetail.showPrice && (
-//                               <div className="pricing-summary__value">{formatPrice(priceDetail.price * priceDetail.amount, currencyCode)}</div>
-//                             )}
-//                           </div>
-//                           <div className="pricing-summary__row">
-//                             <div className="pricing-summary__property">{priceDetail.accommodationName ?? priceDetail.accommodationCode}</div>
-//                           </div>
-//                           {seperateExtraPricePerPaxType &&
-//                             seperateExtraPricePerPaxType.map((ppt, index) => (
-//                               <React.Fragment key={`${ppt.paxType}-${index}`}>
-//                                 <div className="pricing-summary__row">
-//                                   <div className="pricing-summary__property">
-//                                     {ppt.numberOfPax} {getPaxTypeTranslation(translations, ppt.paxType, ppt.numberOfPax)}
-//                                   </div>
-//                                   <div className="pricing-summary__value">{formatPrice(ppt.pricePerPaxType, currencyCode)}</div>
-//                                 </div>
-//                                 {ppt.details.map((detail, dIndex) => (
-//                                   <div className="pricing-summary__row pricing-summary__row--sub" key={`${ppt.paxType}-${index}-${dIndex}`}>
-//                                     <div className="pricing-summary__property">
-//                                       {detail.numberOfPax}x {detail.description}
-//                                     </div>
-//                                     <div className="pricing-summary__value">{formatPrice(detail.price / detail.numberOfPax, currencyCode)}</div>
-//                                   </div>
-//                                 ))}
-//                               </React.Fragment>
-//                             ))}
-//                         </React.Fragment>
-//                       ))}
-//                     </div>
-//                   )}
-//                 </div>
-//               )}
-//             </div>
-//           ) : (
-//             <div className="pricing-summary__region">
-//               <h6 className="pricing-summary__title">{translations.SIDEBAR.PACKAGE_NOT_AVAILABLE}</h6>
-//             </div>
-//           )}
-
-//           {!isLoading && canShowTotalPriceSection && !isUnavailable && (
-//             <div className={`pricing-summary__region pricing-summary__region--pricing ${!isLoading ? 'pricing-summary__region--fade-in' : ''}`}>
-//               {deposit && remainingAmount > 0 ? (
-//                 <div className="pricing-summary__group">
-//                   {agent && (
-//                     <div className="pricing-summary__row pricing-summary__row--total-price">
-//                       <div className="pricing-summary__property">
-//                         <h6 className="pricing-summary__title">{translations.SIDEBAR.COMMISSION}</h6>
-//                       </div>
-//                       <div className="pricing-summary__value">
-//                         <div className="pricing">
-//                           <div className="pricing__price">{formatPrice(commission ?? 0, currencyCode)}</div>
-//                         </div>
-//                       </div>
-//                     </div>
-//                   )}
-//                   {totalPrice !== undefined && totalPrice > 0 && (
-//                     <div className="pricing-summary__row pricing-summary__row--total-price">
-//                       <div className="pricing-summary__property">
-//                         <h6 className="pricing-summary__title">{translations.SHARED.TOTAL_PRICE}</h6>
-//                       </div>
-//                       <div className="pricing-summary__value">
-//                         <div className="pricing">
-//                           <div className="pricing__price">{formatPrice(totalPrice, currencyCode)}</div>
-//                         </div>
-//                       </div>
-//                     </div>
-//                   )}
-//                   <div className="pricing-summary__row">
-//                     <div className="pricing-summary__property">
-//                       <h6 className="pricing-summary__title">{translations.SIDEBAR.DEPOSIT}</h6>
-//                     </div>
-
-//                     <div className="pricing-summary__value">
-//                       <div className="pricing">
-//                         <div className="pricing__price">{formatPrice(deposit, currencyCode)}</div>
-//                       </div>
-//                     </div>
-//                   </div>
-//                   <div className="pricing-summary__row">
-//                     <small>
-//                       <em>
-//                         {translations.SIDEBAR.DEPOSIT_TEXT1}
-//                         <strong>{translations.SIDEBAR.DEPOSIT_TEXT2}</strong>
-//                         {translations.SIDEBAR.DEPOSIT_TEXT3}
-//                         {formatPrice(remainingAmount, currencyCode)}
-//                         {translations.SIDEBAR.DEPOSIT_TEXT4}
-//                         <strong>{translations.SIDEBAR.DEPOSIT_TEXT5}</strong>
-//                         {translations.SIDEBAR.DEPOSIT_TEXT6}
-//                       </em>
-//                     </small>
-//                   </div>
-//                 </div>
-//               ) : (
-//                 <div className="pricing-summary__group">
-//                   {agent && (
-//                     <div className="pricing-summary__row pricing-summary__row--total-price">
-//                       <div className="pricing-summary__property">
-//                         <h6 className="pricing-summary__title">{translations.SIDEBAR.COMMISSION}</h6>
-//                       </div>
-//                       <div className="pricing-summary__value">
-//                         <div className="pricing">
-//                           <div className="pricing__price">{formatPrice(commission ?? 0, currencyCode)}</div>
-//                         </div>
-//                       </div>
-//                     </div>
-//                   )}
-//                   {totalPrice !== undefined && totalPrice > 0 && (
-//                     <div className="pricing-summary__row pricing-summary__row--total-price">
-//                       <div className="pricing-summary__property">
-//                         <h6 className="pricing-summary__title">{translations.SHARED.TOTAL_PRICE}</h6>
-//                       </div>
-
-//                       <div className="pricing-summary__value">
-//                         <div className="pricing">
-//                           <div className="pricing__price">{formatPrice(totalPrice, currencyCode)}</div>
-//                         </div>
-//                       </div>
-//                     </div>
-//                   )}
-//                 </div>
-//               )}
-//             </div>
-//           )}
-//           {footerComponent}
-//         </div>
-//       </div>
-//     </div>
-//   );
-// };
-
-// export default Sidebar;

package/src/booking-wizard/features/summary/summary-booking-option-pax.tsx

@@ -1,23 +0,0 @@
-import { BookingOptionPax } from '@qite/tide-client/build/types';
-import { isEmpty } from 'lodash';
-import React from 'react';
-import SummaryPerPaxOptionGroup from './summary-per-pax-option-group';
-
-interface SummaryBookingOptionPaxProps {
-  pax: BookingOptionPax;
-}
-
-const SummaryBookingOptionPax: React.FC<SummaryBookingOptionPaxProps> = ({ pax }) => {
-  return (
-    <>
-      {pax.groups.map((y, i) => {
-        const paxOptions = y.options.filter((y) => y.isSelected);
-        if (isEmpty(paxOptions)) return;
-
-        return <SummaryPerPaxOptionGroup key={i} group={y} />;
-      })}
-    </>
-  );
-};
-
-export default SummaryBookingOptionPax;

package/src/booking-wizard/features/summary/summary-booking-option-unit.tsx

@@ -1,23 +0,0 @@
-import { BookingOptionUnit } from '@qite/tide-client/build/types';
-import { isEmpty } from 'lodash';
-import React from 'react';
-import SummaryPerUnitOptionGroup from './summary-per-unit-option-group';
-
-interface SummaryBookingOptionUnitProps {
-  unit: BookingOptionUnit;
-}
-
-const SummaryBookingOptionUnit: React.FC<SummaryBookingOptionUnitProps> = ({ unit }) => {
-  return (
-    <>
-      {unit.groups.map((y) => {
-        const unitOptions = y.options.filter((y) => y.isSelected);
-        if (isEmpty(unitOptions)) return;
-
-        return <SummaryPerUnitOptionGroup group={y} />;
-      })}
-    </>
-  );
-};
-
-export default SummaryBookingOptionUnit;

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

@@ -1,36 +0,0 @@
-import { BookingPackageFlightMetaData } from '@qite/tide-client/build/types';
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { selectTranslations } from '../booking/selectors';
-import { getDateText, parseFlightLines } from '../sidebar/sidebar-util';
-
-interface SummaryFlightProps {
-  flightMetaData: BookingPackageFlightMetaData;
-  header: string;
-}
-
-const SummaryFlight: React.FC<SummaryFlightProps> = ({ flightMetaData, header }) => {
-  const translations = useSelector(selectTranslations);
-
-  return (
-    <li>
-      <h6>{header}</h6>
-      {parseFlightLines(flightMetaData)?.map((flightLine) => (
-        <p key={flightLine.departureAirportIata}>
-          {flightLine.departureAirportDescription} ({flightLine.departureAirportIata}) &gt; {flightLine.arrivalAirportDescription} (
-          {flightLine.arrivalAirportIata}) {' - '}
-          {flightLine.travelClass} {' - '}
-          {flightLine.airlineCode}
-          {flightLine.number}
-          <br />
-          {getDateText(flightLine.departureDate)} {flightLine.departureTime} &gt; {getDateText(flightLine.arrivalDate)} {flightLine.arrivalTime}
-          <br />
-          {flightLine.airlineDescription}
-        </p>
-      ))}
-      {flightMetaData.luggageIncluded && <p>{translations.SIDEBAR.LUGGAGE_INCLUDED}</p>}
-    </li>
-  );
-};
-
-export default SummaryFlight;

package/src/booking-wizard/features/summary/summary-per-booking-option-group.tsx

@@ -1,60 +0,0 @@
-import { BookingOptionGroup, PerBookingPackageOption } from '@qite/tide-client/build/types';
-import { isEmpty, isNil } from 'lodash';
-import React from 'react';
-import { getDateText } from '../sidebar/sidebar-util';
-import SummaryBookingOptionPax from './summary-booking-option-pax';
-import SummaryBookingOptionUnit from './summary-booking-option-unit';
-
-interface SummaryPerBookingOptionGroupProps {
-  group: BookingOptionGroup<PerBookingPackageOption>;
-}
-
-const SummaryPerBookingOptionGroup: React.FC<SummaryPerBookingOptionGroupProps> = ({ group }) => {
-  const groupOptions = group.options.filter((x) => x.isSelected);
-
-  const renderOptions = () => (
-    <>
-      {groupOptions.map((opt) => (
-        <li key={opt.line.entryLineGuid} className="list__item">
-          {opt.line.productName}
-          <ul>
-            <li>
-              {opt.line.accommodationName}
-              {!isNil(opt.line?.regimeName) && ', '}
-              {opt.line.regimeName}
-            </li>
-          </ul>
-          {getDateText(opt.line.startDate)}
-          {opt.line.startDate != opt.line.endDate ? ` > ${getDateText(opt.line.endDate)}` : ''}
-
-          <ul>
-            {!isEmpty(opt?.groups) &&
-              opt?.groups.map((x) => {
-                if (!x.options.some((y) => y.isSelected)) return;
-
-                return <SummaryPerBookingOptionGroup group={x} />;
-              })}
-            {!isEmpty(opt?.units) && opt?.units.map((x) => <SummaryBookingOptionUnit unit={x} />)}
-            {!isEmpty(opt?.pax) && opt?.pax.map((x) => <SummaryBookingOptionPax pax={x} />)}
-          </ul>
-        </li>
-      ))}
-    </>
-  );
-
-  return (
-    <>
-      {group.title ? (
-        <li className="list__item">
-          <h6>{group.title}</h6>
-
-          <ul className="list">{renderOptions()}</ul>
-        </li>
-      ) : (
-        <>{renderOptions()}</>
-      )}
-    </>
-  );
-};
-
-export default SummaryPerBookingOptionGroup;

package/src/booking-wizard/features/summary/summary-per-pax-option-group.tsx

@@ -1,56 +0,0 @@
-import { BookingOptionGroup, PerPaxPackageOption } from '@qite/tide-client/build/types';
-import { isEmpty, isNil } from 'lodash';
-import React from 'react';
-import { getDateText } from '../sidebar/sidebar-util';
-
-interface SummaryPerPaxOptionGroupProps {
-  group: BookingOptionGroup<PerPaxPackageOption>;
-}
-
-const SummaryPerPaxOptionGroup: React.FC<SummaryPerPaxOptionGroupProps> = ({ group }) => {
-  const groupOptions = group.options.filter((x) => x.isSelected);
-
-  const renderOptions = () => (
-    <>
-      {groupOptions.map((opt) => (
-        <li key={opt.line.entryLineGuid} className="list__item">
-          {opt.line.productName}
-          <ul>
-            <li>
-              {opt.line.accommodationName}
-              {!isNil(opt.line?.regimeName) && ', '}
-              {opt.line.regimeName}
-            </li>
-          </ul>
-          {getDateText(opt.line.startDate)}
-          {opt.line.startDate != opt.line.endDate ? ` > ${getDateText(opt.line.endDate)}` : ''}
-
-          <ul className="list">
-            {!isEmpty(opt?.groups) &&
-              opt?.groups.map((x) => {
-                if (!x.options.some((y) => y.isSelected)) return;
-
-                return <SummaryPerPaxOptionGroup group={x} />;
-              })}
-          </ul>
-        </li>
-      ))}
-    </>
-  );
-
-  return (
-    <>
-      {group.title ? (
-        <li className="list__item">
-          <h6>{group.title}</h6>
-
-          <ul className="list">{renderOptions()}</ul>
-        </li>
-      ) : (
-        <>{renderOptions()}</>
-      )}
-    </>
-  );
-};
-
-export default SummaryPerPaxOptionGroup;

package/src/booking-wizard/features/summary/summary-per-unit-option-group.tsx

@@ -1,58 +0,0 @@
-import { BookingOptionGroup, PerUnitPackageOption } from '@qite/tide-client/build/types';
-import { isEmpty, isNil } from 'lodash';
-import React from 'react';
-import { getDateText } from '../sidebar/sidebar-util';
-import SummaryBookingOptionPax from './summary-booking-option-pax';
-
-interface SummaryPerUnitOptionGroupProps {
-  group: BookingOptionGroup<PerUnitPackageOption>;
-}
-
-const SummaryPerUnitOptionGroup: React.FC<SummaryPerUnitOptionGroupProps> = ({ group }) => {
-  const groupOptions = group.options.filter((x) => x.isSelected);
-
-  const renderOptions = () => (
-    <>
-      {groupOptions.map((opt) => (
-        <li key={opt.line.entryLineGuid} className="list__item">
-          {opt.line.productName}
-          <ul>
-            <li>
-              {opt.line.accommodationName}
-              {!isNil(opt.line?.regimeName) && ', '}
-              {opt.line.regimeName}
-            </li>
-          </ul>
-          {getDateText(opt.line.startDate)}
-          {opt.line.startDate != opt.line.endDate ? ` > ${getDateText(opt.line.endDate)}` : ''}
-
-          <ul>
-            {!isEmpty(opt?.groups) &&
-              opt?.groups.map((x) => {
-                if (!x.options.some((y) => y.isSelected)) return;
-
-                return <SummaryPerUnitOptionGroup group={x} />;
-              })}
-            {!isEmpty(opt?.pax) && opt?.pax.map((x) => <SummaryBookingOptionPax pax={x} />)}
-          </ul>
-        </li>
-      ))}
-    </>
-  );
-
-  return (
-    <>
-      {group.title ? (
-        <li className="list__item">
-          <h6>{group.title}</h6>
-
-          <ul className="list">{renderOptions()}</ul>
-        </li>
-      ) : (
-        <>{renderOptions()}</>
-      )}
-    </>
-  );
-};
-
-export default SummaryPerUnitOptionGroup;

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

@@ -1,27 +0,0 @@
-import { PayloadAction, createSlice } from '@reduxjs/toolkit';
-
-import { RootState } from '../../store';
-
-export interface SummaryState {
-  userValidated: boolean;
-}
-
-const initialState: SummaryState = {
-  userValidated: false
-};
-
-const summarySlice = createSlice({
-  name: 'summary',
-  initialState,
-  reducers: {
-    setUserValidated(state, action: PayloadAction<boolean>) {
-      state.userValidated = action.payload;
-    }
-  }
-});
-
-export const { setUserValidated } = summarySlice.actions;
-
-export const selectUserValidated = (state: RootState) => state.summary.userValidated;
-
-export default summarySlice.reducer;