@questpackages/tours 0.1.0-test.0

package/dist/react/booking-steps.d.ts

@@ -0,0 +1,22 @@
+import type { Tour } from "../schema/index.js";
+import type { BookingTripDetails } from "./booking-wizard.js";
+export declare function BookingGroupStep({ tour }: {
+    tour: Tour;
+}): import("react").JSX.Element;
+export declare function BookingTripStep({ tour, showGroupFields, trip, onChange, }: {
+    tour: Tour;
+    showGroupFields: boolean;
+    trip: BookingTripDetails;
+    onChange: (patch: Partial<BookingTripDetails>) => void;
+}): import("react").JSX.Element;
+export declare function BookingReviewStep({ tour, startDate, contact, termsAccepted, onTermsChange, }: {
+    tour: Tour;
+    startDate: string;
+    contact: {
+        name: string;
+        email: string;
+        phone: string;
+    };
+    termsAccepted: boolean;
+    onTermsChange: (accepted: boolean) => void;
+}): import("react").JSX.Element;

package/dist/react/booking-steps.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { todayIsoDate } from "./contact-shared.js";
+import { TourPartySizeFields, useTourPartySize } from "./party-size.js";
+import { defaultPricingNotice, partySizeRangeLabel } from "./party-size-rules.js";
+export function BookingGroupStep({ tour }) {
+    const { selected } = useTourPartySize();
+    const baselineAdults = tour.pricing.partySize?.baselineAdults ?? tour.enquiry.minTravellers;
+    return (_jsxs("section", { className: "qt-step-panel", children: [_jsx("h3", { className: "qt-step-title", children: "How many travelers?" }), _jsx("p", { className: "qt-muted", children: "Select your group size to see the indicative price before you continue." }), _jsxs("p", { children: ["This package accepts ", _jsx("strong", { children: partySizeRangeLabel(tour.enquiry) }), "."] }), _jsx(TourPartySizeFields, { tour: tour, idPrefix: "quest-booking-group" }), selected ? (_jsxs("div", { className: "qt-party-total", children: [_jsx("span", { children: "Total" }), _jsx("strong", { children: selected.total }), _jsxs("small", { children: [selected.perPerson, " per person"] }), selected.vehicleCapacityLabel ? _jsx("small", { children: selected.vehicleCapacityLabel }) : null] })) : (_jsx("p", { className: "qt-form-error", children: "Pricing is not available for this group size. Choose another size or send an inquiry." })), _jsxs("p", { className: "qt-notice", children: [_jsx("strong", { children: "NB." }), " ", defaultPricingNotice("booking", baselineAdults)] }), _jsx("p", { className: "qt-muted qt-small", children: "Indicative price for the selected group size. Final quote confirmed by the operator." })] }));
+}
+export function BookingTripStep({ tour, showGroupFields, trip, onChange, }) {
+    return (_jsxs("section", { className: "qt-step-panel", children: [_jsx("h3", { className: "qt-step-title", children: "Trip details" }), _jsxs("label", { className: "qt-field", htmlFor: "quest-booking-start-date", children: [_jsx("span", { className: "qt-field-label", children: "Exact start date" }), _jsx("input", { id: "quest-booking-start-date", className: "qt-input", type: "date", required: true, min: todayIsoDate(), value: trip.startDate, onChange: (event) => onChange({ startDate: event.target.value }) })] }), showGroupFields ? _jsx(TourPartySizeFields, { tour: tour, idPrefix: "quest-booking" }) : null, trip.childAges.length > 0 ? (_jsxs("div", { className: "qt-child-ages", children: [_jsx("p", { className: "qt-field-label", children: "Child ages" }), _jsx("div", { className: "qt-form-grid", children: trip.childAges.map((age, index) => (_jsxs("label", { className: "qt-field", htmlFor: `quest-booking-child-age-${index}`, children: [_jsxs("span", { className: "qt-field-label", children: ["Child ", index + 1] }), _jsx("input", { id: `quest-booking-child-age-${index}`, className: "qt-input", type: "number", min: 0, max: 17, required: true, value: age, onChange: (event) => {
+                                        const next = [...trip.childAges];
+                                        next[index] = Number(event.target.value);
+                                        onChange({ childAges: next });
+                                    } })] }, index))) }), _jsx("p", { className: "qt-muted qt-small", children: "Some activities, such as gorilla trekking, require a minimum age of 15." })] })) : null, _jsxs("label", { className: "qt-field", htmlFor: "quest-booking-tier", children: [_jsx("span", { className: "qt-field-label", children: "Accommodation tier (optional)" }), _jsxs("select", { id: "quest-booking-tier", className: "qt-input", value: trip.accommodationTier, onChange: (event) => onChange({ accommodationTier: event.target.value }), children: [_jsx("option", { value: "", children: "No preference" }), _jsx("option", { value: "budget", children: "Budget" }), _jsx("option", { value: "mid_range", children: "Mid-range" }), _jsx("option", { value: "luxury", children: "Luxury" })] })] }), _jsxs("label", { className: "qt-check", htmlFor: "quest-booking-single", children: [_jsx("input", { id: "quest-booking-single", type: "checkbox", checked: trip.singleSupplement, onChange: (event) => onChange({ singleSupplement: event.target.checked }) }), _jsx("span", { children: "Request a private room (single supplement)" })] }), _jsxs("label", { className: "qt-field", htmlFor: "quest-booking-special", children: [_jsx("span", { className: "qt-field-label", children: "Special requirements (optional)" }), _jsx("textarea", { id: "quest-booking-special", className: "qt-input", rows: 3, maxLength: 2000, value: trip.specialRequirements, placeholder: "Dietary needs, mobility support, honeymoon or anniversary details...", onChange: (event) => onChange({ specialRequirements: event.target.value }) })] })] }));
+}
+export function BookingReviewStep({ tour, startDate, contact, termsAccepted, onTermsChange, }) {
+    const { adults, children, selected } = useTourPartySize();
+    const childCount = tour.enquiry.childrenAllowed ? children : 0;
+    const groupLabel = `${adults} adult${adults === 1 ? "" : "s"}${childCount > 0 ? `, ${childCount} child${childCount === 1 ? "" : "ren"}` : ""}`;
+    return (_jsxs("section", { className: "qt-step-panel", children: [_jsx("h3", { className: "qt-step-title", children: "Review your request" }), _jsx("p", { className: "qt-muted", children: "Check the details below, then submit your reservation request. No payment is required today." }), _jsxs("dl", { className: "qt-summary", children: [_jsxs("div", { children: [_jsx("dt", { children: "Travelers" }), _jsx("dd", { children: groupLabel })] }), _jsxs("div", { children: [_jsx("dt", { children: "Start date" }), _jsx("dd", { children: startDate || "Not set" })] }), selected ? (_jsxs("div", { children: [_jsx("dt", { children: "Indicative total" }), _jsx("dd", { children: selected.total })] })) : null, _jsxs("div", { children: [_jsx("dt", { children: "Contact" }), _jsxs("dd", { children: [contact.name, _jsx("br", {}), contact.email, _jsx("br", {}), contact.phone] })] })] }), _jsxs("label", { className: "qt-check", htmlFor: "quest-booking-terms", children: [_jsx("input", { id: "quest-booking-terms", type: "checkbox", checked: termsAccepted, onChange: (event) => onTermsChange(event.target.checked) }), _jsx("span", { children: "I agree to the cancellation policies and terms of service." })] }), _jsxs("p", { className: "qt-muted qt-small", children: [tour.operator.name, " will confirm availability and send your official itinerary invoice within 24 hours."] })] }));
+}

