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

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/icon.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-interface IconProps {
-    name: string;
-    className?: string;
-}
-declare const Icon: React.FC<IconProps>;
-export default Icon;
+import React from "react";
+interface IconProps {
+  name: string;
+  className?: string;
+}
+declare const Icon: React.FC<IconProps>;
+export default Icon;

package/build/build-cjs/booking-wizard/components/labeled-input.d.ts

@@ -1,18 +1,18 @@
-import React from "react";
-interface LabeledInputProps {
-    name: string;
-    type?: string;
-    required?: boolean;
-    value?: string | number;
-    defaultValue?: string | number;
-    min?: string | number;
-    max?: string | number;
-    label?: string;
-    placeholder?: string;
-    hasError?: boolean;
-    extraClassName?: string;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-}
-declare const LabeledInput: React.FC<LabeledInputProps>;
-export default LabeledInput;
+import React from "react";
+interface LabeledInputProps {
+  name: string;
+  type?: string;
+  required?: boolean;
+  value?: string | number;
+  defaultValue?: string | number;
+  min?: string | number;
+  max?: string | number;
+  label?: string;
+  placeholder?: string;
+  hasError?: boolean;
+  extraClassName?: string;
+  onChange?: React.ChangeEventHandler<HTMLInputElement>;
+  onBlur?: React.FocusEventHandler<HTMLInputElement>;
+}
+declare const LabeledInput: React.FC<LabeledInputProps>;
+export default LabeledInput;

package/build/build-cjs/booking-wizard/components/labeled-select.d.ts

@@ -1,21 +1,21 @@
-import React from "react";
-interface LabeledSelectProps {
-    name: string;
-    id?: string;
-    required?: boolean;
-    value?: string | number;
-    defaultValue?: string | number;
-    label?: string;
-    hasError?: boolean;
-    extraClassName?: string;
-    extraDropdownClassName?: string;
-    options?: {
-        key: string;
-        value: string | number | undefined;
-        label: string;
-    }[];
-    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
-    onBlur?: React.FocusEventHandler<HTMLSelectElement>;
-}
-declare const LabeledSelect: React.FC<LabeledSelectProps>;
-export default LabeledSelect;
+import React from "react";
+interface LabeledSelectProps {
+  name: string;
+  id?: string;
+  required?: boolean;
+  value?: string | number;
+  defaultValue?: string | number;
+  label?: string;
+  hasError?: boolean;
+  extraClassName?: string;
+  extraDropdownClassName?: string;
+  options?: {
+    key: string;
+    value: string | number | undefined;
+    label: string;
+  }[];
+  onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+  onBlur?: React.FocusEventHandler<HTMLSelectElement>;
+}
+declare const LabeledSelect: React.FC<LabeledSelectProps>;
+export default LabeledSelect;

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

@@ -1,8 +1,9 @@
-import React from "react";
-interface MessageProps {
-    type: "error" | "success";
-    title: string;
-    actionComponent?: JSX.Element;
-}
-declare const Message: React.FC<MessageProps>;
-export default Message;
+import React from "react";
+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;
-}
-declare const ProductCard: React.FC<ProductCardProps>;
-export default ProductCard;
+import React from "react";
+interface ProductCardProps {
+  productName: string;
+  thumbnailUrl?: string;
+  handleToggleClick: () => void;
+}
+declare const ProductCard: React.FC<ProductCardProps>;
+export default ProductCard;

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

@@ -1,6 +1,6 @@
-import React from "react";
-interface RatingProps {
-    rating: number;
-}
-declare const Rating: React.FC<RatingProps>;
-export default Rating;
+import React from "react";
+interface RatingProps {
+  rating: number;
+}
+declare const Rating: React.FC<RatingProps>;
+export default Rating;

package/build/build-cjs/booking-wizard/components/step-indicator.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-interface StepIndicatorsProps {
-    currentStep: number;
-}
-declare const StepIndicators: React.FC<StepIndicatorsProps>;
-export default StepIndicators;
+import React from "react";
+interface StepIndicatorsProps {
+  currentStep: number;
+}
+declare const StepIndicators: React.FC<StepIndicatorsProps>;
+export default StepIndicators;

package/build/build-cjs/booking-wizard/components/step-route.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-interface StepRoute {
-    path: string;
-    number: number;
-    title: string;
-    component: JSX.Element;
-}
-declare const StepRoute: React.FC<StepRoute>;
-export default StepRoute;
+import React from "react";
+interface StepRoute {
+  path: string;
+  number: number;
+  title: string;
+  component: JSX.Element;
+}
+declare const StepRoute: React.FC<StepRoute>;
+export default StepRoute;

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,18 +1,124 @@
-import { BookingAttributes, ProductAttributes } from "../../types";
-import { RootState } from "../../store";
-export interface BookingState {
-    officeId: number;
-    productAttributes?: ProductAttributes;
-    bookingAttributes?: BookingAttributes;
-    cacheKey?: string;
-    bookingNumber?: string;
-}
-export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<number, string>, setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<ProductAttributes, string>, setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<BookingAttributes, string>, setCacheKey: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, setBookingNumber: 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>;
-export default _default;
+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;
+  productAttributes?: ProductAttributes;
+  bookingAttributes?: BookingAttributes;
+  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
+  >,
+  setBookingOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    BookingOptions,
+    string
+  >,
+  setBookingType: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    string,
+    string
+  >,
+  setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    ProductAttributes,
+    string
+  >,
+  setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+    BookingAttributes,
+    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
+  >;
+declare const _default: import("redux").Reducer<
+  BookingState,
+  import("redux").AnyAction
+>;
+export default _default;

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

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

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

@@ -0,0 +1,208 @@
+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 selectBookingOptions: (
+  state: RootState
+) => import("../../types").BookingOptions;
+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: import("../../types").BookingOptions,
+      args_2: string,
+      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,
+      args_8: boolean,
+      args_9: boolean,
+      args_10: import("@qite/tide-client/build/types/offer").BookingProductNotification[],
+      args_11: number[] | undefined,
+      args_12: string | undefined,
+      args_13: string[] | undefined
+    ) => BookingPackageRequest<BookingPackageBookRequest> & {
+      clearCache: () => void;
+    }
+  > & {
+    clearCache: () => void;
+  };

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

@@ -1,5 +1,4 @@
-import React from "react";
-interface ConfirmationProps {
-}
-declare const Confirmation: React.FC<ConfirmationProps>;
-export default Confirmation;
+import React from "react";
+interface ConfirmationProps {}
+declare const Confirmation: React.FC<ConfirmationProps>;
+export default Confirmation;

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

@@ -1,5 +1,4 @@
-import React from "react";
-interface ErrorProps {
-}
-declare const Error: React.FC<ErrorProps>;
-export default Error;
+import React from "react";
+interface ErrorProps {}
+declare const Error: React.FC<ErrorProps>;
+export default Error;

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

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