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

package/README.md

@@ -5,3 +5,4 @@ This is the unified Tide Booking Component.
 ## Remarks
 
 Do not forget to sync React versions when you're doing local changes and when you try to test them in a local React project (check https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react).
+If using the playground, after installing it's node modules execute the following command in the root folder `npm link ./playground/node_modules/react`

package/build/build-cjs/booking-wizard/components/message.d.ts

@@ -3,6 +3,7 @@ interface MessageProps {
   type: "error" | "success";
   title: string;
   actionComponent?: JSX.Element;
+  children?: JSX.Element | JSX.Element[];
 }
 declare const Message: React.FC<MessageProps>;
 export default Message;

package/build/build-cjs/booking-wizard/components/product-card.d.ts

@@ -1,9 +1,8 @@
 import React from "react";
 interface ProductCardProps {
   productName: string;
-  productDescription?: string;
   thumbnailUrl?: string;
-  rating?: number;
+  handleToggleClick: () => void;
 }
 declare const ProductCard: React.FC<ProductCardProps>;
 export default ProductCard;

package/build/build-cjs/booking-wizard/features/booking/api.d.ts

@@ -0,0 +1,21 @@
+import {
+  BookingPackageRequest,
+  BookingPackageDetailsRequest,
+  BookingPackage,
+  BookingPackageBookRequest,
+  BookingPriceDetails,
+  BookingTravelAgent,
+  TideResponse,
+} from "@qite/tide-client/build/types";
+declare const packageApi: {
+  fetchDetails: (
+    request: BookingPackageRequest<BookingPackageDetailsRequest>,
+    signal: AbortSignal
+  ) => Promise<TideResponse<BookingPackage>>;
+  fetchPriceDetails: (
+    request: BookingPackageRequest<BookingPackageBookRequest>,
+    signal: AbortSignal
+  ) => Promise<BookingPriceDetails>;
+  fetchAgents: (signal: AbortSignal) => Promise<BookingTravelAgent[]>;
+};
+export default packageApi;

package/build/build-cjs/booking-wizard/features/booking/booking-slice.d.ts

@@ -1,16 +1,64 @@
-import { BookingAttributes, ProductAttributes } from "../../types";
-import { RootState } from "../../store";
+import {
+  BookingAttributes,
+  BookingOptions,
+  ProductAttributes,
+} from "../../types";
+import {
+  BookingOptionGroup,
+  BookingOptionPax,
+  BookingOptionUnit,
+  BookingPackage,
+  BookingPackageRoom,
+  BookingTravelAgent,
+  PerBookingPackageOption,
+} from "@qite/tide-client/build/types";
 export interface BookingState {
   officeId: number;
+  entryStatus: number;
+  customEntryStatusId?: number;
   productAttributes?: ProductAttributes;
   bookingAttributes?: BookingAttributes;
-  cacheKey?: string;
+  calculateDeposit: boolean;
   bookingNumber?: string;
+  isRetry: boolean;
+  package?: BookingPackage;
+  agents?: BookingTravelAgent[];
+  isBusy: boolean;
+  skipPaymentWithAgent: boolean;
+  generatePaymentUrl: boolean;
+  isUnavailable?: boolean;
+  tagIds?: number[];
+  agentAdressId?: number;
+  remarks?: string;
+  voucherCodes?: string[];
+  bookingOptions?: BookingOptions;
+  bookingType: string;
 }
+export declare const fetchPackage: import("@reduxjs/toolkit").AsyncThunk<
+  void,
+  void,
+  {}
+>;
 export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<
     number,
     string
   >,
+  setEntryStatus: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    number,
+    string
+  >,
+  setCustomEntryStatusId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<
+    number | undefined,
+    string
+  >,
+  setBookingOptions: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<
+    BookingOptions | undefined,
+    string
+  >,
+  setBookingType: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    string,
+    string
+  >,
   setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<
     ProductAttributes,
     string
@@ -19,28 +67,66 @@ export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPa
     BookingAttributes,
     string
   >,
