@voyant-travel/finance-react 0.119.5

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

@@ -0,0 +1,256 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Button, Dialog, DialogContent, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyant-travel/ui/components";
+import { CurrencyCombobox } from "@voyant-travel/ui/components/currency-combobox";
+import { CurrencyInput } from "@voyant-travel/ui/components/currency-input";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+import { useFinanceUiMessagesOrDefault } from "../i18n/index.js";
+import { useInvoiceFxRate, useInvoiceMutation, useInvoicePaymentMutation, useInvoices, usePaymentMutation, } from "../index.js";
+import { buildInitialFormState, deriveBaseAmountCents, formatAmount, formatCommissionPercent, formatFxRateInput, formatRateDisplay, normalizeCurrency, PAYMENT_METHODS, PAYMENT_STATUSES, parseFxRate, } from "./record-booking-payment-dialog/shared.js";
+export function RecordBookingPaymentDialog({ open, onOpenChange, bookingId, defaultCurrency = "EUR", onRecorded, editingPayment = null, }) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const dialog = messages.recordBookingPaymentDialog;
+    const methodLabels = messages.common.paymentMethodLabels;
+    const statusLabels = messages.common.supplierPaymentStatusLabels;
+    const isEditing = Boolean(editingPayment);
+    const invoicesQuery = useInvoices({ bookingId, enabled: open });
+    const invoices = invoicesQuery.data?.data ?? [];
+    // Operator records a payment AGAINST money still owed. Paid / voided
+    // invoices have no remaining balance to settle, so they don't belong
+    // in the picker — keep the surface focused on what's actionable.
+    const selectableInvoices = invoices.filter((inv) => inv.status !== "void" && inv.balanceDueCents > 0);
+    const [state, setState] = React.useState(() => buildInitialFormState(defaultCurrency));
+    const [submitError, setSubmitError] = React.useState(null);
+    const [convertProformaAfter, setConvertProformaAfter] = React.useState(false);
+    const convertProformaTouchedRef = React.useRef(false);
+    const initializedRef = React.useRef(false);
+    // Reset on close; in edit mode, prefill from the snapshot once the
+    // invoices list loads. In create mode the operator picks an invoice
+    // explicitly — selecting one fills amount/currency from the row.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: one-shot init guarded by `initializedRef`; we intentionally don't re-fire when the derived `selectableInvoices[0]` reference changes
+    React.useEffect(() => {
+        if (!open) {
+            initializedRef.current = false;
+            setSubmitError(null);
+            setConvertProformaAfter(false);
+            convertProformaTouchedRef.current = false;
+            return;
+        }
+        if (!initializedRef.current && !invoicesQuery.isLoading) {
+            if (editingPayment) {
+                setState({
+                    ...buildInitialFormState(defaultCurrency),
+                    invoiceId: editingPayment.invoiceId,
+                    amountCents: editingPayment.amountCents,
+                    currency: editingPayment.currency,
+                    paymentMethod: editingPayment.paymentMethod,
+                    status: editingPayment.status,
+                    paymentDate: editingPayment.paymentDate,
+                    referenceNumber: editingPayment.referenceNumber ?? "",
+                    notes: editingPayment.notes ?? "",
+                });
+            }
+            else {
+                // Auto-select the first outstanding invoice so the operator
+                // doesn't have to click the picker when there's only one
+                // option (the common case). The user can still re-pick from
+                // the dropdown.
+                const target = selectableInvoices[0];
+                setState({
+                    ...buildInitialFormState(defaultCurrency),
+                    invoiceId: target?.id ?? "",
+                    amountCents: target?.balanceDueCents ?? 0,
+                    currency: target?.currency ?? defaultCurrency,
+                });
+            }
+            initializedRef.current = true;
+        }
+    }, [open, invoicesQuery.isLoading, defaultCurrency, editingPayment]);
+    const selectedInvoice = invoices.find((inv) => inv.id === state.invoiceId) ?? null;
+    const invoiceCurrency = selectedInvoice?.currency ?? "";
+    const normalizedInvoiceCurrency = normalizeCurrency(invoiceCurrency);
+    const paymentCurrency = normalizeCurrency(state.currency);
+    const isCrossCurrency = Boolean(normalizedInvoiceCurrency && paymentCurrency && normalizedInvoiceCurrency !== paymentCurrency);
+    const requiresBaseAmount = isCrossCurrency && state.status === "completed";
+    const createMutation = useInvoicePaymentMutation(state.invoiceId);
+    const { update: updateMutation } = usePaymentMutation();
+    const { convertToInvoice: convertProformaMutation } = useInvoiceMutation();
+    // Only offer the proforma→invoice conversion when (a) recording a
+    // brand-new payment (not editing), (b) the selected invoice is a
+    // proforma, (c) the payment is being marked completed (a pending or
+    // failed payment shouldn't trigger conversion).
+    const isProformaSelected = selectedInvoice?.invoiceType === "proforma";
+    const canConvertProformaAfter = !isEditing && isProformaSelected && state.status === "completed";
+    const isPending = isEditing ? updateMutation.isPending : createMutation.isPending;
+    const fxRateQuery = useInvoiceFxRate({
+        baseCurrency: normalizedInvoiceCurrency || undefined,
+        quoteCurrency: paymentCurrency || undefined,
+        date: state.paymentDate || undefined,
+        enabled: open && isCrossCurrency,
+    });
+    const autoFxData = fxRateQuery.data?.data;
+    const autoEffectiveRate = typeof autoFxData?.effectiveRate === "number" && autoFxData.effectiveRate > 0
+        ? autoFxData.effectiveRate
+        : null;
+    const autoRawRate = typeof autoFxData?.rate === "number" && autoFxData.rate > 0 ? autoFxData.rate : null;
+    const autoCommissionBps = autoFxData?.fxCommissionBps ?? 0;
+    const manualRate = state.fxOverride ? parseFxRate(state.fxRate) : null;
+    const effectiveFxRate = state.fxOverride ? manualRate : autoEffectiveRate;
+    const baseAmountCents = isCrossCurrency
+        ? (deriveBaseAmountCents(state.amountCents, effectiveFxRate) ?? 0)
+        : 0;
+    const autoRateUnavailable = isCrossCurrency &&
+        !state.fxOverride &&
+        !fxRateQuery.isFetching &&
+        !autoEffectiveRate &&
+        fxRateQuery.isFetched;
+    // Heuristic: prefill the "Convert proforma to invoice" switch ON
+    // only when this payment will close the proforma — i.e. the entered
+    // amount (in invoice currency, directly or via FX) covers the
+    // invoice's remaining balance. Partial payments stay off since the
+    // proforma still has balance due after recording. The operator can
+    // override either way; once they toggle, we freeze the choice.
+    const fullyCoversInvoiceBalance = selectedInvoice != null &&
+        selectedInvoice.balanceDueCents > 0 &&
+        (isCrossCurrency
+            ? baseAmountCents > 0 && baseAmountCents >= selectedInvoice.balanceDueCents
+            : state.amountCents > 0 && state.amountCents >= selectedInvoice.balanceDueCents);
+    React.useEffect(() => {
+        if (convertProformaTouchedRef.current)
+            return;
+        setConvertProformaAfter(canConvertProformaAfter && fullyCoversInvoiceBalance);
+    }, [canConvertProformaAfter, fullyCoversInvoiceBalance]);
+    const set = (key, value) => setState((prev) => ({ ...prev, [key]: value }));
+    const setPaymentCurrency = (currency) => {
+        const nextCurrency = normalizeCurrency(currency) || normalizedInvoiceCurrency || defaultCurrency;
+        setState((prev) => {
+            const previousCurrency = normalizeCurrency(prev.currency);
+            const sameCurrency = previousCurrency === nextCurrency;
+            const nextIsCrossCurrency = Boolean(normalizedInvoiceCurrency) && nextCurrency !== normalizedInvoiceCurrency;
+            return {
+                ...prev,
+                amountCents: nextIsCrossCurrency &&
+                    previousCurrency === normalizedInvoiceCurrency &&
+                    prev.amountCents === selectedInvoice?.balanceDueCents
+                    ? 0
+                    : prev.amountCents,
+                currency: nextCurrency,
+                fxOverride: sameCurrency ? prev.fxOverride : false,
+                fxRate: sameCurrency ? prev.fxRate : "",
+            };
+        });
+    };
+    const toggleOverride = (next) => {
+        setState((prev) => ({
+            ...prev,
+            fxOverride: next,
+            fxRate: next && !prev.fxRate && autoEffectiveRate
+                ? formatFxRateInput(autoEffectiveRate)
+                : prev.fxRate,
+        }));
+    };
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setSubmitError(null);
+        if (!state.invoiceId) {
+            setSubmitError(dialog.validation.invoiceRequired);
+            return;
+        }
+        if (state.amountCents <= 0) {
+            setSubmitError(dialog.validation.amountMinimum);
+            return;
+        }
+        if (requiresBaseAmount && baseAmountCents <= 0) {
+            setSubmitError(dialog.validation.baseAmountRequired);
+            return;
+        }
+        const payload = {
+            amountCents: state.amountCents,
+            currency: isCrossCurrency
+                ? paymentCurrency || state.currency
+                : invoiceCurrency || state.currency,
+            baseCurrency: isCrossCurrency ? invoiceCurrency : null,
+            baseAmountCents: isCrossCurrency && baseAmountCents > 0 ? baseAmountCents : null,
+            paymentMethod: state.paymentMethod,
+            status: state.status,
+            paymentDate: state.paymentDate,
+            referenceNumber: state.referenceNumber.trim() === "" ? null : state.referenceNumber.trim(),
+            notes: state.notes.trim() === "" ? null : state.notes.trim(),
+        };
+        try {
+            if (isEditing && editingPayment) {
+                await updateMutation.mutateAsync({ id: editingPayment.id, input: payload });
+            }
+            else {
+                await createMutation.mutateAsync(payload);
+                // The proforma → final invoice conversion is the last step so a
+                // failure here doesn't roll back the payment (it's already in).
+                // Server-side `convert-to-invoice` voids the proforma, creates
+                // the final invoice, and moves payments onto it — exactly what
+                // the operator would otherwise do by hand from the Invoices tab.
+                if (canConvertProformaAfter && convertProformaAfter && selectedInvoice) {
+                    await convertProformaMutation.mutateAsync({ id: selectedInvoice.id });
+                }
+            }
+            onOpenChange(false);
+            onRecorded?.();
+        }
+        catch (err) {
+            setSubmitError(err instanceof Error ? err.message : dialog.validation.recordFailed);
+        }
+    };
+    const showEmptyState = !isEditing && !invoicesQuery.isLoading && selectableInvoices.length === 0;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", className: "gap-0 p-0", children: [_jsx(DialogHeader, { className: "border-b px-6 py-4", children: _jsx(DialogTitle, { children: isEditing ? dialog.editTitle : dialog.title }) }), showEmptyState ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "px-6 py-6", children: _jsx("p", { className: "text-sm text-muted-foreground", children: dialog.noInvoices }) }), _jsx("div", { className: "flex items-center justify-end gap-2 px-6 pb-6", children: _jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: messages.common.cancel }) })] })) : (_jsxs("form", { onSubmit: handleSubmit, children: [_jsxs("div", { className: "flex flex-col gap-5 px-6 py-5", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "record-invoice", children: dialog.fields.invoice }), invoicesQuery.isLoading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: dialog.loadingInvoices })) : (_jsxs(Select, { value: state.invoiceId, disabled: isEditing, onValueChange: (value) => {
+                                                const id = value ?? "";
+                                                const next = invoices.find((inv) => inv.id === id);
+                                                setState((prev) => ({
+                                                    ...prev,
+                                                    invoiceId: id,
+                                                    amountCents: next?.balanceDueCents ?? prev.amountCents,
+                                                    currency: next?.currency ?? prev.currency,
+                                                    fxOverride: false,
+                                                    fxRate: "",
+                                                }));
+                                            }, children: [_jsx(SelectTrigger, { id: "record-invoice", className: "w-full", children: _jsx(SelectValue, { placeholder: dialog.placeholders.invoice }) }), _jsx(SelectContent, { children: selectableInvoices.map((inv) => (_jsx(SelectItem, { value: inv.id, children: formatMessage(dialog.invoiceOption, {
+                                                            number: inv.invoiceNumber,
+                                                            status: inv.status,
+                                                            balance: formatAmount(inv.balanceDueCents),
+                                                            currency: inv.currency,
+                                                        }) }, inv.id))) })] }))] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "record-amount", children: dialog.fields.amountCents }), _jsx(CurrencyInput, { id: "record-amount", value: state.amountCents, onChange: (next) => set("amountCents", next ?? 0), currency: state.currency })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.currency }), _jsx(CurrencyCombobox, { value: state.currency || null, onChange: (next) => setPaymentCurrency(next ?? selectedInvoice?.currency ?? defaultCurrency), placeholder: dialog.placeholders.currency })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "record-date", children: dialog.fields.paymentDate }), _jsx(DatePicker, { value: state.paymentDate || null, onChange: (next) => set("paymentDate", next ?? ""), className: "w-full" })] })] }), isCrossCurrency ? (_jsxs("div", { className: "rounded-md border bg-muted/20 p-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h3", { className: "text-sm font-medium", children: dialog.fx.title }), fxRateQuery.isFetching ? (_jsx("p", { className: "text-xs text-muted-foreground", children: dialog.fx.loadingRate })) : autoRateUnavailable ? (_jsx("p", { className: "text-xs text-destructive", children: formatMessage(dialog.fx.rateUnavailable, {
+                                                                invoiceCurrency,
+                                                                paymentCurrency,
+                                                            }) })) : effectiveFxRate && baseAmountCents > 0 ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-sm", children: formatMessage(dialog.fx.summary, {
+                                                                        amount: formatAmount(state.amountCents),
+                                                                        paymentCurrency,
+                                                                        baseAmount: formatAmount(baseAmountCents),
+                                                                        invoiceCurrency,
+                                                                        rate: formatRateDisplay(effectiveFxRate),
+                                                                    }) }), !state.fxOverride && autoCommissionBps > 0 ? (_jsx("p", { className: "text-xs text-muted-foreground", children: formatMessage(dialog.fx.commissionNote, {
+                                                                        rawRate: autoRawRate ? formatRateDisplay(autoRawRate) : "",
+                                                                        commission: formatCommissionPercent(autoCommissionBps),
+                                                                        invoiceCurrency,
+                                                                        paymentCurrency,
+                                                                    }) })) : !state.fxOverride && autoRawRate ? (_jsx("p", { className: "text-xs text-muted-foreground", children: dialog.fx.source })) : null] })) : (_jsx("p", { className: "text-xs text-muted-foreground", children: formatMessage(dialog.fx.help, {
+                                                                invoiceCurrency,
+                                                                paymentCurrency,
+                                                            }) }))] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => toggleOverride(!state.fxOverride), children: state.fxOverride ? dialog.fx.useAuto : dialog.fx.override })] }), state.fxOverride || autoRateUnavailable ? (_jsxs("div", { className: "mt-3 flex flex-col gap-2 sm:max-w-xs", children: [_jsx(Label, { htmlFor: "record-fx-rate", children: formatMessage(dialog.fields.fxRate, {
+                                                        invoiceCurrency,
+                                                        paymentCurrency,
+                                                    }) }), _jsx(Input, { id: "record-fx-rate", value: state.fxRate, onChange: (event) => setState((prev) => ({
+                                                        ...prev,
+                                                        fxOverride: true,
+                                                        fxRate: event.target.value,
+                                                    })), inputMode: "decimal", placeholder: formatMessage(dialog.placeholders.fxRate, {
+                                                        invoiceCurrency,
+                                                        paymentCurrency,
+                                                    }) })] })) : null] })) : null, _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.status }), _jsxs(Select, { value: state.status, onValueChange: (value) => set("status", (value ?? "completed")), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: PAYMENT_STATUSES.map((value) => (_jsx(SelectItem, { value: value, children: statusLabels[value] }, value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: dialog.fields.paymentMethod }), _jsxs(Select, { value: state.paymentMethod, onValueChange: (value) => set("paymentMethod", (value ?? "bank_transfer")), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: PAYMENT_METHODS.map((value) => (_jsx(SelectItem, { value: value, children: methodLabels[value] }, value))) })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "record-ref", children: dialog.fields.referenceNumber }), _jsx(Input, { id: "record-ref", value: state.referenceNumber, onChange: (event) => set("referenceNumber", event.target.value), placeholder: dialog.placeholders.referenceNumber })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "record-notes", children: dialog.fields.notes }), _jsx(Textarea, { id: "record-notes", value: state.notes, onChange: (event) => set("notes", event.target.value), rows: 3 })] }), canConvertProformaAfter ? (_jsxs("div", { className: "flex items-start justify-between gap-3 rounded-md border bg-muted/20 px-4 py-3", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { htmlFor: "record-convert-proforma", className: "cursor-pointer", onClick: () => setConvertProformaAfter((v) => !v), children: dialog.fields.convertProformaAfter }), _jsx("p", { className: "text-xs text-muted-foreground", children: dialog.fields.convertProformaAfterHint })] }), _jsx(Switch, { id: "record-convert-proforma", checked: convertProformaAfter, onCheckedChange: (next) => {
+                                                convertProformaTouchedRef.current = true;
+                                                setConvertProformaAfter(next);
+                                            } })] })) : null, submitError ? _jsx("p", { className: "text-sm text-destructive", children: submitError }) : null] }), _jsxs("div", { className: "flex items-center justify-end gap-2 px-6 pb-6", children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: isPending ||
+                                        !state.invoiceId ||
+                                        state.amountCents <= 0 ||
+                                        (requiresBaseAmount && baseAmountCents <= 0), children: [isPending ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? dialog.actions.save : dialog.actions.record] })] })] }))] }) }));
+}

