@voyant-travel/finance-react 0.119.5

package/dist/components/payments-page.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { AsyncCombobox } from "@voyant-travel/ui/components/async-combobox";
+import { CurrencyCombobox } from "@voyant-travel/ui/components/currency-combobox";
+import { DateRangePicker } from "@voyant-travel/ui/components/date-picker";
+import { Popover, PopoverContent, PopoverTrigger } from "@voyant-travel/ui/components/popover";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ListFilter, Plus, Search, X } from "lucide-react";
+import { useState } from "react";
+import { useFinanceUiMessagesOrDefault } from "../i18n/index.js";
+import { paymentMethods, supplierPaymentStatuses } from "../i18n/messages.js";
+import { useAllPayments, } from "../index.js";
+const PAGE_SIZE = 25;
+const KIND_ALL = "__all__";
+const STATUS_ALL = "__all__";
+const METHOD_ALL = "__all__";
+const PAYMENT_KINDS = ["customer", "supplier"];
+const paymentStatusVariant = {
+    pending: "outline",
+    completed: "default",
+    failed: "destructive",
+    refunded: "secondary",
+};
+function formatAmount(cents, currency) {
+    return `${(cents / 100).toFixed(2)} ${currency}`;
+}
+export function PaymentsPage({ className, onOpenPayment, supplierOptions = [], onSupplierSearchChange, renderRecordPaymentDialog, } = {}) {
+    const messages = useFinanceUiMessagesOrDefault();
+    const [recordDialogOpen, setRecordDialogOpen] = useState(false);
+    const [search, setSearch] = useState("");
+    const [kind, setKind] = useState(KIND_ALL);
+    const [status, setStatus] = useState(STATUS_ALL);
+    const [method, setMethod] = useState(METHOD_ALL);
+    const [currency, setCurrency] = useState(null);
+    const [supplierId, setSupplierId] = useState(null);
+    const [selectedSupplier, setSelectedSupplier] = useState(null);
+    const [paymentDateRange, setPaymentDateRange] = useState(null);
+    const [sortBy, setSortBy] = useState("createdAt");
+    const [sortDir, setSortDir] = useState("desc");
+    const [pageIndex, setPageIndex] = useState(0);
+    const [filterPopoverOpen, setFilterPopoverOpen] = useState(false);
+    const { data, isPending, isFetching, isError } = useAllPayments({
+        search: search || undefined,
+        kind: kind === KIND_ALL ? undefined : kind,
+        status: status === STATUS_ALL ? undefined : status,
+        paymentMethod: method === METHOD_ALL ? undefined : method,
+        currency: currency ?? undefined,
+        supplierId: supplierId ?? undefined,
+        paymentDateFrom: paymentDateRange?.from ?? undefined,
+        paymentDateTo: paymentDateRange?.to ?? undefined,
+        sortBy,
+        sortDir,
+        limit: PAGE_SIZE,
+        offset: pageIndex * PAGE_SIZE,
+    });
+    const payments = data?.data ?? [];
+    const total = data?.total ?? 0;
+    const page = pageIndex + 1;
+    const pageCount = Math.max(1, Math.ceil(total / PAGE_SIZE));
+    const showSkeleton = isPending || (isFetching && payments.length === 0);
+    const resetPage = () => setPageIndex(0);
+    const handleSort = (field) => {
+        resetPage();
+        if (sortBy !== field) {
+            setSortBy(field);
+            setSortDir("asc");
+            return;
+        }
+        if (sortDir === "asc") {
+            setSortDir("desc");
+            return;
+        }
+        setSortBy("createdAt");
+        setSortDir("desc");
+    };
+    const activeFilterCount = (kind !== KIND_ALL ? 1 : 0) +
+        (status !== STATUS_ALL ? 1 : 0) +
+        (method !== METHOD_ALL ? 1 : 0) +
+        (currency !== null ? 1 : 0) +
+        (supplierId !== null ? 1 : 0) +
+        (paymentDateRange?.from || paymentDateRange?.to ? 1 : 0);
+    const hasActiveFilters = activeFilterCount > 0 || search !== "";
+    const clearFilters = () => {
+        setSearch("");
+        setKind(KIND_ALL);
+        setStatus(STATUS_ALL);
+        setMethod(METHOD_ALL);
+        setCurrency(null);
+        setSupplierId(null);
+        setSelectedSupplier(null);
+        setPaymentDateRange(null);
+        onSupplierSearchChange?.("");
+        resetPage();
+    };
+    const f = messages.paymentsPage;
+    return (_jsxs("div", { className: cn("flex flex-col gap-6 p-6", className), children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: f.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: f.description })] }) }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "relative min-w-[14rem] flex-1", children: [_jsx(Label, { htmlFor: "payments-search", className: "sr-only", children: f.searchPlaceholder }), _jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground", "aria-hidden": "true" }), _jsx(Input, { id: "payments-search", placeholder: f.searchPlaceholder, value: search, onChange: (event) => {
+                                            setSearch(event.target.value);
+                                            resetPage();
+                                        }, className: "pl-9" })] }), _jsxs(Popover, { open: filterPopoverOpen, onOpenChange: setFilterPopoverOpen, children: [_jsx(PopoverTrigger, { render: _jsxs(Button, { variant: "outline", size: "default", children: [_jsx(ListFilter, { className: "mr-2 size-4", "aria-hidden": "true" }), f.filters.button, activeFilterCount > 0 && (_jsx(Badge, { variant: "secondary", className: "ml-2 px-1.5", children: activeFilterCount }))] }) }), _jsx(PopoverContent, { align: "start", className: "w-[24rem] p-4", children: _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "payments-filter-kind", children: f.filters.kindLabel }), _jsxs(Select, { value: kind, onValueChange: (value) => {
+                                                                setKind(value ?? KIND_ALL);
+                                                                resetPage();
+                                                            }, children: [_jsx(SelectTrigger, { id: "payments-filter-kind", className: "w-full", children: _jsx(SelectValue, { children: (value) => value === KIND_ALL
+                                                                            ? f.filters.kindAll
+                                                                            : (f.kindLabels[value] ?? value) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: KIND_ALL, children: f.filters.kindAll }), PAYMENT_KINDS.map((value) => (_jsx(SelectItem, { value: value, children: f.kindLabels[value] }, value)))] })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "payments-filter-status", children: f.filters.statusLabel }), _jsxs(Select, { value: status, onValueChange: (value) => {
+                                                                setStatus(value ?? STATUS_ALL);
+                                                                resetPage();
+                                                            }, children: [_jsx(SelectTrigger, { id: "payments-filter-status", className: "w-full", children: _jsx(SelectValue, { children: (value) => value === STATUS_ALL
+                                                                            ? f.filters.statusAll
+                                                                            : (messages.common.supplierPaymentStatusLabels[value] ?? value) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: STATUS_ALL, children: f.filters.statusAll }), supplierPaymentStatuses.map((value) => (_jsx(SelectItem, { value: value, children: messages.common.supplierPaymentStatusLabels[value] }, value)))] })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "payments-filter-method", children: f.filters.methodLabel }), _jsxs(Select, { value: method, onValueChange: (value) => {
+                                                                setMethod(value ?? METHOD_ALL);
+                                                                resetPage();
+                                                            }, children: [_jsx(SelectTrigger, { id: "payments-filter-method", className: "w-full", children: _jsx(SelectValue, { children: (value) => value === METHOD_ALL
+                                                                            ? f.filters.methodAll
+                                                                            : (messages.common.paymentMethodLabels[value] ?? value) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: METHOD_ALL, children: f.filters.methodAll }), paymentMethods.map((value) => (_jsx(SelectItem, { value: value, children: messages.common.paymentMethodLabels[value] }, value)))] })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: f.filters.supplierLabel }), _jsx(AsyncCombobox, { value: supplierId, onChange: (value) => {
+                                                                setSupplierId(value);
+                                                                if (!value)
+                                                                    setSelectedSupplier(null);
+                                                                else {
+                                                                    const match = supplierOptions.find((supplier) => supplier.id === value);
+                                                                    if (match)
+                                                                        setSelectedSupplier(match);
+                                                                }
+                                                                resetPage();
+                                                            }, items: supplierOptions, selectedItem: selectedSupplier, getKey: (supplier) => supplier.id, getLabel: (supplier) => supplier.name, onSearchChange: onSupplierSearchChange, placeholder: f.filters.supplierAny, emptyText: f.filters.supplierEmpty })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: f.filters.currencyLabel }), _jsx(CurrencyCombobox, { value: currency, onChange: (value) => {
+                                                                setCurrency(value);
+                                                                resetPage();
+                                                            }, placeholder: f.filters.currencyAny })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: f.filters.paymentDateLabel }), _jsx(DateRangePicker, { value: paymentDateRange, onChange: (value) => {
+                                                                setPaymentDateRange(value);
+                                                                resetPage();
+                                                            }, placeholder: f.filters.dateAny, clearable: true, className: "w-full" })] })] }) })] }), hasActiveFilters && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: clearFilters, children: [_jsx(X, { className: "mr-1 size-4", "aria-hidden": "true" }), f.filters.clear] })), renderRecordPaymentDialog ? (_jsx("div", { className: "ml-auto", children: _jsxs(Button, { onClick: () => setRecordDialogOpen(true), children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), f.actions.recordPayment] }) })) : null] }), _jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: f.columns.kind }), _jsx(TableHead, { children: f.columns.reference }), _jsx(TableHead, { children: f.columns.party }), _jsx(TableHead, { children: _jsx(SortHeader, { label: f.columns.amount, field: "amountCents", sortBy: sortBy, sortDir: sortDir, onSort: handleSort }) }), _jsx(TableHead, { children: _jsx(SortHeader, { label: f.columns.status, field: "status", sortBy: sortBy, sortDir: sortDir, onSort: handleSort }) }), _jsx(TableHead, { children: _jsx(SortHeader, { label: f.columns.date, field: "paymentDate", sortBy: sortBy, sortDir: sortDir, onSort: handleSort }) }), _jsx(TableHead, { children: f.columns.method })] }) }), _jsx(TableBody, { children: showSkeleton ? (_jsx(PaymentRowSkeleton, { rows: 6 })) : isError ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "h-24 text-center text-sm text-destructive", children: f.loadFailed }) })) : payments.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "h-24 text-center text-sm text-muted-foreground", children: f.empty }) })) : (payments.map((row) => {
+                                        const reference = row.kind === "customer" ? row.invoiceNumber : row.bookingNumber;
+                                        const party = row.kind === "supplier"
+                                            ? (row.supplierName ?? f.noValue)
+                                            : (row.personName ?? row.organizationName ?? f.noValue);
+                                        return (_jsxs(TableRow, { onClick: () => onOpenPayment?.(row.id), className: cn(onOpenPayment && "cursor-pointer"), children: [_jsx(TableCell, { children: _jsx(Badge, { variant: "outline", className: "capitalize", children: f.kindLabels[row.kind] }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium", children: reference ?? f.noValue }), row.referenceNumber ? (_jsx("span", { className: "text-xs text-muted-foreground", children: row.referenceNumber })) : null] }) }), _jsx(TableCell, { children: party }), _jsx(TableCell, { className: "font-mono", children: formatAmount(row.amountCents, row.currency) }), _jsx(TableCell, { children: _jsx(Badge, { variant: paymentStatusVariant[row.status] ?? "secondary", className: "capitalize", children: messages.common.supplierPaymentStatusLabels[row.status] }) }), _jsx(TableCell, { children: row.paymentDate }), _jsx(TableCell, { className: "capitalize", children: messages.common.paymentMethodLabels[row.paymentMethod] ?? row.paymentMethod })] }, `${row.kind}-${row.id}`));
+                                    })) })] }) }), _jsx(PaginationBar, { shown: payments.length, total: total, page: page, pageCount: pageCount, onPrevious: () => setPageIndex((prev) => Math.max(0, prev - 1)), onNext: () => setPageIndex((prev) => prev + 1), canGoBack: pageIndex > 0, canGoForward: (pageIndex + 1) * PAGE_SIZE < total })] }), renderRecordPaymentDialog?.({
+                open: recordDialogOpen,
+                onOpenChange: setRecordDialogOpen,
+                defaultKind: kind === KIND_ALL ? "customer" : kind,
+            })] }));
+}
+import { PaginationBar, PaymentRowSkeleton, SortHeader } from "./payments-page/controls.js";

