@voyant-travel/finance-react 0.119.5

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

@@ -0,0 +1,11 @@
+/**
+ * Layout-matched placeholder for InvoiceDetailHost.
+ *   - Back + invoice number + status pill + edit/delete
+ *   - InvoiceInfoCards: 3-column summary row (Overview / Totals / Booking)
+ *   - Line items card (full width)
+ *   - Payments card (full width)
+ *   - Credit notes card (full width)
+ *   - Notes card (composer + list)
+ */
+export declare function InvoiceDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=invoice-detail-skeleton.d.ts.map

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

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

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

@@ -0,0 +1,33 @@
+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 InvoiceDetailHost.
+ *   - Back + invoice number + status pill + edit/delete
+ *   - InvoiceInfoCards: 3-column summary row (Overview / Totals / Booking)
+ *   - Line items card (full width)
+ *   - Payments card (full width)
+ *   - Credit notes card (full width)
+ *   - Notes card (composer + list)
+ */
+export function InvoiceDetailSkeleton() {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsx(Header, {}), _jsxs("div", { className: "grid gap-4 md:grid-cols-3", children: [_jsx(InfoCard, { titleWidth: "w-20", rows: 4 }), _jsx(InfoCard, { titleWidth: "w-16", rows: 4 }), _jsx(InfoCard, { titleWidth: "w-20", rows: 3 })] }), _jsx(LineItemsCard, {}), _jsx(PaymentsCard, {}), _jsx(CreditNotesCard, {}), _jsx(NotesCard, {})] }));
+}
+function Header() {
+    return (_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-20 rounded-full" })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Skeleton, { className: "h-9 w-20" }), _jsx(Skeleton, { className: "h-9 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-20" }), _jsx(Skeleton, { className: "h-3.5 w-24" })] }, i))) })] }));
+}
+function LineItemsCard() {
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(Skeleton, { className: "h-5 w-24" }), _jsx(Skeleton, { className: "h-8 w-28" })] }), _jsx(CardContent, { children: _jsx("div", { className: "space-y-0 divide-y rounded-md border", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-4 px-4 py-3", children: [_jsxs("div", { className: "flex-1 space-y-1.5", children: [_jsx(Skeleton, { className: "h-4 w-2/3" }), _jsx(Skeleton, { className: "h-3 w-20" })] }), _jsx(Skeleton, { className: "h-4 w-8" }), _jsx(Skeleton, { className: "h-4 w-20" }), _jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-8 w-8 rounded" })] }, i))) }) })] }));
+}
+function PaymentsCard() {
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(Skeleton, { className: "h-5 w-24" }), _jsx(Skeleton, { className: "h-8 w-28" })] }), _jsx(CardContent, { className: "space-y-2", children: Array.from({ length: 2 }).map((_, i) => (_jsxs("div", { className: "flex items-center justify-between rounded-md border px-3 py-3", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-40" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-20" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-full" })] })] }, i))) })] }));
+}
+function CreditNotesCard() {
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(Skeleton, { className: "h-5 w-28" }), _jsx(Skeleton, { className: "h-8 w-32" })] }), _jsx(CardContent, { children: _jsx(Skeleton, { className: "h-10 w-full" }) })] }));
+}
+function NotesCard() {
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(Skeleton, { className: "h-5 w-16" }) }), _jsxs(CardContent, { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-20 w-full" }), _jsx("div", { className: "space-y-2", children: Array.from({ length: 2 }).map((_, i) => (_jsxs("div", { className: "rounded-md border px-3 py-3 space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-3 w-32" })] }, i))) })] })] }));
+}

package/dist/admin/line-item-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type LineItemRecord } from "../index.js";
+export interface LineItemDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    invoiceId: string;
+    lineItem?: LineItemRecord;
+    onSuccess?: (lineItem: LineItemRecord) => void;
+}
+export declare function LineItemDialog({ open, onOpenChange, invoiceId, lineItem, onSuccess, }: LineItemDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=line-item-dialog.d.ts.map

package/dist/admin/line-item-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-item-dialog.d.ts","sourceRoot":"","sources":["../../src/admin/line-item-dialog.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,KAAK,cAAc,EAA8B,MAAM,aAAa,CAAA;AAgB7E,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,cAAc,CAAA;IACzB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,2CAqJrB"}

package/dist/admin/line-item-dialog.js

@@ -0,0 +1,91 @@
+"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, } from "@voyant-travel/ui/components";
+import { zodResolver } from "@voyant-travel/ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+import { useInvoiceLineItemMutation } from "../index.js";
+function getLineItemFormSchema(messages) {
+    return z.object({
+        description: z.string().min(1, messages.finance.lineItemDialog.validationDescriptionRequired),
+        quantity: z.coerce.number().int().min(1).default(1),
+        unitPriceCents: z.coerce.number().int().min(0),
+        totalCents: z.coerce.number().int().min(0),
+        taxRate: z.coerce.number().int().min(0).optional().or(z.literal("")).nullable(),
+        sortOrder: z.coerce.number().int().min(0).default(0),
+    });
+}
+export function LineItemDialog({ open, onOpenChange, invoiceId, lineItem, onSuccess, }) {
+    const messages = useOperatorAdminMessages();
+    const isEditing = Boolean(lineItem);
+    const { create, update } = useInvoiceLineItemMutation(invoiceId);
+    const lineItemFormSchema = useMemo(() => getLineItemFormSchema(messages), [messages]);
+    const [submitError, setSubmitError] = useState(null);
+    const form = useForm({
+        resolver: zodResolver(lineItemFormSchema),
+        defaultValues: {
+            description: "",
+            quantity: 1,
+            unitPriceCents: 0,
+            totalCents: 0,
+            taxRate: "",
+            sortOrder: 0,
+        },
+    });
+    useEffect(() => {
+        if (open && lineItem) {
+            form.reset({
+                description: lineItem.description,
+                quantity: lineItem.quantity,
+                unitPriceCents: lineItem.unitPriceCents,
+                totalCents: lineItem.totalCents,
+                taxRate: lineItem.taxRate ?? "",
+                sortOrder: lineItem.sortOrder,
+            });
+        }
+        else if (open) {
+            form.reset({
+                description: "",
+                quantity: 1,
+                unitPriceCents: 0,
+                totalCents: 0,
+                taxRate: "",
+                sortOrder: 0,
+            });
+        }
+    }, [open, lineItem, form]);
+    const onSubmit = async (values) => {
+        setSubmitError(null);
+        const payload = {
+            description: values.description,
+            quantity: values.quantity,
+            unitPriceCents: values.unitPriceCents,
+            totalCents: values.totalCents,
+            taxRate: values.taxRate !== "" && values.taxRate != null && typeof values.taxRate === "number"
+                ? values.taxRate
+                : null,
+            sortOrder: values.sortOrder,
+        };
+        let saved;
+        try {
+            saved = isEditing
+                ? await update.mutateAsync({ id: lineItem.id, input: payload })
+                : await create.mutateAsync(payload);
+        }
+        catch (error) {
+            setSubmitError(error instanceof Error ? error.message : messages.finance.lineItemDialog.saveFailed);
+            return;
+        }
+        onOpenChange(false);
+        onSuccess?.(saved);
+    };
+    const isSubmitting = create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing
+                            ? messages.finance.lineItemDialog.editTitle
+                            : messages.finance.lineItemDialog.newTitle }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [submitError ? (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-destructive text-sm", children: submitError })) : null, _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.lineItemDialog.descriptionLabel }), _jsx(Input, { ...form.register("description"), placeholder: messages.finance.lineItemDialog.descriptionPlaceholder }), form.formState.errors.description ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.description.message })) : null] }), _jsxs("div", { className: "grid grid-cols-3 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.lineItemDialog.quantityLabel }), _jsx(Input, { ...form.register("quantity"), type: "number", min: "1" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.lineItemDialog.unitPriceLabel }), _jsx(Input, { ...form.register("unitPriceCents"), type: "number", min: "0" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.lineItemDialog.totalLabel }), _jsx(Input, { ...form.register("totalCents"), type: "number", min: "0" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.lineItemDialog.taxRateLabel }), _jsx(Input, { ...form.register("taxRate"), type: "number", min: "0", placeholder: messages.finance.lineItemDialog.taxRatePlaceholder })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: messages.finance.lineItemDialog.sortOrderLabel }), _jsx(Input, { ...form.register("sortOrder"), type: "number", min: "0" })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.finance.lineItemDialog.cancel }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing
+                                            ? messages.finance.lineItemDialog.saveChanges
+                                            : messages.finance.lineItemDialog.createLineItem] })] })] })] }) }));
+}

