@qite/tide-booking-component 1.4.123 → 1.4.125

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

@@ -1,8 +1,8 @@
 import React from 'react';
 interface AgeSelectProps {
-  value?: number;
-  disabled?: boolean;
-  onChange?: (value: number) => void;
+    value?: number;
+    disabled?: boolean;
+    onChange?: (value: number) => void;
 }
 declare const AgeSelect: React.FC<AgeSelectProps>;
 export default AgeSelect;

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

@@ -1,10 +1,10 @@
 import React from 'react';
 interface AmountInputProps {
-  label: string;
-  value: number;
-  disabled?: boolean;
-  min?: number;
-  onChange?: (value: number) => void;
+    label: string;
+    value: number;
+    disabled?: boolean;
+    min?: number;
+    onChange?: (value: number) => void;
 }
 declare const AmountInput: React.FC<AmountInputProps>;
 export default AmountInput;

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

@@ -1,13 +1,13 @@
 import React from 'react';
 interface CalendarDayProps {
-  day: Date;
-  isSelected: boolean;
-  isDisabled: boolean;
-  isOutsideMonth: boolean;
-  extraClassNames?: string[];
-  onClick: (date: Date) => void;
-  onMouseOver: (date: Date) => void;
-  children?: any;
+    day: Date;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isOutsideMonth: boolean;
+    extraClassNames?: string[];
+    onClick: (date: Date) => void;
+    onMouseOver: (date: Date) => void;
+    children?: any;
 }
 declare const CalendarDay: React.FC<CalendarDayProps>;
 export default CalendarDay;

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

@@ -1,19 +1,19 @@
 import React from 'react';
 interface CalendarProps {
-  year?: number;
-  month?: number;
-  hasPreviousButton?: boolean;
-  hasNextButton?: boolean;
-  hasFixedHeight?: boolean;
-  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-  disabledDaysFunction?: (date: Date) => boolean;
-  selectedDaysFunction?: (date: Date) => boolean;
-  extraClassNamesFunction?: (date: Date) => string[];
-  dayContentFunction?: (date: Date) => JSX.Element | null | undefined;
-  onDayClick?: (date: Date) => void;
-  onDayMouseOver?: (date: Date) => void;
-  onNextClick?: (year: number, month: number) => void;
-  onPreviousClick?: (year: number, month: number) => void;
+    year?: number;
+    month?: number;
+    hasPreviousButton?: boolean;
+    hasNextButton?: boolean;
+    hasFixedHeight?: boolean;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    disabledDaysFunction?: (date: Date) => boolean;
+    selectedDaysFunction?: (date: Date) => boolean;
+    extraClassNamesFunction?: (date: Date) => string[];
+    dayContentFunction?: (date: Date) => JSX.Element | null | undefined;
+    onDayClick?: (date: Date) => void;
+    onDayMouseOver?: (date: Date) => void;
+    onNextClick?: (year: number, month: number) => void;
+    onPreviousClick?: (year: number, month: number) => void;
 }
 declare const Calendar: React.FC<CalendarProps>;
 export default Calendar;

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

@@ -1,22 +1,25 @@
 import { Locale } from 'date-fns';
 import React from 'react';
 interface DateRangePickerProps {
-  fromDate?: Date;
-  toDate?: Date;
-  focusMonth?: {
-    month: number;
-    year: number;
-  };
-  locale?: Locale;
-  duration?: number;
-  disabledDaysFunction?: (date: Date) => boolean;
-  extraClassNamesFunction?: (date: Date) => string[];
-  dayContentFunction?: (date: Date) => JSX.Element | null | undefined;
-  onSelectionChange?: (fromDate: Date, toDate: Date) => void;
-  onFromDateChange?: (date?: Date) => void;
-  onToDateChange?: (date?: Date) => void;
-  onFocusMonthChange?: (focusMonth: { month: number; year: number }) => void;
-  toDateByFromDate?: (fromDate?: Date) => Date | undefined;
+    fromDate?: Date;
+    toDate?: Date;
+    focusMonth?: {
+        month: number;
+        year: number;
+    };
+    locale?: Locale;
+    duration?: number;
+    disabledDaysFunction?: (date: Date) => boolean;
+    extraClassNamesFunction?: (date: Date) => string[];
+    dayContentFunction?: (date: Date) => JSX.Element | null | undefined;
+    onSelectionChange?: (fromDate: Date, toDate: Date) => void;
+    onFromDateChange?: (date?: Date) => void;
+    onToDateChange?: (date?: Date) => void;
+    onFocusMonthChange?: (focusMonth: {
+        month: number;
+        year: number;
+    }) => void;
+    toDateByFromDate?: (fromDate?: Date) => Date | undefined;
 }
 declare const DateRangePicker: React.FC<DateRangePickerProps>;
 export default DateRangePicker;

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