package/dist/react/booking-wizard.d.ts

@@ -0,0 +1,12 @@
+import type { Tour, TourContactSuccess } from "../schema/index.js";
+export type BookingTripDetails = {
+    startDate: string;
+    childAges: number[];
+    accommodationTier: "" | "budget" | "mid_range" | "luxury";
+    singleSupplement: boolean;
+    specialRequirements: string;
+};
+export declare function TourBookingWizard({ tour, onSuccess, }: {
+    tour: Tour;
+    onSuccess: (success: TourContactSuccess) => void;
+}): import("react").JSX.Element;

package/dist/react/booking-wizard.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ContactFields, ContactStepActions, ContactStepProgress, contactDetailsComplete, submitToQuest, } from "./contact-shared.js";
+import { BookingGroupStep, BookingReviewStep, BookingTripStep } from "./booking-steps.js";
+import { useTourPartySize } from "./party-size.js";
+import { isPartySizeValid } from "./party-size-rules.js";
+export function TourBookingWizard({ tour, onSuccess, }) {
+    const party = useTourPartySize();
+    const hasPartyPricing = tour.pricing.partySize !== null;
+    const steps = hasPartyPricing
+        ? ["Group size", "Trip details", "Your details", "Review"]
+        : ["Trip details", "Your details", "Review"];
+    const offset = hasPartyPricing ? 1 : 0;
+    const [tripStep, contactStep, reviewStep] = [offset, offset + 1, offset + 2];
+    const [step, setStep] = useState(0);
+    const [submitting, setSubmitting] = useState(false);
+    const [error, setError] = useState(null);
+    const [termsAccepted, setTermsAccepted] = useState(false);
+    const [contact, setContact] = useState({ name: "", email: "", phone: "", nationality: "" });
+    const [trip, setTrip] = useState({
+        startDate: "",
+        childAges: [],
+        accommodationTier: "",
+        singleSupplement: false,
+        specialRequirements: "",
+    });
+    const numberOfChildren = tour.enquiry.childrenAllowed ? party.children : 0;
+    const childAges = Array.from({ length: numberOfChildren }, (_, index) => trip.childAges[index] ?? 0);
+    const groupValid = isPartySizeValid(party.adults, numberOfChildren, tour.enquiry, tour.enquiry.childrenAllowed) &&
+        (!hasPartyPricing || party.selected !== null);
+    const canContinue = step === tripStep
+        ? trip.startDate.length > 0 && groupValid
+        : step === contactStep
+            ? contactDetailsComplete(contact)
+            : step === reviewStep
+                ? termsAccepted
+                : groupValid;
+    const submit = async () => {
+        setSubmitting(true);
+        setError(null);
+        const input = {
+            name: contact.name,
+            email: contact.email,
+            phone: contact.phone,
+            nationalityCode: contact.nationality,
+            startDate: trip.startDate,
+            numberOfAdults: party.adults,
+            numberOfChildren,
+            childAges,
+            accommodationTier: trip.accommodationTier || undefined,
+            singleSupplement: trip.singleSupplement,
+            specialRequirements: trip.specialRequirements || undefined,
+            termsAccepted: true,
+            indicativeTotal: party.selected?.total,
+            indicativePerPerson: party.selected?.perPerson,
+            indicativeCurrency: party.selected ? tour.pricing.currency : undefined,
+        };
+        const result = await submitToQuest(tour.enquiry.bookingEndpoint, input);
+        setSubmitting(false);
+        if (!result.ok) {
+            setError(result.error);
+            return;
+        }
+        onSuccess(result.success);
+    };
+    return (_jsxs("div", { className: "qt-wizard", children: [_jsx(ContactStepProgress, { steps: steps, currentStep: step }), error ? (_jsx("p", { className: "qt-form-error", role: "alert", children: error })) : null, hasPartyPricing && step === 0 ? _jsx(BookingGroupStep, { tour: tour }) : null, step === tripStep ? (_jsx(BookingTripStep, { tour: tour, showGroupFields: !hasPartyPricing, trip: { ...trip, childAges }, onChange: (patch) => setTrip((current) => ({ ...current, ...patch })) })) : null, step === contactStep ? (_jsxs("section", { className: "qt-step-panel", children: [_jsx("h3", { className: "qt-step-title", children: "Primary traveler details" }), _jsx(ContactFields, { idPrefix: "quest-booking", nameLabel: "Full name (as on passport / ID)", values: contact, onChange: (patch) => setContact((current) => ({ ...current, ...patch })) })] })) : null, step === reviewStep ? (_jsx(BookingReviewStep, { tour: tour, startDate: trip.startDate, contact: contact, termsAccepted: termsAccepted, onTermsChange: setTermsAccepted })) : null, _jsx(ContactStepActions, { step: step, totalSteps: steps.length, canContinue: canContinue, submitting: submitting, submitLabel: "Submit", onBack: () => setStep((current) => Math.max(0, current - 1)), onContinue: () => setStep((current) => Math.min(steps.length - 1, current + 1)), onSubmit: () => void submit() })] }));
+}