package/dist/components/supplier-invoice-detail-page/dialogs.d.ts

@@ -0,0 +1,34 @@
+import type { SupplierCostAllocationInput, SupplierCostAllocationRecord, SupplierInvoiceLineInput, SupplierInvoiceLineRecord } from "../../index.js";
+import { type AsyncComboboxOption } from "../async-combobox.js";
+import { type SupplierInvoiceTargetSearch } from "./shared.js";
+export declare function LineDialog({ open, line, currency, pending, onOpenChange, onSubmit, }: {
+    open: boolean;
+    line: SupplierInvoiceLineRecord | null;
+    currency: string;
+    pending: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSubmit: (input: SupplierInvoiceLineInput) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AllocationDialog({ open, allocation, currency, pending, searchTargets, listDeparturesForProduct, onOpenChange, onSubmit, }: {
+    open: boolean;
+    allocation: SupplierCostAllocationRecord | null;
+    currency: string;
+    pending: boolean;
+    searchTargets?: SupplierInvoiceTargetSearch;
+    listDeparturesForProduct?: (productId: string, query: string) => Promise<AsyncComboboxOption[]>;
+    onOpenChange: (open: boolean) => void;
+    onSubmit: (input: SupplierCostAllocationInput) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PaymentDialog({ open, currency, pending, onOpenChange, onSubmit, }: {
+    open: boolean;
+    currency: string;
+    pending: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSubmit: (input: {
+        amountCents: number;
+        paymentMethod: string;
+        status: "completed";
+        paymentDate: string;
+    }) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dialogs.d.ts.map

package/dist/components/supplier-invoice-detail-page/dialogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogs.d.ts","sourceRoot":"","sources":["../../../src/components/supplier-invoice-detail-page/dialogs.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAEV,2BAA2B,EAC3B,4BAA4B,EAC5B,wBAAwB,EACxB,yBAAyB,EAC1B,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC9E,OAAO,EAIL,KAAK,2BAA2B,EAKjC,MAAM,aAAa,CAAA;AAEpB,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,yBAAyB,GAAG,IAAI,CAAA;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAA;CACpD,2CAiGA;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,OAAO,EACP,aAAa,EACb,wBAAwB,EACxB,YAAY,EACZ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,UAAU,EAAE,4BAA4B,GAAG,IAAI,CAAA;IAC/C,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,2BAA2B,CAAA;IAC3C,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAA;IAC/F,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAA;CACvD,2CAkIA;AAID,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,WAAW,EAAE,MAAM,CAAA;QACnB,aAAa,EAAE,MAAM,CAAA;QACrB,MAAM,EAAE,WAAW,CAAA;QACnB,WAAW,EAAE,MAAM,CAAA;KACpB,KAAK,IAAI,CAAA;CACX,2CAsEA"}

package/dist/components/supplier-invoice-detail-page/dialogs.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { useState } from "react";
+import { useFinanceUiMessagesOrDefault } from "../../i18n/index.js";
+import { useCostCategories } from "../../index.js";
+import { AsyncCombobox } from "../async-combobox.js";
+import { LINE_CATEGORY_NONE, PAYMENT_METHODS, SEARCHABLE_TARGETS, TARGET_TYPES, targetIdFor, toCents, } from "./shared.js";
+export function LineDialog({ open, line, currency, pending, onOpenChange, onSubmit, }) {
+    const t = useFinanceUiMessagesOrDefault().supplierInvoiceDetail.lineForm;
+    const categories = useCostCategories().data?.data ?? [];
+    const [description, setDescription] = useState("");
+    const [serviceType, setServiceType] = useState("other");
+    const [costCategoryId, setCostCategoryId] = useState("");
+    const [quantity, setQuantity] = useState("1");
+    const [unit, setUnit] = useState("");
+    const [tax, setTax] = useState("");
+    const [total, setTotal] = useState("");
+    // Seed when (re)opened for a specific line.
+    const seedKey = open ? (line?.id ?? "new") : "closed";
+    const [seeded, setSeeded] = useState("closed");
+    if (seedKey !== seeded) {
+        setSeeded(seedKey);
+        setDescription(line?.description ?? "");
+        setServiceType(line?.serviceType ?? "other");
+        setCostCategoryId(line?.costCategoryId ?? "");
+        setQuantity(String(line?.quantity ?? 1));
+        setUnit(line ? (line.unitAmountCents / 100).toFixed(2) : "");
+        setTax(line ? (line.taxAmountCents / 100).toFixed(2) : "");
+        setTotal(line ? (line.totalAmountCents / 100).toFixed(2) : "");
+    }
+    const submit = () => {
+        if (!description.trim())
+            return;
+        onSubmit({
+            description: description.trim(),
+            serviceType,
+            costCategoryId: costCategoryId || null,
+            quantity: Math.max(1, Number.parseInt(quantity, 10) || 1),
+            unitAmountCents: toCents(unit),
+            taxAmountCents: toCents(tax),
+            totalAmountCents: toCents(total),
+        });
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-md", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: line ? t.editTitle : t.addTitle }) }), _jsxs(DialogBody, { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "col-span-2 flex flex-col gap-2", children: [_jsx(Label, { children: t.description }), _jsx(Input, { value: description, onChange: (e) => setDescription(e.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.costCategory }), _jsxs(Select, { value: costCategoryId || LINE_CATEGORY_NONE, onValueChange: (v) => setCostCategoryId(v === LINE_CATEGORY_NONE ? "" : (v ?? "")), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: LINE_CATEGORY_NONE, children: t.costCategoryNone }), categories.map((c) => (_jsx(SelectItem, { value: c.id, children: c.name }, c.id)))] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.quantity }), _jsx(Input, { inputMode: "numeric", value: quantity, onChange: (e) => setQuantity(e.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: `${t.unitAmount} (${currency})` }), _jsx(Input, { inputMode: "decimal", value: unit, onChange: (e) => setUnit(e.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: `${t.taxAmount} (${currency})` }), _jsx(Input, { inputMode: "decimal", value: tax, onChange: (e) => setTax(e.target.value) })] }), _jsxs("div", { className: "col-span-2 flex flex-col gap-2", children: [_jsx(Label, { children: `${t.total} (${currency})` }), _jsx(Input, { inputMode: "decimal", value: total, onChange: (e) => setTotal(e.target.value) })] })] }), _jsx(DialogFooter, { children: _jsx(Button, { type: "button", disabled: !description.trim() || pending, onClick: submit, children: t.save }) })] }) }));
+}
+// ---------- allocation dialog ----------
+export function AllocationDialog({ open, allocation, currency, pending, searchTargets, listDeparturesForProduct, onOpenChange, onSubmit, }) {
+    const t = useFinanceUiMessagesOrDefault().supplierInvoiceDetail.allocation;
+    const [targetType, setTargetType] = useState("departure");
+    const [targetId, setTargetId] = useState("");
+    const [productId, setProductId] = useState("");
+    const [amount, setAmount] = useState("");
+    const seedKey = open ? (allocation?.id ?? "new") : "closed";
+    const [seeded, setSeeded] = useState("closed");
+    if (seedKey !== seeded) {
+        setSeeded(seedKey);
+        setTargetType(allocation?.targetType ?? "departure");
+        setTargetId(allocation
+            ? (allocation.departureId ??
+                allocation.productId ??
+                allocation.bookingId ??
+                allocation.travelerId ??
+                "")
+            : "");
+        setProductId(allocation?.productId ?? "");
+        setAmount(allocation ? (allocation.amountCents / 100).toFixed(2) : "");
+    }
+    // Two-step departure picker (pick product → departure) when wired.
+    const twoStepDeparture = targetType === "departure" && Boolean(searchTargets) && Boolean(listDeparturesForProduct);
+    const submit = () => {
+        if (!amount)
+            return;
+        onSubmit({
+            targetType,
+            amountCents: toCents(amount),
+            splitMethod: "manual",
+            ...targetIdFor(targetType, targetId.trim()),
+        });
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-md", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: t.add }) }), _jsxs(DialogBody, { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.target }), _jsxs(Select, { value: targetType, onValueChange: (v) => {
+                                        setTargetType(v ?? "departure");
+                                        setTargetId("");
+                                    }, children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: TARGET_TYPES.map((value) => (_jsx(SelectItem, { value: value, children: t.targetTypeLabels[value] }, value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: formatMessage(t.amountLabel, { currency }) }), _jsx(Input, { inputMode: "decimal", value: amount, onChange: (e) => setAmount(e.target.value) })] }), targetType === "unattributed" ? null : twoStepDeparture ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "col-span-2 flex flex-col gap-2", children: [_jsx(Label, { children: t.targetTypeLabels.product }), _jsx(AsyncCombobox, { value: productId || null, onChange: (v) => {
+                                                setProductId(v ?? "");
+                                                setTargetId("");
+                                            }, search: (query) => searchTargets?.("product", query) ?? Promise.resolve([]) })] }), _jsxs("div", { className: "col-span-2 flex flex-col gap-2", children: [_jsx(Label, { children: t.targetTypeLabels.departure }), _jsx(AsyncCombobox, { value: targetId || null, onChange: (v) => setTargetId(v ?? ""), disabled: !productId, search: (query) => productId
+                                                ? (listDeparturesForProduct?.(productId, query) ?? Promise.resolve([]))
+                                                : Promise.resolve([]) })] })] })) : (_jsxs("div", { className: "col-span-2 flex flex-col gap-2", children: [_jsx(Label, { children: t.targetTypeLabels[targetType] }), searchTargets && SEARCHABLE_TARGETS.has(targetType) ? (_jsx(AsyncCombobox, { value: targetId || null, onChange: (v) => setTargetId(v ?? ""), search: (query) => searchTargets(targetType, query) })) : (_jsx(Input, { value: targetId, onChange: (e) => setTargetId(e.target.value) }))] }))] }), _jsx(DialogFooter, { children: _jsx(Button, { type: "button", disabled: !amount || (targetType !== "unattributed" && !targetId.trim()) || pending, onClick: submit, children: pending ? t.saving : t.save }) })] }) }));
+}
+// ---------- payment dialog ----------
+export function PaymentDialog({ open, currency, pending, onOpenChange, onSubmit, }) {
+    const t = useFinanceUiMessagesOrDefault().supplierInvoiceDetail.payments;
+    const [amount, setAmount] = useState("");
+    const [method, setMethod] = useState("bank_transfer");
+    const [date, setDate] = useState("");
+    const seedKey = open ? "open" : "closed";
+    const [seeded, setSeeded] = useState("closed");
+    if (seedKey !== seeded) {
+        setSeeded(seedKey);
+        if (open) {
+            setAmount("");
+            setMethod("bank_transfer");
+            setDate("");
+        }
+    }
+    const submit = () => {
+        if (!amount)
+            return;
+        onSubmit({
+            amountCents: toCents(amount),
+            paymentMethod: method,
+            status: "completed",
+            paymentDate: date || new Date().toISOString().slice(0, 10),
+        });
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-md", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: t.recordTitle }) }), _jsxs(DialogBody, { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: formatMessage(t.amountLabel, { currency }) }), _jsx(Input, { inputMode: "decimal", value: amount, onChange: (e) => setAmount(e.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.methodLabel }), _jsxs(Select, { value: method, onValueChange: (v) => setMethod(v ?? "other"), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: PAYMENT_METHODS.map((m) => (_jsx(SelectItem, { value: m, children: t.methodLabels[m] }, m))) })] })] }), _jsxs("div", { className: "col-span-2 flex flex-col gap-2", children: [_jsx(Label, { children: t.dateLabel }), _jsx(DatePicker, { value: date || null, onChange: (v) => setDate(v ?? ""), className: "w-full" })] })] }), _jsx(DialogFooter, { children: _jsx(Button, { type: "button", disabled: !amount || pending, onClick: submit, children: pending ? t.recording : t.record }) })] }) }));
+}

package/dist/components/supplier-invoice-detail-page/shared.d.ts

@@ -0,0 +1,64 @@
+import type { SupplierCostAllocationInput, SupplierCostAllocationRecord, SupplierInvoiceLineInput, SupplierInvoiceLineRecord, SupplierInvoiceStatus } from "../../index.js";
+import type { AsyncComboboxOption } from "../async-combobox.js";
+import type { SupplierInvoiceExtraction } from "../supplier-invoice-form-dialog.js";
+export type SupplierInvoiceTargetSearch = (targetType: "departure" | "product" | "booking" | "traveler", query: string) => Promise<AsyncComboboxOption[]>;
+export declare const STATUS_VARIANT: Record<SupplierInvoiceStatus, "default" | "secondary" | "destructive" | "outline">;
+export declare const TARGET_TYPES: readonly ["departure", "product", "booking", "traveler", "unattributed"];
+export type TargetType = (typeof TARGET_TYPES)[number];
+/**
+ * Target types that support search-and-select; others fall back to a text id.
+ * Departure search is product-centric (search a product → pick its dated slot),
+ * wired by the host. Travelers have no global search, so they stay raw-id.
+ */
+export declare const SEARCHABLE_TARGETS: Set<"traveler" | "booking" | "product" | "departure" | "unattributed">;
+export declare const LINE_CATEGORY_NONE = "__none__";
+export declare const PAYMENT_METHODS: readonly ["bank_transfer", "credit_card", "cash", "cheque", "other"];
+export declare function toCents(major: string): number;
+export declare function targetIdFor(targetType: TargetType, targetId: string): Partial<SupplierCostAllocationInput>;
+export declare function allocationToInput(a: SupplierCostAllocationRecord): SupplierCostAllocationInput;
+export declare function lineToInput(line: SupplierInvoiceLineRecord): SupplierInvoiceLineInput;
+export interface SupplierInvoiceAttachmentUpload {
+    storageKey: string;
+    mimeType?: string | null;
+    fileSize?: number | null;
+}
+export interface SupplierInvoiceDetailPageProps {
+    id: string;
+    className?: string;
+    /** Breadcrumb root link + post-delete navigation back to the list. */
+    onBack?: () => void;
+    /** Operator wires this to open the document download endpoint. */
+    onDownloadDocument?: () => void;
+    /**
+     * Upload a file's bytes to durable storage (R2) and return its location.
+     * The template owns the upload endpoint (e.g. `/api/v1/uploads`). When
+     * omitted, the attachment upload control is hidden.
+     */
+    uploadFile?: (file: File) => Promise<SupplierInvoiceAttachmentUpload>;
+    /** Operator wires this to open an attachment's download endpoint. */
+    onDownloadAttachment?: (attachmentId: string) => void;
+    /**
+     * Resolve searchable options for an allocation target (departure / product /
+     * booking). When provided, those targets use a search-and-select combobox in
+     * the allocation dialog instead of a raw id field.
+     */
+    searchTargets?: SupplierInvoiceTargetSearch;
+    /**
+     * List a product's departures for the two-step departure picker (pick product,
+     * then departure). When provided alongside `searchTargets`, departure
+     * allocation uses product → departure selects instead of a flat list.
+     */
+    listDeparturesForProduct?: (productId: string, query: string) => Promise<AsyncComboboxOption[]>;
+    /** Optional invoice-extraction extension point for the edit dialog. */
+    extractFromFile?: (file: File) => Promise<SupplierInvoiceExtraction>;
+    /** Search suppliers for the edit dialog's supplier picker. */
+    searchSuppliers?: (query: string) => Promise<AsyncComboboxOption[]>;
+    /** Create a supplier inline from the edit dialog's supplier picker. */
+    createSupplier?: (name: string) => Promise<AsyncComboboxOption | null>;
+}
+export declare function formatFileSize(bytes: number | null): string;
+export declare function Field({ label, value }: {
+    label: string;
+    value: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=shared.d.ts.map

package/dist/components/supplier-invoice-detail-page/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/components/supplier-invoice-detail-page/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,2BAA2B,EAC3B,4BAA4B,EAC5B,wBAAwB,EACxB,yBAAyB,EACzB,qBAAqB,EACtB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAA;AAEnF,MAAM,MAAM,2BAA2B,GAAG,CACxC,UAAU,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,EAC5D,KAAK,EAAE,MAAM,KACV,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAA;AAEnC,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,qBAAqB,EACrB,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,CASpD,CAAA;AAED,eAAO,MAAM,YAAY,0EAA2E,CAAA;AACpG,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;AAEtD;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,wEAA2D,CAAA;AAE1F,eAAO,MAAM,kBAAkB,aAAa,CAAA;AAE5C,eAAO,MAAM,eAAe,sEAAuE,CAAA;AAEnG,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAG7C;AAED,wBAAgB,WAAW,CACzB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,2BAA2B,CAAC,CAatC;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,4BAA4B,GAAG,2BAA2B,CAO9F;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,yBAAyB,GAAG,wBAAwB,CAYrF;AAED,MAAM,WAAW,+BAA+B;IAC9C,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB;AAED,MAAM,WAAW,8BAA8B;IAC7C,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,+BAA+B,CAAC,CAAA;IACrE,qEAAqE;IACrE,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD;;;;OAIG;IACH,aAAa,CAAC,EAAE,2BAA2B,CAAA;IAC3C;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAA;IAC/F,uEAAuE;IACvE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,yBAAyB,CAAC,CAAA;IACpE,8DAA8D;IAC9D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAA;IACnE,uEAAuE;IACvE,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;CACvE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAK3D;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAOvE"}

package/dist/components/supplier-invoice-detail-page/shared.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const STATUS_VARIANT = {
+    draft: "outline",
+    received: "secondary",
+    approved: "secondary",
+    partially_paid: "default",
+    paid: "default",
+    disputed: "destructive",
+    void: "outline",
+};
+export const TARGET_TYPES = ["departure", "product", "booking", "traveler", "unattributed"];
+/**
+ * Target types that support search-and-select; others fall back to a text id.
+ * Departure search is product-centric (search a product → pick its dated slot),
+ * wired by the host. Travelers have no global search, so they stay raw-id.
+ */
+export const SEARCHABLE_TARGETS = new Set(["departure", "product", "booking"]);
+export const LINE_CATEGORY_NONE = "__none__";
+export const PAYMENT_METHODS = ["bank_transfer", "credit_card", "cash", "cheque", "other"];
+export function toCents(major) {
+    const n = Number.parseFloat(major);
+    return Number.isFinite(n) ? Math.round(n * 100) : 0;
+}
+export function targetIdFor(targetType, targetId) {
+    switch (targetType) {
+        case "departure":
+            return { departureId: targetId };
+        case "product":
+            return { productId: targetId };
+        case "booking":
+            return { bookingId: targetId };
+        case "traveler":
+            return { travelerId: targetId };
+        default:
+            return {};
+    }
+}
+export function allocationToInput(a) {
+    return {
+        targetType: a.targetType,
+        amountCents: a.amountCents,
+        splitMethod: a.splitMethod,
+        ...targetIdFor(a.targetType, a.departureId ?? a.productId ?? a.bookingId ?? a.travelerId ?? ""),
+    };
+}
+export function lineToInput(line) {
+    return {
+        description: line.description,
+        serviceType: line.serviceType,
+        supplierServiceId: line.supplierServiceId,
+        quantity: line.quantity,
+        unitAmountCents: line.unitAmountCents,
+        taxRateBps: line.taxRateBps,
+        taxAmountCents: line.taxAmountCents,
+        totalAmountCents: line.totalAmountCents,
+        sortOrder: line.sortOrder,
+    };
+}
+export function formatFileSize(bytes) {
+    if (bytes == null)
+        return "—";
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+export function Field({ label, value }) {
+    return (_jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: label }), _jsx("span", { className: "text-sm font-medium tabular-nums", children: value })] }));
+}