package/dist/admin/pages/invoice-detail.d.ts

@@ -0,0 +1,8 @@
+import type { AdminRoutePageProps } from "@voyant-travel/admin";
+/**
+ * Packaged route page for the invoice detail (route contribution
+ * `finance-invoices-detail`): binds the matched `$id` path param onto
+ * {@link InvoiceDetailHost}, which owns the operator-grade detail page.
+ */
+export default function FinanceInvoiceDetailRoutePage({ params }: AdminRoutePageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=invoice-detail.d.ts.map

package/dist/admin/pages/invoice-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-detail.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/invoice-detail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAI/D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,mBAAmB,2CAEpF"}

package/dist/admin/pages/invoice-detail.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InvoiceDetailHost } from "../invoice-detail-host.js";
+/**
+ * Packaged route page for the invoice detail (route contribution
+ * `finance-invoices-detail`): binds the matched `$id` path param onto
+ * {@link InvoiceDetailHost}, which owns the operator-grade detail page.
+ */
+export default function FinanceInvoiceDetailRoutePage({ params }) {
+    return _jsx(InvoiceDetailHost, { id: params.id ?? "" });
+}

package/dist/admin/pages/invoices-index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Packaged route page for the invoices list (route contribution
+ * `finance-invoices-index`). Row activation resolves through the shared
+ * `invoice.detail` semantic destination (packaged-admin RFC §4.7), so the
+ * page stays host-agnostic — no router import, no route file in the host.
+ */
+export default function FinanceInvoicesIndexRoutePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=invoices-index.d.ts.map