package/dist/react/contact-dialog.d.ts

@@ -0,0 +1,15 @@
+import type { Tour } from "../schema/index.js";
+import type { TourContactMode } from "./contact-shared.js";
+export type TourContactDialogProps = {
+    tour: Tour;
+    mode: TourContactMode;
+    open: boolean;
+    onClose: () => void;
+    /** Extra class on the dialog, e.g. to scope site-specific theme variables. */
+    className?: string;
+};
+/**
+ * Book or inquire modal, matching the Quest website embed. Submissions go straight to Quest,
+ * where they appear as booking requests and inquiries for the operator.
+ */
+export declare function TourContactDialog({ tour, mode, open, onClose, className }: TourContactDialogProps): import("react").JSX.Element;

package/dist/react/contact-dialog.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { TourBookingWizard } from "./booking-wizard.js";
+import { TourInquiryWizard } from "./inquiry-wizard.js";
+import { TourPartySizeProvider, useOptionalTourPartySize } from "./party-size.js";
+import { Icon } from "./shared.js";
+/** Uses the page's shared group size when there is one (inside TourDetail), otherwise its own. */
+function EnsurePartySize({ tour, children }) {
+    const shared = useOptionalTourPartySize();
+    return shared ? children : _jsx(TourPartySizeProvider, { tour: tour, children: children });
+}
+function ContactSuccess({ tour, mode, success, onClose, }) {
+    const { summary } = success;
+    const groupLabel = summary.adults != null
+        ? `${summary.adults} adult${summary.adults === 1 ? "" : "s"}${(summary.children ?? 0) > 0
+            ? `, ${summary.children} child${summary.children === 1 ? "" : "ren"}`
+            : ""}`
+        : null;
+    return (_jsxs("div", { className: "qt-contact-success", children: [_jsxs("h3", { className: "qt-step-title", children: ["Thank you, ", summary.contactName.split(" ")[0] || summary.contactName] }), _jsxs("p", { children: ["Your ", mode === "booking" ? "booking request" : "inquiry", " was received.", " ", _jsx("strong", { children: "No payment has been charged." }), " ", tour.operator.name, " is checking availability and will email your official quote or invoice within 24 hours."] }), _jsxs("dl", { className: "qt-summary", children: [_jsxs("div", { children: [_jsx("dt", { children: "Reference" }), _jsx("dd", { children: success.referenceNumber })] }), _jsxs("div", { children: [_jsx("dt", { children: "Package" }), _jsx("dd", { children: summary.packageTitle })] }), _jsxs("div", { children: [_jsx("dt", { children: "Travel dates" }), _jsx("dd", { children: summary.travelDatesLabel })] }), groupLabel ? (_jsxs("div", { children: [_jsx("dt", { children: "Travelers" }), _jsx("dd", { children: groupLabel })] })) : null] }), _jsx("p", { className: "qt-muted qt-small", children: "A confirmation email is on its way with next steps and contact details if you need to make changes." }), _jsx("button", { type: "button", className: "qt-button qt-button-block", onClick: onClose, children: "Close" })] }));
+}
+/**
+ * Book or inquire modal, matching the Quest website embed. Submissions go straight to Quest,
+ * where they appear as booking requests and inquiries for the operator.
+ */
+export function TourContactDialog({ tour, mode, open, onClose, className }) {
+    const dialogRef = useRef(null);
+    const [success, setSuccess] = useState(null);
+    useEffect(() => {
+        const dialog = dialogRef.current;
+        if (!dialog)
+            return;
+        if (open && !dialog.open)
+            dialog.showModal();
+        if (!open && dialog.open)
+            dialog.close();
+        if (!open)
+            setSuccess(null);
+    }, [open]);
+    const title = success ? "Request received" : mode === "booking" ? "Request booking" : "Send inquiry";
+    return (_jsx("dialog", { ref: dialogRef, className: `quest-tours qt-contact-dialog ${className ?? ""}`.trim(), "aria-labelledby": "quest-contact-title", onClose: onClose, onClick: (event) => {
+            if (event.target === dialogRef.current)
+                onClose();
+        }, children: open ? (_jsxs("div", { className: "qt-contact-panel", children: [_jsxs("header", { className: "qt-contact-header", children: [_jsxs("div", { children: [_jsx("p", { className: "qt-contact-eyebrow", children: "No payment required today" }), _jsx("h2", { id: "quest-contact-title", className: "qt-contact-title", children: title }), success ? null : _jsx("p", { className: "qt-muted", children: tour.title })] }), _jsx("button", { type: "button", className: "qt-contact-close", "aria-label": "Close", onClick: onClose, children: _jsx(Icon.X, {}) })] }), _jsx("div", { className: "qt-contact-body", children: _jsx(EnsurePartySize, { tour: tour, children: success ? (_jsx(ContactSuccess, { tour: tour, mode: mode, success: success, onClose: onClose })) : mode === "booking" ? (_jsx(TourBookingWizard, { tour: tour, onSuccess: setSuccess }, "booking")) : (_jsx(TourInquiryWizard, { tour: tour, onSuccess: setSuccess }, "inquiry")) }) })] })) : null }));
+}