-  setCacheKey: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    string,
+  setCalculateDeposit: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    boolean,
     string
   >,
   setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<
     string,
     string
+  >,
+  setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    boolean,
+    string
+  >,
+  setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    boolean,
+    string
+  >,
+  setPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    BookingPackage,
+    string
+  >,
+  setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    BookingPackageRoom[],
+    string
+  >,
+  setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    BookingOptionPax[],
+    string
+  >,
+  setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    BookingOptionUnit[],
+    string
+  >,
+  setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    BookingOptionGroup<PerBookingPackageOption>[],
+    string
+  >,
+  setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    boolean,
+    string
+  >,
+  setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    boolean,
+    string
+  >,
+  setTagIds: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<
+    number[] | undefined,
+    string
+  >,
+  setAgentAdressId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<
+    number | undefined,
+    string
+  >,
+  setBookingRemarks: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    string,
+    string
+  >,
+  setVoucherCodes: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    string[],
+    string
   >;
-export declare const selectOfficeId: (state: RootState) => number;
-export declare const selectCacheKey: (state: RootState) => string | undefined;
-export declare const selectProductAttributes: (
-  state: RootState
-) => ProductAttributes | undefined;
-export declare const selectBookingAttributes: (
-  state: RootState
-) => BookingAttributes | undefined;
-export declare const selectBookingNumber: (
-  state: RootState
-) => string | undefined;
-export declare const selectBookingQueryString: (
-  state: RootState
-) => string | undefined;
 declare const _default: import("redux").Reducer<
   BookingState,
   import("redux").AnyAction

package/build/build-cjs/booking-wizard/features/booking/booking.d.ts

@@ -1,8 +1,7 @@
 import React from "react";
 interface BookingProps {
-  productId: number;
+  productCode: string;
   productName: string;
-  productDescription?: string;
   thumbnailUrl?: string;
 }
 declare const Booking: React.FC<BookingProps>;

package/build/build-cjs/booking-wizard/features/booking/selectors.d.ts