package/dist/components/profitability-page/sections.d.ts

@@ -0,0 +1,24 @@
+import type { DepartureProfitabilityRow, ProductProfitabilityRow } from "../../index.js";
+export declare function TravelerBreakdownDialog({ departure, currency, onClose, }: {
+    departure: {
+        id: string;
+        label: string;
+    } | null;
+    currency: string;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function KpiCard({ label, value, accent, }: {
+    label: string;
+    value: string;
+    accent?: "positive" | "negative";
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DepartureTable({ rows, currency, onSelect, }: {
+    rows: DepartureProfitabilityRow[];
+    currency: string;
+    onSelect?: (row: DepartureProfitabilityRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ProductTable({ rows, currency, }: {
+    rows: ProductProfitabilityRow[];
+    currency: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sections.d.ts.map

package/dist/components/profitability-page/sections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sections.d.ts","sourceRoot":"","sources":["../../../src/components/profitability-page/sections.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AAgBxF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,QAAQ,EACR,OAAO,GACR,EAAE;IACD,SAAS,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC/C,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,2CAgFA;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;CACjC,2CAiBA;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,yBAAyB,EAAE,CAAA;IACjC,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,IAAI,CAAA;CACpD,2CAqEA;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,uBAAuB,EAAE,CAAA;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB,2CA2DA"}

package/dist/components/profitability-page/sections.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Card, CardDescription, CardHeader, CardTitle, Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle, } from "@voyant-travel/ui/components";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { useFinanceUiI18nOrDefault } from "../../i18n/index.js";
+import { useTravelerProfitability } from "../../index.js";
+function marginText(value) {
+    return value == null ? "—" : `${value.toFixed(1)}%`;
+}
+function formatMoneyCents(cents, currency, formatCurrency) {
+    return formatCurrency(cents / 100, currency, { maximumFractionDigits: 0 });
+}
+export function TravelerBreakdownDialog({ departure, currency, onClose, }) {
+    const i18n = useFinanceUiI18nOrDefault();
+    const t = i18n.messages.profitability;
+    const { data, isError, isPending } = useTravelerProfitability({
+        departureId: departure?.id ?? "",
+        currency,
+        enabled: Boolean(departure),
+    });
+    const rows = data?.data?.rows ?? [];
+    const money = (cents) => formatMoneyCents(cents, currency, i18n.formatCurrency);
+    return (_jsx(Dialog, { open: Boolean(departure), onOpenChange: (open) => {
+            if (!open)
+                onClose();
+        }, children: _jsxs(DialogContent, { className: "sm:max-w-3xl", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: formatMessage(t.travelers.title, { departure: departure?.label ?? "" }) }) }), _jsx(DialogBody, { children: isError ? (_jsx("p", { className: "py-6 text-center text-sm text-destructive", children: t.travelers.loadFailed })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: t.travelers.columns.traveler }), _jsx(TableHead, { className: "text-right", children: t.travelers.columns.revenue }), _jsx(TableHead, { className: "text-right", children: t.travelers.columns.actualCost }), _jsx(TableHead, { className: "text-right", children: t.travelers.columns.plannedCost }), _jsx(TableHead, { className: "text-right", children: t.travelers.columns.profit }), _jsx(TableHead, { className: "text-right", children: t.travelers.columns.margin })] }) }), _jsx(TableBody, { children: isPending && departure ? null : rows.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "text-center text-muted-foreground", children: t.travelers.none }) })) : (rows.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: row.travelerName }), _jsx(TableCell, { className: "text-right tabular-nums", children: money(row.revenueCents) }), _jsx(TableCell, { className: "text-right tabular-nums", children: money(row.actualCostCents) }), _jsx(TableCell, { className: "text-right tabular-nums", children: money(row.plannedCostCents) }), _jsx(TableCell, { className: cn("text-right tabular-nums", row.profitCents < 0 && "text-destructive"), children: money(row.profitCents) }), _jsx(TableCell, { className: "text-right tabular-nums", children: marginText(row.marginPercent) })] }, row.travelerId)))) })] })) })] }) }));
+}
+export function KpiCard({ label, value, accent, }) {
+    return (_jsx(Card, { className: "min-w-0", children: _jsxs(CardHeader, { className: "pb-2", children: [_jsx(CardDescription, { children: label }), _jsx(CardTitle, { className: cn("break-words text-2xl tabular-nums", accent === "positive" && "text-emerald-600 dark:text-emerald-500", accent === "negative" && "text-destructive"), children: value })] }) }));
+}
+export function DepartureTable({ rows, currency, onSelect, }) {
+    const i18n = useFinanceUiI18nOrDefault();
+    const t = i18n.messages.profitability;
+    const money = (cents) => formatMoneyCents(cents, currency, i18n.formatCurrency);
+    return (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: t.departures.columns.departure }), _jsx(TableHead, { children: t.departures.columns.date }), _jsx(TableHead, { children: t.departures.columns.product }), _jsx(TableHead, { className: "text-right", children: t.departures.columns.revenue }), _jsx(TableHead, { className: "text-right", children: t.departures.columns.actualCost }), _jsx(TableHead, { className: "text-right", children: t.departures.columns.plannedCost }), _jsx(TableHead, { className: "text-right", children: t.departures.columns.profit }), _jsx(TableHead, { className: "text-right", children: t.departures.columns.margin }), _jsx(TableHead, { className: "text-right", children: t.departures.columns.variance })] }) }), _jsx(TableBody, { children: rows.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 9, className: "text-center text-muted-foreground", children: t.departures.none }) })) : (rows.map((row) => (_jsxs(TableRow, { className: onSelect ? "cursor-pointer" : undefined, onClick: onSelect ? () => onSelect(row) : undefined, children: [_jsx(TableCell, { className: "font-medium", children: row.departureLabel ?? row.departureId }), _jsx(TableCell, { className: "text-muted-foreground", children: row.departureDate ?? t.noDate }), _jsx(TableCell, { className: "text-muted-foreground", children: row.productName ?? t.noProduct }), _jsx(TableCell, { className: "text-right tabular-nums", children: money(row.revenueCents) }), _jsx(TableCell, { className: "text-right tabular-nums", children: money(row.actualCostCents) }), _jsx(TableCell, { className: "text-right tabular-nums", children: money(row.plannedCostCents) }), _jsx(TableCell, { className: cn("text-right tabular-nums", row.profitCents < 0 && "text-destructive"), children: money(row.profitCents) }), _jsx(TableCell, { className: "text-right tabular-nums", children: marginText(row.marginPercent) }), _jsx(TableCell, { className: cn("text-right tabular-nums", row.varianceCents < 0 && "text-destructive"), children: money(row.varianceCents) })] }, `${row.departureId}:${row.currency}`)))) })] }));
+}
+export function ProductTable({ rows, currency, }) {
+    const i18n = useFinanceUiI18nOrDefault();
+    const t = i18n.messages.profitability;
+    const money = (cents) => formatMoneyCents(cents, currency, i18n.formatCurrency);
+    return (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: t.products.columns.product }), _jsx(TableHead, { className: "text-right", children: t.products.columns.departures }), _jsx(TableHead, { className: "text-right", children: t.products.columns.revenue }), _jsx(TableHead, { className: "text-right", children: t.products.columns.actualCost }), _jsx(TableHead, { className: "text-right", children: t.products.columns.plannedCost }), _jsx(TableHead, { className: "text-right", children: t.products.columns.profit }), _jsx(TableHead, { className: "text-right", children: t.products.columns.margin }), _jsx(TableHead, { className: "text-right", children: t.products.columns.variance })] }) }), _jsx(TableBody, { children: rows.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 8, className: "text-center text-muted-foreground", children: t.products.none }) })) : (rows.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: row.productName ?? row.productId }), _jsx(TableCell, { className: "text-right tabular-nums", children: row.departureCount }), _jsx(TableCell, { className: "text-right tabular-nums", children: money(row.revenueCents) }), _jsx(TableCell, { className: "text-right tabular-nums", children: money(row.actualCostCents) }), _jsx(TableCell, { className: "text-right tabular-nums", children: money(row.plannedCostCents) }), _jsx(TableCell, { className: cn("text-right tabular-nums", row.profitCents < 0 && "text-destructive"), children: money(row.profitCents) }), _jsx(TableCell, { className: "text-right tabular-nums", children: marginText(row.marginPercent) }), _jsx(TableCell, { className: cn("text-right tabular-nums", row.varianceCents < 0 && "text-destructive"), children: money(row.varianceCents) })] }, `${row.productId}:${row.currency}`)))) })] }));
+}