@@ -1,14 +1,14 @@
 import React from 'react';
 import { DateRange } from '../types';
 interface DatesProps {
-  value?: DateRange;
-  duration?: number;
-  onChange?: (value: DateRange) => void;
-  availableDatePairs?: {
-    fromDate: Date;
-    toDate: Date;
-  }[];
-  isLoading?: boolean;
+    value?: DateRange;
+    duration?: number;
+    onChange?: (value: DateRange) => void;
+    availableDatePairs?: {
+        fromDate: Date;
+        toDate: Date;
+    }[];
+    isLoading?: boolean;
 }
 declare const Dates: React.FC<DatesProps>;
 export default Dates;

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

@@ -1,10 +1,10 @@
 import React from 'react';
 interface FooterProps {
-  priceText: string | undefined;
-  isLoading: boolean;
-  isOffer: boolean | undefined;
-  roomsIsDisabled: boolean;
-  handleBookClick: () => void;
+    priceText: string | undefined;
+    isLoading: boolean;
+    isOffer: boolean | undefined;
+    roomsIsDisabled: boolean;
+    handleBookClick: () => void;
 }
 declare const Footer: React.FC<FooterProps>;
 export default Footer;

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

@@ -1,11 +1,11 @@
 import React from 'react';
 interface HeaderProps {
-  name: string;
-  rating: number | undefined;
-  priceText: string | undefined;
-  hasFlight: boolean;
-  hasTransfer: boolean;
-  isLoading: boolean;
+    name: string;
+    rating: number | undefined;
+    priceText: string | undefined;
+    hasFlight: boolean;
+    hasTransfer: boolean;
+    isLoading: boolean;
 }
 declare const Header: React.FC<HeaderProps>;
 export default Header;

package/build/build-cjs/src/booking-product/components/list-view.d.ts

@@ -1,8 +1,8 @@
 import { BookingPackageItem } from '@qite/tide-client';
 import React from 'react';
 interface ListViewProps {
-  searchResults: BookingPackageItem[];
-  onSelect?: (selectedItem: BookingPackageItem) => void;
+    searchResults: BookingPackageItem[];
+    onSelect?: (selectedItem: BookingPackageItem) => void;
 }
 declare const ListView: React.FC<ListViewProps>;
 export default ListView;

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

@@ -1,9 +1,9 @@
 import React from 'react';
 interface ProductProps {
-  productCode: string;
-  productName: string;
-  duration?: number;
-  rating?: number;
+    productCode: string;
+    productName: string;
+    duration?: number;
+    rating?: number;
 }
 declare const Product: React.FC<ProductProps>;
 export default Product;

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

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

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import { ProductRoom } from '../types';
 interface RoomsProps {
-  rooms: ProductRoom[];
-  isDisabled: boolean;
-  setIsDisabled: (isOpen: boolean) => void;
-  onChange: (rooms: ProductRoom[]) => void;
+    rooms: ProductRoom[];
+    isDisabled: boolean;
+    setIsDisabled: (isOpen: boolean) => void;
+    onChange: (rooms: ProductRoom[]) => void;
 }
 declare const Rooms: React.FC<RoomsProps>;
 export default Rooms;

package/build/build-cjs/src/booking-product/constants.d.ts

@@ -1 +1 @@
-export declare const DATE_FORMAT = 'yyyy-MM-dd';
+export declare const DATE_FORMAT = "yyyy-MM-dd";

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Settings } from './types';
 interface BookingProductProps {
-  productCode: string;
-  productName: string;
-  rating?: number;
-  settings: Settings;
+    productCode: string;
+    productName: string;
+    rating?: number;
+    settings: Settings;
 }
 declare const BookingProduct: React.FC<BookingProductProps>;
 export default BookingProduct;

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

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

package/build/build-cjs/src/booking-product/types.d.ts

