@voyantjs/flights-ui 0.35.0 → 0.37.0

package/dist/components/popular-routes.js

@@ -3,93 +3,59 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge } from "@voyantjs/ui/components/badge";
 import { cn } from "@voyantjs/ui/lib/utils";
 import { ArrowRight, Sparkles } from "lucide-react";
+import { flightsUiEn } from "../i18n/en.js";
+import { useFlightsUiMessagesOrDefault } from "../i18n/index.js";
 /**
  * Default route set — recognizable city pairs across regions so a fresh
  * /flights page has something to click without having to type airports.
  * Pages can pass their own `routes` to override.
  */
-export const DEFAULT_POPULAR_ROUTES = [
+const DEFAULT_POPULAR_ROUTE_CODES = [
     {
         origin: "LHR",
-        originLabel: "London",
         destination: "JFK",
-        destinationLabel: "New York",
-        tag: "Transatlantic",
-        hint: "Premium cabins, daily",
     },
     {
         origin: "CDG",
-        originLabel: "Paris",
         destination: "DXB",
-        destinationLabel: "Dubai",
-        tag: "Connecting hub",
-        hint: "Wide carrier mix",
     },
     {
         origin: "AMS",
-        originLabel: "Amsterdam",
         destination: "SIN",
-        destinationLabel: "Singapore",
-        tag: "Long-haul",
-        hint: "Nonstop options",
     },
     {
         origin: "FRA",
-        originLabel: "Frankfurt",
         destination: "NRT",
-        destinationLabel: "Tokyo",
-        tag: "Long-haul",
-        hint: "12-13h nonstop",
     },
     {
         origin: "MAD",
-        originLabel: "Madrid",
         destination: "GRU",
-        destinationLabel: "São Paulo",
-        tag: "Latin America",
-        hint: "10h nonstop",
     },
     {
         origin: "BCN",
-        originLabel: "Barcelona",
         destination: "FCO",
-        destinationLabel: "Rome",
-        tag: "Short-haul",
-        hint: "From €60",
     },
     {
         origin: "LGW",
-        originLabel: "London Gatwick",
         destination: "MAD",
-        destinationLabel: "Madrid",
-        tag: "Short-haul",
-        hint: "LCC dominant",
     },
     {
         origin: "DXB",
-        originLabel: "Dubai",
         destination: "BKK",
-        destinationLabel: "Bangkok",
-        tag: "Asia",
-        hint: "6h nonstop",
     },
     {
         origin: "SFO",
-        originLabel: "San Francisco",
         destination: "HND",
-        destinationLabel: "Tokyo",
-        tag: "Trans-Pacific",
-        hint: "11h nonstop",
     },
     {
         origin: "ZRH",
-        originLabel: "Zurich",
         destination: "JNB",
-        destinationLabel: "Johannesburg",
-        tag: "Africa",
-        hint: "11h overnight",
     },
 ];
+export const DEFAULT_POPULAR_ROUTES = DEFAULT_POPULAR_ROUTE_CODES.map((route, index) => ({
+    ...route,
+    ...defaultRouteMessages(flightsUiEn.popularRoutes.defaults, index),
+}));
 /**
  * A grid of clickable popular-route cards. Each card synthesizes a
  * `FlightSearchRequest` (round-trip by default, 14 days out, 7 nights) and
@@ -97,7 +63,15 @@ export const DEFAULT_POPULAR_ROUTES = [
  * step. Designed for the empty-state of a flights page: gives the user
  * something to do without typing airport codes.
  */
-export function PopularRoutes({ routes, onSelect, tripType = "round_trip", daysOut = 14, tripNights = 7, cabin = "economy", adults = 1, className, title = "Popular routes", }) {
+export function PopularRoutes({ routes, onSelect, tripType = "round_trip", daysOut = 14, tripNights = 7, cabin = "economy", adults = 1, className, title, }) {
+    const messages = useFlightsUiMessagesOrDefault().popularRoutes;
+    const resolvedRoutes = routes.map((route, index) => route === DEFAULT_POPULAR_ROUTES[index]
+        ? {
+            ...route,
+            ...defaultRouteMessages(messages.defaults, index),
+        }
+        : route);
+    const resolvedTitle = title === undefined ? messages.title : title;
     const today = new Date();
     const departure = isoDate(addDays(today, daysOut));
     const returnDate = isoDate(addDays(today, daysOut + tripNights));
@@ -114,7 +88,7 @@ export function PopularRoutes({ routes, onSelect, tripType = "round_trip", daysO
         }
         return { slices, passengers: { adults, children: 0, infants: 0 }, cabin };
     };
-    return (_jsxs("section", { className: cn("flex flex-col gap-3", className), children: [title && (_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-sm", children: [_jsx(Sparkles, { className: "h-4 w-4" }), _jsx("span", { children: title })] })), _jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: routes.map((route) => (_jsxs("button", { type: "button", onClick: () => onSelect(buildRequest(route)), className: "group flex flex-col gap-2 rounded-lg border bg-card p-4 text-left shadow-sm transition-all hover:border-primary/40 hover:shadow", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsxs("span", { className: "flex flex-col leading-tight", children: [_jsx("span", { className: "font-mono text-xs text-muted-foreground", children: route.origin }), _jsx("span", { className: "font-medium", children: route.originLabel })] }), _jsx(ArrowRight, { className: "mx-auto h-4 w-4 shrink-0 text-muted-foreground transition-transform group-hover:translate-x-0.5" }), _jsxs("span", { className: "flex flex-col text-right leading-tight", children: [_jsx("span", { className: "font-mono text-xs text-muted-foreground", children: route.destination }), _jsx("span", { className: "font-medium", children: route.destinationLabel })] })] }), _jsxs("div", { className: "mt-auto flex items-center justify-between", children: [route.tag && (_jsx(Badge, { variant: "secondary", className: "text-[10px] font-normal", children: route.tag })), route.hint && _jsx("span", { className: "text-xs text-muted-foreground", children: route.hint })] })] }, `${route.origin}-${route.destination}`))) })] }));
+    return (_jsxs("section", { className: cn("flex flex-col gap-3", className), children: [resolvedTitle && (_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-sm", children: [_jsx(Sparkles, { className: "h-4 w-4" }), _jsx("span", { children: resolvedTitle })] })), _jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: resolvedRoutes.map((route) => (_jsxs("button", { type: "button", onClick: () => onSelect(buildRequest(route)), className: "group flex flex-col gap-2 rounded-lg border bg-card p-4 text-left shadow-sm transition-all hover:border-primary/40 hover:shadow", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsxs("span", { className: "flex flex-col leading-tight", children: [_jsx("span", { className: "font-mono text-xs text-muted-foreground", children: route.origin }), _jsx("span", { className: "font-medium", children: route.originLabel })] }), _jsx(ArrowRight, { className: "mx-auto h-4 w-4 shrink-0 text-muted-foreground transition-transform group-hover:translate-x-0.5" }), _jsxs("span", { className: "flex flex-col text-right leading-tight", children: [_jsx("span", { className: "font-mono text-xs text-muted-foreground", children: route.destination }), _jsx("span", { className: "font-medium", children: route.destinationLabel })] })] }), _jsxs("div", { className: "mt-auto flex items-center justify-between", children: [route.tag && (_jsx(Badge, { variant: "secondary", className: "text-[10px] font-normal", children: route.tag })), route.hint && _jsx("span", { className: "text-xs text-muted-foreground", children: route.hint })] })] }, `${route.origin}-${route.destination}`))) })] }));
 }
 function addDays(d, n) {
     const copy = new Date(d.getTime());
@@ -124,3 +98,11 @@ function addDays(d, n) {
 function isoDate(d) {
     return d.toISOString().slice(0, 10);
 }
+function defaultRouteMessages(defaults, index) {
+    return (defaults[index] ?? {
+        originLabel: "",
+        destinationLabel: "",
+        tag: "",
+        hint: "",
+    });
+}

package/dist/i18n/en.d.ts

@@ -1,4 +1,60 @@
 export declare const flightsUiEn: {
+    common: {
+        noValue: string;
+        total: string;
+        included: string;
+        free: string;
+        selected: string;
+        recommended: string;
+        passengerSingular: string;
+        passengerPlural: string;
+        pax: string;
+        adultPerPassenger: string;
+        passengerTypeLabels: {
+            adult: string;
+            child: string;
+            infant: string;
+            senior: string;
+            youth: string;
+        };
+        cabinLabels: {
+            economy: string;
+            premium_economy: string;
+            business: string;
+            first: string;
+        };
+        genderLabels: {
+            M: string;
+            F: string;
+            X: string;
+        };
+        documentTypeLabels: {
+            passport: string;
+            national_id: string;
+            visa: string;
+        };
+        orderStatusLabels: {
+            pending: string;
+            confirmed: string;
+            ticketed: string;
+            cancelled: string;
+            failed: string;
+        };
+        legLabels: {
+            itinerary: string;
+            outbound: string;
+            return: string;
+            leg: string;
+        };
+        stops: {
+            nonstop: string;
+            oneStop: string;
+            manyStops: string;
+            via: string;
+            upToOne: string;
+            upToMany: string;
+        };
+    };
     flightsPage: {
         title: string;
         description: string;
@@ -37,6 +93,15 @@ export declare const flightsUiEn: {
         offerNotInSessionDescription: string;
         backToFlightSearch: string;
         backToResults: string;
+        offerUnavailable: string;
+        segmentNotFound: string;
+        paymentBrandLabels: {
+            visa: string;
+            mastercard: string;
+            amex: string;
+            revolut: string;
+            bank_transfer: string;
+        };
     };
     passengerContactPicker: {
         trigger: string;
@@ -57,5 +122,344 @@ export declare const flightsUiEn: {
         orgsEmpty: string;
         emptyName: string;
     };
+    airportCombobox: {
+        placeholder: string;
+        searchPlaceholder: string;
+        searching: string;
+        empty: string;
+    };
+    flightBaggageStep: {
+        unavailable: string;
+        title: string;
+        description: string;
+        sameForBothDirections: string;
+        bags: string;
+        noCheckedBag: string;
+    };
+    flightBillingStep: {
+        title: string;
+        description: string;
+        tabs: {
+            personal: string;
+            company: string;
+        };
+        fields: {
+            firstName: string;
+            lastName: string;
+            companyName: string;
+            vatNumber: string;
+            email: string;
+            phone: string;
+            workPhone: string;
+            streetAddress: string;
+            addressLine2: string;
+            city: string;
+            postalCode: string;
+            country: string;
+        };
+        placeholders: {
+            vatNumber: string;
+            streetAddress: string;
+            addressLine2: string;
+            searchPassengers: string;
+        };
+        saveDefault: string;
+        pickFromPassengers: string;
+        noMatchingPassengers: string;
+        validation: {
+            emailRequired: string;
+            emailInvalid: string;
+            streetAddressRequired: string;
+            cityRequired: string;
+            countryRequired: string;
+            firstNameRequired: string;
+            lastNameRequired: string;
+            companyNameRequired: string;
+            vatNumberRequired: string;
+        };
+    };
+    flightBookingJourney: {
+        steps: {
+            review: string;
+            passengers: string;
+            contact: string;
+            confirm: string;
+        };
+        reviewTitle: string;
+        backToResults: string;
+        back: string;
+        booking: string;
+        confirmBooking: string;
+        continue: string;
+        rows: {
+            total: string;
+            passengers: string;
+            contact: string;
+            payment: string;
+            offerExpires: string;
+        };
+        confirmDescription: string;
+    };
+    flightBookingLedger: {
+        flight: string;
+        outbound: string;
+        return: string;
+        passengers: string;
+        working: string;
+        billing: string;
+        payment: string;
+    };
+    flightBookingShell: {
+        steps: {
+            review: string;
+            fares: string;
+            passengers: string;
+            bags: string;
+            seats: string;
+            services: string;
+            billing: string;
+            payment: string;
+            confirm: string;
+        };
+        seatMapsUnavailable: string;
+        backToResults: string;
+        back: string;
+        booking: string;
+        confirmBooking: string;
+        continue: string;
+        reviewTrip: string;
+        reviewFlight: string;
+        confirmTitle: string;
+        rows: {
+            passengers: string;
+            documents: string;
+            contact: string;
+            billedTo: string;
+            payment: string;
+        };
+        documentsAllAdded: string;
+        documentsSomeAdded: string;
+        documentsAddAtCheckIn: string;
+        confirmDescription: string;
+        lineItems: {
+            fare: string;
+            seatsPicked: string;
+            specialAssistance: string;
+        };
+        segmentNotFound: string;
+    };
+    flightContactForm: {
+        title: string;
+        description: string;
+        email: string;
+        phone: string;
+        emailPlaceholder: string;
+        phonePlaceholder: string;
+        validation: {
+            emailRequired: string;
+            emailInvalid: string;
+        };
+    };
+    flightFareUpsellStep: {
+        unavailable: string;
+        title: string;
+        description: string;
+        sameForAllPassengers: string;
+        resetToBasic: string;
+        appliesToAllPassengers: string;
+        cabinBag: string;
+        noCabinBag: string;
+        checkedBag: string;
+        noCheckedBag: string;
+        freeSeatSelection: string;
+        standardSeatSelection: string;
+        noSeatSelection: string;
+        priorityBoarding: string;
+        loungeAccess: string;
+        freeChanges: string;
+        changesForFee: string;
+        refundable: string;
+        nonRefundable: string;
+    };
+    flightSearchForm: {
+        roundTrip: string;
+        oneWay: string;
+        fromPlaceholder: string;
+        toPlaceholder: string;
+        departPlaceholder: string;
+        returnPlaceholder: string;
+        swapAriaLabel: string;
+        search: string;
+        searching: string;
+    };
+    flightFiltersBar: {
+        clearAll: string;
+        airlines: string;
+        filterAirlinesPlaceholder: string;
+        noAirlines: string;
+        clearFilter: string;
+        stops: string;
+        price: string;
+        maximumPrice: string;
+        noCap: string;
+        clear: string;
+    };
+    flightItinerary: {
+        totalDuration: string;
+        layover: string;
+        layoverIn: string;
+        operatedBy: string;
+        terminal: string;
+        aircraft: string;
+    };
+    flightOfferDetail: {
+        fareBreakdown: string;
+        validatingCarrier: string;
+        expires: string;
+        lastTicketing: string;
+        instantTicketing: string;
+        base: string;
+        tax: string;
+    };
+    flightOfferRow: {
+        select: string;
+        codeshare: string;
+        interline: string;
+    };
+    flightOrderConfirmation: {
+        bookingConfirmed: string;
+        ticketDeadline: string;
+        passengers: string;
+        contact: string;
+        itinerary: string;
+        dob: string;
+        cancelBooking: string;
+        cancelling: string;
+    };
+    flightPassengerForm: {
+        documentsRequiredNotice: string;
+        fields: {
+            firstName: string;
+            middleName: string;
+            lastName: string;
+            dateOfBirth: string;
+            gender: string;
+            travelDocument: string;
+            documentType: string;
+            documentNumber: string;
+            countryOfIssue: string;
+            countryOfNationality: string;
+            expiryDate: string;
+        };
+        placeholders: {
+            asOnPassport: string;
+            optional: string;
+            selectDate: string;
+            select: string;
+            asPrintedOnDocument: string;
+        };
+        addNow: string;
+        skipDocuments: string;
+        validation: {
+            firstNameRequired: string;
+            lastNameRequired: string;
+            dateOfBirthRequired: string;
+            documentNumberRequired: string;
+            documentCountryRequired: string;
+            documentExpiryRequired: string;
+        };
+    };
+    flightPaymentSelector: {
+        title: string;
+        description: string;
+        intents: {
+            hold: {
+                title: string;
+                description: string;
+            };
+            card: {
+                title: string;
+                description: string;
+            };
+            ticket_on_credit: {
+                title: string;
+                description: string;
+            };
+        };
+    };
+    flightPaymentStep: {
+        agencyCreditLabel: string;
+        agencyCreditDescription: string;
+    };
+    flightSeatMap: {
+        cabin: string;
+        pickingSeatFor: string;
+        window: string;
+        aisle: string;
+        noCharge: string;
+        pickedBy: string;
+        categories: {
+            exit_row: string;
+            extra_legroom: string;
+            preferred: string;
+            premium: string;
+            bulkhead: string;
+            standard: string;
+        };
+        legend: {
+            available: string;
+            preferred: string;
+            exitRow: string;
+            picked: string;
+            taken: string;
+        };
+    };
+    flightSeatsStep: {
+        title: string;
+        description: string;
+        modes: {
+            skip: {
+                title: string;
+                body: string;
+            };
+            auto: {
+                title: string;
+                body: string;
+            };
+            now: {
+                title: string;
+                body: string;
+            };
+        };
+        seatMapUnavailable: string;
+    };
+    flightServicesStep: {
+        title: string;
+        description: string;
+        servicesUnavailable: string;
+        specialAssistance: string;
+        noAssistanceNeeded: string;
+        extras: string;
+    };
+    paxCabinPopover: {
+        adults: string;
+        adultsSublabel: string;
+        children: string;
+        childrenSublabel: string;
+        infants: string;
+        infantsSublabel: string;
+        cabin: string;
+        decrease: string;
+        increase: string;
+    };
+    popularRoutes: {
+        title: string;
+        defaults: {
+            originLabel: string;
+            destinationLabel: string;
+            tag: string;
+            hint: string;
+        }[];
+    };
 };
 //# sourceMappingURL=en.d.ts.map

package/dist/i18n/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DK,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAihBK,CAAA"}