package/dist/react/contact-panel.d.ts

@@ -0,0 +1,5 @@
+import type { Tour } from "../schema/index.js";
+/** "Book or Inquire" panel from the Quest website embed, opening the booking or inquiry modal. */
+export declare function TourContactPanel({ tour }: {
+    tour: Tour;
+}): import("react").JSX.Element;

package/dist/react/contact-panel.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { TourContactDialog } from "./contact-dialog.js";
+/** "Book or Inquire" panel from the Quest website embed, opening the booking or inquiry modal. */
+export function TourContactPanel({ tour }) {
+    const [mode, setMode] = useState("booking");
+    const [open, setOpen] = useState(false);
+    const price = tour.price.fromPerPerson ?? tour.price.total;
+    return (_jsxs("div", { className: "qt-panel qt-contact-cta", id: "quest-enquiry", children: [_jsx("h2", { className: "qt-panel-title", children: "Book or Inquire" }), _jsxs("p", { className: "qt-muted qt-small", children: ["Reserve your dates or ask ", tour.operator.name, " about ", tour.title, "."] }), price ? (_jsxs("p", { className: "qt-price-chip", children: [_jsx("span", { children: "From" }), " ", _jsx("strong", { children: price.formatted }), " ", _jsx("small", { children: tour.price.fromPerPerson ? "per person" : "total" })] })) : null, _jsx("div", { className: "qt-tabs", role: "tablist", "aria-label": "Contact options", children: ["booking", "inquiry"].map((option) => (_jsx("button", { type: "button", role: "tab", "aria-selected": mode === option, className: mode === option ? "is-active" : undefined, onClick: () => setMode(option), children: option === "booking" ? "Book" : "Inquire" }, option))) }), _jsx("p", { className: "qt-small", children: mode === "booking"
+                    ? "Share your travel dates and group details to request a provisional reservation."
+                    : "Ask about dates, pricing, or custom changes before you commit." }), _jsx("button", { type: "button", className: "qt-button qt-button-block", onClick: () => setOpen(true), children: mode === "booking" ? "Request Booking" : "Send Inquiry" }), _jsx("p", { className: "qt-muted qt-small", children: mode === "booking"
+                    ? "No payment is required today. Our team confirms availability within 24 hours."
+                    : "No payment required. We reply with answers and a tailored quote within 24 hours." }), _jsx(TourContactDialog, { tour: tour, mode: mode, open: open, onClose: () => setOpen(false) })] }));
+}

package/dist/react/contact-shared.d.ts

@@ -0,0 +1,55 @@
+import { type TourContactSuccess } from "../schema/index.js";
+export type TourContactMode = "booking" | "inquiry";
+export type TourContactSubmitResult = {
+    ok: true;
+    success: TourContactSuccess;
+} | {
+    ok: false;
+    error: string;
+};
+/** POST from the visitor's browser straight to Quest (rate limiting and origin checks apply there). */
+export declare function submitToQuest(endpoint: string, body: unknown): Promise<TourContactSubmitResult>;
+export declare function ContactStepProgress({ steps, currentStep, }: {
+    steps: readonly string[];
+    currentStep: number;
+}): import("react").JSX.Element;
+export declare function ContactStepActions({ step, totalSteps, canContinue, submitting, submitLabel, onBack, onContinue, onSubmit, }: {
+    step: number;
+    totalSteps: number;
+    canContinue: boolean;
+    submitting: boolean;
+    submitLabel: string;
+    onBack: () => void;
+    onContinue: () => void;
+    onSubmit: () => void;
+}): import("react").JSX.Element;
+export declare function NationalitySelect({ id, value, onChange, }: {
+    id: string;
+    value: string;
+    onChange: (code: string) => void;
+}): import("react").JSX.Element;
+/** Contact fields shared by both flows. */
+export declare function ContactFields({ idPrefix, nameLabel, values, onChange, }: {
+    idPrefix: string;
+    nameLabel: string;
+    values: {
+        name: string;
+        email: string;
+        phone: string;
+        nationality: string;
+    };
+    onChange: (patch: Partial<{
+        name: string;
+        email: string;
+        phone: string;
+        nationality: string;
+    }>) => void;
+}): import("react").JSX.Element;
+export declare function contactDetailsComplete(values: {
+    name: string;
+    email: string;
+    phone: string;
+    nationality: string;
+}): boolean;
+/** Today's date as YYYY-MM-DD in the visitor's time zone, for date input minimums. */
+export declare function todayIsoDate(): string;