package/dist/components/profitability-page.d.ts

@@ -0,0 +1,13 @@
+export interface ProfitabilityExportFilters {
+    from?: string;
+    to?: string;
+}
+export interface ProfitabilityPageProps {
+    className?: string;
+    /** Wire to download the departure CSV for the active date range (accountant sharing). */
+    onExportDepartures?: (filters: ProfitabilityExportFilters) => void;
+    /** Wire to download the product CSV for the active date range. */
+    onExportProducts?: (filters: ProfitabilityExportFilters) => void;
+}
+export declare function ProfitabilityPage({ className, onExportDepartures, onExportProducts, }?: ProfitabilityPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profitability-page.d.ts.map

package/dist/components/profitability-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profitability-page.d.ts","sourceRoot":"","sources":["../../src/components/profitability-page.tsx"],"names":[],"mappings":"AAwDA,MAAM,WAAW,0BAA0B;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,0BAA0B,KAAK,IAAI,CAAA;IAClE,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,0BAA0B,KAAK,IAAI,CAAA;CACjE;AA2CD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,kBAAkB,EAClB,gBAAgB,GACjB,GAAE,sBAA2B,2CAwc7B"}

package/dist/components/profitability-page.js

@@ -0,0 +1,175 @@
+// agent-quality: file-size exception -- owner: finance-react; existing UI surface stays co-located until a dedicated split preserves behavior and tests.
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Button, Card, CardContent, CardHeader, CardTitle, Checkbox, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, } from "@voyant-travel/ui/components/chart";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { Download, Share2 } from "lucide-react";
+import { useMemo, useState } from "react";
+import { Bar, BarChart, CartesianGrid, Cell, Pie, PieChart, XAxis, YAxis } from "recharts";
+import { useFinanceUiI18nOrDefault } from "../i18n/index.js";
+import { useDepartureProfitability, useProductProfitability } from "../index.js";
+import { AccountantShareDialog } from "./accountant-share-dialog.js";
+import { AsyncCombobox, localOptionSearch } from "./async-combobox.js";
+import { DepartureTable, KpiCard, ProductTable, TravelerBreakdownDialog, } from "./profitability-page/sections.js";
+const CHART_DEPARTURE_LIMIT = 12;
+const PIE_COLORS = [
+    "hsl(221 83% 53%)",
+    "hsl(142 71% 45%)",
+    "hsl(38 92% 50%)",
+    "hsl(0 72% 51%)",
+    "hsl(199 89% 48%)",
+    "hsl(280 65% 60%)",
+    "hsl(160 60% 45%)",
+    "hsl(28 80% 52%)",
+];
+function marginText(value) {
+    return value == null ? "—" : `${value.toFixed(1)}%`;
+}
+function formatMoneyCents(cents, currency, formatCurrency) {
+    if (!currency)
+        return "—";
+    return formatCurrency(cents / 100, currency);
+}
+function chartTooltipLabel(name, config) {
+    const key = String(name);
+    return config[key]?.label ?? key;
+}
+function ChartTooltipAmountRow({ color, label, value, }) {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "size-2.5 shrink-0 rounded-[2px] border", style: { backgroundColor: color, borderColor: color } }), _jsxs("div", { className: "flex flex-1 items-center justify-between gap-4 leading-none", children: [_jsx("span", { className: "text-muted-foreground", children: label }), _jsx("span", { className: "font-mono font-medium text-foreground tabular-nums", children: value })] })] }));
+}
+export function ProfitabilityPage({ className, onExportDepartures, onExportProducts, } = {}) {
+    const i18n = useFinanceUiI18nOrDefault();
+    const t = i18n.messages.profitability;
+    const [from, setFrom] = useState("");
+    const [to, setTo] = useState("");
+    const [currency, setCurrency] = useState("");
+    // Consolidated view = the accounting-base rollup (snapshotted FX). Default on;
+    // the base currency itself is fixed by the operator, so there is no picker.
+    const [consolidate, setConsolidate] = useState(true);
+    const [travelerDeparture, setTravelerDeparture] = useState(null);
+    const [shareOpen, setShareOpen] = useState(false);
+    const [productId, setProductId] = useState("");
+    const [departureId, setDepartureId] = useState("");
+    const filters = {
+        from: from || undefined,
+        to: to || undefined,
+    };
+    const departures = useDepartureProfitability(filters);
+    const products = useProductProfitability(filters);
+    const departureReport = departures.data?.data;
+    const productReport = products.data?.data;
+    const isError = departures.isError || products.isError;
+    // The accounting base currency the server snapshots/rolls up into.
+    const baseCurrencyCode = departureReport?.base?.currency ?? productReport?.base?.currency ?? "";
+    // Consolidated rollup view is active when toggled on and the server returned a
+    // `base` block (always does now, but guard for loading/empty states).
+    const baseMode = consolidate && Boolean(departureReport?.base);
+    // Currencies present across per-currency rows; default to the first.
+    const currencies = useMemo(() => {
+        const set = new Set();
+        for (const row of departureReport?.rows ?? [])
+            set.add(row.currency);
+        for (const row of productReport?.rows ?? [])
+            set.add(row.currency);
+        return [...set].sort();
+    }, [departureReport, productReport]);
+    const activeCurrency = baseMode
+        ? (departureReport?.base?.currency ?? baseCurrencyCode)
+        : currency && currencies.includes(currency)
+            ? currency
+            : (currencies[0] ?? "");
+    const currencyDepartureRows = useMemo(() => baseMode
+        ? (departureReport?.base?.rows ?? [])
+        : (departureReport?.rows ?? []).filter((r) => r.currency === activeCurrency), [departureReport, baseMode, activeCurrency]);
+    const currencyProductRows = useMemo(() => baseMode
+        ? (productReport?.base?.rows ?? [])
+        : (productReport?.rows ?? []).filter((r) => r.currency === activeCurrency), [productReport, baseMode, activeCurrency]);
+    // Product/departure filters (client-side over the loaded report).
+    const productOptions = useMemo(() => {
+        const map = new Map();
+        for (const r of currencyDepartureRows) {
+            if (r.productId)
+                map.set(r.productId, r.productName ?? r.productId);
+        }
+        return [...map.entries()]
+            .map(([id, name]) => ({ id, name }))
+            .sort((a, b) => a.name.localeCompare(b.name));
+    }, [currencyDepartureRows]);
+    const departureOptions = useMemo(() => currencyDepartureRows
+        .filter((r) => !productId || r.productId === productId)
+        .map((r) => ({ id: r.departureId, label: r.departureLabel ?? r.departureId })), [currencyDepartureRows, productId]);
+    const departureRows = useMemo(() => currencyDepartureRows.filter((r) => (!productId || r.productId === productId) &&
+        (!departureId || r.departureId === departureId)), [currencyDepartureRows, productId, departureId]);
+    const productRows = useMemo(() => currencyProductRows.filter((r) => !productId || r.productId === productId), [currencyProductRows, productId]);
+    const unconvertibleCurrencies = baseMode
+        ? (departureReport?.base?.unconvertibleCurrencies ?? [])
+        : [];
+    const totals = useMemo(() => {
+        let revenue = 0;
+        let actual = 0;
+        let planned = 0;
+        for (const r of departureRows) {
+            revenue += r.revenueCents;
+            actual += r.actualCostCents;
+            planned += r.plannedCostCents;
+        }
+        const profit = revenue - actual;
+        return {
+            revenue,
+            actual,
+            planned,
+            profit,
+            variance: planned - actual,
+            margin: revenue > 0 ? Math.round((profit / revenue) * 1000) / 10 : null,
+        };
+    }, [departureRows]);
+    const unattributed = useMemo(() => {
+        if (baseMode)
+            return departureReport?.base?.unattributedCents ?? 0;
+        return ((departureReport?.unattributed ?? []).find((u) => u.currency === activeCurrency)
+            ?.amountCents ?? 0);
+    }, [departureReport, baseMode, activeCurrency]);
+    const chartData = useMemo(() => [...departureRows]
+        .sort((a, b) => b.revenueCents - a.revenueCents)
+        .slice(0, CHART_DEPARTURE_LIMIT)
+        .map((r) => ({
+        name: r.departureLabel ?? r.departureId,
+        revenue: r.revenueCents / 100,
+        actualCost: r.actualCostCents / 100,
+        profit: r.profitCents / 100,
+    })), [departureRows]);
+    const serviceTypeData = useMemo(() => (baseMode
+        ? (departureReport?.base?.costByServiceType ?? [])
+        : (departureReport?.costByServiceType ?? []).filter((c) => c.currency === activeCurrency)).map((c, index) => ({
+        serviceType: c.serviceType,
+        label: t.serviceTypeLabels[c.serviceType] ?? c.serviceType,
+        amount: c.amountCents / 100,
+        fill: PIE_COLORS[index % PIE_COLORS.length],
+    })), [departureReport, baseMode, activeCurrency, t.serviceTypeLabels]);
+    const barConfig = {
+        revenue: { label: t.charts.revenue, color: "hsl(221 83% 53%)" }, // i18n-literal-ok (chart color)
+        actualCost: { label: t.charts.actualCost, color: "hsl(0 72% 51%)" }, // i18n-literal-ok (chart color)
+        profit: { label: t.charts.profit, color: "hsl(142 71% 45%)" }, // i18n-literal-ok (chart color)
+    };
+    const pieConfig = Object.fromEntries(serviceTypeData.map((d) => [d.serviceType, { label: d.label, color: d.fill }]));
+    const money = (cents) => formatMoneyCents(cents, activeCurrency, i18n.formatCurrency);
+    const moneyAmount = (amount) => activeCurrency ? i18n.formatCurrency(amount, activeCurrency) : String(amount);
+    const compactMoneyAmount = (amount) => activeCurrency
+        ? i18n.formatCurrency(amount, activeCurrency, {
+            maximumFractionDigits: 1,
+            notation: "compact",
+        })
+        : String(amount);
+    return (_jsxs("div", { className: cn("flex min-w-0 flex-col gap-6 overflow-hidden p-6", className), children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: t.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: t.description })] }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-end justify-end gap-3", children: [_jsxs(Button, { variant: "outline", onClick: () => setShareOpen(true), children: [_jsx(Share2, { className: "size-4" }), t.share.button] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.filters.from }), _jsx(DatePicker, { value: from || null, onChange: (v) => setFrom(v ?? ""), className: "w-40" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.filters.to }), _jsx(DatePicker, { value: to || null, onChange: (v) => setTo(v ?? ""), className: "w-40" })] }), !baseMode ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.filters.currency }), _jsxs(Select, { value: activeCurrency, onValueChange: (v) => setCurrency(v ?? ""), disabled: !currencies.length, children: [_jsx(SelectTrigger, { className: "w-32 max-w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: currencies.map((c) => (_jsx(SelectItem, { value: c, children: c }, c))) })] })] })) : null, _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "profitability-consolidate", children: t.filters.baseCurrency }), _jsxs("div", { className: "flex h-9 items-center gap-2", children: [_jsx(Checkbox, { id: "profitability-consolidate", checked: consolidate, onCheckedChange: (v) => setConsolidate(v === true) }), _jsx(Label, { htmlFor: "profitability-consolidate", className: "font-normal", children: baseCurrencyCode || t.filters.baseCurrency })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.filters.product }), _jsx(AsyncCombobox, { className: "w-56 max-w-full", placeholder: t.filters.allProducts, value: productId || null, onChange: (v) => {
+                                            setProductId(v ?? "");
+                                            setDepartureId("");
+                                        }, search: localOptionSearch(productOptions.map((p) => ({ value: p.id, label: p.name }))) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t.filters.departure }), _jsx(AsyncCombobox, { className: "w-56 max-w-full", placeholder: t.filters.allDepartures, value: departureId || null, onChange: (v) => setDepartureId(v ?? ""), search: localOptionSearch(departureOptions.map((d) => ({ value: d.id, label: d.label }))) })] })] })] }), baseMode && unconvertibleCurrencies.length ? (_jsx("p", { className: "text-sm text-amber-600 dark:text-amber-500", children: formatMessage(t.unconvertibleNote, { currencies: unconvertibleCurrencies.join(", ") }) })) : null, isError ? (_jsx(Card, { children: _jsx(CardContent, { className: "py-10 text-center text-destructive", children: t.loadFailed }) })) : !currencies.length ? (_jsx(Card, { children: _jsx(CardContent, { className: "py-10 text-center text-muted-foreground", children: t.empty }) })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid min-w-0 gap-4 sm:grid-cols-2 lg:grid-cols-4", children: [_jsx(KpiCard, { label: t.kpis.revenue, value: money(totals.revenue) }), _jsx(KpiCard, { label: t.kpis.actualCost, value: money(totals.actual) }), _jsx(KpiCard, { label: t.kpis.profit, value: money(totals.profit), accent: totals.profit >= 0 ? "positive" : "negative" }), _jsx(KpiCard, { label: t.kpis.margin, value: marginText(totals.margin) }), _jsx(KpiCard, { label: t.kpis.plannedCost, value: money(totals.planned) }), _jsx(KpiCard, { label: t.kpis.variance, value: money(totals.variance), accent: totals.variance >= 0 ? "positive" : "negative" }), _jsx(KpiCard, { label: t.kpis.unattributed, value: money(unattributed) })] }), _jsxs("div", { className: "grid min-w-0 gap-4 lg:grid-cols-2", children: [_jsxs(Card, { className: "min-w-0", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: t.charts.departurePnl }) }), _jsx(CardContent, { children: chartData.length ? (_jsx(ChartContainer, { config: barConfig, className: "h-[300px] w-full", children: _jsxs(BarChart, { data: chartData, margin: { top: 10, right: 10, left: 0, bottom: 0 }, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "name", tickLine: false, axisLine: false, tickMargin: 8, tickFormatter: (value) => value.length > 14 ? `${value.slice(0, 13)}…` : value }), _jsx(YAxis, { tickLine: false, axisLine: false, tickMargin: 8, tickFormatter: (value) => compactMoneyAmount(value), width: 72 }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { formatter: (value, name, item) => (_jsx(ChartTooltipAmountRow, { color: item.color, label: chartTooltipLabel(name, barConfig), value: moneyAmount(Number(value)) })) }) }), _jsx(ChartLegend, { content: _jsx(ChartLegendContent, {}) }), _jsx(Bar, { dataKey: "revenue", fill: "var(--color-revenue)", radius: 2 }), _jsx(Bar, { dataKey: "actualCost", fill: "var(--color-actualCost)", radius: 2 }), _jsx(Bar, { dataKey: "profit", fill: "var(--color-profit)", radius: 2 })] }) })) : (_jsx("p", { className: "py-10 text-center text-sm text-muted-foreground", children: t.departures.none })) })] }), _jsxs(Card, { className: "min-w-0", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: t.charts.costByServiceType }) }), _jsx(CardContent, { children: serviceTypeData.length ? (_jsx(ChartContainer, { config: pieConfig, className: "mx-auto h-[300px] w-full", children: _jsxs(PieChart, { children: [_jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { nameKey: "label", hideLabel: true, formatter: (value, name, item) => (_jsx(ChartTooltipAmountRow, { color: item.payload?.fill ?? item.color, label: name, value: moneyAmount(Number(value)) })) }) }), _jsx(Pie, { data: serviceTypeData, dataKey: "amount", nameKey: "label", cx: "50%", cy: "50%", innerRadius: 60, outerRadius: 100, paddingAngle: 2, children: serviceTypeData.map((entry) => (_jsx(Cell, { fill: entry.fill }, entry.serviceType))) }), _jsx(ChartLegend, { content: _jsx(ChartLegendContent, { nameKey: "label" }) })] }) })) : (_jsx("p", { className: "py-10 text-center text-sm text-muted-foreground", children: t.empty })) })] })] }), _jsxs(Card, { className: "min-w-0", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(CardTitle, { className: "text-base", children: t.departures.title }), onExportDepartures ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => onExportDepartures({ from: from || undefined, to: to || undefined }), children: [_jsx(Download, { className: "size-4" }), t.exportCsv] })) : null] }), _jsx(CardContent, { className: "min-w-0", children: _jsx(DepartureTable, { rows: departureRows, currency: activeCurrency, onSelect: baseMode
+                                        ? undefined
+                                        : (row) => setTravelerDeparture({
+                                            id: row.departureId,
+                                            label: row.departureLabel ?? row.departureId,
+                                        }) }) })] }), _jsxs(Card, { className: "min-w-0", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(CardTitle, { className: "text-base", children: t.products.title }), onExportProducts ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => onExportProducts({ from: from || undefined, to: to || undefined }), children: [_jsx(Download, { className: "size-4" }), t.exportCsv] })) : null] }), _jsx(CardContent, { className: "min-w-0", children: _jsx(ProductTable, { rows: productRows, currency: activeCurrency }) })] })] })), _jsx(TravelerBreakdownDialog, { departure: travelerDeparture, currency: activeCurrency, onClose: () => setTravelerDeparture(null) }), _jsx(AccountantShareDialog, { open: shareOpen, onOpenChange: setShareOpen })] }));
+}

