@qite/tide-booking-component 0.0.2-preview.9 → 1.0.0-preview

package/build/build-esm/booking-wizard/features/product-options/option-unit-group.d.ts

@@ -0,0 +1,20 @@
+import {
+  BookingOptionGroup,
+  PerUnitPackageOption,
+} from "@qite/tide-client/build/types";
+import React from "react";
+interface OptionUnitGroupProps {
+  unitIndex: number;
+  optionId?: string;
+  group: BookingOptionGroup<PerUnitPackageOption>;
+  firstClassName: string;
+  secondClassName: string;
+  parentId: string;
+  onGroupChange?: (
+    group: BookingOptionGroup<PerUnitPackageOption>,
+    unitIndex: number,
+    optionId?: string
+  ) => void;
+}
+declare const OptionUnitGroup: React.FC<OptionUnitGroupProps>;
+export default OptionUnitGroup;

package/build/build-esm/booking-wizard/features/product-options/option-units-card.d.ts

@@ -0,0 +1,9 @@
+import { BookingOptionUnit } from "@qite/tide-client/build/types";
+import React from "react";
+interface OptionUnitsCardProps {
+  units: BookingOptionUnit[];
+  parentIndex?: number;
+  onUnitsChange?: (units: BookingOptionUnit[], index?: number) => void;
+}
+declare const OptionUnitsCard: React.FC<OptionUnitsCardProps>;
+export default OptionUnitsCard;

package/build/build-esm/booking-wizard/features/sidebar/index.d.ts

@@ -1,3 +1,7 @@
 import React from "react";
-declare const SidebarContainer: React.FC;
+interface SidebarProps {
+  productName: string;
+  thumbnailUrl?: string;
+}
+declare const SidebarContainer: React.FC<SidebarProps>;
 export default SidebarContainer;

package/build/build-esm/booking-wizard/features/sidebar/sidebar-flight.d.ts

@@ -0,0 +1,8 @@
+import { BookingPackageFlight } from "@qite/tide-client/build/types";
+import React from "react";
+interface SidebarFlightProps {
+  title: string;
+  flight: BookingPackageFlight;
+}
+declare const SidebarFlight: React.FC<SidebarFlightProps>;
+export default SidebarFlight;

package/build/build-esm/booking-wizard/features/sidebar/sidebar-util.d.ts

@@ -1,11 +1,28 @@
-import { ProductOption } from "../product-options/product-options-api";
+import { BookingPackageFlightMetaData } from "@qite/tide-client/build/types";
+import { FlightLine } from "../../types";
 export declare const getTravelersText: (
-  adultCount: number,
-  childCount: number
+  adultIds: number[],
+  childIds: number[]
 ) => string | undefined;
 export declare const getDateText: (
   date: string | undefined
 ) => string | undefined;
