@qite/tide-booking-component 1.4.124 → 1.4.125

package/build/build-cjs/src/booking-wizard/use-offer-printer.d.ts

@@ -0,0 +1,13 @@
+import type { BookingPackage, Pax } from '@qite/tide-client/build/types';
+export interface UseOfferPrinterArgs {
+    bookingPackage?: BookingPackage;
+    getPax: () => Pax[] | undefined;
+    tagIds?: number[];
+    printActionId?: number | null;
+    onPrinted?: (pdfUrl: string) => void;
+}
+export declare function useOfferPrinter({ bookingPackage, getPax, tagIds, printActionId, onPrinted }: UseOfferPrinterArgs): {
+    handlePrint: () => Promise<void>;
+    loading: boolean;
+    stage: "idle" | "creating" | "printing";
+};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+type Lang = {
+    code: string;
+    label: string;
+};
+interface LanguageSwitcherProps {
+    value?: string;
+    languages?: Lang[];
+    onChange?: (code: string) => void;
+}
+declare const LanguageSwitcher: React.FC<LanguageSwitcherProps>;
+export default LanguageSwitcher;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface AccordionProps {
+    summary: React.ReactNode;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    className?: string;
+}
+export default function Accordion({ summary, children, defaultOpen, className }: AccordionProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export type BreadcrumbItem = {
+    label?: string;
+    href?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    icon?: React.ReactNode;
+    isCurrent?: boolean;
+};
+export type BreadcrumbsProps = {
+    items: BreadcrumbItem[];
+    noHeader?: boolean;
+};
+declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+export default Breadcrumbs;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ContactForm: React.FC;
+export default ContactForm;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface FAQItem {
+    question: string;
+    answer: React.ReactNode;
+}
+export interface FAQProps {
+    items: FAQItem[];
+    title?: string;
+}
+declare const FAQ: React.FC<FAQProps>;
+export default FAQ;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface GalleryImage {
+    src: string;
+    alt?: string;
+    caption?: string;
+}
+export interface GalleryProps {
+    title?: string;
+    intro?: string;
+    images: GalleryImage[];
+}
+declare const PhotoGallery: React.FC<GalleryProps>;
+export default PhotoGallery;

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

@@ -0,0 +1,29 @@
+import React from 'react';
+type Variant = 'image-with-text__card--no-card' | 'image-with-text__card--full-img';
+interface ImageWithTextCardProps {
+    variant?: Variant;
+    reverse?: boolean;
+    imageSrc: string;
+    imageAlt: string;
+    title: string;
+    activityTitle: string;
+    activityText: string;
+    detailsTitle: string;
+    detailsText: string;
+    buttonText: string;
+    onButtonClick?: () => void;
+}
+interface ImageWithTextSectionProps {
+    variant?: Variant;
+    sectionTitle: string;
+    hasBackground?: boolean;
+    cards: [Omit<ImageWithTextCardProps, 'reverse'>, Omit<ImageWithTextCardProps, 'reverse'>];
+}
+export declare const ImageWithTextSection: React.FC<ImageWithTextSectionProps>;
+interface ImageWithTextProps {
+    sectionTitle?: string;
+    variants?: Variant[];
+    hasBackground?: boolean;
+}
+export declare const ImageWithText: React.FC<ImageWithTextProps>;
+export default ImageWithText;

package/build/build-cjs/src/content/components/itinerary-map-view.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+declare global {
+    interface Window {
+        L: any;
+    }
+}
+export interface MapDestination {
+    id: string;
+    name: string;
+    country?: string;
+    lat: number;
+    lng: number;
+    imageUrl?: string;
+    nights?: number;
+    isStart?: boolean;
+    isEnd?: boolean;
+    transportIncluded?: boolean;
+    accommodationIncluded?: boolean;
+    dateFrom?: string;
+    dateTo?: string;
+    infoUrl?: string;
+}
+export interface ItineraryMapViewProps {
+    destinations?: MapDestination[];
+    adults?: number;
+    dateFrom?: string;
+    dateTo?: string;
+    totalNights?: number;
+    title?: string;
+    subtitle?: string;
+    estimatedPrice?: string;
+    estimatedPriceLabel?: string;
+    onContinue?: () => void;
+    onEditDates?: () => void;
+    onAddDestination?: (query: string) => void;
+    onSearchChange?: (query: string) => void;
+    searchResults?: Array<{
+        id: string;
+        name: string;
+        country?: string;
+        subtitle?: string;
+    }>;
+    onNightsChange?: (destinationId: string, nights: number) => void;
+    onTransportToggle?: (destinationId: string, included: boolean) => void;
+    onAccommodationToggle?: (destinationId: string, included: boolean) => void;
+    onRemoveDestination?: (destinationId: string) => void;
+}
+export default function ItineraryMapView({ destinations: propDestinations, adults, dateFrom, dateTo, totalNights: propTotalNights, title, subtitle, estimatedPrice, estimatedPriceLabel, onContinue, onEditDates, onAddDestination, onSearchChange, searchResults, onNightsChange, onTransportToggle, onAccommodationToggle, onRemoveDestination }: ItineraryMapViewProps): React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Login: React.FC;
+export default Login;

package/build/build-cjs/src/content/components/personal-contact-form.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PersonalContactForm: React.FC;
+export default PersonalContactForm;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface SliderProps {
+    path?: string;
+    images: string[];
+    mode?: 'auto' | 'manual';
+    intervalMs?: number;
+    className?: string;
+}
+declare const Slider: React.FC<SliderProps>;
+export default Slider;

package/build/build-cjs/src/content/error/error.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type ErrorProps = {
+    message?: string;
+};
+declare const Error: React.FC<ErrorProps>;
+export default Error;

package/build/build-cjs/src/content/featured-trips/featured-trip-card.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FeaturedTrip } from './types';
+declare const FeaturedTripCard: React.FC<FeaturedTrip>;
+export default FeaturedTripCard;