@@ -0,0 +1,214 @@
+import {
+  BookingPackageAddress,
+  BookingPackageBookRequest,
+  BookingPackagePax,
+  BookingPackageRequest,
+} from "@qite/tide-client/build/types/offer";
+import { RootState } from "../../store";
+import { Room } from "../../types";
+export declare const selectGeneratePaymentUrl: (state: RootState) => boolean;
+export declare const selectSkipPaymentWithAgent: (state: RootState) => boolean;
+export declare const selectIsFetchingProductOptions: (
+  state: RootState
+) => boolean;
+export declare const selectDepartureFlight: (
+  state: RootState
+) =>
+  | import("@qite/tide-client/build/types/offer").BookingPackageFlight
+  | undefined;
+export declare const selectReturnFlight: (
+  state: RootState
+) =>
+  | import("@qite/tide-client/build/types/offer").BookingPackageFlight
+  | undefined;
+export declare const selectPackageRooms: (
+  state: RootState
+) =>
+  | import("@qite/tide-client/build/types/offer").BookingPackageRoom[]
+  | undefined;
+export declare const selectIsOnRequest: (
+  state: RootState
+) => boolean | undefined;
+export declare const selectPackageOptionUnits: (
+  state: RootState
+) =>
+  | import("@qite/tide-client/build/types/offer").BookingOptionUnit[]
+  | undefined;
+export declare const selectPackageOptionPax: (
+  state: RootState
+) =>
+  | import("@qite/tide-client/build/types/offer").BookingOptionPax[]
+  | undefined;
+export declare const selectPackageGroups: (
+  state: RootState
+) =>
+  | import("@qite/tide-client/build/types/offer").BookingOptionGroup<
+      import("@qite/tide-client/build/types/offer").PerBookingPackageOption
+    >[]
+  | undefined;
+export declare const selectPackageDetails: (
+  state: RootState
+) => import("@qite/tide-client/build/types/offer").BookingPackage | undefined;
+export declare const selectActiveOption: (
+  state: RootState
+) =>
+  | import("@qite/tide-client/build/types/offer/booking-v2/shared/booking-package-option").BookingPackageOption
+  | undefined;
+export declare const selectIsUnavailable: (
+  state: RootState
+) => boolean | undefined;
+export declare const selectRequestRooms: (
+  state: RootState
+) =>
+  | import("@qite/tide-client/build/types/offer").BookingPackageRequestRoom[]
+  | undefined;
+export declare const selectOfficeId: (state: RootState) => number;
+export declare const selectEntryStatus: (state: RootState) => number;
+export declare const selectCustomEntryStatusId: (
+  state: RootState
+) => number | undefined;
+export declare const selectBookingOptions: (
+  state: RootState
+) => import("../../types").BookingOptions | undefined;
+export declare const selectBookingType: (state: RootState) => string;
+export declare const selectTagIds: (state: RootState) => number[] | undefined;
+export declare const selectAgentAdressId: (
+  state: RootState
+) => number | undefined;
+export declare const selectProductAttributes: (
+  state: RootState
+) => import("../../types").ProductAttributes | undefined;
+export declare const selectBookingAttributes: (
+  state: RootState
+) => import("../../types").BookingAttributes | undefined;
+export declare const selectBookingNumber: (
+  state: RootState
+) => string | undefined;
+export declare const selectBookingRooms: (
+  state: RootState
+) => Room[] | undefined;
+export declare const selectBookingRemarks: (
+  state: RootState
+) => string | undefined;
+export declare const selectVoucherCodes: (
+  state: RootState
+) => string[] | undefined;
+export declare const selectCalculateDeposit: (state: RootState) => boolean;
+export declare const selectIsRetry: (state: RootState) => boolean;
+export declare const selectStartDate: (state: RootState) => string | undefined;
+export declare const selectAgents: (
+  state: RootState
+) =>
+  | import("@qite/tide-client/build/types/offer").BookingTravelAgent[]
+  | undefined;
+export declare const selectBookingQuery: (
+  state: RootState
+) => Record<string, string> | undefined;
+export declare const selectBookingQueryString: ((state: {
+  booking: import("./booking-slice").BookingState;
+  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
+  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => string | undefined) &
+  import("reselect").OutputSelectorFields<
+    (args_0: Record<string, string> | undefined) => string & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectMainBookerId: ((state: {
+  booking: import("./booking-slice").BookingState;
+  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
+  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => number | undefined) &
+  import("reselect").OutputSelectorFields<
+    (
+      args_0: import("../../types").TravelersFormValues | undefined
+    ) => number & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectBookingPackagePax: ((state: {
+  booking: import("./booking-slice").BookingState;
+  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
+  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => BookingPackagePax[]) &
+  import("reselect").OutputSelectorFields<
+    (
+      args_0: import("../../types").TravelersFormValues | undefined
+    ) => BookingPackagePax[] & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectBookingAddress: ((state: {
+  booking: import("./booking-slice").BookingState;
+  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
+  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => BookingPackageAddress | undefined) &
+  import("reselect").OutputSelectorFields<
+    (
+      args_0: import("../../types").TravelersFormValues | undefined,
+      args_1: BookingPackagePax[]
+    ) => BookingPackageAddress & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectBookingPackageRequest: ((state: {
+  booking: import("./booking-slice").BookingState;
+  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
+  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => BookingPackageRequest<any>) &
+  import("reselect").OutputSelectorFields<
+    (
+      args_0: number,
+      args_1: number | undefined,
+      args_2: number | undefined
+    ) => BookingPackageRequest<any> & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectBookingPackageBookRequest: ((state: {
+  booking: import("./booking-slice").BookingState;
+  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
+  priceDetails: import("../price-details/price-details-slice").PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => BookingPackageRequest<BookingPackageBookRequest> | null) &
+  import("reselect").OutputSelectorFields<
+    (
+      args_0: BookingPackageRequest<any>,
+      args_1: number,
+      args_2: number | undefined,
+      args_3: import("../../types").BookingOptions | undefined,
+      args_4: string,
+      args_5: BookingPackagePax[],
+      args_6: BookingPackageAddress | undefined,
+      args_7:
+        | import("@qite/tide-client/build/types/offer").BookingPackage
+        | undefined,
+      args_8: boolean,
+      args_9: number | undefined,
+      args_10: boolean,
+      args_11: boolean,
+      args_12: import("@qite/tide-client/build/types/offer").BookingProductNotification[],
+      args_13: number[] | undefined,
+      args_14: string | undefined,
+      args_15: string[] | undefined
+    ) => BookingPackageRequest<BookingPackageBookRequest> & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };

package/build/build-cjs/booking-wizard/features/price-details/price-details-api.d.ts

@@ -1,10 +1,12 @@
-import { PackagePriceDetailsRequest } from "@qite/tide-client/src/types/offer";
-export declare const fetchPriceDetails: (
-  request: PackagePriceDetailsRequest
-) => Promise<import("@qite/tide-client").PriceDetail[]>;
+import {
+  BookingPackageBookRequest,
+  BookingPackageRequest,
+  BookingPriceDetails,
+} from "@qite/tide-client/build/types";
 declare const priceDetailsApi: {
   fetchPriceDetails: (
-    request: PackagePriceDetailsRequest
-  ) => Promise<import("@qite/tide-client").PriceDetail[]>;
+    request: BookingPackageRequest<BookingPackageBookRequest>,
+    signal: AbortSignal
+  ) => Promise<BookingPriceDetails>;
 };
 export default priceDetailsApi;

package/build/build-cjs/booking-wizard/features/price-details/price-details-slice.d.ts

@@ -1,37 +1,105 @@
-import { PackagePriceDetailsRequest, PriceDetail } from "@qite/tide-client";
+import { RootState } from "../../store";
+import {
+  BookingPriceDetail,
+  BookingPriceDetails,
+  BookingProductNotification,
+} from "@qite/tide-client/build/types";
+export interface PriceDetailsState {
+  priceDetails: BookingPriceDetail[];
+  notifications: BookingProductNotification[];
+  deposit?: number;
+  isBusy: boolean;
+}
 export declare const fetchPriceDetails: import("@reduxjs/toolkit").AsyncThunk<
-  PriceDetail[],
-  PackagePriceDetailsRequest | undefined,
+  BookingPriceDetails,
+  void,
   {}
 >;
-export declare const selectPriceDetails: () => PriceDetail[];
-export declare const selectPackagePriceDetails: import("reselect").OutputSelector<
-  unknown,
-  PriceDetail[],
-  (res: PriceDetail[]) => PriceDetail[]
->;
-export declare const selectSeparatePackagePriceDetails: import("reselect").OutputSelector<
-  unknown,
-  PriceDetail[],
-  (res: PriceDetail[]) => PriceDetail[]
->;
-export declare const selectBasePrice: import("reselect").OutputSelector<
-  unknown,
-  number,
-  (res: PriceDetail[]) => number
->;
-export declare const selectSeparateExtraPriceDetails: import("reselect").OutputSelector<
-  unknown,
-  PriceDetail[],
-  (res: PriceDetail[]) => PriceDetail[]
->;
-export declare const selectTotalPrice: import("reselect").OutputSelector<
-  unknown,
-  number,
-  (res1: number, res2: PriceDetail[]) => number
->;
+export declare const selectPriceDetails: (
+  state: RootState
+) => BookingPriceDetail[];
+export declare const selectPackagePriceDetails: ((state: {
+  booking: import("../booking/booking-slice").BookingState;
+  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
+  priceDetails: PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => BookingPriceDetail[]) &
+  import("reselect").OutputSelectorFields<
+    (args_0: BookingPriceDetail[]) => BookingPriceDetail[] & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectSeparatePackagePriceDetails: ((state: {
+  booking: import("../booking/booking-slice").BookingState;
+  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
+  priceDetails: PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => BookingPriceDetail[]) &
+  import("reselect").OutputSelectorFields<
+    (args_0: BookingPriceDetail[]) => BookingPriceDetail[] & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectBasePrice: ((state: {
+  booking: import("../booking/booking-slice").BookingState;
+  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
+  priceDetails: PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => number) &
+  import("reselect").OutputSelectorFields<
+    (args_0: BookingPriceDetail[]) => number & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectSeparateExtraPriceDetails: ((state: {
+  booking: import("../booking/booking-slice").BookingState;
+  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
+  priceDetails: PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => BookingPriceDetail[]) &
+  import("reselect").OutputSelectorFields<
+    (args_0: BookingPriceDetail[]) => BookingPriceDetail[] & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectTotalPrice: ((state: {
+  booking: import("../booking/booking-slice").BookingState;
+  travelersForm: import("../travelers-form/travelers-form-slice").TravelersFormState;
+  priceDetails: PriceDetailsState;
+  summary: import("../summary/summary-slice").SummaryState;
+}) => number) &
+  import("reselect").OutputSelectorFields<
+    (
+      args_0: number,
+      args_1: BookingPriceDetail[]
+    ) => number & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };
+export declare const selectDeposit: (state: RootState) => number | undefined;
+export declare const selectIsFetchingPriceDetails: (
+  state: RootState
+) => boolean;
+export declare const selectNotifications: (
+  state: RootState
+) => BookingProductNotification[];
+export declare const resetPriceDetails: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>,
+  setNotifications: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    BookingProductNotification[],
+    string
+  >;
 declare const _default: import("redux").Reducer<
-  import("@reduxjs/toolkit").EntityState<PriceDetail>,
+  PriceDetailsState,
   import("redux").AnyAction
 >;
 export default _default;

package/build/build-cjs/booking-wizard/features/price-details/util.d.ts

@@ -0,0 +1,5 @@
+import { BookingPackage, ChangedLine } from "@qite/tide-client/build/types";
+export declare const updatePackageDetails: (
+  packageDetails: BookingPackage,
+  changedLines: ChangedLine[]
+) => BookingPackage;

package/build/build-cjs/booking-wizard/features/product-options/no-options.d.ts

@@ -0,0 +1,2 @@
+declare const NoOptions: () => JSX.Element;
+export default NoOptions;

package/build/build-cjs/booking-wizard/features/product-options/none-option.d.ts

@@ -0,0 +1,17 @@
+import {
+  BookingOptionGroup,
+  PerBookingPackageOption,
+  PerPaxPackageOption,
+  PerUnitPackageOption,
+} from "@qite/tide-client/build/types";
+import React from "react";
+interface NoneOptionProps {
+  group:
+    | BookingOptionGroup<PerBookingPackageOption>
+    | BookingOptionGroup<PerUnitPackageOption>
+    | BookingOptionGroup<PerPaxPackageOption>;
+  parentId: string;
+  handleNoneSelectionChanged: () => void;
+}
+declare const NoneOption: React.FC<NoneOptionProps>;
+export default NoneOption;

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

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

package/build/build-cjs/booking-wizard/features/product-options/option-item.d.ts

@@ -0,0 +1,11 @@
+import { PerPackageOption } from "@qite/tide-client/build/types";
+import React from "react";
+interface OptionItemProps {
+  option: PerPackageOption;
+  parentId: string;
+  index: number;
+  selectedPrice: number;
+  onOptionChange?: (option: PerPackageOption, index: number) => void;
+}
+declare const OptionItem: React.FC<OptionItemProps>;
+export default OptionItem;

package/build/build-cjs/booking-wizard/features/product-options/option-pax-card.d.ts

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

package/build/build-cjs/booking-wizard/features/product-options/option-pax-group.d.ts

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