@qite/tide-booking-component 1.4.18 → 1.4.20

package/.husky/pre-commit

@@ -0,0 +1,2 @@
+npx prettier --write .
+git add -A

package/.prettierrc

@@ -0,0 +1,9 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "printWidth": 160,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "bracketSameLine": true
+}

package/README.md

@@ -1,8 +1,15 @@
 # README
 
-This is the unified Tide Booking Component.
+This is the unified Tide Booking component.
+
+## Setup
+
+- Use Node version 16.20.2
+- Install node modules with "npm i --legacy-peer-deps"
+- Install node modules with "npm i" in the playground directory
+- Start playground with "npm start"
 
 ## 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`
+If using the playground, after installing its node modules, execute the following command in the root folder `npm link ./playground/node_modules/react`

package/build/build-cjs/booking-product/components/age-select.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface AgeSelectProps {
   value?: number;
   disabled?: boolean;

package/build/build-cjs/booking-product/components/amount-input.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface AmountInputProps {
   label: string;
   value: number;

package/build/build-cjs/booking-product/components/date-range-picker/calendar-day.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface CalendarDayProps {
   day: Date;
   isSelected: boolean;

package/build/build-cjs/booking-product/components/date-range-picker/calendar.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface CalendarProps {
   year?: number;
   month?: number;

package/build/build-cjs/booking-product/components/date-range-picker/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface DateRangePickerProps {
   fromDate?: Date;
   toDate?: Date;

package/build/build-cjs/booking-product/components/dates.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { DateRange } from "../types";
+import React from 'react';
+import { DateRange } from '../types';
 interface DatesProps {
   value?: DateRange;
   duration?: number;

package/build/build-cjs/booking-product/components/footer.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface FooterProps {
   priceText: string | undefined;
   isLoading: boolean;

package/build/build-cjs/booking-product/components/header.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface HeaderProps {
   name: string;
   rating: number | undefined;

package/build/build-cjs/booking-product/components/icon.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface IconProps {
   name: string;
   className?: string;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface ProductProps {
   productCode: string;
   productName: string;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface RatingProps {
   rating: number;
 }

package/build/build-cjs/booking-product/components/rooms.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { ProductRoom } from "../types";
+import React from 'react';
+import { ProductRoom } from '../types';
 interface RoomsProps {
   rooms: ProductRoom[];
   isDisabled: boolean;

package/build/build-cjs/booking-product/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { Settings } from "./types";
+import React from 'react';
+import { Settings } from './types';
 interface BookingProductProps {
   productCode: string;
   productName: string;

package/build/build-cjs/booking-product/settings-context.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { Settings } from "./types";
+import React from 'react';
+import { Settings } from './types';
 interface ProductSettingsContextProps extends Settings {}
 declare const SettingsContext: React.Context<ProductSettingsContextProps>;
 export default SettingsContext;

package/build/build-cjs/booking-product/utils/api.d.ts

@@ -1,10 +1,5 @@
-import {
-  BookingPackage,
-  BookingPackageDetailsRequest,
-  BookingPackageRequest,
-  TideResponse,
-} from "@qite/tide-client/build/types";
-import { ApiSettingsState } from "../../shared/types";
+import { BookingPackage, BookingPackageDetailsRequest, BookingPackageRequest, TideResponse } from '@qite/tide-client/build/types';
+import { ApiSettingsState } from '../../shared/types';
 declare const packageApi: {
   fetchDetails: (
     request: BookingPackageRequest<BookingPackageDetailsRequest>,

package/build/build-cjs/booking-wizard/api-settings-slice.d.ts

@@ -1,14 +1,5 @@
-import { ApiSettingsState } from "../shared/types";
-export declare const setApiUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    string,
-    "settings/setApiUrl"
-  >,
-  setApiKey: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    string,
-    "settings/setApiKey"
-  >;
-declare const _default: import("redux").Reducer<
-  ApiSettingsState,
-  import("redux").AnyAction
->;
+import { ApiSettingsState } from '../shared/types';
+export declare const setApiUrl: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, 'settings/setApiUrl'>,
+  setApiKey: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, 'settings/setApiKey'>;
+declare const _default: import('redux').Reducer<ApiSettingsState, import('redux').AnyAction>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface IconProps {
   name: string;
   className?: string;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface LabeledInputProps {
   name: string;
   type?: string;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface LabeledSelectProps {
   name: string;
   id?: string;

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

@@ -1,6 +1,6 @@
-import React from "react";
+import React from 'react';
 interface MessageProps {
-  type: "error" | "success";
+  type: 'error' | 'success';
   title: string;
   actionComponent?: JSX.Element;
   children?: JSX.Element | JSX.Element[];

package/build/build-cjs/booking-wizard/components/multi-range-filter.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface MultiRangeFilterProps {
   min: number;
   max: number;

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

@@ -1,5 +1,5 @@
-import React from "react";
-import { Country } from "../types";
+import React from 'react';
+import { Country } from '../types';
 interface PhoneInputProps {
   name: string;
   required?: boolean;

package/build/build-cjs/booking-wizard/components/print-offer-button.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { BookingPackage, Pax } from "@qite/tide-client/build/types";
+import React from 'react';
+import { BookingPackage, Pax } from '@qite/tide-client/build/types';
 interface PrintOfferButtonProps {
   bookingPackage?: BookingPackage;
   getPax: () => Pax[] | undefined;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface ProductCardProps {
   productName: string;
   thumbnailUrl?: string;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface StepIndicatorsProps {
   currentStep: number;
 }

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface StepRoute {
   path?: string;
   number: number;

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

@@ -4,9 +4,9 @@ import {
   BookingPackageRequest,
   BookingTravelAgent,
   GenerateBookingAccommodationRequest,
-  TideResponse,
-} from "@qite/tide-client/build/types";
-import { ApiSettingsState } from "../../../shared/types";
+  TideResponse
+} from '@qite/tide-client/build/types';
+import { ApiSettingsState } from '../../../shared/types';
 declare const packageApi: {
   fetchDetails: (
     request: BookingPackageRequest<BookingPackageDetailsRequest>,
@@ -14,10 +14,7 @@ declare const packageApi: {
     languageCode?: string,
     apiSettings?: ApiSettingsState
   ) => Promise<TideResponse<BookingPackage>>;
-  fetchAgents: (
-    signal: AbortSignal,
-    apiSettings?: ApiSettingsState
-  ) => Promise<BookingTravelAgent[]>;
+  fetchAgents: (signal: AbortSignal, apiSettings?: ApiSettingsState) => Promise<BookingTravelAgent[]>;
   fetchAccommodationViews: (
     request: GenerateBookingAccommodationRequest,
     signal: AbortSignal,

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface BookingProps {
   productCode: string;
   productName: string;

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

@@ -1,9 +1,4 @@
-import {
-  BookingAttributes,
-  BookingOptions,
-  GroupedFlights,
-  ProductAttributes,
-} from "../../types";
+import { BookingAttributes, BookingOptions, GroupedFlights, ProductAttributes } from '../../types';
 import {
   AirlineBookingPackageOption,
   AirportBookingPackageOption,
@@ -15,9 +10,9 @@ import {
   BookingPackage,
   BookingPackageRoom,
   BookingTravelAgent,
-  PerBookingPackageOption,
-} from "@qite/tide-client/build/types";
-import { BookingStep } from "./constants";
+  PerBookingPackageOption
+} from '@qite/tide-client/build/types';
+import { BookingStep } from './constants';
 export interface BookingState {
   officeId: number;
   languageCode: string;
@@ -49,12 +44,12 @@ export interface BookingState {
   };
   isOption?: boolean;
 }
-export declare const fetchPackage: import("@reduxjs/toolkit").AsyncThunk<
+export declare const fetchPackage: import('@reduxjs/toolkit').AsyncThunk<
   void,
   void,
   {
     state?: unknown;
-    dispatch?: import("redux").Dispatch<import("redux").AnyAction> | undefined;
+    dispatch?: import('redux').Dispatch<import('redux').AnyAction> | undefined;
     extra?: unknown;
     rejectValue?: unknown;
     serializedErrorType?: unknown;
@@ -63,120 +58,39 @@ export declare const fetchPackage: import("@reduxjs/toolkit").AsyncThunk<
     rejectedMeta?: unknown;
   }
 >;
-export declare const setOfficeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    number,
-    "booking/setOfficeId"
-  >,
-  setLanguageCode: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    string,
-    "booking/setLanguageCode"
-  >,
-  setTranslations: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    any,
-    "booking/setTranslations"
-  >,
-  setBookingOptions: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    BookingOptions,
-    "booking/setBookingOptions"
-  >,
-  setBookingType: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    string,
-    "booking/setBookingType"
-  >,
-  setProductAttributes: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<
-    ProductAttributes | undefined,
-    "booking/setProductAttributes"
-  >,
-  setBookingAttributes: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<
-    BookingAttributes | undefined,
-    "booking/setBookingAttributes"
-  >,
-  setCalculateDeposit: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    boolean,
-    "booking/setCalculateDeposit"
-  >,
-  setBookingNumber: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    string,
-    "booking/setBookingNumber"
-  >,
-  setIsRetry: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    boolean,
-    "booking/setIsRetry"
-  >,
-  setFetchingPackage: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    boolean,
-    "booking/setFetchingPackage"
-  >,
-  setPackage: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<
-    BookingPackage | undefined,
-    "booking/setPackage"
-  >,
-  setPackageRooms: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    BookingPackageRoom[],
-    "booking/setPackageRooms"
-  >,
-  setPackageOptionPax: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    BookingOptionPax[],
-    "booking/setPackageOptionPax"
-  >,
-  setPackageOptionUnits: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    BookingOptionUnit[],
-    "booking/setPackageOptionUnits"
-  >,
-  setPackageGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    BookingOptionGroup<PerBookingPackageOption>[],
-    "booking/setPackageGroups"
-  >,
-  setSkipPayment: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    boolean,
-    "booking/setSkipPayment"
-  >,
-  setGeneratePaymentUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    boolean,
-    "booking/setGeneratePaymentUrl"
-  >,
-  setTagIds: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<
-    number[] | undefined,
-    "booking/setTagIds"
-  >,
-  setAgentAdressId: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<
-    number | undefined,
-    "booking/setAgentAdressId"
-  >,
-  setBookingRemarks: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    string,
-    "booking/setBookingRemarks"
-  >,
-  setVoucherCodes: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    string[],
-    "booking/setVoucherCodes"
-  >,
-  setCurrentStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    BookingStep,
-    "booking/setCurrentStep"
-  >,
-  setPackageAirlineGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+export declare const setOfficeId: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, 'booking/setOfficeId'>,
+  setLanguageCode: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, 'booking/setLanguageCode'>,
+  setTranslations: import('@reduxjs/toolkit').ActionCreatorWithPayload<any, 'booking/setTranslations'>,
+  setBookingOptions: import('@reduxjs/toolkit').ActionCreatorWithPayload<BookingOptions, 'booking/setBookingOptions'>,
+  setBookingType: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, 'booking/setBookingType'>,
+  setProductAttributes: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<ProductAttributes | undefined, 'booking/setProductAttributes'>,
+  setBookingAttributes: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<BookingAttributes | undefined, 'booking/setBookingAttributes'>,
+  setCalculateDeposit: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, 'booking/setCalculateDeposit'>,
+  setBookingNumber: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, 'booking/setBookingNumber'>,
+  setIsRetry: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, 'booking/setIsRetry'>,
+  setFetchingPackage: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, 'booking/setFetchingPackage'>,
+  setPackage: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<BookingPackage | undefined, 'booking/setPackage'>,
+  setPackageRooms: import('@reduxjs/toolkit').ActionCreatorWithPayload<BookingPackageRoom[], 'booking/setPackageRooms'>,
+  setPackageOptionPax: import('@reduxjs/toolkit').ActionCreatorWithPayload<BookingOptionPax[], 'booking/setPackageOptionPax'>,
+  setPackageOptionUnits: import('@reduxjs/toolkit').ActionCreatorWithPayload<BookingOptionUnit[], 'booking/setPackageOptionUnits'>,
+  setPackageGroups: import('@reduxjs/toolkit').ActionCreatorWithPayload<BookingOptionGroup<PerBookingPackageOption>[], 'booking/setPackageGroups'>,
+  setSkipPayment: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, 'booking/setSkipPayment'>,
+  setGeneratePaymentUrl: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, 'booking/setGeneratePaymentUrl'>,
+  setTagIds: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<number[] | undefined, 'booking/setTagIds'>,
+  setAgentAdressId: import('@reduxjs/toolkit').ActionCreatorWithOptionalPayload<number | undefined, 'booking/setAgentAdressId'>,
+  setBookingRemarks: import('@reduxjs/toolkit').ActionCreatorWithPayload<string, 'booking/setBookingRemarks'>,
+  setVoucherCodes: import('@reduxjs/toolkit').ActionCreatorWithPayload<string[], 'booking/setVoucherCodes'>,
+  setCurrentStep: import('@reduxjs/toolkit').ActionCreatorWithPayload<BookingStep, 'booking/setCurrentStep'>,
+  setPackageAirlineGroups: import('@reduxjs/toolkit').ActionCreatorWithPayload<
     BookingAirlineGroup<AirlineBookingPackageOption>[],
-    "booking/setPackageAirlineGroups"
+    'booking/setPackageAirlineGroups'
   >,
-  setPackageAirportGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<
+  setPackageAirportGroups: import('@reduxjs/toolkit').ActionCreatorWithPayload<
     BookingAirportGroup<AirportBookingPackageOption>[],
-    "booking/setPackageAirportGroups"
+    'booking/setPackageAirportGroups'
   >,
-  setFlights: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    GroupedFlights,
-    "booking/setFlights"
-  >,
-  setAccommodationViewId: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    number,
-    "booking/setAccommodationViewId"
-  >,
-  setIsOption: import("@reduxjs/toolkit").ActionCreatorWithPayload<
-    boolean,
-    "booking/setIsOption"
-  >;
-declare const _default: import("redux").Reducer<
-  BookingState,
-  import("redux").AnyAction
->;
+  setFlights: import('@reduxjs/toolkit').ActionCreatorWithPayload<GroupedFlights, 'booking/setFlights'>,
+  setAccommodationViewId: import('@reduxjs/toolkit').ActionCreatorWithPayload<number, 'booking/setAccommodationViewId'>,
+  setIsOption: import('@reduxjs/toolkit').ActionCreatorWithPayload<boolean, 'booking/setIsOption'>;
+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,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface BookingProps {
   productCode: string;
   productName: string;