package/dist/admin/pages/invoices-index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoices-index.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/invoices-index.tsx"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,6BAA6B,4CAIpD"}

package/dist/admin/pages/invoices-index.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAdminNavigate } from "@voyant-travel/admin";
+import { InvoicesPage } from "../../components/invoices-page.js";
+/**
+ * Packaged route page for the invoices list (route contribution
+ * `finance-invoices-index`). Row activation resolves through the shared
+ * `invoice.detail` semantic destination (packaged-admin RFC §4.7), so the
+ * page stays host-agnostic — no router import, no route file in the host.
+ */
+export default function FinanceInvoicesIndexRoutePage() {
+    const navigateTo = useAdminNavigate();
+    return _jsx(InvoicesPage, { onOpenInvoice: (id) => navigateTo("invoice.detail", { invoiceId: id }) });
+}

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

@@ -0,0 +1,8 @@
+import type { AdminRoutePageProps } from "@voyant-travel/admin";
+/**
+ * Packaged route page for the payment detail (route contribution
+ * `finance-payments-detail`): binds the matched `$id` path param onto
+ * {@link PaymentDetailHost}, which owns the operator-grade detail page.
+ */
+export default function FinancePaymentDetailRoutePage({ params }: AdminRoutePageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=payment-detail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"payment-detail.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/payment-detail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAI/D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EAAE,MAAM,EAAE,EAAE,mBAAmB,2CAEpF"}

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

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PaymentDetailHost } from "../payment-detail-host.js";
+/**
+ * Packaged route page for the payment detail (route contribution
+ * `finance-payments-detail`): binds the matched `$id` path param onto
+ * {@link PaymentDetailHost}, which owns the operator-grade detail page.
+ */
+export default function FinancePaymentDetailRoutePage({ params }) {
+    return _jsx(PaymentDetailHost, { id: params.id ?? "" });
+}

package/dist/admin/pages/payments-index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Packaged route page for the payments list (route contribution
+ * `finance-payments-index`). Owns the supplier-filter search state (the
+ * supplier combobox options come from `@voyant-travel/distribution-react/suppliers`), renders
+ * the record-payment dialog, and resolves row activation through the shared
+ * `payment.detail` semantic destination (packaged-admin RFC §4.7).
+ */
+export default function FinancePaymentsIndexRoutePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=payments-index.d.ts.map

package/dist/admin/pages/payments-index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payments-index.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/payments-index.tsx"],"names":[],"mappings":"AASA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,6BAA6B,4CAcpD"}

