@voyantjs/flights-ui 0.20.0

package/dist/components/popular-routes.js

@@ -0,0 +1,126 @@
+"use client";
+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";
+/**
+ * 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 = [
+    {
+        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",
+    },
+];
+/**
+ * A grid of clickable popular-route cards. Each card synthesizes a
+ * `FlightSearchRequest` (round-trip by default, 14 days out, 7 nights) and
+ * fires `onSelect` so the page can prefill its form + run the search in one
+ * 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", }) {
+    const today = new Date();
+    const departure = isoDate(addDays(today, daysOut));
+    const returnDate = isoDate(addDays(today, daysOut + tripNights));
+    const buildRequest = (route) => {
+        const slices = [
+            { origin: route.origin, destination: route.destination, departureDate: departure },
+        ];
+        if (tripType === "round_trip") {
+            slices.push({
+                origin: route.destination,
+                destination: route.origin,
+                departureDate: returnDate,
+            });
+        }
+        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}`))) })] }));
+}
+function addDays(d, n) {
+    const copy = new Date(d.getTime());
+    copy.setDate(copy.getDate() + n);
+    return copy;
+}
+function isoDate(d) {
+    return d.toISOString().slice(0, 10);
+}

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+export { AirlineLogo, type AirlineLogoProps } from "./components/airline-logo.js";
+export { AirportCombobox, type AirportComboboxProps } from "./components/airport-combobox.js";
+export { FlightBaggageStep, type FlightBaggageStepProps, } from "./components/flight-baggage-step.js";
+export { type BillingEligiblePassenger, type BillingMode, type BillingValue, emptyBillingValue, FlightBillingStep, type FlightBillingStepProps, validateBilling, } from "./components/flight-billing-step.js";
+export { FlightBookingJourney, type FlightBookingJourneyProps, } from "./components/flight-booking-journey.js";
+export { FlightBookingLedger, type FlightBookingLedgerProps, type FlightItinerarySelection, type LedgerLineItem, type LedgerSection, } from "./components/flight-booking-ledger.js";
+export { type FlightBookingAncillaries, type FlightBookingSavedPaymentMethods, type FlightBookingSeatMaps, FlightBookingShell, type FlightBookingShellProps, } from "./components/flight-booking-shell.js";
+export { FlightContactForm, type FlightContactFormProps, type FlightContactValue, validateContact, } from "./components/flight-contact-form.js";
+export { FlightFareUpsellStep, type FlightFareUpsellStepProps, } from "./components/flight-fare-upsell-step.js";
+export { EMPTY_FLIGHT_FILTERS, FlightFiltersBar, type FlightFiltersBarProps, type FlightFiltersValue, } from "./components/flight-filters-bar.js";
+export { FlightItinerary, type FlightItineraryProps, } from "./components/flight-itinerary.js";
+export { FlightOfferDetail, type FlightOfferDetailProps, } from "./components/flight-offer-detail.js";
+export { FlightOfferRow, type FlightOfferRowProps } from "./components/flight-offer-row.js";
+export { FlightOrderConfirmation, type FlightOrderConfirmationProps, } from "./components/flight-order-confirmation.js";
+export { FlightPassengerForm, type FlightPassengerFormProps, type PassengerPrefill, validatePassengers, } from "./components/flight-passenger-form.js";
+export { FlightPaymentSelector, type FlightPaymentSelectorProps, } from "./components/flight-payment-selector.js";
+export { FlightPaymentStep, type FlightPaymentStepProps, type PaymentStepCapabilities, type SavedPaymentAccount, 
+/** Back-compat alias for `SavedPaymentAccount`. */
+type SavedPaymentMethod, } from "./components/flight-payment-step.js";
+export { FlightSearchForm, type FlightSearchFormProps, type TripType, } from "./components/flight-search-form.js";
+export { FlightSeatMap, type FlightSeatMapProps, type SeatPickMarker, } from "./components/flight-seat-map.js";
+export { type FlightSeatMapSlot, FlightSeatsStep, type FlightSeatsStepProps, } from "./components/flight-seats-step.js";
+export { FlightServicesStep, type FlightServicesStepProps, } from "./components/flight-services-step.js";
+export { PaxCabinPopover, type PaxCabinPopoverProps } from "./components/pax-cabin-popover.js";
+export { DEFAULT_POPULAR_ROUTES, type PopularRoute, PopularRoutes, type PopularRoutesProps, } from "./components/popular-routes.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AACjF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAC7F,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,eAAe,GAChB,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAC7B,KAAK,cAAc,EACnB,KAAK,aAAa,GACnB,MAAM,uCAAuC,CAAA;AAC9C,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,gCAAgC,EACrC,KAAK,qBAAqB,EAC1B,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,eAAe,GAChB,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,yCAAyC,CAAA;AAChD,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,GACxB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,kCAAkC,CAAA;AACzC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAC3F,OAAO,EACL,uBAAuB,EACvB,KAAK,4BAA4B,GAClC,MAAM,2CAA2C,CAAA;AAClD,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACrB,kBAAkB,GACnB,MAAM,uCAAuC,CAAA;AAC9C,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,yCAAyC,CAAA;AAChD,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB;AACxB,mDAAmD;AACnD,KAAK,kBAAkB,GACxB,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,QAAQ,GACd,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,cAAc,GACpB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACL,KAAK,iBAAiB,EACtB,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAC9F,OAAO,EACL,sBAAsB,EACtB,KAAK,YAAY,EACjB,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,gCAAgC,CAAA"}

