@voyant-travel/finance-react 0.119.5

package/dist/admin/payment-detail-skeleton.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Layout-matched placeholder for PaymentDetailHost.
+ *  - Back button + title + status pill
+ *  - Two-column info grid: summary + links
+ *  - Metadata card (full width)
+ */
+export declare function PaymentDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=payment-detail-skeleton.d.ts.map

package/dist/admin/payment-detail-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-detail-skeleton.d.ts","sourceRoot":"","sources":["../../src/admin/payment-detail-skeleton.tsx"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,qBAAqB,4CAmBpC"}

package/dist/admin/payment-detail-skeleton.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader } from "@voyant-travel/ui/components/card";
+import { Skeleton } from "@voyant-travel/ui/components/skeleton";
+/**
+ * Layout-matched placeholder for PaymentDetailHost.
+ *  - Back button + title + status pill
+ *  - Two-column info grid: summary + links
+ *  - Metadata card (full width)
+ */
+export function PaymentDetailSkeleton() {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "h-9 w-9 rounded-md" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Skeleton, { className: "h-7 w-48" }), _jsx(Skeleton, { className: "h-5 w-24 rounded-full" })] })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsx(InfoCard, { rows: 5, titleWidth: "w-32" }), _jsx(InfoCard, { rows: 3, titleWidth: "w-20" })] }), _jsx(InfoCard, { rows: 4, titleWidth: "w-24" })] }));
+}
+function InfoCard({ titleWidth, rows }) {
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(Skeleton, { className: `h-5 ${titleWidth}` }) }), _jsx(CardContent, { className: "space-y-3", children: Array.from({ length: rows }).map((_, i) => (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Skeleton, { className: "h-3.5 w-24" }), _jsx(Skeleton, { className: "h-3.5 w-32" })] }, i))) })] }));
+}

package/dist/admin/payment-dialog.d.ts