package/build/build-cjs/src/content/featured-trips/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FeaturedTripsProps } from './types';
+declare const FeaturedTrips: React.FC<FeaturedTripsProps>;
+export default FeaturedTrips;

package/build/build-cjs/src/content/featured-trips/types.d.ts

@@ -0,0 +1,12 @@
+export interface FeaturedTripsProps {
+    title: string;
+    cards: FeaturedTrip[];
+}
+export interface FeaturedTrip {
+    imageSrc: string;
+    imageAlt: string;
+    title: string;
+    location: string;
+    language?: string;
+    onButtonClick?: () => void;
+}

package/build/build-cjs/src/content/features/content-page/content-page-self-contained.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ContentPageSelfContainedProps {
+    path: string;
+}
+declare const ContentPageSelfContained: React.FC<ContentPageSelfContainedProps>;
+export default ContentPageSelfContained;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FooterProps } from './types';
+export declare const Footer: React.FC<FooterProps>;
+export default Footer;

package/build/build-cjs/src/content/footer/types.d.ts

@@ -0,0 +1,27 @@
+export interface FooterLink {
+    label: string;
+    href?: string;
+}
+export interface FooterColumn {
+    title: string;
+    links: FooterLink[];
+}
+export interface SocialLink {
+    label: string;
+    href: string;
+    iconName: string;
+}
+export interface PaymentIcon {
+    src: string;
+    alt: string;
+}
+export interface FooterProps {
+    className?: string;
+    /** Optional override for the logo (defaults to the SVG from your footer) */
+    logo?: React.ReactNode;
+    onLogoClick?: () => void;
+    social?: SocialLink[];
+    columns?: FooterColumn[];
+    copyrightText?: string;
+    payments?: PaymentIcon[];
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { HeaderProps } from './types';
+declare const Header: React.FC<HeaderProps>;
+export default Header;

package/build/build-cjs/src/content/header/types.d.ts

@@ -0,0 +1,22 @@
+export type HeaderMedia = {
+    type: 'video';
+    src: string;
+} | {
+    type: 'image';
+    src: string;
+    alt: string;
+} | {
+    type: 'slider';
+    images: string[];
+    mode?: 'auto' | 'manual';
+    path?: string;
+};
+export interface HeaderProps {
+    media: HeaderMedia;
+    small?: boolean;
+    title: string;
+    description: string;
+    showButton?: boolean;
+    buttonText?: string;
+    onButtonClick?: () => void;
+}

package/build/build-cjs/src/content/image-card-grid/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ImageCardGridProps } from './types';
+declare const ImageCardGrid: React.FC<ImageCardGridProps>;
+export default ImageCardGrid;