@@ -1,27 +1,61 @@
 export interface Settings {
-  officeId: number;
-  catalogueId: number;
-  agentId?: number;
-  basePath: string;
-  language: string;
-  includeFlights?: boolean;
-  priceMode: number;
-  icons?: string;
-  apiUrl?: string;
-  apiKey?: string;
-  addProductToQuery?: boolean;
-  isOffer?: boolean;
-  displayMode?: 'list' | 'calendar';
-  searchType?: number;
-  alternativeActionText?: string;
-  alternativeAction?: () => void;
+    officeId: number;
+    catalogueId: number;
+    agentId?: number;
+    basePath: string;
+    language: string;
+    includeFlights?: boolean;
+    priceMode: number;
+    icons?: string;
+    apiUrl?: string;
+    apiKey?: string;
+    addProductToQuery?: boolean;
+    isOffer?: boolean;
+    displayMode?: 'list' | 'calendar';
+    searchType?: number;
+    /**
+     * When true, hides the "Rooms" heading, the number-of-rooms stepper,
+     * the per-room "Room N" sub-heading and the Edit/Apply gate. The
+     * adults/children inputs are then always visible and editable. The
+     * component still tracks a single room internally so the request payload
+     * to the Tide API is unchanged.
+     */
+    disableRooms?: boolean;
+    /**
+     * Icon name shown next to the price whenever a price is available.
+     * Defaults to `'ui-bed'` for backwards compatibility. Customers booking
+     * non-accommodation products (courses, rentals, excursions, ...) can set
+     * this to a more appropriate icon.
+     */
+    mainIcon?: string;
+    /**
+     * URL of a JSON translation file that will be fetched at runtime and
+     * deep-merged over the built-in translations for the active language.
+     * The `{language}` token in the URL is replaced with the active language
+     * code, so a single setting can serve multiple languages by dropping
+     * files like `en-GB.json`, `nl-BE.json` side by side.
+     *
+     * Only the keys present in the host file are overridden; everything else
+     * falls back to the built-in translations. If the file 404s or fails to
+     * load, the component logs a warning and silently uses the built-ins.
+     */
+    customTranslationsUrl?: string;
+    /**
+     * Escape hatch for callers that already have the translation overrides
+     * as a JS object in memory (e.g. SSR, pre-fetched, in-tree dictionaries).
+     * Takes precedence over `customTranslationsUrl` when both are set.
+     * Most consumers should use `customTranslationsUrl` instead.
+     */
+    customTranslations?: any;
+    alternativeActionText?: string;
+    alternativeAction?: () => void;
 }
 export interface ProductRoom {
-  adults: number;
-  children: number;
-  childAges: number[];
+    adults: number;
+    children: number;
+    childAges: number[];
 }
 export interface DateRange {
-  fromDate?: Date;
-  toDate?: Date;
+    fromDate?: Date;
+    toDate?: Date;
 }

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

@@ -1,16 +1,7 @@
 import { BookingPackage, BookingPackageDetailsRequest, BookingPackageRequest, BookingPackageSearchRequest, TideResponse } from '@qite/tide-client/build/types';
 import { ApiSettingsState } from '../../shared/types';
 declare const packageApi: {
-  fetchDetails: (
-    request: BookingPackageRequest<BookingPackageDetailsRequest>,
-    signal: AbortSignal,
-    languageCode?: string,
-    apiSettings?: ApiSettingsState
-  ) => Promise<TideResponse<BookingPackage>>;
-  fetchSearch: (
-    request: BookingPackageRequest<BookingPackageSearchRequest>,
-    signal: AbortSignal,
-    apiSettings?: ApiSettingsState
-  ) => Promise<import('@qite/tide-client').BookingPackageItem[]>;
+    fetchDetails: (request: BookingPackageRequest<BookingPackageDetailsRequest>, signal: AbortSignal, languageCode?: string, apiSettings?: ApiSettingsState) => Promise<TideResponse<BookingPackage>>;
+    fetchSearch: (request: BookingPackageRequest<BookingPackageSearchRequest>, signal: AbortSignal, apiSettings?: ApiSettingsState) => Promise<import("@qite/tide-client").BookingPackageItem[]>;
 };
 export default packageApi;

package/build/build-cjs/src/booking-product/utils/price.d.ts

@@ -1,10 +1 @@
-export declare const formatPriceByMode: (
-  price: number | undefined,
-  priceMode: number,
-  personCount: number,
-  duration: number,
-  perPersonLabel: string,
-  perNightLabel: string,
-  perPersonPerNightLabel: string,
-  currencyCode: string
-) => string | undefined;
+export declare const formatPriceByMode: (price: number | undefined, priceMode: number, personCount: number, duration: number, perPersonLabel: string, perNightLabel: string, perPersonPerNightLabel: string, currencyCode: string) => string | undefined;

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

@@ -1,5 +1,4 @@
 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('@reduxjs/toolkit').Reducer<ApiSettingsState>;
+export declare const setApiUrl: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/setApiUrl">, setApiKey: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "settings/setApiKey">;
+declare const _default: import("@reduxjs/toolkit").Reducer<ApiSettingsState>;
 export default _default;