@@ -0,0 +1,9 @@
+export interface PaymentDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    invoiceId: string;
+    invoiceCurrency: string;
+    onSuccess?: () => void;
+}
+export declare function PaymentDialog({ open, onOpenChange, invoiceId, invoiceCurrency, onSuccess, }: PaymentDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=payment-dialog.d.ts.map

package/dist/admin/payment-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-dialog.d.ts","sourceRoot":"","sources":["../../src/admin/payment-dialog.tsx"],"names":[],"mappings":"AA+CA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,eAAe,EACf,SAAS,GACV,EAAE,kBAAkB,2CAyOpB"}

package/dist/admin/payment-dialog.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOperatorAdminMessages } from "@voyant-travel/admin";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyant-travel/ui/components";
+import { CurrencyCombobox } from "@voyant-travel/ui/components/currency-combobox";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect, useMemo } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useInvoicePaymentMutation } from "../index.js";
+function getPaymentFormSchema(messages) {
+    return z.object({
+        amountCents: z.coerce.number().int().min(1, messages.finance.paymentDialog.validationAmountMin),
+        currency: z.string().min(3).max(3),
+        baseAmountCents: z.preprocess((value) => (value === "" || value === null ? undefined : value), z.coerce.number().int().min(1).optional()),
+        paymentMethod: z.enum(["bank_transfer", "credit_card", "cash", "cheque", "other"]),
+        status: z.enum(["pending", "completed", "failed", "refunded"]),
+        referenceNumber: z.string().optional().nullable(),
+        paymentDate: z.string().min(1, messages.finance.paymentDialog.validationPaymentDateRequired),
+        notes: z.string().optional().nullable(),
+    });
+}
+export function PaymentDialog({ open, onOpenChange, invoiceId, invoiceCurrency, onSuccess, }) {
+    const messages = useOperatorAdminMessages();
+    const createPayment = useInvoicePaymentMutation(invoiceId);
+    const paymentFormSchema = useMemo(() => getPaymentFormSchema(messages), [messages]);
+    const paymentMethods = useMemo(() => [
+        { value: "bank_transfer", label: messages.finance.paymentMethodBankTransfer },
+        { value: "credit_card", label: messages.finance.paymentMethodCreditCard },
+        { value: "cash", label: messages.finance.paymentMethodCash },
+        { value: "cheque", label: messages.finance.paymentMethodCheque },
+        { value: "other", label: messages.finance.paymentMethodOther },
+    ], [messages]);
+    const paymentStatuses = useMemo(() => [
+        { value: "pending", label: messages.finance.paymentStatusPending },
+        { value: "completed", label: messages.finance.paymentStatusCompleted },
+        { value: "failed", label: messages.finance.paymentStatusFailed },
+        { value: "refunded", label: messages.finance.paymentStatusRefunded },
+    ], [messages]);
+    const form = useForm({
+        resolver: zodResolver(paymentFormSchema),
+        defaultValues: {
+            amountCents: 0,
+            currency: invoiceCurrency,
+            baseAmountCents: undefined,
+            paymentMethod: "bank_transfer",
+            status: "completed",
+            referenceNumber: "",
+            paymentDate: "",
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open) {
+            const today = new Date().toISOString().split("T")[0];
+            form.reset({
+                amountCents: 0,
+                currency: invoiceCurrency,
+                baseAmountCents: undefined,
+                paymentMethod: "bank_transfer",
+                status: "completed",
+                referenceNumber: "",
+                paymentDate: today,
+                notes: "",
+            });
+        }
+    }, [open, invoiceCurrency, form]);
+    const paymentCurrency = form.watch("currency").trim().toUpperCase();
+    const invoiceCurrencyCode = invoiceCurrency.trim().toUpperCase();
+    const requiresBaseAmount = paymentCurrency !== "" && paymentCurrency !== invoiceCurrencyCode;
+    const onSubmit = async (values) => {
+        const normalizedCurrency = values.currency.trim().toUpperCase();
+        const baseAmountCents = normalizedCurrency !== invoiceCurrencyCode ? values.baseAmountCents : undefined;
+        if (normalizedCurrency !== invoiceCurrencyCode && !baseAmountCents) {
+            form.setError("baseAmountCents", {
+                message: messages.finance.paymentDialog.validationBaseAmountRequired,
+            });
+            return;
+        }
+        await createPayment.mutateAsync({
+            amountCents: values.amountCents,
+            currency: normalizedCurrency,
+            baseCurrency: baseAmountCents ? invoiceCurrencyCode : null,
+            baseAmountCents: baseAmountCents ?? null,
+            paymentMethod: values.paymentMethod,
+            status: values.status,
+            referenceNumber: values.referenceNumber || null,
+            paymentDate: values.paymentDate,
+            notes: values.notes || null,
+        });
+        onOpenChange(false);
+        onSuccess?.();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: messages.finance.paymentDialog.title }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), 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.finance.paymentDialog.amountLabel }), _jsx(Input, { ...form.register("amountCents"), type: "number", min: "1" }), form.formState.errors.amountCents ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.amountCents.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.paymentDialog.currencyLabel }), _jsx(CurrencyCombobox, { value: form.watch("currency") || null, onChange: (next) => form.setValue("currency", next ?? invoiceCurrency, {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }) })] })] }), requiresBaseAmount ? (_jsxs("div", { className: "rounded-md border bg-muted/20 p-3", children: [_jsxs("div", { className: "mb-3", children: [_jsx("h3", { className: "text-sm font-medium", children: messages.finance.paymentDialog.fxSectionTitle }), _jsx("p", { className: "text-muted-foreground text-xs", children: messages.finance.paymentDialog.baseCurrencyHelp })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.paymentDialog.baseAmountLabel }), _jsx(Input, { ...form.register("baseAmountCents"), type: "number", min: "1" }), form.formState.errors.baseAmountCents ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.baseAmountCents.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.paymentDialog.currencyLabel }), _jsx(Input, { value: invoiceCurrencyCode, readOnly: true, className: "uppercase" })] })] })] })) : null, _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.paymentDialog.paymentMethodLabel }), _jsxs(Select, { items: paymentMethods, value: form.watch("paymentMethod"), onValueChange: (value) => form.setValue("paymentMethod", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: paymentMethods.map((method) => (_jsx(SelectItem, { value: method.value, children: method.label }, method.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.paymentDialog.statusLabel }), _jsxs(Select, { items: paymentStatuses, value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: paymentStatuses.map((status) => (_jsx(SelectItem, { value: status.value, children: status.label }, status.value))) })] })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.paymentDialog.paymentDateLabel }), _jsx(Input, { ...form.register("paymentDate"), type: "date" }), form.formState.errors.paymentDate ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.paymentDate.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.paymentDialog.referenceNumberLabel }), _jsx(Input, { ...form.register("referenceNumber"), placeholder: messages.finance.paymentDialog.referenceNumberPlaceholder })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.paymentDialog.notesLabel }), _jsx(Textarea, { ...form.register("notes"), placeholder: messages.finance.paymentDialog.notesPlaceholder })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.finance.paymentDialog.cancel }), _jsxs(Button, { type: "submit", disabled: createPayment.isPending, children: [createPayment.isPending ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, messages.finance.paymentDialog.submit] })] })] })] }) }));
+}