package/dist/react/contact-shared.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { tourContactSuccessSchema } from "../schema/index.js";
+import { countryOptions } from "./countries.js";
+import { Icon } from "./shared.js";
+const SUBMIT_ERROR = "We could not send your request. Please try again.";
+/** POST from the visitor's browser straight to Quest (rate limiting and origin checks apply there). */
+export async function submitToQuest(endpoint, body) {
+    try {
+        const response = await fetch(endpoint, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(body),
+        });
+        const payload = await response.json().catch(() => null);
+        const success = tourContactSuccessSchema.safeParse(payload);
+        if (response.ok && success.success)
+            return { ok: true, success: success.data };
+        if (response.status === 429) {
+            return { ok: false, error: "Too many requests. Please wait a few minutes and try again." };
+        }
+        const error = payload && typeof payload === "object" && "error" in payload && typeof payload.error === "string"
+            ? payload.error
+            : SUBMIT_ERROR;
+        return { ok: false, error };
+    }
+    catch {
+        return { ok: false, error: SUBMIT_ERROR };
+    }
+}
+export function ContactStepProgress({ steps, currentStep, }) {
+    return (_jsxs("nav", { className: "qt-steps", "aria-label": "Form progress", children: [_jsx("ol", { className: "qt-steps-list", children: steps.map((label, index) => {
+                    const status = index < currentStep ? "complete" : index === currentStep ? "current" : "upcoming";
+                    return (_jsxs("li", { className: `qt-step is-${status}`, "aria-current": status === "current" ? "step" : undefined, children: [_jsx("span", { className: "qt-step-marker", children: index + 1 }), _jsx("span", { className: "qt-step-label", children: label })] }, label));
+                }) }), _jsxs("p", { className: "qt-step-caption", children: ["Step ", currentStep + 1, " of ", steps.length, ": ", steps[currentStep]] })] }));
+}
+export function ContactStepActions({ step, totalSteps, canContinue, submitting, submitLabel, onBack, onContinue, onSubmit, }) {
+    const isLast = step >= totalSteps - 1;
+    return (_jsxs("div", { className: "qt-step-actions", children: [step > 0 ? (_jsxs("button", { type: "button", className: "qt-button qt-button-outline", onClick: onBack, disabled: submitting, children: [_jsx(Icon.ArrowLeft, {}), "Back"] })) : (_jsx("span", { "aria-hidden": "true" })), _jsxs("button", { type: "button", className: "qt-button", disabled: !canContinue || submitting, onClick: isLast ? onSubmit : onContinue, children: [isLast ? (submitting ? "Submitting..." : submitLabel) : "Continue", isLast ? null : _jsx(Icon.ArrowRight, {})] })] }));
+}
+export function NationalitySelect({ id, value, onChange, }) {
+    const countries = useMemo(() => countryOptions(), []);
+    return (_jsxs("select", { id: id, className: "qt-input", value: value, required: true, onChange: (event) => onChange(event.target.value), children: [_jsx("option", { value: "", disabled: true, children: "Passport nationality" }), countries.map((country) => (_jsx("option", { value: country.code, children: country.name }, country.code)))] }));
+}
+/** Contact fields shared by both flows. */
+export function ContactFields({ idPrefix, nameLabel, values, onChange, }) {
+    return (_jsxs("div", { className: "qt-form-grid", children: [_jsxs("label", { className: "qt-field qt-field-span-2", htmlFor: `${idPrefix}-name`, children: [_jsx("span", { className: "qt-field-label", children: nameLabel }), _jsx("input", { id: `${idPrefix}-name`, className: "qt-input", autoComplete: "name", required: true, maxLength: 120, value: values.name, onChange: (event) => onChange({ name: event.target.value }) })] }), _jsxs("label", { className: "qt-field", htmlFor: `${idPrefix}-email`, children: [_jsx("span", { className: "qt-field-label", children: "Email address" }), _jsx("input", { id: `${idPrefix}-email`, className: "qt-input", type: "email", autoComplete: "email", required: true, maxLength: 200, value: values.email, onChange: (event) => onChange({ email: event.target.value }) })] }), _jsxs("label", { className: "qt-field", htmlFor: `${idPrefix}-phone`, children: [_jsx("span", { className: "qt-field-label", children: "Phone / WhatsApp" }), _jsx("input", { id: `${idPrefix}-phone`, className: "qt-input", type: "tel", autoComplete: "tel", required: true, maxLength: 50, value: values.phone, onChange: (event) => onChange({ phone: event.target.value }) })] }), _jsxs("label", { className: "qt-field qt-field-span-2", htmlFor: `${idPrefix}-nationality`, children: [_jsx("span", { className: "qt-field-label", children: "Nationality" }), _jsx(NationalitySelect, { id: `${idPrefix}-nationality`, value: values.nationality, onChange: (nationality) => onChange({ nationality }) })] })] }));
+}
+export function contactDetailsComplete(values) {
+    return (values.name.trim().length >= 2 &&
+        /.+@.+\..+/.test(values.email.trim()) &&
+        values.phone.trim().length >= 6 &&
+        values.nationality.length === 2);
+}
+/** Today's date as YYYY-MM-DD in the visitor's time zone, for date input minimums. */
+export function todayIsoDate() {
+    const now = new Date();
+    return new Date(now.getTime() - now.getTimezoneOffset() * 60_000).toISOString().slice(0, 10);
+}