package/dist/index.js

@@ -0,0 +1,23 @@
+export { AirlineLogo } from "./components/airline-logo.js";
+export { AirportCombobox } from "./components/airport-combobox.js";
+export { FlightBaggageStep, } from "./components/flight-baggage-step.js";
+export { emptyBillingValue, FlightBillingStep, validateBilling, } from "./components/flight-billing-step.js";
+export { FlightBookingJourney, } from "./components/flight-booking-journey.js";
+export { FlightBookingLedger, } from "./components/flight-booking-ledger.js";
+export { FlightBookingShell, } from "./components/flight-booking-shell.js";
+export { FlightContactForm, validateContact, } from "./components/flight-contact-form.js";
+export { FlightFareUpsellStep, } from "./components/flight-fare-upsell-step.js";
+export { EMPTY_FLIGHT_FILTERS, FlightFiltersBar, } from "./components/flight-filters-bar.js";
+export { FlightItinerary, } from "./components/flight-itinerary.js";
+export { FlightOfferDetail, } from "./components/flight-offer-detail.js";
+export { FlightOfferRow } from "./components/flight-offer-row.js";
+export { FlightOrderConfirmation, } from "./components/flight-order-confirmation.js";
+export { FlightPassengerForm, validatePassengers, } from "./components/flight-passenger-form.js";
+export { FlightPaymentSelector, } from "./components/flight-payment-selector.js";
+export { FlightPaymentStep, } from "./components/flight-payment-step.js";
+export { FlightSearchForm, } from "./components/flight-search-form.js";
+export { FlightSeatMap, } from "./components/flight-seat-map.js";
+export { FlightSeatsStep, } from "./components/flight-seats-step.js";
+export { FlightServicesStep, } from "./components/flight-services-step.js";
+export { PaxCabinPopover } from "./components/pax-cabin-popover.js";
+export { DEFAULT_POPULAR_ROUTES, PopularRoutes, } from "./components/popular-routes.js";

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@voyantjs/flights-ui",
+  "version": "0.20.0",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/voyantjs/voyant.git",
+    "directory": "packages/flights-ui"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": "./src/index.ts",
+    "./styles.css": "./src/styles.css",
+    "./components/*": "./src/components/*.tsx"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "clean": "rm -rf dist",
+    "prepack": "pnpm run build",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check src/",
+    "test": "vitest run --passWithNoTests"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-table": "^8.0.0",
+    "@voyantjs/finance": "workspace:*",
+    "@voyantjs/flights": "workspace:*",
+    "@voyantjs/flights-react": "workspace:*",
+    "@voyantjs/checkout-ui": "workspace:*",
+    "@voyantjs/ui": "workspace:*",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.96.2",
+    "@tanstack/react-table": "^8.21.3",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@voyantjs/finance": "workspace:*",
+    "@voyantjs/flights": "workspace:*",
+    "@voyantjs/flights-react": "workspace:*",
+    "@voyantjs/checkout-ui": "workspace:*",
+    "@voyantjs/ui": "workspace:*",
+    "@voyantjs/voyant-typescript-config": "workspace:*",
+    "lucide-react": "^0.475.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.2"
+  },
+  "files": [
+    "dist",
+    "src/styles.css"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "default": "./dist/index.js"
+      },
+      "./styles.css": {
+        "default": "./src/styles.css"
+      },
+      "./components/*": {
+        "types": "./dist/components/*.d.ts",
+        "import": "./dist/components/*.js",
+        "default": "./dist/components/*.js"
+      }
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts"
+  }
+}

package/src/styles.css

@@ -0,0 +1 @@
+/* @voyantjs/flights-ui — placeholder for any vertical-specific CSS. */