package/dist/admin/record-payment-dialog.d.ts

@@ -0,0 +1,16 @@
+import { type FinancePaymentKind } from "../index.js";
+export interface RecordPaymentDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Default kind when the dialog opens. Defaults to `customer`. */
+    defaultKind?: FinancePaymentKind;
+    onSuccess?: () => void;
+}
+/**
+ * Packaged record-payment dialog for the finance payments page: picks an
+ * invoice (customer payments) or a booking + supplier (supplier payments) via
+ * the shared react-data packages (`finance-react`, `bookings-react`,
+ * `suppliers-react`) — no app-local query clients.
+ */
+export declare function RecordPaymentDialog({ open, onOpenChange, defaultKind, onSuccess, }: RecordPaymentDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=record-payment-dialog.d.ts.map

package/dist/admin/record-payment-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-payment-dialog.d.ts","sourceRoot":"","sources":["../../src/admin/record-payment-dialog.tsx"],"names":[],"mappings":"AA2BA,OAAO,EACL,KAAK,kBAAkB,EAKxB,MAAM,aAAa,CAAA;AAiEpB,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,kEAAkE;IAClE,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,WAAwB,EACxB,SAAS,GACV,EAAE,wBAAwB,2CA4X1B"}

package/dist/admin/record-payment-dialog.js

@@ -0,0 +1,219 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOperatorAdminMessages } from "@voyant-travel/admin";
+import { useBookings } from "@voyant-travel/bookings-react";
+import { useSuppliers } from "@voyant-travel/distribution-react/suppliers";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@voyant-travel/ui/components";
+import { AsyncCombobox } from "@voyant-travel/ui/components/async-combobox";
+import { CurrencyCombobox } from "@voyant-travel/ui/components/currency-combobox";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { Loader2 } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { useInvoicePaymentMutation, useInvoices, useSupplierPaymentMutation, } from "../index.js";
+const PAYMENT_METHODS = ["bank_transfer", "credit_card", "cash", "cheque", "other"];
+const PAYMENT_STATUSES = ["pending", "completed", "failed", "refunded"];
+const todayIso = () => new Date().toISOString().split("T")[0];
+const initialState = () => ({
+    amountCents: "",
+    currency: "EUR",
+    baseAmountCents: "",
+    paymentMethod: "bank_transfer",
+    status: "completed",
+    paymentDate: todayIso(),
+    referenceNumber: "",
+    notes: "",
+});
+function getMethodLabel(messages, method) {
+    switch (method) {
+        case "bank_transfer":
+            return messages.finance.paymentMethodBankTransfer;
+        case "credit_card":
+            return messages.finance.paymentMethodCreditCard;
+        case "cash":
+            return messages.finance.paymentMethodCash;
+        case "cheque":
+            return messages.finance.paymentMethodCheque;
+        case "other":
+            return messages.finance.paymentMethodOther;
+        default:
+            return method;
+    }
+}
+function getStatusLabel(messages, status) {
+    switch (status) {
+        case "pending":
+            return messages.finance.paymentStatusPending;
+        case "completed":
+            return messages.finance.paymentStatusCompleted;
+        case "failed":
+            return messages.finance.paymentStatusFailed;
+        case "refunded":
+            return messages.finance.paymentStatusRefunded;
+        default:
+            return status;
+    }
+}
+/**
+ * Packaged record-payment dialog for the finance payments page: picks an
+ * invoice (customer payments) or a booking + supplier (supplier payments) via
+ * the shared react-data packages (`finance-react`, `bookings-react`,
+ * `suppliers-react`) — no app-local query clients.
+ */
+export function RecordPaymentDialog({ open, onOpenChange, defaultKind = "customer", onSuccess, }) {
+    const messages = useOperatorAdminMessages();
+    const f = messages.finance;
+    const dialog = f.recordPaymentDialog;
+    const [kind, setKind] = useState(defaultKind);
+    const [form, setForm] = useState(initialState);
+    const [invoiceId, setInvoiceId] = useState(null);
+    const [selectedInvoice, setSelectedInvoice] = useState(null);
+    const [invoiceSearch, setInvoiceSearch] = useState("");
+    const [bookingId, setBookingId] = useState(null);
+    const [selectedBooking, setSelectedBooking] = useState(null);
+    const [bookingSearch, setBookingSearch] = useState("");
+    const [supplierId, setSupplierId] = useState(null);
+    const [selectedSupplier, setSelectedSupplier] = useState(null);
+    const [supplierSearch, setSupplierSearch] = useState("");
+    const [error, setError] = useState(null);
+    const customerMutation = useInvoicePaymentMutation(invoiceId ?? "");
+    const supplierMutation = useSupplierPaymentMutation();
+    // Reset whenever the dialog reopens — avoids leaking the previous
+    // submission into a fresh entry.
+    useEffect(() => {
+        if (open) {
+            setKind(defaultKind);
+            setForm(initialState());
+            setInvoiceId(null);
+            setSelectedInvoice(null);
+            setInvoiceSearch("");
+            setBookingId(null);
+            setSelectedBooking(null);
+            setBookingSearch("");
+            setSupplierId(null);
+            setSelectedSupplier(null);
+            setSupplierSearch("");
+            setError(null);
+        }
+    }, [open, defaultKind]);
+    // When an invoice is picked we mirror its currency into the form so the
+    // operator doesn't have to pick it again — that's the whole reason the
+    // server stores currency on the invoice in the first place.
+    useEffect(() => {
+        if (selectedInvoice) {
+            setForm((prev) => ({ ...prev, currency: selectedInvoice.currency, baseAmountCents: "" }));
+        }
+    }, [selectedInvoice]);
+    const invoicesQuery = useInvoices({
+        search: invoiceSearch || undefined,
+        limit: 20,
+        enabled: kind === "customer",
+    });
+    const invoiceOptions = useMemo(() => invoicesQuery.data?.data ?? [], [invoicesQuery.data]);
+    const bookingsQuery = useBookings({
+        search: bookingSearch || undefined,
+        limit: 20,
+        enabled: kind === "supplier",
+    });
+    const bookingOptions = useMemo(() => bookingsQuery.data?.data ?? [], [bookingsQuery.data]);
+    const suppliersQuery = useSuppliers({ search: supplierSearch || undefined, limit: 20 });
+    const supplierOptions = suppliersQuery.data?.data ?? [];
+    const isSubmitting = (kind === "customer" && customerMutation.isPending) ||
+        (kind === "supplier" && supplierMutation.create.isPending);
+    const setField = (key, value) => {
+        setForm((prev) => ({ ...prev, [key]: value }));
+    };
+    const baseCurrency = kind === "customer" ? selectedInvoice?.currency : (selectedBooking?.sellCurrency ?? null);
+    const normalizedPaymentCurrency = form.currency.trim().toUpperCase();
+    const normalizedBaseCurrency = baseCurrency?.trim().toUpperCase() ?? null;
+    const requiresBaseAmount = normalizedBaseCurrency !== null &&
+        normalizedPaymentCurrency !== "" &&
+        normalizedPaymentCurrency !== normalizedBaseCurrency;
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setError(null);
+        const amountCents = Number.parseInt(form.amountCents, 10);
+        if (!Number.isFinite(amountCents) || amountCents < 1) {
+            setError(f.paymentDialog.validationAmountMin);
+            return;
+        }
+        if (!form.paymentDate) {
+            setError(f.paymentDialog.validationPaymentDateRequired);
+            return;
+        }
+        let baseAmountCents = null;
+        if (requiresBaseAmount) {
+            const parsedBaseAmountCents = Number.parseInt(form.baseAmountCents, 10);
+            if (!Number.isFinite(parsedBaseAmountCents) || parsedBaseAmountCents < 1) {
+                setError(f.paymentDialog.validationBaseAmountRequired);
+                return;
+            }
+            baseAmountCents = parsedBaseAmountCents;
+        }
+        if (kind === "customer") {
+            if (!invoiceId) {
+                setError(dialog.invoiceRequired);
+                return;
+            }
+            await customerMutation.mutateAsync({
+                amountCents,
+                currency: normalizedPaymentCurrency,
+                baseCurrency: requiresBaseAmount ? normalizedBaseCurrency : null,
+                baseAmountCents: requiresBaseAmount ? baseAmountCents : null,
+                paymentMethod: form.paymentMethod,
+                status: form.status,
+                referenceNumber: form.referenceNumber || null,
+                paymentDate: form.paymentDate,
+                notes: form.notes || null,
+            });
+        }
+        else {
+            if (!bookingId) {
+                setError(dialog.bookingRequired);
+                return;
+            }
+            await supplierMutation.create.mutateAsync({
+                bookingId,
+                supplierId: supplierId ?? null,
+                amountCents,
+                currency: normalizedPaymentCurrency,
+                baseCurrency: requiresBaseAmount ? normalizedBaseCurrency : null,
+                baseAmountCents: requiresBaseAmount ? baseAmountCents : null,
+                paymentMethod: form.paymentMethod,
+                status: form.status,
+                referenceNumber: form.referenceNumber || null,
+                paymentDate: form.paymentDate,
+                notes: form.notes || null,
+            });
+        }
+        onOpenChange(false);
+        onSuccess?.();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: dialog.title }) }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.kindLabel }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { type: "button", variant: kind === "customer" ? "default" : "outline", size: "sm", onClick: () => setKind("customer"), children: dialog.kindCustomer }), _jsx(Button, { type: "button", variant: kind === "supplier" ? "default" : "outline", size: "sm", onClick: () => setKind("supplier"), children: dialog.kindSupplier })] })] }), kind === "customer" ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.invoiceLabel }), _jsx(AsyncCombobox, { value: invoiceId, onChange: (value) => {
+                                                setInvoiceId(value);
+                                                if (!value)
+                                                    setSelectedInvoice(null);
+                                                else {
+                                                    const match = invoiceOptions.find((inv) => inv.id === value);
+                                                    if (match)
+                                                        setSelectedInvoice(match);
+                                                }
+                                            }, items: invoiceOptions, selectedItem: selectedInvoice, getKey: (inv) => inv.id, getLabel: (inv) => inv.invoiceNumber, getSecondary: (inv) => `${(inv.totalCents / 100).toFixed(2)} ${inv.currency} · ${inv.status}`, onSearchChange: setInvoiceSearch, placeholder: dialog.invoicePlaceholder, emptyText: dialog.invoiceEmpty, triggerClassName: "w-full" })] })) : (_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.bookingLabel }), _jsx(AsyncCombobox, { value: bookingId, onChange: (value) => {
+                                                        setBookingId(value);
+                                                        if (!value)
+                                                            setSelectedBooking(null);
+                                                        else {
+                                                            const match = bookingOptions.find((b) => b.id === value);
+                                                            if (match)
+                                                                setSelectedBooking(match);
+                                                        }
+                                                    }, items: bookingOptions, selectedItem: selectedBooking, getKey: (b) => b.id, getLabel: (b) => b.bookingNumber, getSecondary: (b) => b.status, onSearchChange: setBookingSearch, placeholder: dialog.bookingPlaceholder, emptyText: dialog.bookingEmpty, triggerClassName: "w-full" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.supplierLabel }), _jsx(AsyncCombobox, { value: supplierId, onChange: (value) => {
+                                                        setSupplierId(value);
+                                                        if (!value)
+                                                            setSelectedSupplier(null);
+                                                        else {
+                                                            const match = supplierOptions.find((s) => s.id === value);
+                                                            if (match)
+                                                                setSelectedSupplier(match);
+                                                        }
+                                                    }, items: supplierOptions, selectedItem: selectedSupplier, getKey: (s) => s.id, getLabel: (s) => s.name, onSearchChange: setSupplierSearch, placeholder: dialog.supplierPlaceholder, emptyText: dialog.supplierEmpty, triggerClassName: "w-full" })] })] })), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: f.paymentDialog.amountLabel }), _jsx(Input, { type: "number", min: "1", value: form.amountCents, onChange: (e) => setField("amountCents", e.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: f.paymentDialog.currencyLabel }), _jsx(CurrencyCombobox, { value: form.currency || null, onChange: (next) => setField("currency", next ?? "EUR") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: f.paymentDialog.paymentDateLabel }), _jsx(DatePicker, { value: form.paymentDate || null, onChange: (next) => setField("paymentDate", next ?? ""), className: "w-full" })] })] }), requiresBaseAmount ? (_jsxs("div", { className: "rounded-md border bg-muted/20 p-3", children: [_jsxs("div", { className: "mb-3", children: [_jsx("h3", { className: "text-sm font-medium", children: f.paymentDialog.fxSectionTitle }), _jsx("p", { className: "text-muted-foreground text-xs", children: f.paymentDialog.baseCurrencyHelp })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: f.paymentDialog.baseAmountLabel }), _jsx(Input, { type: "number", min: "1", value: form.baseAmountCents, onChange: (e) => setField("baseAmountCents", e.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: f.paymentDialog.currencyLabel }), _jsx(Input, { value: normalizedBaseCurrency ?? "", readOnly: true, className: "uppercase" })] })] })] })) : null, _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: f.paymentDialog.paymentMethodLabel }), _jsxs(Select, { value: form.paymentMethod, onValueChange: (value) => setField("paymentMethod", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: PAYMENT_METHODS.map((m) => (_jsx(SelectItem, { value: m, children: getMethodLabel(messages, m) }, m))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: f.paymentDialog.statusLabel }), _jsxs(Select, { value: form.status, onValueChange: (value) => setField("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: PAYMENT_STATUSES.map((s) => (_jsx(SelectItem, { value: s, children: getStatusLabel(messages, s) }, s))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: f.paymentDialog.referenceNumberLabel }), _jsx(Input, { value: form.referenceNumber, onChange: (e) => setField("referenceNumber", e.target.value), placeholder: f.paymentDialog.referenceNumberPlaceholder })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: f.paymentDialog.notesLabel }), _jsx(Textarea, { value: form.notes, onChange: (e) => setField("notes", e.target.value), placeholder: f.paymentDialog.notesPlaceholder })] }), error ? _jsx("p", { className: "text-xs text-destructive", children: error }) : null] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: f.paymentDialog.cancel }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, f.paymentDialog.submit] })] })] })] }) }));
+}

package/dist/admin/supplier-payment-policy-widget.d.ts

@@ -0,0 +1,18 @@
+import type { SupplierDetailHostSlotContext } from "@voyant-travel/distribution-react/suppliers/admin";
+/**
+ * Props of the supplier payment-policy widget: exactly the slot context the
+ * supplier detail host hands to `supplier.details.payment-policy` widget
+ * contributions (see `supplierDetailPaymentPolicySlot` in
+ * `@voyant-travel/distribution-react/suppliers/admin`).
+ */
+export type SupplierPaymentPolicyWidgetProps = SupplierDetailHostSlotContext;
+/**
+ * Finance-owned customer-payment-policy card for the supplier detail page,
+ * delivered as a widget contribution on `supplier.details.payment-policy`
+ * (packaged-admin RFC §4.7 cycle resolution: this package depends on
+ * `@voyant-travel/distribution-react/suppliers/ui`, so the supplier host cannot import the
+ * payment-policy form/preview directly — the contribution travels the other
+ * way through the admin extension registry).
+ */
+export declare function SupplierPaymentPolicyWidget({ supplier, updateSupplier, isUpdating, }: SupplierPaymentPolicyWidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=supplier-payment-policy-widget.d.ts.map

package/dist/admin/supplier-payment-policy-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-payment-policy-widget.d.ts","sourceRoot":"","sources":["../../src/admin/supplier-payment-policy-widget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,mDAAmD,CAAA;AAiBtG;;;;;GAKG;AACH,MAAM,MAAM,gCAAgC,GAAG,6BAA6B,CAAA;AAE5E;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,QAAQ,EACR,cAAc,EACd,UAAU,GACX,EAAE,gCAAgC,2CAsDlC"}

package/dist/admin/supplier-payment-policy-widget.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@voyant-travel/ui/components";
+import { Loader2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { toast } from "sonner";
+import { PaymentPolicyForm, PaymentPolicyPreview } from "../components/payment-policy-form.js";
+import { useFinanceUiMessagesOrDefault } from "../i18n/index.js";
+/**
+ * Finance-owned customer-payment-policy card for the supplier detail page,
+ * delivered as a widget contribution on `supplier.details.payment-policy`
+ * (packaged-admin RFC §4.7 cycle resolution: this package depends on
+ * `@voyant-travel/distribution-react/suppliers/ui`, so the supplier host cannot import the
+ * payment-policy form/preview directly — the contribution travels the other
+ * way through the admin extension registry).
+ */
+export function SupplierPaymentPolicyWidget({ supplier, updateSupplier, isUpdating, }) {
+    const messages = useFinanceUiMessagesOrDefault().paymentPolicy.supplierCard;
+    const persistedPolicy = supplier.customerPaymentPolicy ?? null;
+    const [policyDraft, setPolicyDraft] = useState(persistedPolicy);
+    useEffect(() => {
+        setPolicyDraft(persistedPolicy);
+    }, [persistedPolicy]);
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: messages.title }), _jsx(CardDescription, { children: messages.description })] }), _jsx(CardContent, { className: "grid gap-6 lg:grid-cols-[2fr_1fr]", children: supplier.defaultCurrency ? (_jsxs(_Fragment, { children: [_jsx(PaymentPolicyForm, { value: policyDraft, onChange: setPolicyDraft, inheritable: true, currency: supplier.defaultCurrency, disabled: isUpdating }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(PaymentPolicyPreview, { policy: policyDraft, currency: supplier.defaultCurrency }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { size: "sm", disabled: isUpdating, onClick: () => {
+                                            void updateSupplier({
+                                                customerPaymentPolicy: policyDraft ?? null,
+                                            })
+                                                .then(() => toast.success(messages.savedToast))
+                                                .catch((error) => toast.error(error instanceof Error ? error.message : messages.saveFailed));
+                                        }, children: [isUpdating ? _jsx(Loader2, { className: "animate-spin" }) : null, messages.save] }) })] })] })) : (_jsx("p", { className: "text-sm text-muted-foreground lg:col-span-2", children: messages.missingCurrency })) })] }));
+}