package/build/build-cjs/src/content/image-card-grid/types.d.ts

@@ -0,0 +1,12 @@
+export interface ImageCardGridProps {
+    title: string;
+    cards: ImageCard[];
+    columns: number;
+}
+export interface ImageCard {
+    image: string;
+    title: string;
+    description?: string;
+    buttonText?: string;
+    onButtonClick: (card: ImageCard) => void;
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ImageWithTextCardProps } from './types';
+declare const ImageWithTextCard: React.FC<ImageWithTextCardProps>;
+export default ImageWithTextCard;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ImageWithTextSectionProps } from './types';
+declare const ImageWithTextSection: React.FC<ImageWithTextSectionProps>;
+export default ImageWithTextSection;

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

@@ -0,0 +1,19 @@
+export interface ImageWithTextSectionProps {
+    title: string;
+    hasBackground?: boolean;
+    cards: ImageWithTextCardProps[];
+}
+export interface ImageWithTextCardProps {
+    imageSrc: string;
+    imageAlt: string;
+    title: string;
+    section1Title: string;
+    section1Text: string;
+    section2Title: string;
+    section2Text: string;
+    buttonText: string;
+    onButtonClick?: () => void;
+    noCard?: boolean;
+    fullImage?: boolean;
+    reverse?: boolean;
+}

package/build/build-cjs/src/content/login/confirm-component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LoginComponentProps } from './types';
+declare const ConfirmComponent: React.FC<LoginComponentProps>;
+export default ConfirmComponent;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LoginProps } from './types';
+declare const Login: React.FC<LoginProps>;
+export default Login;

package/build/build-cjs/src/content/login/login-component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LoginComponentProps } from './types';
+declare const LoginComponent: React.FC<LoginComponentProps>;
+export default LoginComponent;

package/build/build-cjs/src/content/login/login-services.d.ts

@@ -0,0 +1,6 @@
+import { TideClientConfig, MemberInfo } from '@qite/tide-client';
+export declare const loginMember: (username: string, password: string, tideClientConfig: TideClientConfig, portalId: number) => Promise<import("@qite/tide-client").MemberLoginResponse>;
+export declare const confirmMember: (token: string, password: string, hasAgreed: boolean, tideClientConfig: TideClientConfig) => Promise<Response>;
+export declare const passwordForgotten: (username: string, tideClientConfig: TideClientConfig, portalId: number) => Promise<boolean>;
+export declare const newPassword: (token: string, password: string, tideClientConfig: TideClientConfig) => Promise<boolean>;
+export declare const decodeTokenToMemberInfo: (token: string | null) => MemberInfo | undefined;

package/build/build-cjs/src/content/login/reset-password-component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LoginComponentProps } from './types';
+declare const ResetPasswordComponent: React.FC<LoginComponentProps>;
+export default ResetPasswordComponent;

package/build/build-cjs/src/content/login/types.d.ts