package/dist/react/countries.d.ts

@@ -0,0 +1,4 @@
+export declare function countryOptions(locale?: string): {
+    code: string;
+    name: string;
+}[];

package/dist/react/countries.js

@@ -0,0 +1,6 @@
+/** ISO 3166-1 alpha-2 codes. Names come from `Intl.DisplayNames` at runtime to keep the bundle small. */
+const ISO_COUNTRY_CODES = "AD AE AF AG AI AL AM AO AQ AR AS AT AU AW AX AZ BA BB BD BE BF BG BH BI BJ BL BM BN BO BQ BR BS BT BV BW BY BZ CA CC CD CF CG CH CI CK CL CM CN CO CR CU CV CW CX CY CZ DE DJ DK DM DO DZ EC EE EG EH ER ES ET FI FJ FK FM FO FR GA GB GD GE GF GG GH GI GL GM GN GP GQ GR GS GT GU GW GY HK HM HN HR HT HU ID IE IL IM IN IO IQ IR IS IT JE JM JO JP KE KG KH KI KM KN KP KR KW KY KZ LA LB LC LI LK LR LS LT LU LV LY MA MC MD ME MF MG MH MK ML MM MN MO MP MQ MR MS MT MU MV MW MX MY MZ NA NC NE NF NG NI NL NO NP NR NU NZ OM PA PE PF PG PH PK PL PM PN PR PS PT PW PY QA RE RO RS RU RW SA SB SC SD SE SG SH SI SJ SK SL SM SN SO SR SS ST SV SX SY SZ TC TD TF TG TH TJ TK TL TM TN TO TR TT TV TW TZ UA UG UM US UY UZ VA VC VE VG VI VN VU WF WS YE YT ZA ZM ZW".split(" ");
+export function countryOptions(locale = "en") {
+    const names = new Intl.DisplayNames([locale], { type: "region" });
+    return ISO_COUNTRY_CODES.map((code) => ({ code, name: names.of(code) ?? code })).sort((a, b) => a.name.localeCompare(b.name, locale));
+}

package/dist/react/index.d.ts

@@ -0,0 +1,12 @@
+export { TourCard, TourCardPrice, TourGrid, type TourCardProps, type TourGridProps } from "./tour-card.js";
+export { TourDetail, defaultTourSections, type TourDetailProps, type TourSectionComponents, type TourSectionKey, } from "./tour-detail.js";
+export { TourAccommodation, TourHero, TourHighlights, TourInclusions, TourItinerary, TourOverview, TourPaymentTerms, TourRelated, TourVehicle, } from "./sections.js";
+export { TourGallery } from "./tour-gallery.js";
+export { TourPartySizeFields, TourPartySizeProvider, TourPricing, useTourPartySize, } from "./party-size.js";
+export { TourContactDialog, type TourContactDialogProps } from "./contact-dialog.js";
+export { TourContactPanel } from "./contact-panel.js";
+export { TourBookingWizard } from "./booking-wizard.js";
+export { TourInquiryWizard } from "./inquiry-wizard.js";
+export type { TourContactMode } from "./contact-shared.js";
+export { TourJsonLd } from "./tour-json-ld.js";
+export { TourSection, type TourLinkComponent, type TourLinkProps, type TourSectionProps } from "./shared.js";

package/dist/react/index.js

@@ -0,0 +1,11 @@
+export { TourCard, TourCardPrice, TourGrid } from "./tour-card.js";
+export { TourDetail, defaultTourSections, } from "./tour-detail.js";
+export { TourAccommodation, TourHero, TourHighlights, TourInclusions, TourItinerary, TourOverview, TourPaymentTerms, TourRelated, TourVehicle, } from "./sections.js";
+export { TourGallery } from "./tour-gallery.js";
+export { TourPartySizeFields, TourPartySizeProvider, TourPricing, useTourPartySize, } from "./party-size.js";
+export { TourContactDialog } from "./contact-dialog.js";
+export { TourContactPanel } from "./contact-panel.js";
+export { TourBookingWizard } from "./booking-wizard.js";
+export { TourInquiryWizard } from "./inquiry-wizard.js";
+export { TourJsonLd } from "./tour-json-ld.js";
+export { TourSection } from "./shared.js";

package/dist/react/inquiry-wizard.d.ts