package/dist/admin/use-supplier-picker.d.ts

@@ -0,0 +1,19 @@
+import type { AsyncComboboxOption } from "../components/async-combobox.js";
+export interface SupplierPicker {
+    searchSuppliers: (query: string) => Promise<AsyncComboboxOption[]>;
+    createSupplier: (name: string) => Promise<AsyncComboboxOption | null>;
+}
+/**
+ * Supplier picker wiring for the supplier-invoice forms. Selecting an
+ * existing supplier or creating one inline stores the supplier's id as the
+ * invoice's `supplierId` — a loose text reference, no cross-module FK.
+ *
+ * Search composes the suppliers package's own query options through the
+ * shared provider context (`baseUrl` + credentialed fetcher), so results
+ * land in the suppliers query cache. Inline creation goes through
+ * `useSupplierMutation().create` — the suppliers package's client hook for
+ * `POST /v1/suppliers` — with type `"other"` (editable later in the
+ * suppliers module); the hook seeds/invalidates the suppliers caches itself.
+ */
+export declare function useSupplierPicker(): SupplierPicker;
+//# sourceMappingURL=use-supplier-picker.d.ts.map

package/dist/admin/use-supplier-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-supplier-picker.d.ts","sourceRoot":"","sources":["../../src/admin/use-supplier-picker.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAG1E,MAAM,WAAW,cAAc;IAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAA;IAClE,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;CACtE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,IAAI,cAAc,CAkBlD"}

