@voyantjs/bookings-ui 0.26.0 → 0.26.2

package/dist/components/booking-activity-timeline.js

@@ -5,7 +5,7 @@ import { usePublicBookingPayments } from "@voyantjs/finance-react";
 import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components";
 import { Activity, Clock, CreditCard, ExternalLink, FileText, Pencil, Plus, RefreshCw, UserPlus, } from "lucide-react";
 import * as React from "react";
-import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider";
+import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider.js";
 const activityIcons = {
     booking_created: Plus,
     booking_reserved: Plus,

package/dist/components/booking-cancellation-dialog.js

@@ -5,7 +5,7 @@ import { useEvaluateCancellation, useResolvePolicy } from "@voyantjs/legal-react
 import { Badge, Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Label, Textarea, } from "@voyantjs/ui/components";
 import { AlertTriangle, Loader2 } from "lucide-react";
 import * as React from "react";
-import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider";
+import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider.js";
 function daysBetween(from, to) {
     const diffMs = to.getTime() - from.getTime();
     return Math.max(0, Math.floor(diffMs / (1000 * 60 * 60 * 24)));

package/dist/components/booking-create-dialog.js

@@ -6,15 +6,15 @@ import { usePersonMutation } from "@voyantjs/crm-react";
 import { Button, Checkbox, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyantjs/ui/components";
 import { Loader2 } from "lucide-react";
 import * as React from "react";
-import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider";
-import { emptyPassengerListValue, PassengersSection, } from "./passengers-section";
-import { emptyPaymentScheduleValue, PaymentScheduleSection, } from "./payment-schedule-section";
-import { emptyPersonPickerValue, PersonPickerSection, } from "./person-picker-section";
-import { PriceBreakdownSection } from "./price-breakdown-section";
-import { ProductPickerSection } from "./product-picker-section";
-import { emptyRoomsStepperValue, RoomsStepperSection, } from "./rooms-stepper-section";
-import { emptySharedRoomValue, SharedRoomSection, } from "./shared-room-section";
-import { emptyVoucherPickerValue, VoucherPickerSection, } from "./voucher-picker-section";
+import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider.js";
+import { emptyPassengerListValue, PassengersSection, } from "./passengers-section.js";
+import { emptyPaymentScheduleValue, PaymentScheduleSection, } from "./payment-schedule-section.js";
+import { emptyPersonPickerValue, PersonPickerSection, } from "./person-picker-section.js";
+import { PriceBreakdownSection } from "./price-breakdown-section.js";
+import { ProductPickerSection } from "./product-picker-section.js";
+import { emptyRoomsStepperValue, RoomsStepperSection, } from "./rooms-stepper-section.js";
+import { emptySharedRoomValue, SharedRoomSection, } from "./shared-room-section.js";
+import { emptyVoucherPickerValue, VoucherPickerSection, } from "./voucher-picker-section.js";
 function generateBookingNumber() {
     const now = new Date();
     const y = now.getFullYear().toString().slice(-2);

package/dist/components/booking-dialog.js

@@ -9,8 +9,8 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
-import { BookingCreateDialog } from "./booking-create-dialog";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { BookingCreateDialog } from "./booking-create-dialog.js";
 function createBookingFormSchema(messages) {
     return z.object({
         bookingNumber: z.string().min(1, messages.bookingDialog.validation.bookingNumberRequired),

package/dist/components/booking-document-dialog.js

@@ -8,8 +8,8 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
-import { FileDropzone } from "./file-dropzone";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { FileDropzone } from "./file-dropzone.js";
 const documentTypes = ["visa", "insurance", "health", "passport_copy", "other"];
 const UNASSIGNED = "__unassigned__";
 function createDocumentFormSchema(messages) {

package/dist/components/booking-document-list.js

@@ -4,8 +4,8 @@ import { useBookingTravelerDocumentMutation, useBookingTravelerDocuments, useTra
 import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components";
 import { ExternalLink, FileText, Plus, Trash2 } from "lucide-react";
 import * as React from "react";
-import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider";
-import { BookingDocumentDialog } from "./booking-document-dialog";
+import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { BookingDocumentDialog } from "./booking-document-dialog.js";
 const typeVariant = {
     visa: "default",
     insurance: "secondary",

package/dist/components/booking-group-link-dialog.js

@@ -4,7 +4,7 @@ import { useBookingGroupMemberMutation, useBookingGroupMutation, useBookingGroup
 import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components";
 import { Loader2 } from "lucide-react";
 import * as React from "react";
-import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 const JOIN_PLACEHOLDER = "__none__";
 export function BookingGroupLinkDialog({ open, onOpenChange, bookingId, productId, optionUnitId, onLinked, }) {
     const [mode, setMode] = React.useState("join");

package/dist/components/booking-group-section.js

@@ -4,8 +4,8 @@ import { useBookingGroup, useBookingGroupForBooking, useBookingGroupMemberMutati
 import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components";
 import { Link2, Unlink, Users } from "lucide-react";
 import * as React from "react";
-import { formatMessage, useBookingsUiMessagesOrDefault } from "../i18n/provider";
-import { BookingGroupLinkDialog } from "./booking-group-link-dialog";
+import { formatMessage, useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { BookingGroupLinkDialog } from "./booking-group-link-dialog.js";
 export function BookingGroupSection({ bookingId, productId, optionUnitId, hideWithoutAccommodation = true, }) {
     const [linkDialogOpen, setLinkDialogOpen] = React.useState(false);
     const messages = useBookingsUiMessagesOrDefault();

package/dist/components/booking-guarantee-dialog.js

@@ -9,7 +9,7 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 const guaranteeTypes = [
     "deposit",
     "credit_card",

package/dist/components/booking-guarantee-list.js

@@ -4,8 +4,8 @@ import { useBookingGuaranteeMutation, useBookingGuarantees, } from "@voyantjs/fi
 import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components";
 import { Pencil, Plus, ShieldCheck, Trash2 } from "lucide-react";
 import * as React from "react";
-import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider";
-import { BookingGuaranteeDialog } from "./booking-guarantee-dialog";
+import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { BookingGuaranteeDialog } from "./booking-guarantee-dialog.js";
 const statusVariant = {
     pending: "outline",
     active: "default",

package/dist/components/booking-item-dialog.js

@@ -9,7 +9,7 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 const itemTypes = [
     "unit",
     "extra",

package/dist/components/booking-item-list.js

@@ -4,9 +4,9 @@ import { useBookingItemMutation, useBookingItems, } from "@voyantjs/bookings-rea
 import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components";
 import { Calendar, ChevronDown, ChevronRight, Package, Pencil, Plus, Trash2 } from "lucide-react";
 import * as React from "react";
-import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider";
-import { BookingItemDialog } from "./booking-item-dialog";
-import { BookingItemTravelers } from "./booking-item-travelers";
+import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { BookingItemDialog } from "./booking-item-dialog.js";
+import { BookingItemTravelers } from "./booking-item-travelers.js";
 const statusVariant = {
     draft: "outline",
     on_hold: "secondary",

package/dist/components/booking-item-travelers.js

@@ -4,7 +4,7 @@ import { useBookingItemTravelerMutation, useBookingItemTravelers, useTravelers,
 import { Badge, Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components";
 import { Plus, Trash2, UserCheck } from "lucide-react";
 import * as React from "react";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 const roles = [
     "traveler",
     "occupant",

package/dist/components/booking-list.js

@@ -7,8 +7,8 @@ import { Input } from "@voyantjs/ui/components/input";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyantjs/ui/components/table";
 import { Loader2, Plus, Search } from "lucide-react";
 import * as React from "react";
-import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider";
-import { BookingDialog } from "./booking-dialog";
+import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider.js";
+import { BookingDialog } from "./booking-dialog.js";
 export function BookingList({ pageSize = 25, onSelectBooking } = {}) {
     const [search, setSearch] = React.useState("");
     const [offset, setOffset] = React.useState(0);

package/dist/components/booking-notes.js

@@ -4,7 +4,7 @@ import { useBookingNoteMutation, useBookingNotes } from "@voyantjs/bookings-reac
 import { Button, Card, CardContent, CardHeader, CardTitle, Textarea } from "@voyantjs/ui/components";
 import { Loader2 } from "lucide-react";
 import * as React from "react";
-import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 export function BookingNotes({ bookingId }) {
     const [content, setContent] = React.useState("");
     const { data } = useBookingNotes(bookingId);

package/dist/components/booking-payment-schedule-dialog.js

@@ -9,7 +9,7 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 const scheduleTypes = ["deposit", "installment", "balance", "hold", "other"];
 const scheduleStatuses = ["pending", "due", "paid", "waived", "cancelled", "expired"];
 const DEFAULT_CURRENCY = "EUR"; // i18n-literal-ok ISO default currency

package/dist/components/booking-payment-schedule-list.js

@@ -4,8 +4,8 @@ import { useBookingPaymentScheduleMutation, useBookingPaymentSchedules, } from "
 import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components";
 import { CalendarClock, Pencil, Plus, Trash2 } from "lucide-react";
 import * as React from "react";
-import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider";
-import { BookingPaymentScheduleDialog } from "./booking-payment-schedule-dialog";
+import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { BookingPaymentScheduleDialog } from "./booking-payment-schedule-dialog.js";
 const statusVariant = {
     pending: "outline",
     due: "secondary",

package/dist/components/booking-payments-summary.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useAdminBookingPayments, usePublicBookingPayments } from "@voyantjs/finance-react";
 import { Badge, Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components";
 import { Banknote, CreditCard, Receipt, Ticket, Wallet } from "lucide-react";
-import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 /**
  * Map payment status to a badge variant — completed/pending visible
  * positively, failed/refunded surface destructive coloring so an

package/dist/components/file-dropzone.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { File as FileIcon, Loader2, Upload, X } from "lucide-react";
 import * as React from "react";
-import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider";
+import { formatMessage, useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault, } from "../i18n/provider.js";
 export function FileDropzone({ uploadUrl = "/api/v1/uploads", accept, maxSize, onUploaded, onError, helperText, disabled, }) {
     const inputRef = React.useRef(null);
     const [isDragging, setIsDragging] = React.useState(false);

package/dist/components/passengers-section.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components";
 import { Trash2 } from "lucide-react";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 const ALL_ROLES = ["lead", "adult", "child", "infant"];
 export const emptyPassengerListValue = { passengers: [] };
 /** Factory for a blank row — `role` defaults to `adult` unless the list is empty. */

package/dist/components/payment-schedule-section.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Input, Label } from "@voyantjs/ui/components";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 export const emptyPaymentScheduleValue = {
     mode: "unpaid",
     fullDueDate: null,

package/dist/components/person-picker-section.js

@@ -4,7 +4,7 @@ import { useOrganizations, usePeople } from "@voyantjs/crm-react";
 import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components";
 import { UserPlus } from "lucide-react";
 import * as React from "react";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 const ORG_NONE = "__none__";
 export const emptyNewPerson = {
     firstName: "",

package/dist/components/price-breakdown-section.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePricingPreview } from "@voyantjs/bookings-react";
 import { Label } from "@voyantjs/ui/components";
 import * as React from "react";
-import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 /**
  * Picks the tier whose quantity range contains `qty`. Tiers are expected
  * oldest-to-newest, `minQuantity`-ascending. Ties are broken by first-match —

package/dist/components/product-picker-section.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useProductOptions, useProducts } from "@voyantjs/products-react";
 import { Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components";
 import * as React from "react";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 const OPTION_NONE = "__none__";
 /**
  * Controlled product + option picker. Splits `value` + `onChange` so apps can

package/dist/components/rooms-stepper-section.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSlotUnitAvailability } from "@voyantjs/availability-react";
 import { Button, Label } from "@voyantjs/ui/components";
 import { Minus, Plus } from "lucide-react";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 export const emptyRoomsStepperValue = { quantities: {} };
 /**
  * Rooms / per-unit stepper for booking-create flows. Drives

package/dist/components/shared-room-section.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useBookingGroups } from "@voyantjs/bookings-react";
 import { Button, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/ui/components";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 const GROUP_NONE = "__none__";
 export const emptySharedRoomValue = {
     enabled: false,

package/dist/components/status-change-dialog.js

@@ -7,7 +7,7 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 const statusChangeFormSchema = z.object({
     status: bookingStatusSchema,
     note: z.string().optional().nullable(),

package/dist/components/supplier-status-dialog.js

@@ -8,7 +8,7 @@ import { Loader2 } from "lucide-react";
 import { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 function createSupplierStatusFormSchema(messages) {
     return z.object({
         serviceName: z.string().min(1, messages.supplierStatusDialog.validation.serviceNameRequired),

package/dist/components/supplier-status-list.js

@@ -4,8 +4,8 @@ import { useSupplierStatuses } from "@voyantjs/bookings-react";
 import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components";
 import { Pencil, Plus } from "lucide-react";
 import * as React from "react";
-import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider";
-import { SupplierStatusDialog } from "./supplier-status-dialog";
+import { useBookingsUiI18nOrDefault, useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { SupplierStatusDialog } from "./supplier-status-dialog.js";
 const supplierStatusVariant = {
     pending: "outline",
     confirmed: "default",

package/dist/components/traveler-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"traveler-dialog.d.ts","sourceRoot":"","sources":["../../src/components/traveler-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,qBAAqB,EAAuB,MAAM,0BAA0B,CAAA;AAkC1F,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,2CAwIrB"}
+{"version":3,"file":"traveler-dialog.d.ts","sourceRoot":"","sources":["../../src/components/traveler-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,qBAAqB,EAG3B,MAAM,0BAA0B,CAAA;AA0DjC,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,2CA2YrB"}

package/dist/components/traveler-dialog.js

@@ -1,13 +1,14 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTravelerMutation } from "@voyantjs/bookings-react";
+import { useRevealTraveler, useTravelerWithTravelDetailsMutation, } from "@voyantjs/bookings-react";
+import { usePersonDocumentMutation, usePersonDocuments, usePersonMutation, usePersonTravelSnapshot, } from "@voyantjs/crm-react";
 import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Textarea, } from "@voyantjs/ui/components";
 import { zodResolver } from "@voyantjs/ui/lib/zod-resolver";
-import { Loader2 } from "lucide-react";
-import { useEffect } from "react";
+import { Loader2, Sparkles, Upload } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
 function createTravelerFormSchema(messages) {
     return z.object({
         firstName: z.string().min(1, messages.travelerDialog.validation.firstNameRequired),
@@ -15,13 +16,44 @@ function createTravelerFormSchema(messages) {
         email: z.string().email().optional().or(z.literal("")).nullable(),
         phone: z.string().optional().nullable(),
         specialRequests: z.string().optional().nullable(),
+        passportNumber: z.string().optional().nullable(),
+        passportExpiry: z.string().optional().nullable(),
+        passportIssuingCountry: z.string().optional().nullable(),
+        passportIssuingAuthority: z.string().optional().nullable(),
+        dateOfBirth: z.string().optional().nullable(),
+        dietaryRequirements: z.string().optional().nullable(),
+        accessibilityNeeds: z.string().optional().nullable(),
     });
 }
+const EMPTY_PII_FORM = {
+    passportNumber: "",
+    passportExpiry: "",
+    passportIssuingCountry: "",
+    passportIssuingAuthority: "",
+    dateOfBirth: "",
+    dietaryRequirements: "",
+    accessibilityNeeds: "",
+};
 export function TravelerDialog({ open, onOpenChange, bookingId, traveler, onSuccess, }) {
     const isEditing = Boolean(traveler);
-    const { create, update } = useTravelerMutation(bookingId);
+    const personId = traveler?.personId ?? null;
     const messages = useBookingsUiMessagesOrDefault();
     const travelerFormSchema = createTravelerFormSchema(messages);
+    const travelerMutation = useTravelerWithTravelDetailsMutation(bookingId);
+    const personMutation = usePersonMutation();
+    const documentMutation = usePersonDocumentMutation(personId ?? undefined);
+    const reveal = useRevealTraveler(bookingId, traveler?.id ?? null, {
+        enabled: Boolean(open && isEditing && traveler?.id),
+    });
+    const snapshotQuery = usePersonTravelSnapshot(personId ?? undefined, {
+        enabled: open && Boolean(personId),
+    });
+    const documentsQuery = usePersonDocuments(personId ?? undefined, {
+        enabled: open && Boolean(personId),
+    });
+    const snapshot = snapshotQuery.data?.data ?? null;
+    const revealedTravelDetails = reveal.data?.data.travelDetails ?? null;
+    const primaryPassport = useMemo(() => documentsQuery.data?.data.find((row) => row.type === "passport" && row.isPrimary) ?? null, [documentsQuery.data]);
     const form = useForm({
         resolver: zodResolver(travelerFormSchema),
         defaultValues: {
@@ -30,23 +62,63 @@ export function TravelerDialog({ open, onOpenChange, bookingId, traveler, onSucc
             email: "",
             phone: "",
             specialRequests: "",
+            ...EMPTY_PII_FORM,
         },
     });
+    const [savedToProfileMessage, setSavedToProfileMessage] = useState(false);
+    const [prefilledNotice, setPrefilledNotice] = useState(false);
     useEffect(() => {
-        if (open && traveler) {
+        setSavedToProfileMessage(false);
+        setPrefilledNotice(false);
+        if (!open)
+            return;
+        if (traveler) {
             form.reset({
                 firstName: traveler.firstName,
                 lastName: traveler.lastName,
                 email: traveler.email ?? "",
                 phone: traveler.phone ?? "",
                 specialRequests: traveler.specialRequests ?? "",
+                passportNumber: revealedTravelDetails?.passportNumber ?? "",
+                passportExpiry: revealedTravelDetails?.passportExpiry ?? "",
+                passportIssuingCountry: revealedTravelDetails?.passportIssuingCountry ?? "",
+                passportIssuingAuthority: revealedTravelDetails?.passportIssuingAuthority ?? "",
+                dateOfBirth: revealedTravelDetails?.dateOfBirth ?? "",
+                dietaryRequirements: revealedTravelDetails?.dietaryRequirements ?? "",
+                accessibilityNeeds: revealedTravelDetails?.accessibilityNeeds ?? "",
             });
         }
-        else if (open) {
-            form.reset();
+        else {
+            form.reset({
+                firstName: "",
+                lastName: "",
+                email: "",
+                phone: "",
+                specialRequests: "",
+                ...EMPTY_PII_FORM,
+            });
         }
-    }, [form, open, traveler]);
+    }, [form, open, traveler, revealedTravelDetails]);
+    const prefillFromProfile = () => {
+        if (!snapshot)
+            return;
+        form.setValue("passportNumber", snapshot.passportNumber ?? "");
+        form.setValue("passportExpiry", snapshot.passportExpiry ?? "");
+        form.setValue("passportIssuingCountry", snapshot.passportIssuingCountry ?? "");
+        form.setValue("passportIssuingAuthority", snapshot.passportIssuingAuthority ?? "");
+        form.setValue("dateOfBirth", snapshot.dateOfBirth ?? "");
+        form.setValue("dietaryRequirements", snapshot.dietaryRequirements ?? "");
+        form.setValue("accessibilityNeeds", snapshot.accessibilityNeeds ?? "");
+        setPrefilledNotice(true);
+        setSavedToProfileMessage(false);
+    };
     const onSubmit = async (values) => {
+        const trimOrNull = (value) => {
+            if (value === null || value === undefined)
+                return null;
+            const trimmed = value.trim();
+            return trimmed === "" ? null : trimmed;
+        };
         const payload = {
             firstName: values.firstName,
             lastName: values.lastName,
@@ -54,20 +126,105 @@ export function TravelerDialog({ open, onOpenChange, bookingId, traveler, onSucc
             phone: values.phone || null,
             specialRequests: values.specialRequests || null,
             isPrimary: traveler?.isPrimary ?? false,
+            participantType: "traveler",
+            passportNumber: trimOrNull(values.passportNumber),
+            passportExpiry: trimOrNull(values.passportExpiry),
+            passportIssuingCountry: trimOrNull(values.passportIssuingCountry),
+            passportIssuingAuthority: trimOrNull(values.passportIssuingAuthority),
+            dateOfBirth: trimOrNull(values.dateOfBirth),
+            dietaryRequirements: trimOrNull(values.dietaryRequirements),
+            accessibilityNeeds: trimOrNull(values.accessibilityNeeds),
         };
         if (isEditing) {
-            await update.mutateAsync({ id: traveler.id, input: payload });
+            await travelerMutation.update.mutateAsync({ travelerId: traveler.id, input: payload });
         }
         else {
-            await create.mutateAsync(payload);
+            await travelerMutation.create.mutateAsync(payload);
         }
         onOpenChange(false);
         onSuccess?.();
     };
-    const isSubmitting = create.isPending || update.isPending;
+    /**
+     * Pushes diverging dietary / accessibility / passport values from
+     * the form back to the linked person record. Dietary + accessibility
+     * land on `crm.people` via the profile-pii endpoint. Passport
+     * diffs update the existing primary passport if there is one,
+     * otherwise create a new primary passport doc.
+     */
+    const saveBackToProfile = async () => {
+        if (!personId)
+            return;
+        const values = form.getValues();
+        const trim = (value) => {
+            if (value === null || value === undefined)
+                return null;
+            const trimmed = value.trim();
+            return trimmed === "" ? null : trimmed;
+        };
+        const formDietary = trim(values.dietaryRequirements);
+        const formAccessibility = trim(values.accessibilityNeeds);
+        const formPassportNumber = trim(values.passportNumber);
+        const formPassportExpiry = trim(values.passportExpiry);
+        const formPassportCountry = trim(values.passportIssuingCountry);
+        const formPassportAuthority = trim(values.passportIssuingAuthority);
+        const piiUpdate = {};
+        if (formDietary !== (snapshot?.dietaryRequirements ?? null)) {
+            piiUpdate.dietary = formDietary;
+        }
+        if (formAccessibility !== (snapshot?.accessibilityNeeds ?? null)) {
+            piiUpdate.accessibility = formAccessibility;
+        }
+        if (Object.keys(piiUpdate).length > 0) {
+            await personMutation.updateProfilePii.mutateAsync({ personId, input: piiUpdate });
+        }
+        const passportDiverged = formPassportNumber !== (snapshot?.passportNumber ?? null) ||
+            formPassportExpiry !== (snapshot?.passportExpiry ?? null) ||
+            formPassportCountry !== (snapshot?.passportIssuingCountry ?? null) ||
+            formPassportAuthority !== (snapshot?.passportIssuingAuthority ?? null);
+        if (passportDiverged) {
+            const passportPayload = {
+                type: "passport",
+                number: formPassportNumber,
+                issuingCountry: formPassportCountry,
+                issuingAuthority: formPassportAuthority,
+                expiryDate: formPassportExpiry,
+                isPrimary: true,
+            };
+            if (primaryPassport) {
+                await documentMutation.updateFromPlaintext.mutateAsync({
+                    id: primaryPassport.id,
+                    input: passportPayload,
+                });
+            }
+            else {
+                await documentMutation.createFromPlaintext.mutateAsync(passportPayload);
+            }
+        }
+        setSavedToProfileMessage(true);
+        setPrefilledNotice(false);
+    };
+    const isSubmitting = travelerMutation.create.isPending || travelerMutation.update.isPending;
+    const isSavingProfile = personMutation.updateProfilePii.isPending ||
+        documentMutation.updateFromPlaintext.isPending ||
+        documentMutation.createFromPlaintext.isPending;
+    const watched = form.watch();
+    const hasDivergence = Boolean(personId) &&
+        snapshot &&
+        [
+            ["dietaryRequirements", "dietaryRequirements"],
+            ["accessibilityNeeds", "accessibilityNeeds"],
+            ["passportNumber", "passportNumber"],
+            ["passportExpiry", "passportExpiry"],
+            ["passportIssuingCountry", "passportIssuingCountry"],
+            ["passportIssuingAuthority", "passportIssuingAuthority"],
+        ].some(([formKey, snapKey]) => {
+            const formValue = watched[formKey] ?? "";
+            const snapValue = snapshot[snapKey] ?? "";
+            return String(formValue ?? "").trim() !== String(snapValue ?? "").trim();
+        });
     return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing
                             ? messages.travelerDialog.titles.edit
-                            : messages.travelerDialog.titles.create }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.firstName }), _jsx(Input, { ...form.register("firstName"), placeholder: messages.travelerDialog.placeholders.firstName }), form.formState.errors.firstName && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.firstName.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.lastName }), _jsx(Input, { ...form.register("lastName"), placeholder: messages.travelerDialog.placeholders.lastName }), form.formState.errors.lastName && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.lastName.message }))] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.email }), _jsx(Input, { ...form.register("email"), type: "email", placeholder: messages.travelerDialog.placeholders.email })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.phone }), _jsx(Input, { ...form.register("phone"), placeholder: messages.travelerDialog.placeholders.phone })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.specialRequests }), _jsx(Textarea, { ...form.register("specialRequests"), placeholder: messages.travelerDialog.placeholders.specialRequests })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", size: "sm", disabled: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing
+                            : messages.travelerDialog.titles.create }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.firstName }), _jsx(Input, { ...form.register("firstName"), placeholder: messages.travelerDialog.placeholders.firstName }), form.formState.errors.firstName && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.firstName.message }))] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.lastName }), _jsx(Input, { ...form.register("lastName"), placeholder: messages.travelerDialog.placeholders.lastName }), form.formState.errors.lastName && (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.lastName.message }))] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.email }), _jsx(Input, { ...form.register("email"), type: "email", placeholder: messages.travelerDialog.placeholders.email })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.phone }), _jsx(Input, { ...form.register("phone"), placeholder: messages.travelerDialog.placeholders.phone })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.specialRequests }), _jsx(Textarea, { ...form.register("specialRequests"), placeholder: messages.travelerDialog.placeholders.specialRequests })] }), _jsxs("div", { className: "flex flex-col gap-3 border-t pt-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("h3", { className: "text-sm font-semibold", children: messages.travelerDialog.fields.travelDetailsHeading }), personId ? (_jsxs(Button, { type: "button", variant: "ghost", size: "sm", disabled: !snapshot || snapshotQuery.isLoading, onClick: prefillFromProfile, children: [_jsx(Sparkles, { className: "mr-2 h-3.5 w-3.5" }), messages.travelerDialog.actions.prefillFromProfile] })) : null] }), prefilledNotice ? (_jsx("p", { className: "text-xs text-muted-foreground", children: messages.travelerDialog.hints.prefilledFromProfile })) : null, _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.passportNumber }), _jsx(Input, { ...form.register("passportNumber"), placeholder: messages.travelerDialog.placeholders.passportNumber })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.passportExpiry }), _jsx(Input, { ...form.register("passportExpiry"), type: "date", placeholder: messages.travelerDialog.placeholders.passportExpiry })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.passportIssuingCountry }), _jsx(Input, { ...form.register("passportIssuingCountry"), placeholder: messages.travelerDialog.placeholders.passportIssuingCountry })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.passportIssuingAuthority }), _jsx(Input, { ...form.register("passportIssuingAuthority"), placeholder: messages.travelerDialog.placeholders.passportIssuingAuthority })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.dateOfBirth }), _jsx(Input, { ...form.register("dateOfBirth"), type: "date", placeholder: messages.travelerDialog.placeholders.dateOfBirth })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.dietaryRequirements }), _jsx(Textarea, { ...form.register("dietaryRequirements"), placeholder: messages.travelerDialog.placeholders.dietaryRequirements })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.travelerDialog.fields.accessibilityNeeds }), _jsx(Textarea, { ...form.register("accessibilityNeeds"), placeholder: messages.travelerDialog.placeholders.accessibilityNeeds })] })] }), personId && hasDivergence ? (_jsxs("div", { className: "flex items-center justify-between gap-2 rounded-md border bg-muted/40 px-3 py-2", children: [_jsx("p", { className: "text-xs text-muted-foreground", children: savedToProfileMessage ? messages.travelerDialog.hints.savedToProfile : null }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: isSavingProfile, onClick: saveBackToProfile, children: [isSavingProfile ? (_jsx(Loader2, { className: "mr-2 h-3.5 w-3.5 animate-spin" })) : (_jsx(Upload, { className: "mr-2 h-3.5 w-3.5" })), messages.travelerDialog.actions.saveToProfile] })] })) : null] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", size: "sm", disabled: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing
                                             ? messages.common.saveChanges
                                             : messages.travelerDialog.actions.addTraveler] })] })] })] }) }));
 }

package/dist/components/traveler-list.js

@@ -4,8 +4,8 @@ import { useBookingTravelerDocuments, useRevealTraveler, useTravelerMutation, us
 import { Button, Card, CardContent, CardHeader, CardTitle } from "@voyantjs/ui/components";
 import { Eye, EyeOff, Loader2, Pencil, Plus, Trash2, Users } from "lucide-react";
 import * as React from "react";
-import { useBookingsUiMessagesOrDefault } from "../i18n/provider";
-import { TravelerDialog } from "./traveler-dialog";
+import { useBookingsUiMessagesOrDefault } from "../i18n/provider.js";
+import { TravelerDialog } from "./traveler-dialog.js";
 export function TravelerList({ bookingId, autoReveal = false }) {
     const [dialogOpen, setDialogOpen] = React.useState(false);
     const [editing, setEditing] = React.useState(undefined);