package/dist/components/supplier-invoice-detail-page.d.ts

@@ -0,0 +1,4 @@
+import type { SupplierInvoiceDetailPageProps } from "./supplier-invoice-detail-page/shared.js";
+export declare function SupplierInvoiceDetailPage({ id, className, onBack, onDownloadDocument, uploadFile, onDownloadAttachment, searchTargets, listDeparturesForProduct, extractFromFile, searchSuppliers, createSupplier, }: SupplierInvoiceDetailPageProps): import("react/jsx-runtime").JSX.Element;
+export type { SupplierInvoiceAttachmentUpload, SupplierInvoiceDetailPageProps, SupplierInvoiceTargetSearch, } from "./supplier-invoice-detail-page/shared.js";
+//# sourceMappingURL=supplier-invoice-detail-page.d.ts.map

package/dist/components/supplier-invoice-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-invoice-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/supplier-invoice-detail-page.tsx"],"names":[],"mappings":"AAgDA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAA;AAU9F,wBAAgB,yBAAyB,CAAC,EACxC,EAAE,EACF,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACpB,aAAa,EACb,wBAAwB,EACxB,eAAe,EACf,eAAe,EACf,cAAc,GACf,EAAE,8BAA8B,2CA4dhC;AAID,YAAY,EACV,+BAA+B,EAC/B,8BAA8B,EAC9B,2BAA2B,GAC5B,MAAM,0CAA0C,CAAA"}