package/build/build-cjs/src/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>;
+    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/src/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>;
+    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/src/booking-wizard/components/message.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 interface MessageProps {
-  type: 'error' | 'success';
-  title: string;
-  actionComponent?: JSX.Element;
-  children?: JSX.Element | JSX.Element[];
+    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/src/booking-wizard/components/multi-range-filter.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 interface MultiRangeFilterProps {
-  min: number;
-  max: number;
-  selectedMin: number;
-  selectedMax: number;
-  valueFormatter: (value: number) => string;
-  onChange: (min: number, max: number) => void;
+    min: number;
+    max: number;
+    selectedMin: number;
+    selectedMax: number;
+    valueFormatter: (value: number) => string;
+    onChange: (min: number, max: number) => void;
 }
 declare const MultiRangeFilter: React.FC<MultiRangeFilterProps>;
 export default MultiRangeFilter;

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

@@ -1,17 +1,17 @@
 import React from 'react';
 import { Country } from '../types';
 interface PhoneInputProps {
-  name: string;
-  required?: boolean;
-  value?: string | number;
-  label?: string;
-  placeholder?: string;
-  hasError?: boolean;
-  extraClassName?: string;
-  countries: Country[];
-  countryIso2?: string;
-  onChange?: React.ChangeEventHandler<HTMLElement>;
-  onBlur?: React.FocusEventHandler<HTMLElement>;
+    name: string;
+    required?: boolean;
+    value?: string | number;
+    label?: string;
+    placeholder?: string;
+    hasError?: boolean;
+    extraClassName?: string;
+    countries: Country[];
+    countryIso2?: string;
+    onChange?: React.ChangeEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
 }
 declare const PhoneInput: React.FC<PhoneInputProps>;
 export default PhoneInput;

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

@@ -1,17 +1,17 @@
 import React from 'react';
 import { BookingPackage, Pax } from '@qite/tide-client/build/types';
 interface PrintOfferButtonProps {
-  bookingPackage?: BookingPackage;
-  getPax: () => Pax[] | undefined;
-  tagIds?: number[];
-  printActionId?: number | null;
-  onPrinted?: (pdfUrl: string) => void;
-  labelIdle?: string;
-  labelCreating?: string;
-  labelPrinting?: string;
-  disabled?: boolean;
-  className?: string;
-  loader?: React.ReactNode;
+    bookingPackage?: BookingPackage;
+    getPax: () => Pax[] | undefined;
+    tagIds?: number[];
+    printActionId?: number | null;
+    onPrinted?: (pdfUrl: string) => void;
+    labelIdle?: string;
+    labelCreating?: string;
+    labelPrinting?: string;
+    disabled?: boolean;
+    className?: string;
+    loader?: React.ReactNode;
 }
 declare const PrintOfferButton: React.FC<PrintOfferButtonProps>;
 export default PrintOfferButton;

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

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

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

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

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

@@ -1,30 +1,11 @@
-import {
-  BookingPackage,
-  BookingPackageDetailsRequest,
-  BookingPackageRequest,
-  BookingTravelAgent,
-  GenerateBookingAccommodationRequest,
-  TideResponse
-} from '@qite/tide-client/build/types';
+import { BookingPackage, BookingPackageDetailsRequest, BookingPackageRequest, BookingTravelAgent, GenerateBookingAccommodationRequest, TideResponse } from '@qite/tide-client/build/types';
 import { ApiSettingsState } from '../../../shared/types';
 declare const packageApi: {
-  fetchDetails: (
-    request: BookingPackageRequest<BookingPackageDetailsRequest>,
-    signal: AbortSignal,
-    languageCode?: string,
-    apiSettings?: ApiSettingsState
-  ) => Promise<TideResponse<BookingPackage>>;
-  fetchAgents: (signal: AbortSignal, apiSettings?: ApiSettingsState) => Promise<BookingTravelAgent[]>;
-  fetchAccommodationViews: (
-    request: GenerateBookingAccommodationRequest,
-    signal: AbortSignal,
-    apiSettings?: ApiSettingsState
-  ) => Promise<{
-    [key: string]: string;
-  }>;
-  fetchCountries: (
-    signal: AbortSignal,
-    apiSettings?: ApiSettingsState
-  ) => Promise<import('@qite/tide-client').PageResult<import('@qite/tide-client').CountryItem>>;
+    fetchDetails: (request: BookingPackageRequest<BookingPackageDetailsRequest>, signal: AbortSignal, languageCode?: string, apiSettings?: ApiSettingsState) => Promise<TideResponse<BookingPackage>>;
+    fetchAgents: (signal: AbortSignal, apiSettings?: ApiSettingsState) => Promise<BookingTravelAgent[]>;
+    fetchAccommodationViews: (request: GenerateBookingAccommodationRequest, signal: AbortSignal, apiSettings?: ApiSettingsState) => Promise<{
+        [key: string]: string;
+    }>;
+    fetchCountries: (signal: AbortSignal, apiSettings?: ApiSettingsState) => Promise<import("@qite/tide-client").PageResult<import("@qite/tide-client").CountryItem>>;
 };
 export default packageApi;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 interface BookingProps {
-  productCode: string;
-  productName: string;
-  thumbnailUrl?: string;
+    productCode: string;
+    productName: string;
+    thumbnailUrl?: string;
 }
 declare const BookingSelfContained: React.FC<BookingProps>;
 export default BookingSelfContained;