@qite/tide-booking-component 0.0.2-preview.47 → 0.0.2-preview.50

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/features/booking/api.d.ts

@@ -1,6 +1,7 @@
-import { BookingPackageRequest, BookingPackageDetailsRequest, BookingPackage, BookingPackageBookRequest, BookingPriceDetails } from "@qite/tide-client/build/types";
+import { BookingPackageRequest, BookingPackageDetailsRequest, BookingPackage, BookingPackageBookRequest, BookingPriceDetails, BookingTravelAgent } from "@qite/tide-client/build/types";
 declare const packageApi: {
     fetchDetails: (request: BookingPackageRequest<BookingPackageDetailsRequest>, signal: AbortSignal) => Promise<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,5 +1,5 @@
 import { BookingAttributes, ProductAttributes } from "../../types";
-import { BookingOptionGroup, BookingOptionPax, BookingOptionUnit, BookingPackage, BookingPackageRoom, PerBookingPackageOption } from "@qite/tide-client/build/types";
+import { BookingOptionGroup, BookingOptionPax, BookingOptionUnit, BookingPackage, BookingPackageRoom, BookingTravelAgent, PerBookingPackageOption } from "@qite/tide-client/build/types";
 export interface BookingState {
     officeId: number;
     entryStatus: number;
@@ -10,6 +10,7 @@ export interface BookingState {
     bookingNumber?: string;
     isRetry: boolean;
     package?: BookingPackage;
+    agents?: BookingTravelAgent[];
     isBusy: boolean;
 }
 export declare const fetchPackage: import("@reduxjs/toolkit").AsyncThunk<void, void, {}>;

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

@@ -2,8 +2,6 @@ import React from "react";
 interface BookingProps {
     productCode: string;
     productName: string;
-    allotmentName?: string;
-    tourCode?: string;
     thumbnailUrl?: string;
 }
 declare const Booking: React.FC<BookingProps>;

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

@@ -20,34 +20,55 @@ export declare const selectBookingRooms: (state: RootState) => Room[] | undefine
 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: import("reselect").OutputSelector<{
+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, (res: Record<string, string> | undefined) => string | undefined>;
-export declare const selectMainBookerId: import("reselect").OutputSelector<{
+}) => 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, (res: import("../../types").TravelersFormValues | undefined) => number | undefined>;
-export declare const selectBookingPackagePax: import("reselect").OutputSelector<{
+}) => 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[], (res: import("../../types").TravelersFormValues | undefined) => BookingPackagePax[]>;
-export declare const selectBookingAddress: import("reselect").OutputSelector<{
+}) => 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, (res1: import("../../types").TravelersFormValues | undefined, res2: BookingPackagePax[]) => BookingPackageAddress | undefined>;
-export declare const selectBookingPackageBookRequest: import("reselect").OutputSelector<{
+}) => BookingPackageAddress | undefined) & import("reselect").OutputSelectorFields<(args_0: import("../../types").TravelersFormValues | undefined, args_1: BookingPackagePax[]) => BookingPackageAddress & {
+    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, (res1: number, res2: number, res3: number | undefined, res4: BookingPackagePax[], res5: BookingPackageAddress | undefined, res6: import("@qite/tide-client/build/types/offer").BookingPackage | undefined, res7: boolean) => BookingPackageRequest<BookingPackageBookRequest> | null>;
+}) => BookingPackageRequest<BookingPackageBookRequest> | null) & import("reselect").OutputSelectorFields<(args_0: number, args_1: number, args_2: number | undefined, args_3: BookingPackagePax[], args_4: BookingPackageAddress | undefined, args_5: import("@qite/tide-client/build/types/offer").BookingPackage | undefined, args_6: boolean, args_7: number | undefined) => BookingPackageRequest<BookingPackageBookRequest> & {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};

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

@@ -13,36 +13,56 @@ export declare const selectPriceDetails: (state: {
     priceDetails: PriceDetailsState;
     summary: import("../summary/summary-slice").SummaryState;
 }) => BookingPriceDetail[];