@@ -0,0 +1,24 @@
+import { MemberInfo, TideClientConfig } from '@qite/tide-client';
+export interface LoginProps {
+    tideClientConfig: TideClientConfig;
+    portalId: number;
+    languageCode: string;
+    imageSrc?: string;
+    logo?: React.ReactNode;
+    isLoginPage: boolean;
+    isMemberConfirmation: boolean;
+    isResetPassword: boolean;
+    member?: MemberInfo;
+    setMember: (member: MemberInfo) => void;
+    handleBackToHome: () => void;
+    handleBackToLogin: () => void;
+}
+export interface LoginComponentProps {
+    tideClientConfig: TideClientConfig;
+    portalId: number;
+    languageCode: string;
+    member?: MemberInfo;
+    setMember: (member: MemberInfo) => void;
+    handleBackToHome: () => void;
+    handleBackToLogin: () => void;
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NavbarProps } from '../navbar/types';
+declare const Navbar: React.FC<NavbarProps>;
+export default Navbar;

package/build/build-cjs/src/content/navbar/placeholderData.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Language, NavItem } from './types';
+import { MemberInfo } from '@qite/tide-client';
+export declare const language: Language;
+export declare const languages: Language[];
+export declare const topLinks: {
+    label: string;
+    href: string;
+}[];
+export declare const navItems: NavItem[];
+export declare const TideLogo: () => React.JSX.Element;
+export declare const placeholderMember: MemberInfo;

package/build/build-cjs/src/content/navbar/types.d.ts

@@ -0,0 +1,32 @@
+import { MemberInfo } from '@qite/tide-client';
+export interface Language {
+    code: string;
+    label: string;
+}
+export interface NavLink {
+    label: string;
+    href?: string;
+}
+export interface NavItem {
+    label: string;
+    href?: string;
+    categories?: {
+        label: string;
+        items: NavLink[];
+    }[];
+    items?: NavLink[];
+}
+export interface NavbarProps {
+    currentPath?: string;
+    logo: React.ReactNode;
+    onLogoClick?: () => void;
+    topLinks: NavLink[];
+    items: NavItem[];
+    language: Language;
+    languages: Language[];
+    onLanguageChange: (lang: string) => void;
+    onSearch: (query: string) => void;
+    member?: MemberInfo;
+    onLogin?: () => void;
+    onLogout?: () => void;
+}

package/build/build-cjs/src/form/components/fields/date-field.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FieldProps } from './form-field';
+declare const DateField: React.FC<FieldProps>;
+export default DateField;

package/build/build-cjs/src/form/components/fields/dropdown-field.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FieldProps } from './form-field';
+declare const DropdownField: React.FC<FieldProps>;
+export default DropdownField;

package/build/build-cjs/src/form/components/fields/field-label.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { WebFormField } from '@qite/tide-client';
+interface FieldLabelProps {
+    field: WebFormField;
+    htmlFor?: string;
+    id?: string;
+    as?: 'label' | 'span';
+}
+declare const FieldLabel: React.FC<FieldLabelProps>;
+export default FieldLabel;

package/build/build-cjs/src/form/components/fields/form-field.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { WebFormField } from '@qite/tide-client';
+import { FormState } from '../../hooks/use-form-state';
+export interface FieldProps {
+    field: WebFormField;
+    fieldKey: string;
+    formState: FormState;
+    noLabel?: boolean;
+}
+declare const FormField: React.FC<FieldProps>;
+export default FormField;

package/build/build-cjs/src/form/components/fields/info-text-field.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { WebFormField } from '@qite/tide-client';
+interface InfoTextFieldProps {
+    field: WebFormField;
+}
+declare const InfoTextField: React.FC<InfoTextFieldProps>;
+export default InfoTextField;

package/build/build-cjs/src/form/components/fields/multi-dropdown-field.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FieldProps } from './form-field';
+declare const MultiDropdownField: React.FC<FieldProps>;
+export default MultiDropdownField;

package/build/build-cjs/src/form/components/fields/multiline-field.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FieldProps } from './form-field';
+declare const MultilineField: React.FC<FieldProps>;
+export default MultilineField;

package/build/build-cjs/src/form/components/fields/number-field.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FieldProps } from './form-field';
+declare const NumberField: React.FC<FieldProps>;
+export default NumberField;

