@qite/tide-components 1.0.9 → 1.0.12

package/build/build-esm/src/booking-wizard/features/booking/selectors.d.ts

@@ -17,6 +17,7 @@ export declare const selectPackageOptionUnits: (state: RootState) => import("@qi
 export declare const selectPackageOptionPax: (state: RootState) => import("@qite/tide-client").BookingOptionPax[] | undefined;
 export declare const selectPackageGroups: (state: RootState) => import("@qite/tide-client").BookingOptionGroup<import("@qite/tide-client").PerBookingPackageOption>[] | undefined;
 export declare const selectPackageDetails: (state: RootState) => import("@qite/tide-client").BookingPackage | undefined;
+export declare const selectPaxCustomFields: (state: RootState) => import("@qite/tide-client").BookingPackagePaxCustomField[];
 export declare const selectPackageFlights: (state: RootState) => {
     outward: import("@qite/tide-client").BookingPackageFlight[] | undefined;
     return: import("@qite/tide-client").BookingPackageFlight[] | undefined;

package/build/build-esm/src/booking-wizard/features/travelers-form/validate-form.d.ts

@@ -1,4 +1,5 @@
 import { FormikErrors } from 'formik';
+import { BookingPackagePaxCustomField } from '@qite/tide-client/build/types';
 import { FormField, TravelersFormValues } from '../../types';
-declare const validateForm: (values: TravelersFormValues, agentRequired?: boolean, bookingType?: string, translations?: any, formFields?: FormField[], mainBookerFormFields?: FormField[], maxChildAge?: number, maxBabyAge?: number) => FormikErrors<TravelersFormValues>;
+declare const validateForm: (values: TravelersFormValues, agentRequired?: boolean, bookingType?: string, translations?: any, formFields?: FormField[], mainBookerFormFields?: FormField[], maxChildAge?: number, maxBabyAge?: number, paxCustomFields?: BookingPackagePaxCustomField[]) => FormikErrors<TravelersFormValues>;
 export default validateForm;

package/build/build-esm/src/booking-wizard/types.d.ts

@@ -1,4 +1,4 @@
-import { BookingPackageFlight } from '@qite/tide-client/build/types';
+import { BookingPackageCustomField, BookingPackageFlight } from '@qite/tide-client/build/types';
 export interface Settings {
     officeId: number;
     token?: string;
@@ -27,6 +27,8 @@ export interface Settings {
         countries?: Country[];
         travelersFirstStep?: boolean;
         showAllCountries?: boolean;
+        showWeightField?: boolean;
+        showHeightField?: boolean;
     };
     summary: {
         pathSuffix: string;
@@ -148,6 +150,11 @@ export interface Traveler {
      * form and its validation can treat the traveler as a baby instead of a child.
      */
     isBaby?: boolean;
+    weight?: number | null;
+    weightType?: number;
+    height?: number | null;
+    heightType?: number;
+    customFields?: BookingPackageCustomField[];
 }
 export interface Room {
     adults: number;

package/build/build-esm/src/search-results/types.d.ts

@@ -50,6 +50,18 @@ export interface SearchResultsConfiguration {
      * node's remaining results in the fly-in.
      */
     hideShowMoreResults?: boolean;
+    /**
+     * From the website portal configuration. When true a traject day's activity suggestions are
+     * only searched after the traveller asks for them; when false they load automatically once
+     * the trip has resolved.
+     */
+    loadDayActivitiesOnDemand?: boolean;
+    /**
+     * From the website portal configuration. When true a traject hotel's card row is filled up
+     * with non-preferred hotels found in the area (API or internal Tide); when false the row only
+     * holds the hotels configured on the node.
+     */
+    showNonPreferredHotels?: boolean;
     generatePaymentUrl?: boolean;
     entryStatus?: number;
     customEntryStatusId?: number;

package/build/build-esm/src/shared/booking/travelers-form.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { FormikProps } from 'formik';
 import { Country, RoomTraveler, Traveler, TravelersFormValues } from '../../booking-wizard/types';
-import { CountryItem, PackagingEntry, PackagingEntryPax } from '@qite/tide-client';
+import { BookingPackageCustomField, BookingPackagePaxCustomField, CountryItem, PackagingEntry, PackagingEntryPax } from '@qite/tide-client';
 export type TravelersFormField = {
     type: string;
 };
@@ -33,6 +33,9 @@ export interface SharedTravelersFormProps {
     isUnavailable?: boolean;
     useCompactForm?: boolean;
     showAllCountries?: boolean;
+    showWeightField?: boolean;
+    showHeightField?: boolean;
+    paxCustomFields?: BookingPackagePaxCustomField[];
     showAgentSelection?: boolean;
     initialShowAgents?: boolean;
     renderPreviousButton?: () => ReactNode;
@@ -40,13 +43,15 @@ export interface SharedTravelersFormProps {
 }
 export declare function isBabyAge(age?: number | null, maxBabyAge?: number): boolean;
 export declare function formatBirthDate(birthDate?: string): string;
+export declare function buildEmptyCustomFields(paxCustomFields?: BookingPackagePaxCustomField[]): BookingPackageCustomField[];
+export declare function getApplicablePaxCustomFields(paxCustomFields: BookingPackagePaxCustomField[] | undefined, isMainBooker: boolean): BookingPackagePaxCustomField[];
 export declare function createTraveler(traveler: RoomTraveler, followNumber: {
     number: number;
-}, personTranslation?: string, isCompact?: boolean, maxBabyAge?: number): Traveler;
+}, personTranslation?: string, isCompact?: boolean, maxBabyAge?: number, paxCustomFields?: BookingPackagePaxCustomField[]): Traveler;
 export declare function createInitialValuesFromRooms(formRooms: {
     adults: RoomTraveler[];
     children: RoomTraveler[];
-}[], startDate?: string, endDate?: string, agentAdressId?: number, personTranslation?: string, isCompact?: boolean, maxBabyAge?: number): TravelersFormValues;
+}[], startDate?: string, endDate?: string, agentAdressId?: number, personTranslation?: string, isCompact?: boolean, maxBabyAge?: number, paxCustomFields?: BookingPackagePaxCustomField[]): TravelersFormValues;
 export declare function createInitialValuesFromEditablePackagingEntry(editablePackagingEntry: PackagingEntry, agentAdressId?: number): TravelersFormValues;
 export declare function applyTravelersFormValuesToEditablePackagingEntry(editablePackagingEntry: PackagingEntry, values: TravelersFormValues): {
     pax: PackagingEntryPax[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-components",
-  "version": "1.0.9",
+  "version": "1.0.12",
   "description": "React components for Tide (booking, product availability, form, ...)",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",
@@ -36,7 +36,7 @@
   "devDependencies": {
     "@jsonurl/jsonurl": "^1.1.4",
     "@popperjs/core": "^2.10.2",
-    "@qite/tide-client": "^2.0.17",
+    "@qite/tide-client": "^2.0.19",
     "@reduxjs/toolkit": "^2.8.2",
     "@rollup/plugin-commonjs": "^19.0.1",
     "@rollup/plugin-json": "^4.1.0",

package/styles/components/_form.scss

@@ -1654,6 +1654,17 @@
   }
 }
 
+.travelers-form__custom-fields-grid {
+  display: flex;
+  flex-direction: column;
+
+  @include media-md {
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    gap: 15px;
+  }
+}
+
 .main-booker-form__grid {
   display: flex;
   flex-direction: column;