-export declare const selectPackagePriceDetails: import("reselect").OutputSelector<{
+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[], (res: BookingPriceDetail[]) => BookingPriceDetail[]>;
-export declare const selectSeparatePackagePriceDetails: import("reselect").OutputSelector<{
+}) => 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[], (res: BookingPriceDetail[]) => BookingPriceDetail[]>;
-export declare const selectBasePrice: import("reselect").OutputSelector<{
+}) => 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, (res: BookingPriceDetail[]) => number>;
-export declare const selectSeparateExtraPriceDetails: import("reselect").OutputSelector<{
+}) => 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[], (res: BookingPriceDetail[]) => BookingPriceDetail[]>;
-export declare const selectTotalPrice: import("reselect").OutputSelector<{
+}) => 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, (res1: number, res2: BookingPriceDetail[]) => number>;
+}) => 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 resetPriceDetails: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const NoOptions: () => JSX.Element;
 export default NoOptions;

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

@@ -2,7 +2,7 @@ import { BookingPackageFlightMetaData } from "@qite/tide-client/build/types";
 import { FlightLine } from "../../types";
 export declare const getTravelersText: (adultIds: number[], childIds: number[]) => string | undefined;
 export declare const getDateText: (date: string | undefined) => string | undefined;
-export declare const getDatePeriodText: (from?: string | undefined, to?: string | undefined) => string | undefined;
+export declare const getDatePeriodText: (from?: string, to?: string) => 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;

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

@@ -2,6 +2,7 @@ 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-cjs/booking-wizard/features/travelers-form/travelers-form-slice.d.ts

@@ -5,29 +5,55 @@ export interface TravelersFormState {
 }
 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<{
+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[], (res: TravelersFormValues | undefined) => import("../../types").Traveler[]>;
-export declare const selectChildren: import("reselect").OutputSelector<{
+}) => 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[], (res: TravelersFormValues | undefined) => import("../../types").Traveler[]>;
-export declare const selectAdultIds: import("reselect").OutputSelector<{
+}) => 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[], (res: import("@qite/tide-client/build/types").BookingPackageRequestRoom[] | undefined) => number[]>;
-export declare const selectChildIds: import("reselect").OutputSelector<{
+}) => 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[], (res: import("@qite/tide-client/build/types").BookingPackageRequestRoom[] | undefined) => number[]>;
+}) => 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>;
 export default _default;

package/build/build-cjs/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-cjs/booking-wizard/store.d.ts

@@ -9,21 +9,11 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     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, null> | 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>;
 export declare type AppThunk<ReturnType = void> = ThunkAction<ReturnType, RootState, unknown, Action<string>>;
 export declare type AppDispatch = typeof store.dispatch;
-export declare const useAppDispatch: () => import("redux-thunk").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;
-}, null, import("redux").AnyAction> & import("redux-thunk").ThunkDispatch<{
+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;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface Settings {
     officeId: number;
     entryStatus: number;
@@ -22,6 +21,7 @@ export interface Settings {
     currency: string;
     includeFlights?: boolean;
     generatePaymentUrl?: boolean;
+    skipPaymentWithAgent?: boolean;
     companyContactEmail: string;
     companyContactPhone: string;
     showProductCardRating: boolean;
@@ -64,6 +64,8 @@ export interface TravelersFormValues {
     phone: string;
     email: string;
     emailConfirmation: string;
+    travelAgentId: number;
+    travelAgentName: string;
 }
 export interface ProductAttributes {
     productCode: string;
@@ -74,8 +76,9 @@ export interface BookingAttributes {
     endDate: string;
     catalog: number;
     rooms: Room[];
-    tourCode?: string;
-    allotmentName?: string;
+    tourCode: string | null;
+    allotmentName: string | null;
+    allotmentIds: number[];
     includeFlights?: boolean;
 }
 export interface FlightLine {

package/build/build-cjs/booking-wizard/utils/query-string-util.d.ts

@@ -2,3 +2,5 @@ import { Room } from "../types";
 export declare const getDateFromParams: (params: URLSearchParams, name: string) => string | null;
 export declare const getNumberFromParams: (params: URLSearchParams, name: string) => number | null;
 export declare const getRoomsFromParams: (params: URLSearchParams, name: string) => Room[] | null;
+export declare const getStringFromParams: (params: URLSearchParams, name: string) => string | null;
+export declare const getNumbersFromParams: (params: URLSearchParams, name: string) => number[];