package/build/build-cjs/src/form/components/fields/optional-field.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FieldProps } from './form-field';
+declare const OptionalField: React.FC<FieldProps>;
+export default OptionalField;

package/build/build-cjs/src/form/components/fields/radio-checkbox-field.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FieldProps } from './form-field';
+declare const RadioCheckboxField: React.FC<FieldProps>;
+export default RadioCheckboxField;

package/build/build-cjs/src/form/components/fields/text-field.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FieldProps } from './form-field';
+declare const TextField: React.FC<FieldProps>;
+export default TextField;

package/build/build-cjs/src/form/components/fields/yes-no-field.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FieldProps } from './form-field';
+declare const YesNoField: React.FC<FieldProps>;
+export default YesNoField;

package/build/build-cjs/src/form/components/form-body.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TideWebForm } from '@qite/tide-client';
+import { FormValues } from '../form-types';
+interface FormBodyProps {
+    form: TideWebForm;
+    initialValues: FormValues;
+}
+declare const FormBody: React.FC<FormBodyProps>;
+export default FormBody;

package/build/build-cjs/src/form/components/form-container.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const FormContainer: React.FC;
+export default FormContainer;

package/build/build-cjs/src/form/components/form-segment.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { WebFormSegment } from '@qite/tide-client';
+import { FormState } from '../hooks/use-form-state';
+interface FormSegmentProps {
+    segment: WebFormSegment;
+    stepName: string;
+    formState: FormState;
+    segmentIndex?: number;
+}
+declare const FormSegment: React.FC<FormSegmentProps>;
+export default FormSegment;

package/build/build-cjs/src/form/components/form-step.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WebFormStep } from '@qite/tide-client';
+import { FormState } from '../hooks/use-form-state';
+interface FormStepProps {
+    step: WebFormStep;
+    formState: FormState;
+}
+declare const FormStep: React.FC<FormStepProps>;
+export default FormStep;

package/build/build-cjs/src/form/form-configuration-context.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormConfiguration } from './types';
+declare const FormConfigurationContext: React.Context<FormConfiguration>;
+export default FormConfigurationContext;

package/build/build-cjs/src/form/form-types.d.ts

@@ -0,0 +1,7 @@
+export type FieldValue = string | number | boolean | string[] | null;
+export type FormValues = {
+    [key: string]: FieldValue;
+};
+export type FormErrors = {
+    [key: string]: string;
+};

package/build/build-cjs/src/form/hooks/use-form-state.d.ts

@@ -0,0 +1,13 @@
+import { FieldValue, FormErrors, FormValues } from '../form-types';
+export declare function useFormState(initialValues: FormValues, onValidate?: (values: FormValues) => FormErrors): {
+    values: FormValues;
+    errors: FormErrors;
+    touched: Set<string>;
+    setValue: (key: string, value: FieldValue) => void;
+    setTouched: (key: string) => void;
+    touchAll: (additionalErrors?: FormErrors) => void;
+    touchKeys: (keys: string[]) => void;
+    validate: () => FormErrors;
+    reset: () => void;
+};
+export type FormState = ReturnType<typeof useFormState>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { FormConfiguration } from './types';
+interface FormProps {
+    configuration: FormConfiguration;
+}
+declare const TideForm: React.FC<FormProps>;
+export default TideForm;

package/build/build-cjs/src/form/types.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TideWebForm, TideWebFormContext } from '@qite/tide-client';
+import { FormValues } from './form-types';
+export interface TideFormSidebarProps {
+    form: TideWebForm;
+    values: FormValues;
+    currentStep?: number;
+    totalSteps?: number;
+}
+export interface FormConfiguration {
+    id: number;
+    languageCode: string;
+    apiUrl?: string;
+    apiKey?: string;
+    initialValues?: object;
+    dateFormat?: string;
+    contexts?: TideWebFormContext[];
+    sidebar?: React.ComponentType<TideFormSidebarProps>;
+    sidebarSide?: 'left' | 'right';
+}