-export declare const getFlightText: (
-  productOption?: ProductOption | undefined
+export declare const getDatePeriodText: (
+  from?: string,
+  to?: string,
+  nightsOnly?: boolean
 ) => string | undefined;
+export declare const getFlightText: (
+  firstFlight: FlightLine | undefined,
+  lastFlight: FlightLine | undefined
+) => string;
+export declare const getAirlines: (
+  flightLines: FlightLine[] | undefined
+) => string;
+export declare const getFlightHours: (
+  firstFlight: FlightLine | undefined,
+  lastFlight: FlightLine | undefined
+) => string;
+export declare const parseFlightLines: (
+  metaDatas: BookingPackageFlightMetaData
+) => FlightLine[] | undefined;

package/build/build-esm/booking-wizard/features/sidebar/sidebar.d.ts

@@ -1,21 +1,29 @@
-import { PriceDetail } from "@qite/tide-client";
 import React from "react";
+import {
+  BookingPackageFlight,
+  BookingPackageRoom,
+  BookingPriceDetail,
+} from "@qite/tide-client/build/types";
 interface SidebarProps {
-  depositText?: string;
+  productName: string;
+  thumbnailUrl?: string;
+  isLoading: boolean;
   travelersText?: string;
   startDateText?: string;
   endDateText?: string;
-  departureFlightText?: string;
-  returnFlightText?: string;
+  departureFlight?: BookingPackageFlight;
+  returnFlight?: BookingPackageFlight;
   basePrice?: number;
   totalPrice?: number;
   remainingAmountText?: string;
-  includedCosts?: PriceDetail[];
-  extraCosts?: PriceDetail[];
-  showDeposit: boolean;
-  showAccommodationInfo: boolean;
+  includedCosts?: BookingPriceDetail[];
+  extraCosts?: BookingPriceDetail[];
+  deposit?: number;
+  accommodations?: BookingPackageRoom[];
+  isOnRequest?: boolean;
   headerComponent?: JSX.Element;
   footerComponent?: JSX.Element;
+  loaderComponent?: JSX.Element;
 }
 declare const Sidebar: React.FC<SidebarProps>;
 export default Sidebar;

package/build/build-esm/booking-wizard/features/summary/summary-booking-option-pax.d.ts

@@ -0,0 +1,7 @@
+import { BookingOptionPax } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryBookingOptionPaxProps {
+  pax: BookingOptionPax;
+}
+declare const SummaryBookingOptionPax: React.FC<SummaryBookingOptionPaxProps>;
+export default SummaryBookingOptionPax;

package/build/build-esm/booking-wizard/features/summary/summary-booking-option-unit.d.ts

@@ -0,0 +1,7 @@
+import { BookingOptionUnit } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryBookingOptionUnitProps {
+  unit: BookingOptionUnit;
+}
+declare const SummaryBookingOptionUnit: React.FC<SummaryBookingOptionUnitProps>;
+export default SummaryBookingOptionUnit;

package/build/build-esm/booking-wizard/features/summary/summary-flight.d.ts

@@ -0,0 +1,8 @@
+import { BookingPackageFlight } from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryFlightProps {
+  flight: BookingPackageFlight;
+  header: string;
+}
+declare const SummaryFlight: React.FC<SummaryFlightProps>;
+export default SummaryFlight;

package/build/build-esm/booking-wizard/features/summary/summary-per-booking-option-group.d.ts

@@ -0,0 +1,10 @@
+import {
+  BookingOptionGroup,
+  PerBookingPackageOption,
+} from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryPerBookingOptionGroupProps {
+  group: BookingOptionGroup<PerBookingPackageOption>;
+}
+declare const SummaryPerBookingOptionGroup: React.FC<SummaryPerBookingOptionGroupProps>;
+export default SummaryPerBookingOptionGroup;

package/build/build-esm/booking-wizard/features/summary/summary-per-pax-option-group.d.ts

@@ -0,0 +1,10 @@
+import {
+  BookingOptionGroup,
+  PerPaxPackageOption,
+} from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryPerPaxOptionGroupProps {
+  group: BookingOptionGroup<PerPaxPackageOption>;
+}
+declare const SummaryPerPaxOptionGroup: React.FC<SummaryPerPaxOptionGroupProps>;
+export default SummaryPerPaxOptionGroup;

package/build/build-esm/booking-wizard/features/summary/summary-per-unit-option-group.d.ts

@@ -0,0 +1,10 @@
+import {
+  BookingOptionGroup,
+  PerUnitPackageOption,
+} from "@qite/tide-client/build/types";
+import React from "react";
+interface SummaryPerUnitOptionGroupProps {
+  group: BookingOptionGroup<PerUnitPackageOption>;
+}
+declare const SummaryPerUnitOptionGroup: React.FC<SummaryPerUnitOptionGroupProps>;
+export default SummaryPerUnitOptionGroup;

package/build/build-esm/booking-wizard/features/summary/summary-slice.d.ts

@@ -1,8 +1,3 @@
-import {
-  Address,
-  PackageBookRequestRoom,
-  PackageBookRequest,
-} from "@qite/tide-client";
 import { RootState } from "../../store";
 export interface SummaryState {
   userValidated: boolean;
@@ -12,29 +7,6 @@ export declare const setUserValidated: import("@reduxjs/toolkit").ActionCreatorW
   string
 >;
 export declare const selectUserValidated: (state: RootState) => boolean;
-export declare const selectBookRequest: import("reselect").OutputSelector<
-  {
-    booking: import("../booking/booking-slice").BookingState;
-    travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
-    productOptions: import("@reduxjs/toolkit").EntityState<
-      import("../product-options/product-options-api").ProductOption
-    >;
-    priceDetails: import("@reduxjs/toolkit").EntityState<
-      import("@qite/tide-client").PriceDetail
-    >;
-    rooms: import("@reduxjs/toolkit").EntityState<
-      import("@qite/tide-client").PackageRoom
-    >;
-    summary: SummaryState;
-  },
-  PackageBookRequest | undefined,
-  (
-    res1: string | undefined,
-    res2: PackageBookRequestRoom[] | undefined,
-    res3: Address | undefined,
-    res4: string[]
-  ) => PackageBookRequest | undefined
->;
 declare const _default: import("redux").Reducer<
   SummaryState,
   import("redux").AnyAction

package/build/build-esm/booking-wizard/features/travelers-form/travelers-form-slice.d.ts

@@ -1,99 +1,93 @@
 import { RootState } from "../../store";
 import { TravelersFormValues } from "../../types";
 export interface TravelersFormState {
-  adultCount: number;
-  childCount: number;
   formValues?: TravelersFormValues;
 }
-export declare const setAdultCount: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    number,
-    string
-  >,
-  setChildCount: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    number,
-    string
-  >,
-  setFormValues: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    TravelersFormValues,
-    string
-  >;
-export declare const selectAdultCount: (state: RootState) => number;
-export declare const selectChildCount: (state: RootState) => number;
+export declare const CHILD_MAX_AGE = 17;
+export declare const setFormValues: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+  TravelersFormValues,
+  string
+>;
 export declare const selectTravelersFormValues: (
   state: RootState
 ) => TravelersFormValues | undefined;
-export declare const selectAdults: import("reselect").OutputSelector<
-  {
-    booking: import("../booking/booking-slice").BookingState;
-    travelersForm: TravelersFormState;
-    productOptions: import("@reduxjs/toolkit").EntityState<
-      import("../product-options/product-options-api").ProductOption
-    >;
-    priceDetails: import("@reduxjs/toolkit").EntityState<
-      import("@qite/tide-client").PriceDetail
-    >;
-    rooms: import("@reduxjs/toolkit").EntityState<
-      import("@qite/tide-client").PackageRoom
-    >;
-    summary: import("../summary/summary-slice").SummaryState;
-  },
-  import("../../types").Traveler[],
-  (res: TravelersFormValues | undefined) => import("../../types").Traveler[]
->;
-export declare const selectChildren: import("reselect").OutputSelector<
-  {
-    booking: import("../booking/booking-slice").BookingState;
-    travelersForm: TravelersFormState;
-    productOptions: import("@reduxjs/toolkit").EntityState<
-      import("../product-options/product-options-api").ProductOption
-    >;
-    priceDetails: import("@reduxjs/toolkit").EntityState<
-      import("@qite/tide-client").PriceDetail
-    >;
-    rooms: import("@reduxjs/toolkit").EntityState<
-      import("@qite/tide-client").PackageRoom
-    >;
-    summary: import("../summary/summary-slice").SummaryState;
-  },
-  import("../../types").Traveler[],
-  (res: TravelersFormValues | undefined) => import("../../types").Traveler[]
->;
-export declare const selectTravelerAges: import("reselect").OutputSelector<
-  {
-    booking: import("../booking/booking-slice").BookingState;
-    travelersForm: TravelersFormState;
-    productOptions: import("@reduxjs/toolkit").EntityState<
-      import("../product-options/product-options-api").ProductOption
-    >;
-    priceDetails: import("@reduxjs/toolkit").EntityState<
-      import("@qite/tide-client").PriceDetail
-    >;
-    rooms: import("@reduxjs/toolkit").EntityState<
-      import("@qite/tide-client").PackageRoom
-    >;
-    summary: import("../summary/summary-slice").SummaryState;
-  },
-  any[],
-  (res1: number, res2: number, res3: TravelersFormValues | undefined) => any[]
->;
-export declare const selectMainBookerId: import("reselect").OutputSelector<
-  {
-    booking: import("../booking/booking-slice").BookingState;
-    travelersForm: TravelersFormState;
-    productOptions: import("@reduxjs/toolkit").EntityState<
-      import("../product-options/product-options-api").ProductOption
-    >;
-    priceDetails: import("@reduxjs/toolkit").EntityState<
-      import("@qite/tide-client").PriceDetail
-    >;
-    rooms: import("@reduxjs/toolkit").EntityState<
-      import("@qite/tide-client").PackageRoom
-    >;
-    summary: import("../summary/summary-slice").SummaryState;
-  },
-  string | undefined,
-  (res: TravelersFormValues | undefined) => string | undefined
->;
+export declare const selectAdults: ((state: {
+  booking: import("../booking/booking-slice").BookingState;
+  travelersForm: TravelersFormState;
+  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => import("../../types").Traveler[]) &
+  import("reselect").OutputSelectorFields<
+    (
+      args_0: TravelersFormValues | undefined
+    ) => import("../../types").Traveler[] & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectChildren: ((state: {
+  booking: import("../booking/booking-slice").BookingState;
+  travelersForm: TravelersFormState;
+  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => import("../../types").Traveler[]) &
+  import("reselect").OutputSelectorFields<
+    (
+      args_0: TravelersFormValues | undefined
+    ) => import("../../types").Traveler[] & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectAgentId: ((state: {
+  booking: import("../booking/booking-slice").BookingState;
+  travelersForm: TravelersFormState;
+  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => number | undefined) &
+  import("reselect").OutputSelectorFields<
+    (args_0: TravelersFormValues | undefined) => number & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectAdultIds: ((state: {
+  booking: import("../booking/booking-slice").BookingState;
+  travelersForm: TravelersFormState;
+  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => number[]) &
+  import("reselect").OutputSelectorFields<
+    (
+      args_0:
+        | import("@qite/tide-client/build/types").BookingPackageRequestRoom[]
+        | undefined
+    ) => number[] & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectChildIds: ((state: {
+  booking: import("../booking/booking-slice").BookingState;
+  travelersForm: TravelersFormState;
+  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => number[]) &
+  import("reselect").OutputSelectorFields<
+    (
+      args_0:
+        | import("@qite/tide-client/build/types").BookingPackageRequestRoom[]
+        | undefined
+    ) => number[] & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
 declare const _default: import("redux").Reducer<
   TravelersFormState,
   import("redux").AnyAction

package/build/build-esm/booking-wizard/features/travelers-form/type-ahead-input.d.ts

@@ -9,6 +9,7 @@ interface TypeAheadInputProps {
     text: string;
   }[];
   onChange?: (value: string) => void;
+  onSelect?: (key: string) => void;
   onClear?: () => void;
 }
 declare const TypeAheadInput: React.FC<TypeAheadInputProps>;

package/build/build-esm/booking-wizard/features/travelers-form/validate-form.d.ts

@@ -1,6 +1,7 @@
 import { FormikErrors } from "formik";
 import { TravelersFormValues } from "../../types";
 declare const validateForm: (
-  values: TravelersFormValues
+  values: TravelersFormValues,
+  agentRequired?: boolean
 ) => FormikErrors<TravelersFormValues>;
 export default validateForm;

package/build/build-esm/booking-wizard/index.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 import { Settings } from "./types";
 interface BookingWizardProps {
-  productId: number;
+  productCode: string;
   productName: string;
-  productDescription?: string;
+  allotmentName?: string;
+  tourCode?: string;
   thumbnailUrl?: string;
   settings: Settings;
 }

package/build/build-esm/booking-wizard/store.d.ts

@@ -3,55 +3,21 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<
   {
     booking: import("./features/booking/booking-slice").BookingState;
     travelersForm: import("./features/travelers-form/travelers-form-slice").TravelersFormState;
-    productOptions: import("@reduxjs/toolkit").EntityState<
-      import("./features/product-options/product-options-api").ProductOption
-    >;
-    priceDetails: import("@reduxjs/toolkit").EntityState<
-      import("@qite/tide-client").PriceDetail
-    >;
-    rooms: import("@reduxjs/toolkit").EntityState<
-      import("@qite/tide-client").PackageRoom
-    >;
+    priceDetails: import("./features/price-details/price-details-slice").PriceDetailsState;
     summary: import("./features/summary/summary-slice").SummaryState;
   },
   import("redux").AnyAction,
   [
-    | import("redux-thunk").ThunkMiddleware<
-        {
-          booking: import("./features/booking/booking-slice").BookingState;
-          travelersForm: import("./features/travelers-form/travelers-form-slice").TravelersFormState;
-          productOptions: import("@reduxjs/toolkit").EntityState<
-            import("./features/product-options/product-options-api").ProductOption
-          >;
-          priceDetails: import("@reduxjs/toolkit").EntityState<
-            import("@qite/tide-client").PriceDetail
-          >;
-          rooms: import("@reduxjs/toolkit").EntityState<
-            import("@qite/tide-client").PackageRoom
-          >;
-          summary: import("./features/summary/summary-slice").SummaryState;
-        },
-        import("redux").AnyAction,
-        null
-      >
-    | import("redux-thunk").ThunkMiddleware<
-        {
-          booking: import("./features/booking/booking-slice").BookingState;
-          travelersForm: import("./features/travelers-form/travelers-form-slice").TravelersFormState;
-          productOptions: import("@reduxjs/toolkit").EntityState<
-            import("./features/product-options/product-options-api").ProductOption
-          >;
-          priceDetails: import("@reduxjs/toolkit").EntityState<
-            import("@qite/tide-client").PriceDetail
-          >;
-          rooms: import("@reduxjs/toolkit").EntityState<
-            import("@qite/tide-client").PackageRoom
-          >;
-          summary: import("./features/summary/summary-slice").SummaryState;
-        },
-        import("redux").AnyAction,
-        undefined
-      >
+    import("redux-thunk").ThunkMiddleware<
+      {
+        booking: import("./features/booking/booking-slice").BookingState;
+        travelersForm: import("./features/travelers-form/travelers-form-slice").TravelersFormState;
+        priceDetails: import("./features/price-details/price-details-slice").PriceDetailsState;
+        summary: import("./features/summary/summary-slice").SummaryState;
+      },
+      import("redux").AnyAction,
+      undefined
+    >
   ]
 >;
 export declare type RootState = ReturnType<typeof store.getState>;
@@ -61,3 +27,15 @@ export declare type AppThunk<ReturnType = void> = ThunkAction<
   unknown,
   Action<string>
 >;
+export declare type AppDispatch = typeof store.dispatch;
+export declare const useAppDispatch: () => import("@reduxjs/toolkit").ThunkDispatch<
+  {
+    booking: import("./features/booking/booking-slice").BookingState;
+    travelersForm: import("./features/travelers-form/travelers-form-slice").TravelersFormState;
+    priceDetails: import("./features/price-details/price-details-slice").PriceDetailsState;
+    summary: import("./features/summary/summary-slice").SummaryState;
+  },
+  undefined,
+  import("redux").AnyAction
+> &
+  import("redux").Dispatch<import("redux").AnyAction>;

package/build/build-esm/booking-wizard/types.d.ts

@@ -1,31 +1,75 @@
-/// <reference types="react" />
 export interface Settings {
   officeId: number;
+  bookingOptions: BookingOptions;
   productPath: string;
   basePath: string;
-  optionsPathSuffix: string;
-  summaryPathSuffix: string;
-  confirmationPathSuffix: string;
-  errorPathSuffix: string;
+  options: {
+    pathSuffix: string;
+  };
+  summary: {
+    pathSuffix: string;
+    checkboxes?: SummaryCheckbox[] | null;
+  };
+  confirmation: {
+    pathSuffix: string;
+  };
+  error: {
+    pathSuffix: string;
+  };
+  language: string;
+  currency: string;
+  includeFlights?: boolean;
+  generatePaymentUrl?: boolean;
+  skipPaymentWithAgent?: boolean;
   companyContactEmail: string;
+  companyContactPhone: string;
   showProductCardRating: boolean;
-  showSidebarAccommodationInfo: boolean;
   showSidebarDeposit: boolean;
   sidebarHeaderComponent?: JSX.Element | null;
   sidebarFooterComponent?: JSX.Element | null;
+  loaderComponent?: JSX.Element | null;
   icons?: string | null;
+  tagIds?: number[];
+  agentRequired?: boolean;
+  hideAgentSelection?: boolean;
+  agentAdressId?: number;
+  affiliateSlug?: string;
+  enableVoucher?: boolean;
 }
-export interface Traveler {
+export interface BookingOptions {
+  b2b: BookingOptionsDetail;
+  b2b2c: BookingOptionsDetail;
+  b2c: BookingOptionsDetail;
+}
+export interface BookingOptionsDetail {
+  entryStatus: number;
+  customEntryStatusId?: number;
+  tagIds?: number[];
+}
+export interface SummaryCheckbox {
   id: string;
+  text: string;
+  isSelected: boolean;
+}
+export interface Traveler {
+  id: number;
   gender: string;
   firstName: string;
   lastName: string;
   birthDate: string;
 }
+export interface Room {
+  adults: number;
+  children: number;
+  childAges: number[];
+  accommodationCode?: string;
+  regimeCode?: string;
+}
 export interface TravelersFormValues {
+  startDate?: string;
   adults: Traveler[];
   children: Traveler[];
-  mainBookerId: string;
+  mainBookerId: number;
   street: string;
   houseNumber: string;
   box: string;
@@ -35,24 +79,32 @@ export interface TravelersFormValues {
   phone: string;
   email: string;
   emailConfirmation: string;
+  travelAgentId: number;
+  travelAgentName: string;
 }
 export interface ProductAttributes {
-  productId: number;
+  productCode: string;
+  productName: string;
 }
 export interface BookingAttributes {
   startDate: string;
   endDate: string;
-  accommodation: string;
-  regime: string;
   catalog: number;
+  rooms: Room[];
+  tourCode: string | null;
+  allotmentName: string | null;
+  allotmentIds: number[];
+  includeFlights?: boolean;
 }
 export interface FlightLine {
   departureAirportIata?: string;
   departureAirportDescription?: string;
   departureDate?: string;
+  departureTime?: string;
   arrivalAirportIata?: string;
   arrivalAirportDescription?: string;
   arrivalDate?: string;
+  arrivalTime?: string;
   airlineIata?: string;
   airlineDescription?: string;
   airlineNumber?: string;