package/dist/components/record-booking-payment-dialog/shared.d.ts

@@ -0,0 +1,54 @@
+import { type PaymentMethod, type PaymentStatus } from "../../index.js";
+export declare const PAYMENT_METHODS: ("other" | "voucher" | "wallet" | "bank_transfer" | "credit_card" | "debit_card" | "cash" | "cheque" | "direct_bill")[];
+export declare const PAYMENT_STATUSES: ("pending" | "completed" | "failed" | "refunded")[];
+export interface EditingPaymentSnapshot {
+    id: string;
+    invoiceId: string;
+    amountCents: number;
+    currency: string;
+    baseCurrency: string | null;
+    baseAmountCents: number | null;
+    paymentMethod: PaymentMethod;
+    status: PaymentStatus;
+    paymentDate: string;
+    referenceNumber: string | null;
+    notes: string | null;
+}
+export interface RecordBookingPaymentDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    bookingId: string;
+    /** Pre-fill currency when no invoices have loaded yet. */
+    defaultCurrency?: string;
+    onRecorded?: () => void;
+    /**
+     * When set, the dialog runs in edit mode: it prefills from the
+     * snapshot and PATCHes `/v1/admin/finance/payments/:id` on submit instead
+     * of POSTing a new payment. The invoice selector is locked because
+     * reassigning a payment to a different invoice is out of scope for
+     * this dialog.
+     */
+    editingPayment?: EditingPaymentSnapshot | null;
+}
+export interface FormState {
+    invoiceId: string;
+    amountCents: number;
+    currency: string;
+    fxRate: string;
+    fxOverride: boolean;
+    paymentMethod: PaymentMethod;
+    status: PaymentStatus;
+    paymentDate: string;
+    referenceNumber: string;
+    notes: string;
+}
+export declare function todayIso(): string;
+export declare function buildInitialFormState(currency: string): FormState;
+export declare function formatAmount(cents: number): string;
+export declare function normalizeCurrency(currency: string | null | undefined): string;
+export declare function parseFxRate(raw: string): number | null;
+export declare function deriveBaseAmountCents(amountCents: number, fxRate: number | null): number | null;
+export declare function formatFxRateInput(rate: number): string;
+export declare function formatRateDisplay(rate: number): string;
+export declare function formatCommissionPercent(bps: number): string;
+//# sourceMappingURL=shared.d.ts.map