package/dist/admin/pages/payments-index.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAdminNavigate } from "@voyant-travel/admin";
+import { useSuppliers } from "@voyant-travel/distribution-react/suppliers";
+import { useState } from "react";
+import { PaymentsPage } from "../../components/payments-page.js";
+import { RecordPaymentDialog } from "../record-payment-dialog.js";
+/**
+ * Packaged route page for the payments list (route contribution
+ * `finance-payments-index`). Owns the supplier-filter search state (the
+ * supplier combobox options come from `@voyant-travel/distribution-react/suppliers`), renders
+ * the record-payment dialog, and resolves row activation through the shared
+ * `payment.detail` semantic destination (packaged-admin RFC §4.7).
+ */
+export default function FinancePaymentsIndexRoutePage() {
+    const navigateTo = useAdminNavigate();
+    const [supplierSearch, setSupplierSearch] = useState("");
+    const suppliersQuery = useSuppliers({ search: supplierSearch || undefined, limit: 20 });
+    const supplierOptions = suppliersQuery.data?.data ?? [];
+    return (_jsx(PaymentsPage, { supplierOptions: supplierOptions, onSupplierSearchChange: setSupplierSearch, onOpenPayment: (id) => navigateTo("payment.detail", { paymentId: id }), renderRecordPaymentDialog: (props) => _jsx(RecordPaymentDialog, { ...props }) }));
+}

package/dist/admin/pages/profitability.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Packaged route page for the profitability report (route contribution
+ * `finance-profitability`). CSV export links resolve their API origin from
+ * the shared finance provider context (`useVoyantFinanceContext`) — the same
+ * `baseUrl` every data hook in this package reads — so the page needs no
+ * app-supplied URL prop. Exports open in a new tab (browser-only; guarded
+ * for SSR render passes).
+ */
+export default function FinanceProfitabilityRoutePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profitability.d.ts.map

package/dist/admin/pages/profitability.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profitability.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/profitability.tsx"],"names":[],"mappings":"AAsBA;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,6BAA6B,4CAepD"}

package/dist/admin/pages/profitability.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAdminBreadcrumbs } from "@voyant-travel/admin";
+import { ProfitabilityPage, } from "../../components/profitability-page.js";
+import { useVoyantFinanceContext } from "../../provider.js";
+function exportUrl(baseUrl, kind, filters) {
+    const params = new URLSearchParams();
+    if (filters.from)
+        params.set("from", filters.from);
+    if (filters.to)
+        params.set("to", filters.to);
+    const qs = params.toString();
+    return `${baseUrl}/v1/admin/finance/reports/profitability/${kind}/export${qs ? `?${qs}` : ""}`;
+}
+/**
+ * Packaged route page for the profitability report (route contribution
+ * `finance-profitability`). CSV export links resolve their API origin from
+ * the shared finance provider context (`useVoyantFinanceContext`) — the same
+ * `baseUrl` every data hook in this package reads — so the page needs no
+ * app-supplied URL prop. Exports open in a new tab (browser-only; guarded
+ * for SSR render passes).
+ */
+export default function FinanceProfitabilityRoutePage() {
+    useAdminBreadcrumbs([{ label: "Profitability" }]);
+    const { baseUrl } = useVoyantFinanceContext();
+    const openExport = (kind, filters) => {
+        if (typeof window === "undefined")
+            return;
+        window.open(exportUrl(baseUrl, kind, filters), "_blank", "noopener,noreferrer");
+    };
+    return (_jsx(ProfitabilityPage, { onExportDepartures: (filters) => openExport("departures", filters), onExportProducts: (filters) => openExport("products", filters) }));
+}

package/dist/admin/pages/supplier-invoice-detail.d.ts