@@ -0,0 +1,5 @@
+import type { Tour, TourContactSuccess } from "../schema/index.js";
+export declare function TourInquiryWizard({ tour, onSuccess, }: {
+    tour: Tour;
+    onSuccess: (success: TourContactSuccess) => void;
+}): import("react").JSX.Element;

package/dist/react/inquiry-wizard.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ContactFields, ContactStepActions, ContactStepProgress, contactDetailsComplete, submitToQuest, todayIsoDate, } from "./contact-shared.js";
+import { defaultPricingNotice } from "./party-size-rules.js";
+const STEPS = ["Travel plans", "Contact details"];
+export function TourInquiryWizard({ tour, onSuccess, }) {
+    const [step, setStep] = useState(0);
+    const [submitting, setSubmitting] = useState(false);
+    const [error, setError] = useState(null);
+    const [travelDateMode, setTravelDateMode] = useState("flexible");
+    const [preferredMonth, setPreferredMonth] = useState("");
+    const [preferredStartDate, setPreferredStartDate] = useState("");
+    const [message, setMessage] = useState("");
+    const [contact, setContact] = useState({ name: "", email: "", phone: "", nationality: "" });
+    const canContinue = step === 0
+        ? travelDateMode === "flexible" ||
+            (travelDateMode === "specific_month" && preferredMonth.length > 0) ||
+            (travelDateMode === "specific_date" && preferredStartDate.length > 0)
+        : contactDetailsComplete(contact);
+    const submit = async () => {
+        setSubmitting(true);
+        setError(null);
+        const input = {
+            name: contact.name,
+            email: contact.email,
+            phone: contact.phone,
+            countryCode: contact.nationality,
+            travelDateMode,
+            preferredMonth: preferredMonth || undefined,
+            preferredStartDate: preferredStartDate || undefined,
+            message: message || undefined,
+        };
+        const result = await submitToQuest(tour.enquiry.endpoint, input);
+        setSubmitting(false);
+        if (!result.ok) {
+            setError(result.error);
+            return;
+        }
+        onSuccess(result.success);
+    };
+    return (_jsxs("div", { className: "qt-wizard", children: [_jsx(ContactStepProgress, { steps: STEPS, currentStep: step }), error ? (_jsx("p", { className: "qt-form-error", role: "alert", children: error })) : null, step === 0 ? (_jsxs("section", { className: "qt-step-panel", children: [_jsx("h3", { className: "qt-step-title", children: "When would you like to travel?" }), _jsxs("label", { className: "qt-field", htmlFor: "quest-inquiry-date-mode", children: [_jsx("span", { className: "qt-field-label", children: "Estimated travel dates" }), _jsxs("select", { id: "quest-inquiry-date-mode", className: "qt-input", value: travelDateMode, onChange: (event) => setTravelDateMode(event.target.value), children: [_jsx("option", { value: "flexible", children: "Flexible / still planning" }), _jsx("option", { value: "specific_month", children: "Specific month" }), _jsx("option", { value: "specific_date", children: "Specific date" })] })] }), travelDateMode === "specific_month" ? (_jsxs("label", { className: "qt-field", htmlFor: "quest-inquiry-month", children: [_jsx("span", { className: "qt-field-label", children: "Travel month" }), _jsx("input", { id: "quest-inquiry-month", className: "qt-input", type: "month", required: true, min: todayIsoDate().slice(0, 7), value: preferredMonth, onChange: (event) => setPreferredMonth(event.target.value) })] })) : null, travelDateMode === "specific_date" ? (_jsxs("label", { className: "qt-field", htmlFor: "quest-inquiry-date", children: [_jsx("span", { className: "qt-field-label", children: "Estimated start date" }), _jsx("input", { id: "quest-inquiry-date", className: "qt-input", type: "date", required: true, min: todayIsoDate(), value: preferredStartDate, onChange: (event) => setPreferredStartDate(event.target.value) })] })) : null, tour.pricing.partySize ? (_jsxs("p", { className: "qt-notice", children: [_jsx("strong", { children: "NB." }), " ", defaultPricingNotice("inquiry", tour.pricing.partySize.baselineAdults)] })) : null, _jsxs("label", { className: "qt-field", htmlFor: "quest-inquiry-message", children: [_jsx("span", { className: "qt-field-label", children: "Message or questions (optional)" }), _jsx("textarea", { id: "quest-inquiry-message", className: "qt-input", rows: 4, maxLength: 2000, value: message, placeholder: "Preferred destinations, celebrations, or anything you'd like us to know...", onChange: (event) => setMessage(event.target.value) })] })] })) : (_jsxs("section", { className: "qt-step-panel", children: [_jsx("h3", { className: "qt-step-title", children: "How can we reach you?" }), _jsx(ContactFields, { idPrefix: "quest-inquiry", nameLabel: "Full name", values: contact, onChange: (patch) => setContact((current) => ({ ...current, ...patch })) }), _jsxs("p", { className: "qt-muted qt-small", children: ["No payment required. ", tour.operator.name, " will reply with answers and a tailored quote within 24 hours."] })] })), _jsx(ContactStepActions, { step: step, totalSteps: STEPS.length, canContinue: canContinue, submitting: submitting, submitLabel: "Send Inquiry", onBack: () => setStep((current) => Math.max(0, current - 1)), onContinue: () => setStep((current) => Math.min(STEPS.length - 1, current + 1)), onSubmit: () => void submit() })] }));
+}