package/dist/admin/use-supplier-picker.js

@@ -0,0 +1,30 @@
+"use client";
+import { useQueryClient } from "@tanstack/react-query";
+import { getSuppliersQueryOptions, useSupplierMutation, } from "@voyant-travel/distribution-react/suppliers";
+import { useVoyantFinanceContext } from "../provider.js";
+/**
+ * Supplier picker wiring for the supplier-invoice forms. Selecting an
+ * existing supplier or creating one inline stores the supplier's id as the
+ * invoice's `supplierId` — a loose text reference, no cross-module FK.
+ *
+ * Search composes the suppliers package's own query options through the
+ * shared provider context (`baseUrl` + credentialed fetcher), so results
+ * land in the suppliers query cache. Inline creation goes through
+ * `useSupplierMutation().create` — the suppliers package's client hook for
+ * `POST /v1/suppliers` — with type `"other"` (editable later in the
+ * suppliers module); the hook seeds/invalidates the suppliers caches itself.
+ */
+export function useSupplierPicker() {
+    const { baseUrl, fetcher } = useVoyantFinanceContext();
+    const queryClient = useQueryClient();
+    const { create } = useSupplierMutation();
+    const searchSuppliers = async (query) => {
+        const result = await queryClient.fetchQuery(getSuppliersQueryOptions({ baseUrl, fetcher }, { search: query || undefined, limit: 20 }));
+        return result.data.map((supplier) => ({ value: supplier.id, label: supplier.name }));
+    };
+    const createSupplier = async (name) => {
+        const supplier = await create.mutateAsync({ name, type: "other" });
+        return { value: supplier.id, label: supplier.name };
+    };
+    return { searchSuppliers, createSupplier };
+}