package/dist/components/record-booking-payment-dialog/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/components/record-booking-payment-dialog/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,aAAa,EAGnB,MAAM,gBAAgB,CAAA;AAEvB,eAAO,MAAM,eAAe,yHAA8B,CAAA;AAC1D,eAAO,MAAM,gBAAgB,qDAA8B,CAAA;AAE3D,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,aAAa,EAAE,aAAa,CAAA;IAC5B,MAAM,EAAE,aAAa,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,+BAA+B;IAC9C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAA;CAC/C;AAED,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,aAAa,CAAA;IAC5B,MAAM,EAAE,aAAa,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,QAAQ,IAAI,MAAM,CAEjC;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAajE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAE7E;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAKtD;AAED,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAG/F;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAED,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAE3D"}

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

@@ -0,0 +1,47 @@
+import { paymentMethodSchema, paymentStatusSchema, } from "../../index.js";
+export const PAYMENT_METHODS = paymentMethodSchema.options;
+export const PAYMENT_STATUSES = paymentStatusSchema.options;
+export function todayIso() {
+    return new Date().toISOString().slice(0, 10);
+}
+export function buildInitialFormState(currency) {
+    return {
+        invoiceId: "",
+        amountCents: 0,
+        currency,
+        fxRate: "",
+        fxOverride: false,
+        paymentMethod: "bank_transfer",
+        status: "completed",
+        paymentDate: todayIso(),
+        referenceNumber: "",
+        notes: "",
+    };
+}
+export function formatAmount(cents) {
+    return (cents / 100).toFixed(2);
+}
+export function normalizeCurrency(currency) {
+    return currency?.trim().toUpperCase() ?? "";
+}
+export function parseFxRate(raw) {
+    const normalized = raw.trim().replace(",", ".");
+    if (!normalized)
+        return null;
+    const value = Number.parseFloat(normalized);
+    return Number.isFinite(value) && value > 0 ? value : null;
+}
+export function deriveBaseAmountCents(amountCents, fxRate) {
+    if (!fxRate || amountCents <= 0)
+        return null;
+    return Math.round(amountCents / fxRate);
+}
+export function formatFxRateInput(rate) {
+    return rate.toFixed(4);
+}
+export function formatRateDisplay(rate) {
+    return rate.toFixed(4);
+}
+export function formatCommissionPercent(bps) {
+    return (bps / 100).toFixed(2);
+}

package/dist/components/record-booking-payment-dialog.d.ts

@@ -0,0 +1,4 @@
+import type { RecordBookingPaymentDialogProps } from "./record-booking-payment-dialog/shared.js";
+export type { EditingPaymentSnapshot, RecordBookingPaymentDialogProps, } from "./record-booking-payment-dialog/shared.js";
+export declare function RecordBookingPaymentDialog({ open, onOpenChange, bookingId, defaultCurrency, onRecorded, editingPayment, }: RecordBookingPaymentDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=record-booking-payment-dialog.d.ts.map

package/dist/components/record-booking-payment-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-booking-payment-dialog.d.ts","sourceRoot":"","sources":["../../src/components/record-booking-payment-dialog.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAEV,+BAA+B,EAChC,MAAM,2CAA2C,CAAA;AAclD,YAAY,EACV,sBAAsB,EACtB,+BAA+B,GAChC,MAAM,2CAA2C,CAAA;AAElD,wBAAgB,0BAA0B,CAAC,EACzC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,eAAuB,EACvB,UAAU,EACV,cAAqB,GACtB,EAAE,+BAA+B,2CAsfjC"}