package/dist/react/party-size-rules.d.ts

@@ -0,0 +1,18 @@
+import type { Tour } from "../schema/index.js";
+/**
+ * Party size rules, ported from Quest's price matrix helpers so the forms accept exactly the
+ * groups Quest's booking and inquiry endpoints accept.
+ */
+type Bounds = {
+    minTravellers: number;
+    maxTravellers: number;
+};
+export declare function childrenCountOptions(adults: number, bounds: Bounds): number[];
+export declare function adultCountOptions(bounds: Bounds, childrenAllowed: boolean): number[];
+export declare function isPartySizeValid(adults: number, children: number, bounds: Bounds, childrenAllowed: boolean): boolean;
+export declare function partySizeRangeLabel(bounds: Bounds): string;
+type PartyPriceOption = NonNullable<Tour["pricing"]["partySize"]>["options"][number];
+export declare function findPartyPriceOption(tour: Tour, adults: number, children: number): PartyPriceOption | null;
+/** Same wording as the Quest embed's default pricing notice. */
+export declare function defaultPricingNotice(variant: "booking" | "inquiry", baselineAdults: number): string;
+export {};

package/dist/react/party-size-rules.js

@@ -0,0 +1,52 @@
+function normalizeBounds({ minTravellers, maxTravellers }) {
+    const min = Math.max(1, Math.trunc(minTravellers));
+    return { min, max: Math.max(min, Math.trunc(maxTravellers)) };
+}
+export function childrenCountOptions(adults, bounds) {
+    const { min, max } = normalizeBounds(bounds);
+    const safeAdults = Math.max(1, Math.trunc(adults));
+    const minChildren = Math.max(0, min - safeAdults);
+    const maxChildren = Math.max(0, max - safeAdults);
+    if (maxChildren < minChildren)
+        return [0];
+    return Array.from({ length: maxChildren - minChildren + 1 }, (_, index) => minChildren + index);
+}
+export function adultCountOptions(bounds, childrenAllowed) {
+    const { min, max } = normalizeBounds(bounds);
+    const firstAdult = childrenAllowed ? 1 : min;
+    const options = [];
+    for (let adults = firstAdult; adults <= max; adults += 1) {
+        if (!childrenAllowed || childrenCountOptions(adults, bounds).length > 0)
+            options.push(adults);
+    }
+    return options.length > 0 ? options : [min];
+}
+export function isPartySizeValid(adults, children, bounds, childrenAllowed) {
+    const { min, max } = normalizeBounds(bounds);
+    const safeAdults = Math.max(1, Math.trunc(adults));
+    const safeChildren = Math.max(0, Math.trunc(children));
+    if (!childrenAllowed && safeChildren > 0)
+        return false;
+    const total = safeAdults + safeChildren;
+    if (total < min || total > max)
+        return false;
+    if (!childrenAllowed)
+        return true;
+    return childrenCountOptions(safeAdults, bounds).includes(safeChildren);
+}
+export function partySizeRangeLabel(bounds) {
+    const { min, max } = normalizeBounds(bounds);
+    return min === max ? `${min} travelers` : `${min} to ${max} travelers`;
+}
+export function findPartyPriceOption(tour, adults, children) {
+    return (tour.pricing.partySize?.options.find((option) => option.adults === adults && option.children === children) ?? null);
+}
+const FNR_LABEL = "Foreign Non-Resident (FNR)";
+const FNR_EXPLAINER = "FNR means international visitors who are not legal residents of the destination country. This is the standard rate band for overseas safari guests.";
+/** Same wording as the Quest embed's default pricing notice. */
+export function defaultPricingNotice(variant, baselineAdults) {
+    const count = `${baselineAdults} ${baselineAdults === 1 ? "person" : "people"}`;
+    return variant === "booking"
+        ? `Default pricing is for ${count}, ${FNR_LABEL}. ${FNR_EXPLAINER} Change the number of travelers here, or use Inquire for destination and accommodation changes.`
+        : `This package is priced for ${count}, ${FNR_LABEL} by default. Tell us in your message if you need a different group size, destinations, or accommodation. ${FNR_EXPLAINER}`;
+}

package/dist/react/party-size.d.ts

@@ -0,0 +1,27 @@
+import { type ReactNode } from "react";
+import type { Tour } from "../schema/index.js";
+import { findPartyPriceOption } from "./party-size-rules.js";
+type TourPartySizeState = {
+    adults: number;
+    children: number;
+    setAdults: (adults: number) => void;
+    setChildren: (children: number) => void;
+    /** Indicative price for the selected group, when the package has party pricing. */
+    selected: ReturnType<typeof findPartyPriceOption>;
+};
+/** Shares the chosen group size between the price panel and the booking and inquiry forms. */
+export declare function TourPartySizeProvider({ tour, children: content }: {
+    tour: Tour;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useOptionalTourPartySize(): TourPartySizeState | null;
+export declare function useTourPartySize(): TourPartySizeState;
+/** Adults and (when allowed) children selects bound to the shared group size. */
+export declare function TourPartySizeFields({ tour, idPrefix }: {
+    tour: Tour;
+    idPrefix: string;
+}): import("react").JSX.Element;
+export declare function TourPricing({ tour }: {
+    tour: Tour;
+}): import("react").JSX.Element;
+export {};