package/dist/checkout-components/collect-payment-dialog.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Operator-side "Generate payment link" dialog. Bookings created via
+ * the new booking flow already land in `on_hold`, so the dialog skips
+ * the choose-flow step and goes straight to producing a link the
+ * operator can share. Optionally pre-fills the amount from a payment
+ * schedule (deposit / balance / etc.) when the booking has any.
+ *
+ * ```tsx
+ * <CollectPaymentDialog
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   bookingId={booking.id}
+ *   defaultCurrency={booking.sellCurrency}
+ *   defaultAmountCents={booking.sellAmountCents}
+ * />
+ * ```
+ */
+export interface CollectPaymentDialogProps {
+    open: boolean;
+    onOpenChange: (next: boolean) => void;
+    bookingId: string;
+    defaultCurrency: string;
+    defaultAmountCents?: number | null;
+    defaultPayerEmail?: string | null;
+    defaultPayerName?: string | null;
+    /**
+     * Language for the processor's hosted payment page. Pass the picked
+     * person's `preferredLanguage`, the booking locale, or the active admin
+     * locale. Falls back to the processor's deploy-wide default when omitted.
+     */
+    defaultPayerLanguage?: string | null;
+    /**
+     * Per-session overrides for where the customer's browser lands after
+     * payment success / cancel on the processor's hosted page. Storefront
+     * flows usually pass their own confirmation route; operator-initiated
+     * send-link flows usually leave these unset and let the deploy-wide
+     * `NETOPIA_REDIRECT_URL` point at the public `/pay/:sessionId` landing.
+     */
+    returnUrl?: string | null;
+    cancelUrl?: string | null;
+    /** Card processor id registered in checkout's `paymentStarters`. */
+    cardProvider?: string;
+}
+export declare function CollectPaymentDialog({ open, onOpenChange, bookingId, defaultCurrency, defaultAmountCents, defaultPayerEmail, defaultPayerName, defaultPayerLanguage, returnUrl, cancelUrl, cardProvider, }: CollectPaymentDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=collect-payment-dialog.d.ts.map

package/dist/checkout-components/collect-payment-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collect-payment-dialog.d.ts","sourceRoot":"","sources":["../../src/checkout-components/collect-payment-dialog.tsx"],"names":[],"mappings":"AA+BA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAID,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,YAAY,GACb,EAAE,yBAAyB,2CA4K3B"}