@qite/tide-booking-component 1.4.62 → 1.4.64

package/build/build-cjs/index.js

@@ -32964,6 +32964,14 @@ var QSMContainer = function () {
       return field !== undefined;
     });
     addSearchFieldsToPayload(payload, searchFields, qsmState);
+    if (destination) {
+      var option = destination.options.find(function (opt) {
+        return opt.value === qsmState[destination.fieldKey];
+      });
+      if (option) {
+        payload.destinationType = option === null || option === void 0 ? void 0 : option.type;
+      }
+    }
     onSubmit(payload);
     console.log('Submitted QSM data:', payload);
   };
@@ -44916,10 +44924,10 @@ var ImageWithTextCard = function (_a) {
     imageSrc = _a.imageSrc,
     imageAlt = _a.imageAlt,
     title = _a.title,
-    activityTitle = _a.activityTitle,
-    activityText = _a.activityText,
-    detailsTitle = _a.detailsTitle,
-    detailsText = _a.detailsText,
+    section1Title = _a.section1Title,
+    section1Text = _a.section1Text,
+    section2Title = _a.section2Title,
+    section2Text = _a.section2Text,
     buttonText = _a.buttonText,
     onButtonClick = _a.onButtonClick;
   var cardClassName = 'image-with-text__card';
@@ -44927,7 +44935,7 @@ var ImageWithTextCard = function (_a) {
     cardClassName += ' image-with-text__card--no-card';
   }
   if (fullImage) {
-    cardClassName += ' image-with-text__card--full-image';
+    cardClassName += ' image-with-text__card--full-img';
   }
   if (reverse) {
     cardClassName += ' image-with-text__card--reverse';
@@ -44947,14 +44955,14 @@ var ImageWithTextCard = function (_a) {
       React__default['default'].createElement(
         'div',
         { className: 'image-with-text__card__description' },
-        React__default['default'].createElement('h5', { className: 'image-with-text__card__description__title' }, activityTitle),
-        React__default['default'].createElement('p', { className: 'image-with-text__card__description__text' }, activityText)
+        React__default['default'].createElement('h5', { className: 'image-with-text__card__description__title' }, section1Title),
+        React__default['default'].createElement('p', { className: 'image-with-text__card__description__text' }, section1Text)
       ),
       React__default['default'].createElement(
         'div',
         { className: 'image-with-text__card__description' },
-        React__default['default'].createElement('h5', { className: 'image-with-text__card__description__title' }, detailsTitle),
-        React__default['default'].createElement('p', { className: 'image-with-text__card__description__text' }, detailsText)
+        React__default['default'].createElement('h5', { className: 'image-with-text__card__description__title' }, section2Title),
+        React__default['default'].createElement('p', { className: 'image-with-text__card__description__text' }, section2Text)
       ),
       React__default['default'].createElement(
         'div',
@@ -48897,3 +48905,4 @@ exports.Login = Login;
 exports.Navbar = Navbar;
 exports.QSM = QSM;
 exports.SearchResults = SearchResults;
+exports.Slider = Slider;

package/build/build-cjs/src/content/components/slider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface SliderProps {
+export interface SliderProps {
   path?: string;
   images: string[];
   mode?: 'auto' | 'manual';

package/build/build-cjs/src/content/image-with-text-section/types.d.ts

@@ -4,16 +4,16 @@ export interface ImageWithTextSectionProps {
   cards: ImageWithTextCardProps[];
 }
 export interface ImageWithTextCardProps {
-  noCard?: boolean;
-  fullImage?: boolean;
-  reverse?: boolean;
   imageSrc: string;
   imageAlt: string;
   title: string;
-  activityTitle: string;
-  activityText: string;
-  detailsTitle: string;
-  detailsText: string;
+  section1Title: string;
+  section1Text: string;
+  section2Title: string;
+  section2Text: string;
   buttonText: string;
   onButtonClick?: () => void;
+  noCard?: boolean;
+  fullImage?: boolean;
+  reverse?: boolean;
 }

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

@@ -8,6 +8,7 @@ import SearchResults from './search-results';
 import ImageCardGrid from './content/image-card-grid';
 import Login from './content/login';
 import ImageWithTextSection from './content/image-with-text-section';
+import Slider from './content/components/slider';
 export * from './content/navbar/types';
 export * from './content/header/types';
 export * from './content/footer/types';
@@ -17,4 +18,4 @@ export * from './content/image-with-text-section/types';
 export * from './search-results/types';
 export * from './qsm/types';
 export * from './shared/types';
-export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid, Login, ImageWithTextSection };
+export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid, Login, ImageWithTextSection, Slider };

package/build/build-esm/index.js

@@ -32833,6 +32833,14 @@ var QSMContainer = function () {
       return field !== undefined;
     });
     addSearchFieldsToPayload(payload, searchFields, qsmState);
+    if (destination) {
+      var option = destination.options.find(function (opt) {
+        return opt.value === qsmState[destination.fieldKey];
+      });
+      if (option) {
+        payload.destinationType = option === null || option === void 0 ? void 0 : option.type;
+      }
+    }
     onSubmit(payload);
     console.log('Submitted QSM data:', payload);
   };
@@ -44624,10 +44632,10 @@ var ImageWithTextCard = function (_a) {
     imageSrc = _a.imageSrc,
     imageAlt = _a.imageAlt,
     title = _a.title,
-    activityTitle = _a.activityTitle,
-    activityText = _a.activityText,
-    detailsTitle = _a.detailsTitle,
-    detailsText = _a.detailsText,
+    section1Title = _a.section1Title,
+    section1Text = _a.section1Text,
+    section2Title = _a.section2Title,
+    section2Text = _a.section2Text,
     buttonText = _a.buttonText,
     onButtonClick = _a.onButtonClick;
   var cardClassName = 'image-with-text__card';
@@ -44635,7 +44643,7 @@ var ImageWithTextCard = function (_a) {
     cardClassName += ' image-with-text__card--no-card';
   }
   if (fullImage) {
-    cardClassName += ' image-with-text__card--full-image';
+    cardClassName += ' image-with-text__card--full-img';
   }
   if (reverse) {
     cardClassName += ' image-with-text__card--reverse';
@@ -44655,14 +44663,14 @@ var ImageWithTextCard = function (_a) {
       React__default.createElement(
         'div',
         { className: 'image-with-text__card__description' },
-        React__default.createElement('h5', { className: 'image-with-text__card__description__title' }, activityTitle),
-        React__default.createElement('p', { className: 'image-with-text__card__description__text' }, activityText)
+        React__default.createElement('h5', { className: 'image-with-text__card__description__title' }, section1Title),
+        React__default.createElement('p', { className: 'image-with-text__card__description__text' }, section1Text)
       ),
       React__default.createElement(
         'div',
         { className: 'image-with-text__card__description' },
-        React__default.createElement('h5', { className: 'image-with-text__card__description__title' }, detailsTitle),
-        React__default.createElement('p', { className: 'image-with-text__card__description__text' }, detailsText)
+        React__default.createElement('h5', { className: 'image-with-text__card__description__title' }, section2Title),
+        React__default.createElement('p', { className: 'image-with-text__card__description__text' }, section2Text)
       ),
       React__default.createElement(
         'div',
@@ -48595,4 +48603,4 @@ var signalR = /*#__PURE__*/ _mergeNamespaces(
   [signalR$1]
 );
 
-export { BookingProduct, BookingWizard, DepartureRange, Footer, Header, ImageCardGrid, ImageWithTextSection, Login, Navbar, QSM, SearchResults };
+export { BookingProduct, BookingWizard, DepartureRange, Footer, Header, ImageCardGrid, ImageWithTextSection, Login, Navbar, QSM, SearchResults, Slider };

package/build/build-esm/src/content/components/slider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface SliderProps {
+export interface SliderProps {
   path?: string;
   images: string[];
   mode?: 'auto' | 'manual';

package/build/build-esm/src/content/image-with-text-section/types.d.ts

@@ -4,16 +4,16 @@ export interface ImageWithTextSectionProps {
   cards: ImageWithTextCardProps[];
 }
 export interface ImageWithTextCardProps {
-  noCard?: boolean;
-  fullImage?: boolean;
-  reverse?: boolean;
   imageSrc: string;
   imageAlt: string;
   title: string;
-  activityTitle: string;
-  activityText: string;
-  detailsTitle: string;
-  detailsText: string;
+  section1Title: string;
+  section1Text: string;
+  section2Title: string;
+  section2Text: string;
   buttonText: string;
   onButtonClick?: () => void;
+  noCard?: boolean;
+  fullImage?: boolean;
+  reverse?: boolean;
 }

package/build/build-esm/src/index.d.ts

@@ -8,6 +8,7 @@ import SearchResults from './search-results';
 import ImageCardGrid from './content/image-card-grid';
 import Login from './content/login';
 import ImageWithTextSection from './content/image-with-text-section';
+import Slider from './content/components/slider';
 export * from './content/navbar/types';
 export * from './content/header/types';
 export * from './content/footer/types';
@@ -17,4 +18,4 @@ export * from './content/image-with-text-section/types';
 export * from './search-results/types';
 export * from './qsm/types';
 export * from './shared/types';
-export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid, Login, ImageWithTextSection };
+export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid, Login, ImageWithTextSection, Slider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.62",
+  "version": "1.4.64",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",

package/src/content/components/slider.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import Icon from './icon';
 
-interface SliderProps {
+export interface SliderProps {
   path?: string;
   images: string[];
   mode?: 'auto' | 'manual';

package/src/content/image-with-text-section/card.tsx

@@ -8,10 +8,10 @@ const ImageWithTextCard: React.FC<ImageWithTextCardProps> = ({
   imageSrc,
   imageAlt,
   title,
-  activityTitle,
-  activityText,
-  detailsTitle,
-  detailsText,
+  section1Title,
+  section1Text,
+  section2Title,
+  section2Text,
   buttonText,
   onButtonClick
 }) => {
@@ -20,7 +20,7 @@ const ImageWithTextCard: React.FC<ImageWithTextCardProps> = ({
     cardClassName += ' image-with-text__card--no-card';
   }
   if (fullImage) {
-    cardClassName += ' image-with-text__card--full-image';
+    cardClassName += ' image-with-text__card--full-img';
   }
   if (reverse) {
     cardClassName += ' image-with-text__card--reverse';
@@ -36,13 +36,13 @@ const ImageWithTextCard: React.FC<ImageWithTextCardProps> = ({
         <h3 className="image-with-text__card__title">{title}</h3>
 
         <div className="image-with-text__card__description">
-          <h5 className="image-with-text__card__description__title">{activityTitle}</h5>
-          <p className="image-with-text__card__description__text">{activityText}</p>
+          <h5 className="image-with-text__card__description__title">{section1Title}</h5>
+          <p className="image-with-text__card__description__text">{section1Text}</p>
         </div>
 
         <div className="image-with-text__card__description">
-          <h5 className="image-with-text__card__description__title">{detailsTitle}</h5>
-          <p className="image-with-text__card__description__text">{detailsText}</p>
+          <h5 className="image-with-text__card__description__title">{section2Title}</h5>
+          <p className="image-with-text__card__description__text">{section2Text}</p>
         </div>
 
         <div className="image-with-text__card__btn">

package/src/content/image-with-text-section/types.ts

@@ -5,16 +5,16 @@ export interface ImageWithTextSectionProps {
 }
 
 export interface ImageWithTextCardProps {
-  noCard?: boolean;
-  fullImage?: boolean;
-  reverse?: boolean;
   imageSrc: string;
   imageAlt: string;
   title: string;
-  activityTitle: string;
-  activityText: string;
-  detailsTitle: string;
-  detailsText: string;
+  section1Title: string;
+  section1Text: string;
+  section2Title: string;
+  section2Text: string;
   buttonText: string;
   onButtonClick?: () => void;
+  noCard?: boolean;
+  fullImage?: boolean;
+  reverse?: boolean;
 }

package/src/index.ts

@@ -8,6 +8,7 @@ import SearchResults from './search-results';
 import ImageCardGrid from './content/image-card-grid';
 import Login from './content/login';
 import ImageWithTextSection from './content/image-with-text-section';
+import Slider from './content/components/slider';
 
 export * from './content/navbar/types';
 export * from './content/header/types';
@@ -19,4 +20,4 @@ export * from './search-results/types';
 export * from './qsm/types';
 export * from './shared/types';
 
-export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid, Login, ImageWithTextSection };
+export { BookingProduct, BookingWizard, QSM, SearchResults, Navbar, Header, Footer, ImageCardGrid, Login, ImageWithTextSection, Slider };

package/src/qsm/components/QSMContainer/qsm-container.tsx

@@ -100,6 +100,14 @@ const QSMContainer: React.FC = () => {
     // Filter out undefined fields before passing to addSearchFieldsToPayload
     const searchFields = [departureAirport, destinationAirport, returnAirport, destination].filter((field): field is BaseFieldConfig => field !== undefined);
     addSearchFieldsToPayload(payload, searchFields, qsmState);
+
+    if (destination) {
+      const option = destination.options.find((opt) => opt.value === qsmState[destination.fieldKey]);
+      if (option) {
+        payload.destinationType = option?.type;
+      }
+    }
+
     onSubmit(payload);
     console.log('Submitted QSM data:', payload);
   };