@@ -0,0 +1,20 @@
+import { type AdminRoutePageProps } from "@voyant-travel/admin";
+/**
+ * Packaged route page for the supplier-invoice detail: binds the matched
+ * `$id` param onto {@link SupplierInvoiceDetailPage} and carries the wiring
+ * the operator route file used to hand-supply —
+ *
+ * - attachment uploads post to the starter-level `/v1/uploads` route
+ *   through the shared finance provider context (`baseUrl` + credentialed
+ *   fetcher), the same path `BookingInvoicesWidget` uses;
+ * - the allocation dialog's cross-domain target search composes the
+ *   bookings / products / availability packages' own query options through
+ *   that same context client;
+ * - the supplier picker (search + inline create) rides the suppliers
+ *   package's client — see {@link useSupplierPicker};
+ * - document/attachment downloads and the back/breadcrumb links resolve
+ *   through the finance API origin and the `supplierInvoice.list`
+ *   destination.
+ */
+export default function SupplierInvoiceDetailRoutePage({ params }: AdminRoutePageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=supplier-invoice-detail.d.ts.map

package/dist/admin/pages/supplier-invoice-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-invoice-detail.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/supplier-invoice-detail.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,mBAAmB,EAIzB,MAAM,sBAAsB,CAAA;AAqB7B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,8BAA8B,CAAC,EAAE,MAAM,EAAE,EAAE,mBAAmB,2CA2GrF"}

package/dist/admin/pages/supplier-invoice-detail.js

@@ -0,0 +1,102 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+import { useAdminBreadcrumbs, useAdminHref, useAdminNavigate, } from "@voyant-travel/admin";
+import { getBookingsQueryOptions } from "@voyant-travel/bookings-react";
+import { getProductsQueryOptions } from "@voyant-travel/inventory-react";
+import { getSlotsQueryOptions } from "@voyant-travel/operations-react/availability";
+import { SupplierInvoiceDetailPage, } from "../../components/supplier-invoice-detail-page.js";
+import { useSupplierInvoice } from "../../hooks/use-supplier-invoice.js";
+import { useFinanceUiMessagesOrDefault } from "../../i18n/index.js";
+import { useVoyantFinanceContext } from "../../provider.js";
+import { useSupplierPicker } from "../use-supplier-picker.js";
+/** New-tab open for download endpoints. No-op during SSR render passes. */
+function openInNewTab(url) {
+    if (typeof window === "undefined")
+        return;
+    window.open(url, "_blank", "noopener,noreferrer");
+}
+/**
+ * Packaged route page for the supplier-invoice detail: binds the matched
+ * `$id` param onto {@link SupplierInvoiceDetailPage} and carries the wiring
+ * the operator route file used to hand-supply —
+ *
+ * - attachment uploads post to the starter-level `/v1/uploads` route
+ *   through the shared finance provider context (`baseUrl` + credentialed
+ *   fetcher), the same path `BookingInvoicesWidget` uses;
+ * - the allocation dialog's cross-domain target search composes the
+ *   bookings / products / availability packages' own query options through
+ *   that same context client;
+ * - the supplier picker (search + inline create) rides the suppliers
+ *   package's client — see {@link useSupplierPicker};
+ * - document/attachment downloads and the back/breadcrumb links resolve
+ *   through the finance API origin and the `supplierInvoice.list`
+ *   destination.
+ */
+export default function SupplierInvoiceDetailRoutePage({ params }) {
+    const id = params.id ?? "";
+    const navigateTo = useAdminNavigate();
+    const resolveHref = useAdminHref();
+    const queryClient = useQueryClient();
+    const { baseUrl, fetcher } = useVoyantFinanceContext();
+    const messages = useFinanceUiMessagesOrDefault().supplierInvoiceDetail;
+    const { data } = useSupplierInvoice(id);
+    const invoiceNo = data?.data?.supplierInvoiceNo;
+    useAdminBreadcrumbs([
+        { label: messages.breadcrumbRoot, href: resolveHref("supplierInvoice.list", {}) },
+        ...(invoiceNo ? [{ label: invoiceNo }] : []),
+    ]);
+    const client = { baseUrl, fetcher };
+    const uploadAttachment = async (file) => {
+        const body = new FormData();
+        body.append("file", file);
+        const response = await fetcher(`${baseUrl}/v1/uploads`, { method: "POST", body });
+        if (!response.ok) {
+            throw new Error(`Upload failed: ${response.status} ${response.statusText}`);
+        }
+        const uploaded = (await response.json());
+        return {
+            storageKey: uploaded.key,
+            mimeType: uploaded.mimeType ?? file.type,
+            fileSize: uploaded.size ?? file.size,
+        };
+    };
+    const searchTargets = async (targetType, query) => {
+        if (targetType === "product") {
+            const result = await queryClient.fetchQuery(getProductsQueryOptions(client, { search: query || undefined, limit: 20 }));
+            return result.data.map((product) => ({
+                value: product.id,
+                label: `${product.name} (${product.id})`,
+            }));
+        }
+        if (targetType === "booking") {
+            const result = await queryClient.fetchQuery(getBookingsQueryOptions(client, { search: query || undefined, limit: 20 }));
+            return result.data.map((booking) => ({
+                value: booking.id,
+                label: `${booking.bookingNumber} (${booking.id})`,
+            }));
+        }
+        if (targetType === "departure") {
+            // Product-centric: search products by name, then list each product's
+            // departures (slots). Label "<product> · <date>".
+            const products = await queryClient.fetchQuery(getProductsQueryOptions(client, { search: query || undefined, limit: 6 }));
+            const nameById = new Map(products.data.map((product) => [product.id, product.name]));
+            const slotLists = await Promise.all(products.data.map((product) => queryClient.fetchQuery(getSlotsQueryOptions(client, { productId: product.id, limit: 10 }))));
+            return slotLists.flatMap((result) => result.data.map((slot) => ({
+                value: slot.id,
+                label: `${nameById.get(slot.productId) ?? slot.productId} · ${slot.dateLocal}`,
+            })));
+        }
+        return [];
+    };
+    // Two-step departure picker: list a chosen product's departures (slots).
+    const listDeparturesForProduct = async (productId, query) => {
+        const result = await queryClient.fetchQuery(getSlotsQueryOptions(client, { productId, limit: 50 }));
+        const normalized = query.trim().toLowerCase();
+        return result.data
+            .filter((slot) => !normalized || slot.dateLocal.toLowerCase().includes(normalized))
+            .map((slot) => ({ value: slot.id, label: slot.dateLocal }));
+    };
+    const { searchSuppliers, createSupplier } = useSupplierPicker();
+    return (_jsx(SupplierInvoiceDetailPage, { id: id, onBack: () => navigateTo("supplierInvoice.list", {}), onDownloadDocument: () => openInNewTab(`${baseUrl}/v1/admin/finance/supplier-invoices/${id}/document/download`), uploadFile: uploadAttachment, searchTargets: searchTargets, listDeparturesForProduct: listDeparturesForProduct, searchSuppliers: searchSuppliers, createSupplier: createSupplier, onDownloadAttachment: (attachmentId) => openInNewTab(`${baseUrl}/v1/admin/finance/supplier-invoice-attachments/${attachmentId}/download`) }));
+}

package/dist/admin/pages/supplier-invoices-index.d.ts

@@ -0,0 +1,9 @@
+import { type AdminRoutePageProps } from "@voyant-travel/admin";
+/**
+ * Packaged route page for the supplier-invoices list: opens rows through the
+ * `supplierInvoice.detail` destination and wires the create dialog's
+ * supplier picker (search + inline create) through the suppliers package's
+ * own client — see {@link useSupplierPicker}.
+ */
+export default function SupplierInvoicesIndexPage(_props: AdminRoutePageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=supplier-invoices-index.d.ts.map

package/dist/admin/pages/supplier-invoices-index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-invoices-index.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/supplier-invoices-index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAoB,MAAM,sBAAsB,CAAA;AAKjF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,MAAM,EAAE,mBAAmB,2CAa5E"}

package/dist/admin/pages/supplier-invoices-index.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAdminNavigate } from "@voyant-travel/admin";
+import { SupplierInvoicesPage } from "../../components/supplier-invoices-page.js";
+import { useSupplierPicker } from "../use-supplier-picker.js";
+/**
+ * Packaged route page for the supplier-invoices list: opens rows through the
+ * `supplierInvoice.detail` destination and wires the create dialog's
+ * supplier picker (search + inline create) through the suppliers package's
+ * own client — see {@link useSupplierPicker}.
+ */
+export default function SupplierInvoicesIndexPage(_props) {
+    const navigateTo = useAdminNavigate();
+    const { searchSuppliers, createSupplier } = useSupplierPicker();
+    return (_jsx(SupplierInvoicesPage, { onOpenSupplierInvoice: (id) => navigateTo("supplierInvoice.detail", { supplierInvoiceId: id }), searchSuppliers: searchSuppliers, createSupplier: createSupplier }));
+}

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

@@ -0,0 +1,12 @@
+export interface PaymentDetailHostProps {
+    id: string;
+}
+/**
+ * Packaged admin host for the payment detail page (packaged-admin RFC
+ * Phase 3). Data access goes through `@voyant-travel/finance-react`; every
+ * cross-route link (`payment.list` back target, person/organization/
+ * invoice/supplier/booking links) resolves through semantic destinations,
+ * so the page imports no host route tree.
+ */
+export declare function PaymentDetailHost({ id }: PaymentDetailHostProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=payment-detail-host.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"payment-detail-host.d.ts","sourceRoot":"","sources":["../../src/admin/payment-detail-host.tsx"],"names":[],"mappings":"AAqGA,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;CACX;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,sBAAsB,2CAqN/D"}

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

@@ -0,0 +1,108 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useAdminHref, useAdminNavigate, useOperatorAdminMessages, } from "@voyant-travel/admin";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, } from "@voyant-travel/ui/components";
+import { ArrowLeft, ExternalLink } from "lucide-react";
+import { usePayment } from "../index.js";
+import { formatAmount, paymentStatusVariant } from "./finance-shared.js";
+import { PaymentDetailSkeleton } from "./payment-detail-skeleton.js";
+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.replace(/_/g, " ");
+    }
+}
+function getMethodLabel(messages, method) {
+    switch (method) {
+        case "bank_transfer":
+            return messages.finance.paymentMethodBankTransfer;
+        case "credit_card":
+            return messages.finance.paymentMethodCreditCard;
+        case "debit_card":
+            return messages.finance.paymentMethodDebitCard;
+        case "cash":
+            return messages.finance.paymentMethodCash;
+        case "cheque":
+            return messages.finance.paymentMethodCheque;
+        case "wallet":
+            return messages.finance.paymentMethodWallet;
+        case "direct_bill":
+            return messages.finance.paymentMethodDirectBill;
+        case "voucher":
+            return messages.finance.paymentMethodVoucher;
+        case "other":
+            return messages.finance.paymentMethodOther;
+        default:
+            return method.replace(/_/g, " ");
+    }
+}
+function getKindLabel(messages, kind) {
+    return kind === "customer" ? messages.finance.kindCustomer : messages.finance.kindSupplier;
+}
+/**
+ * Anchor that resolves a semantic destination (RFC §4.7) to an href and
+ * commits navigation through the host-injected router — keeps the page free
+ * of any host route-tree import while still rendering a real link.
+ */
+function DestinationLink({ destination, params, children, }) {
+    const resolveHref = useAdminHref();
+    const navigateTo = useAdminNavigate();
+    return (_jsxs("a", { href: resolveHref(destination, params), onClick: (event) => {
+            event.preventDefault();
+            navigateTo(destination, params);
+        }, className: "inline-flex items-center gap-1 text-primary hover:underline", children: [children, _jsx(ExternalLink, { className: "size-3", "aria-hidden": true })] }));
+}
+/**
+ * Packaged admin host for the payment detail page (packaged-admin RFC
+ * Phase 3). Data access goes through `@voyant-travel/finance-react`; every
+ * cross-route link (`payment.list` back target, person/organization/
+ * invoice/supplier/booking links) resolves through semantic destinations,
+ * so the page imports no host route tree.
+ */
+export function PaymentDetailHost({ id }) {
+    const messages = useOperatorAdminMessages();
+    const navigateTo = useAdminNavigate();
+    const { data, isPending, isError } = usePayment(id);
+    const f = messages.finance;
+    const detail = f.paymentDetail;
+    const noValue = f.detailSections.noValue;
+    if (isPending) {
+        return _jsx(PaymentDetailSkeleton, {});
+    }
+    if (isError || !data?.data) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-12", children: [_jsx("p", { className: "text-muted-foreground", children: isError ? detail.loadFailed : detail.notFound }), _jsx(Button, { variant: "outline", onClick: () => navigateTo("payment.list", {}), children: detail.backToPayments })] }));
+    }
+    const payment = data.data;
+    const fxRateLabel = formatFxRate(payment);
+    // Subtitle surfaces the related document (invoice / booking number) so an
+    // operator can recognise *what* this payment is for, but the page itself
+    // is identified by the payment id — that's the record on screen.
+    const relatedNumber = payment.kind === "customer" ? payment.invoiceNumber : payment.bookingNumber;
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: () => navigateTo("payment.list", {}), "aria-label": detail.backToPayments, children: _jsx(ArrowLeft, { className: "size-4" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h1", { className: "truncate font-mono text-lg font-semibold tracking-tight", children: payment.id }), _jsx(Badge, { variant: "outline", className: "capitalize", children: getKindLabel(messages, payment.kind) })] }), relatedNumber ? (_jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: relatedNumber })) : null] }), _jsx(Badge, { variant: paymentStatusVariant[payment.status] ?? "secondary", className: "capitalize", children: getStatusLabel(messages, payment.status) })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.summaryTitle }) }), _jsx(CardContent, { children: _jsxs("dl", { className: "grid gap-2 text-sm", children: [_jsx(Row, { label: detail.amountLabel, children: _jsx("span", { className: "font-mono", children: formatAmount(payment.amountCents, payment.currency) }) }), payment.baseAmountCents !== null && payment.baseCurrency ? (_jsx(Row, { label: detail.baseAmountLabel, children: _jsx("span", { className: "font-mono", children: formatAmount(payment.baseAmountCents, payment.baseCurrency) }) })) : null, fxRateLabel ? (_jsx(Row, { label: detail.fxRateLabel, children: _jsx("span", { className: "font-mono", children: fxRateLabel }) })) : null, _jsx(Row, { label: detail.statusLabel, children: _jsx(Badge, { variant: paymentStatusVariant[payment.status] ?? "secondary", className: "capitalize", children: getStatusLabel(messages, payment.status) }) }), _jsx(Row, { label: detail.methodLabel, children: _jsx("span", { className: "capitalize", children: getMethodLabel(messages, payment.paymentMethod) }) }), _jsx(Row, { label: detail.dateLabel, children: payment.paymentDate }), _jsx(Row, { label: detail.referenceLabel, children: payment.referenceNumber ?? noValue }), payment.notes ? (_jsxs("div", { className: "mt-2 flex flex-col gap-1", children: [_jsx("dt", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: detail.notesLabel }), _jsx("dd", { className: "whitespace-pre-wrap text-sm", children: payment.notes })] })) : null] }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.linksTitle }) }), _jsx(CardContent, { children: _jsx("dl", { className: "grid gap-2 text-sm", children: payment.kind === "customer" ? (_jsxs(_Fragment, { children: [_jsx(Row, { label: detail.paidByLabel, children: payment.personId && payment.personName ? (_jsx(DestinationLink, { destination: "person.detail", params: { personId: payment.personId }, children: payment.personName })) : payment.organizationId && payment.organizationName ? (_jsx(DestinationLink, { destination: "organization.detail", params: { organizationId: payment.organizationId }, children: payment.organizationName })) : (noValue) }), payment.personId &&
+                                                payment.personName &&
+                                                payment.organizationId &&
+                                                payment.organizationName ? (_jsx(Row, { label: detail.organizationLabel, children: _jsx(DestinationLink, { destination: "organization.detail", params: { organizationId: payment.organizationId }, children: payment.organizationName }) })) : null, _jsx(Row, { label: detail.invoiceLabel, children: payment.invoiceId ? (_jsx(DestinationLink, { destination: "invoice.detail", params: { invoiceId: payment.invoiceId }, children: payment.invoiceNumber ?? detail.viewInvoice })) : (noValue) })] })) : (_jsxs(_Fragment, { children: [_jsx(Row, { label: detail.paidToLabel, children: payment.supplierId && payment.supplierName ? (_jsx(DestinationLink, { destination: "supplier.detail", params: { supplierId: payment.supplierId }, children: payment.supplierName })) : ((payment.supplierName ?? noValue)) }), _jsx(Row, { label: detail.bookingLabel, children: payment.bookingId ? (_jsx(DestinationLink, { destination: "booking.detail", params: { bookingId: payment.bookingId }, children: payment.bookingNumber ?? detail.viewBooking })) : (noValue) })] })) }) })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.metadataTitle }) }), _jsx(CardContent, { children: _jsxs("dl", { className: "grid gap-2 text-sm", children: [_jsx(Row, { label: detail.kindLabel, children: _jsx("span", { className: "capitalize", children: getKindLabel(messages, payment.kind) }) }), _jsx(Row, { label: detail.createdLabel, children: new Date(payment.createdAt).toLocaleString() }), _jsx(Row, { label: detail.updatedLabel, children: new Date(payment.updatedAt).toLocaleString() })] }) })] })] }));
+}
+function formatFxRate(payment) {
+    if (payment.baseAmountCents === null ||
+        !payment.baseCurrency ||
+        payment.baseAmountCents <= 0 ||
+        payment.currency === payment.baseCurrency) {
+        return null;
+    }
+    const rate = payment.amountCents / payment.baseAmountCents;
+    return `1 ${payment.baseCurrency} = ${new Intl.NumberFormat(undefined, {
+        maximumFractionDigits: 6,
+    }).format(rate)} ${payment.currency}`;
+}
+function Row({ label, children }) {
+    return (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("dt", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: label }), _jsx("dd", { className: "text-right", children: children })] }));
+}