@hub-kit/core 0.3.0

package/dist/pages/opos-whitelist/labels.js

@@ -0,0 +1,70 @@
+export const englishOposWhitelistLabels = {
+    title: "Excluded payments",
+    subtitle: "Bank movements that will never have a receipt, kept out of the open-items list.",
+    hint: "A rule hides any bank movement whose matched field contains the term. Deleting a rule brings its movements back into Bank reconciliation.",
+    readOnlyHint: "You can view these rules but not change them.",
+    reapplyButton: "Reapply all rules",
+    reapplying: "Reapplying…",
+    reappliedToast: (count) => `${count} transaction${count === 1 ? "" : "s"} updated.`,
+    newRuleButton: "New rule",
+    searchPlaceholder: "Search term or note",
+    categoryAll: "All categories",
+    category: {
+        salary: "Salary",
+        tax_prepayment: "Tax prepayment",
+        private_withdrawal: "Private withdrawal",
+        rebooking: "Rebooking",
+        loan_installment: "Loan installment",
+        fee_interest: "Fee / interest",
+        atm_withdrawal: "ATM withdrawal",
+        other: "Other",
+    },
+    statusAll: "All statuses",
+    statusActive: "Active",
+    statusInactive: "Inactive",
+    hitsAll: "Any hit count",
+    hitsWith: "With hits",
+    hitsWithout: "Without hits",
+    resetFilters: "Reset filters",
+    shownOfTotal: (shown, total) => `${shown} of ${total} rules`,
+    columnCategory: "Category",
+    columnScope: "Matches",
+    columnTerm: "Term",
+    columnHits: "Hits",
+    columnNote: "Note",
+    columnCreated: "Created",
+    columnActive: "Active",
+    scope: {
+        reference: "Reference",
+        counterparty: "Counterparty",
+        iban: "IBAN",
+        booking_text: "Booking text",
+        any: "Any field",
+    },
+    shadowedBy: (term) => `Already covered by "${term}"`,
+    empty: "No rules yet.",
+    noMatches: "No rules match these filters.",
+    editRuleTitle: "Edit rule",
+    newRuleTitle: "New rule",
+    fieldTerm: "Term",
+    fieldTermHint: (min) => `At least ${min} characters. Matched as plain text, case-insensitive.`,
+    fieldTermTooShort: (min) => `Enter at least ${min} characters.`,
+    fieldScope: "Matches",
+    fieldCategory: "Category",
+    fieldNote: "Note",
+    fieldNotePlaceholder: "Why this rule exists (optional)",
+    fieldActive: "Active",
+    asciiSuggestion: (spelling) => `Consider also adding "${spelling}" — German bank exports use both spellings.`,
+    cancel: "Cancel",
+    save: "Save",
+    saving: "Saving…",
+    saveFailed: (error) => `Could not save: ${error}`,
+    ruleSaved: "Rule saved.",
+    editButton: "Edit",
+    deleteButton: "Delete",
+    deleteDialogTitle: "Delete this rule?",
+    deleteDialogDescriptionWithHits: (count) => `${count} transaction${count === 1 ? "" : "s"} currently hidden by this rule will come back into Bank reconciliation.`,
+    deleteDialogDescription: "This rule currently hides nothing.",
+    deleteConfirm: "Delete",
+    deletedToast: "Rule deleted.",
+};

package/dist/pages/outgoing-invoices/OutgoingInvoicesPage.d.ts

@@ -0,0 +1,7 @@
+import type { OutgoingInvoiceAdapter } from "../../adapters/outgoing-invoices";
+import { type OutgoingInvoicesLabels } from "./labels";
+export interface OutgoingInvoicesPageProps {
+    adapter: OutgoingInvoiceAdapter;
+    labels?: OutgoingInvoicesLabels;
+}
+export declare function OutgoingInvoicesPage({ adapter, labels }: OutgoingInvoicesPageProps): import("react").JSX.Element;

package/dist/pages/outgoing-invoices/OutgoingInvoicesPage.js

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { AlertTriangle, CheckCircle2, Clock, Eye, Search, Trash2, UploadCloud } from "lucide-react";
+import { toast } from "sonner";
+import { Button } from "../../ui/button.js";
+import { Input } from "../../ui/input.js";
+import { Label } from "../../ui/label.js";
+import { Combobox } from "../../ui/combobox.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/select.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "../../ui/alert-dialog.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../ui/table.js";
+import { ErrorState, TableSkeleton, readableErrorMessage } from "../../components/feedback/query-states.js";
+import { TablePagination } from "../../components/feedback/table-pagination.js";
+import { QueueKpiRow } from "../../components/invoice-queue/index.js";
+import { SortControl } from "./sort-control.js";
+import { useTableView } from "./use-table-view.js";
+import { englishOutgoingInvoicesLabels } from "./labels.js";
+const ALL = "__all";
+function effectiveStatus(status, dueDate) {
+    if (status === "paidoff")
+        return "paid";
+    if (status === "voided")
+        return "voided";
+    if (status === "draft")
+        return "draft";
+    const today = new Date().toISOString().slice(0, 10);
+    return dueDate && dueDate < today ? "overdue" : "open";
+}
+export function OutgoingInvoicesPage({ adapter, labels = englishOutgoingInvoicesLabels }) {
+    const [companyId, setCompanyId] = useState(ALL);
+    const [status, setStatus] = useState(ALL);
+    const [search, setSearch] = useState("");
+    const invoicesQuery = adapter.useInvoices(companyId === ALL ? undefined : companyId);
+    const companyOptionsQuery = adapter.useCompanyOptions();
+    const matchesSearch = (invoice, term) => {
+        if (!term)
+            return true;
+        return [invoice.customer_name ?? "", invoice.voucher_number ?? ""].some((f) => f.toLowerCase().includes(term));
+    };
+    const filtered = useMemo(() => {
+        const term = search.trim().toLowerCase();
+        return invoicesQuery.data.filter((invoice) => {
+            if (status !== ALL && effectiveStatus(invoice.voucher_status, invoice.due_date) !== status)
+                return false;
+            return matchesSearch(invoice, term);
+        });
+    }, [invoicesQuery.data, status, search]);
+    const totals = useMemo(() => {
+        const term = search.trim().toLowerCase();
+        const base = invoicesQuery.data.filter((invoice) => matchesSearch(invoice, term));
+        let openCount = 0;
+        let openAmount = 0;
+        let overdueCount = 0;
+        let overdueAmount = 0;
+        let paidCount = 0;
+        let paidAmount = 0;
+        let volume = 0;
+        for (const invoice of base) {
+            const state = effectiveStatus(invoice.voucher_status, invoice.due_date);
+            const amount = invoice.amount_gross ?? 0;
+            if (state !== "voided")
+                volume += amount;
+            if (state === "open") {
+                openCount += 1;
+                openAmount += amount;
+            }
+            else if (state === "overdue") {
+                overdueCount += 1;
+                overdueAmount += amount;
+            }
+            else if (state === "paid") {
+                paidCount += 1;
+                paidAmount += amount;
+            }
+        }
+        return { count: base.length, volume, openCount, openAmount, overdueCount, overdueAmount, paidCount, paidAmount };
+    }, [invoicesQuery.data, search]);
+    const queueCards = [
+        {
+            key: "open",
+            label: labels.queueOpenLabel,
+            description: labels.queueOpenDescription,
+            count: String(totals.openCount),
+            amount: adapter.formatMoney(totals.openAmount),
+            tone: "warning",
+            icon: Clock,
+            active: status === "open",
+            onSelect: () => setStatus(status === "open" ? ALL : "open"),
+        },
+        {
+            key: "overdue",
+            label: labels.queueOverdueLabel,
+            description: labels.queueOverdueDescription,
+            count: String(totals.overdueCount),
+            amount: adapter.formatMoney(totals.overdueAmount),
+            tone: "danger",
+            icon: AlertTriangle,
+            active: status === "overdue",
+            onSelect: () => setStatus(status === "overdue" ? ALL : "overdue"),
+        },
+        {
+            key: "paid",
+            label: labels.queuePaidLabel,
+            description: labels.queuePaidDescription,
+            count: String(totals.paidCount),
+            amount: adapter.formatMoney(totals.paidAmount),
+            tone: "success",
+            icon: CheckCircle2,
+            active: status === "paid",
+            onSelect: () => setStatus(status === "paid" ? ALL : "paid"),
+        },
+    ];
+    const view = useTableView(filtered, {
+        initialSort: "date",
+        initialDirection: "desc",
+        resetKey: `${companyId}|${status}|${search}`,
+        sortValue: (invoice, key) => {
+            switch (key) {
+                case "customer":
+                    return invoice.customer_name ?? "";
+                case "amount":
+                    return invoice.amount_gross ?? 0;
+                case "due":
+                    return invoice.due_date ?? "";
+                default:
+                    return invoice.voucher_date ?? "";
+            }
+        },
+    });
+    const sortColumns = [
+        { value: "date", label: labels.columnDate },
+        { value: "customer", label: labels.columnCustomer },
+        { value: "amount", label: labels.columnAmount },
+        { value: "due", label: labels.columnDue },
+    ];
+    const companyOptions = companyOptionsQuery.data;
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "mt-2 text-2xl font-semibold tracking-tight text-foreground", children: labels.title }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: labels.subtitle })] }), _jsxs(Button, { className: "gap-2", onClick: adapter.openUpload, children: [_jsx(UploadCloud, { className: "size-4" }), " ", labels.uploadButton] })] }), _jsx(QueueKpiRow, { className: "mt-6", cards: queueCards, loading: invoicesQuery.loading }), _jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: labels.volumeLine(totals.count, adapter.formatMoney(totals.volume)) }), _jsxs("div", { className: "mt-6 flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "relative w-full max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: labels.searchPlaceholder, className: "pl-9" })] }), _jsxs("div", { className: "w-full space-y-1.5 sm:w-[220px]", children: [_jsx(Label, { className: "text-xs text-muted-foreground", children: labels.companyLabel }), _jsx(Combobox, { value: companyId, onValueChange: setCompanyId, options: [{ value: ALL, label: labels.companyAll }, ...companyOptions.map((c) => ({ value: c.id, label: `${c.code} · ${c.name}` }))] })] }), _jsxs("div", { className: "w-full space-y-1.5 sm:w-[180px]", children: [_jsx(Label, { className: "text-xs text-muted-foreground", children: labels.statusLabel }), _jsx(Combobox, { value: status, onValueChange: (v) => setStatus(v), options: [
+                                    { value: ALL, label: labels.statusAll },
+                                    { value: "draft", label: labels.statusDraft },
+                                    { value: "open", label: labels.statusOpen },
+                                    { value: "overdue", label: labels.statusOverdue },
+                                    { value: "paid", label: labels.statusPaid },
+                                    { value: "voided", label: labels.statusVoided },
+                                ] })] }), _jsx("div", { className: "w-full sm:ml-auto sm:w-auto", children: _jsx(SortControl, { columns: sortColumns, sort: view.sort, direction: view.direction, onSort: view.setSort, onDirection: view.setDirection, labels: labels }) })] }), invoicesQuery.error ? (_jsx("div", { className: "mt-4", children: _jsx(ErrorState, { error: invoicesQuery.error, onRetry: () => { } }) })) : invoicesQuery.loading ? (_jsx("div", { className: "mt-4", children: _jsx(TableSkeleton, { rows: 8, columns: 6 }) })) : (_jsx("div", { className: "mt-4 overflow-hidden overflow-x-auto rounded-xl border border-border bg-card", children: _jsxs(Table, { className: "min-w-[1000px]", children: [_jsx(TableHeader, { children: _jsxs(TableRow, { className: "bg-muted/40", children: [_jsx(TableHead, { children: labels.columnNumber }), _jsx(TableHead, { children: labels.columnCustomer }), _jsx(TableHead, { children: labels.columnCompany }), _jsx(TableHead, { children: labels.columnDate }), _jsx(TableHead, { children: labels.columnDue }), _jsx(TableHead, { className: "text-right", children: labels.columnAmount }), _jsx(TableHead, { children: labels.columnStatus }), _jsx(TableHead, { className: "w-[70px]" })] }) }), _jsxs(TableBody, { children: [view.pageRows.map((invoice) => (_jsx(InvoiceRow, { invoice: invoice, adapter: adapter, labels: labels, companies: companyOptions }, invoice.id))), view.total === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 8, className: "py-12 text-center text-muted-foreground", children: labels.empty }) }))] })] }) })), !invoicesQuery.error && !invoicesQuery.loading && view.total > 0 && (_jsx(TablePagination, { page: view.page, totalPages: view.totalPages, pageSize: view.pageSize, total: view.total, from: view.from, to: view.to, onPage: view.setPage, onPageSize: view.setPageSize }))] }));
+}
+function InvoiceRow({ invoice, adapter, labels, companies, }) {
+    const [deleteOpen, setDeleteOpen] = useState(false);
+    const company = companies.find((c) => c.id === invoice.company_id);
+    async function changeStatus(next) {
+        try {
+            await adapter.setStatus(invoice.id, next);
+            toast.success(labels.statusUpdated);
+        }
+        catch (error) {
+            toast.error(readableErrorMessage(error, ""));
+        }
+    }
+    async function confirmDelete() {
+        try {
+            await adapter.softDelete(invoice.id);
+            toast.success(labels.deletedToast);
+            setDeleteOpen(false);
+        }
+        catch (error) {
+            toast.error(readableErrorMessage(error, ""));
+        }
+    }
+    return (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium text-foreground", children: invoice.voucher_number ?? labels.draftPlaceholder }), _jsx(TableCell, { className: "text-sm text-foreground", children: invoice.customer_name ?? "—" }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: company?.code ?? "—" }), _jsx(TableCell, { className: "text-sm text-muted-foreground tabular-nums", children: adapter.formatDate(invoice.voucher_date) }), _jsx(TableCell, { className: "text-sm text-muted-foreground tabular-nums", children: adapter.formatDate(invoice.due_date) }), _jsx(TableCell, { className: "text-right font-medium tabular-nums", children: adapter.formatMoney(invoice.amount_gross) }), _jsx(TableCell, { children: _jsxs(Select, { value: invoice.voucher_status, onValueChange: (v) => changeStatus(v), children: [_jsx(SelectTrigger, { className: "h-8 w-[130px]", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "draft", children: labels.statusDraft }), _jsx(SelectItem, { value: "open", children: labels.statusOpen }), _jsx(SelectItem, { value: "paidoff", children: labels.statusPaid }), _jsx(SelectItem, { value: "voided", children: labels.statusVoided })] })] }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center justify-end gap-1", children: [adapter.openFile && (_jsx("button", { type: "button", title: labels.viewFile, className: "flex size-7 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground", onClick: () => adapter.openFile(invoice.id), children: _jsx(Eye, { className: "size-3.5" }) })), _jsxs(AlertDialog, { open: deleteOpen, onOpenChange: setDeleteOpen, children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx("button", { type: "button", title: labels.deleteButton, className: "flex size-7 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive", children: _jsx(Trash2, { className: "size-3.5" }) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: labels.deleteDialogTitle }), _jsx(AlertDialogDescription, { children: labels.deleteDialogDescription })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: labels.deleteCancel }), _jsx(AlertDialogAction, { onClick: confirmDelete, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: labels.deleteConfirm })] })] })] })] }) })] }));
+}

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

@@ -0,0 +1,4 @@
+export { OutgoingInvoicesPage } from "./OutgoingInvoicesPage";
+export type { OutgoingInvoicesPageProps } from "./OutgoingInvoicesPage";
+export { englishOutgoingInvoicesLabels } from "./labels";
+export type { OutgoingInvoicesLabels } from "./labels";

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

@@ -0,0 +1,2 @@
+export { OutgoingInvoicesPage } from "./OutgoingInvoicesPage.js";
+export { englishOutgoingInvoicesLabels } from "./labels.js";

package/dist/pages/outgoing-invoices/labels.d.ts

@@ -0,0 +1,43 @@
+export interface OutgoingInvoicesLabels {
+    title: string;
+    subtitle: string;
+    uploadButton: string;
+    volumeLine: (count: number, sum: string) => string;
+    searchPlaceholder: string;
+    companyLabel: string;
+    companyAll: string;
+    statusLabel: string;
+    statusAll: string;
+    statusDraft: string;
+    statusOpen: string;
+    statusOverdue: string;
+    statusPaid: string;
+    statusVoided: string;
+    queueOpenLabel: string;
+    queueOpenDescription: string;
+    queueOverdueLabel: string;
+    queueOverdueDescription: string;
+    queuePaidLabel: string;
+    queuePaidDescription: string;
+    columnNumber: string;
+    columnCustomer: string;
+    columnCompany: string;
+    columnDate: string;
+    columnDue: string;
+    columnAmount: string;
+    columnStatus: string;
+    draftPlaceholder: string;
+    empty: string;
+    viewFile: string;
+    deleteButton: string;
+    deleteDialogTitle: string;
+    deleteDialogDescription: string;
+    deleteCancel: string;
+    deleteConfirm: string;
+    deletedToast: string;
+    statusUpdated: string;
+    sortLabel: string;
+    sortAscending: string;
+    sortDescending: string;
+}
+export declare const englishOutgoingInvoicesLabels: OutgoingInvoicesLabels;

package/dist/pages/outgoing-invoices/labels.js

@@ -0,0 +1,42 @@
+export const englishOutgoingInvoicesLabels = {
+    title: "Outgoing invoices",
+    subtitle: "Invoices issued to your customers.",
+    uploadButton: "Upload invoice",
+    volumeLine: (count, sum) => `${count} invoices, ${sum} total.`,
+    searchPlaceholder: "Search customer or invoice number",
+    companyLabel: "Company",
+    companyAll: "All companies",
+    statusLabel: "Status",
+    statusAll: "All statuses",
+    statusDraft: "Draft",
+    statusOpen: "Open",
+    statusOverdue: "Overdue",
+    statusPaid: "Paid",
+    statusVoided: "Voided",
+    queueOpenLabel: "Open",
+    queueOpenDescription: "Sent, not yet due.",
+    queueOverdueLabel: "Overdue",
+    queueOverdueDescription: "Past their due date.",
+    queuePaidLabel: "Paid",
+    queuePaidDescription: "Settled.",
+    columnNumber: "Number",
+    columnCustomer: "Customer",
+    columnCompany: "Company",
+    columnDate: "Date",
+    columnDue: "Due",
+    columnAmount: "Amount",
+    columnStatus: "Status",
+    draftPlaceholder: "Draft",
+    empty: "No outgoing invoices found.",
+    viewFile: "View file",
+    deleteButton: "Delete",
+    deleteDialogTitle: "Delete this invoice?",
+    deleteDialogDescription: "This cannot be undone.",
+    deleteCancel: "Cancel",
+    deleteConfirm: "Delete",
+    deletedToast: "Invoice deleted.",
+    statusUpdated: "Status updated.",
+    sortLabel: "Sort by",
+    sortAscending: "Ascending",
+    sortDescending: "Descending",
+};

package/dist/pages/outgoing-invoices/sort-control.d.ts

@@ -0,0 +1,17 @@
+import type { SortDirection } from "./use-table-view";
+export interface SortColumn {
+    value: string;
+    label: string;
+}
+export declare function SortControl({ columns, sort, direction, onSort, onDirection, labels, }: {
+    columns: SortColumn[];
+    sort: string;
+    direction: SortDirection;
+    onSort: (key: string) => void;
+    onDirection: (direction: SortDirection) => void;
+    labels: {
+        sortLabel: string;
+        sortAscending: string;
+        sortDescending: string;
+    };
+}): import("react").JSX.Element;

package/dist/pages/outgoing-invoices/sort-control.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Combobox } from "../../ui/combobox.js";
+export function SortControl({ columns, sort, direction, onSort, onDirection, labels, }) {
+    return (_jsxs("div", { className: "flex w-full flex-wrap items-center gap-2 sm:w-auto", children: [_jsx("span", { className: "hidden shrink-0 text-sm text-muted-foreground sm:inline", children: labels.sortLabel }), _jsx(Combobox, { value: sort, onValueChange: onSort, className: "w-full sm:w-48", options: columns }), _jsx(Combobox, { value: direction, onValueChange: (value) => onDirection(value), className: "w-full sm:w-40", options: [
+                    { value: "asc", label: labels.sortAscending },
+                    { value: "desc", label: labels.sortDescending },
+                ] })] }));
+}

package/dist/pages/outgoing-invoices/use-table-view.d.ts

@@ -0,0 +1,23 @@
+export type SortDirection = "asc" | "desc";
+export interface TableView<Row> {
+    pageRows: Row[];
+    sort: string;
+    direction: SortDirection;
+    setSort: (key: string) => void;
+    setDirection: (direction: SortDirection) => void;
+    page: number;
+    setPage: (page: number) => void;
+    pageSize: number;
+    setPageSize: (size: number) => void;
+    total: number;
+    totalPages: number;
+    from: number;
+    to: number;
+}
+export declare function useTableView<Row>(rows: Row[], options: {
+    sortValue: (row: Row, key: string) => string | number;
+    initialSort: string;
+    initialDirection?: SortDirection;
+    initialPageSize?: number;
+    resetKey?: string;
+}): TableView<Row>;

package/dist/pages/outgoing-invoices/use-table-view.js

@@ -0,0 +1,54 @@
+import { useMemo, useState } from "react";
+export function useTableView(rows, options) {
+    const { sortValue, initialSort, initialDirection = "asc", initialPageSize = 25, resetKey, } = options;
+    const [sort, setSortState] = useState(initialSort);
+    const [direction, setDirectionState] = useState(initialDirection);
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(initialPageSize);
+    const [seenResetKey, setSeenResetKey] = useState(resetKey);
+    if (resetKey !== seenResetKey) {
+        setSeenResetKey(resetKey);
+        setPage(1);
+    }
+    const sortedRows = useMemo(() => {
+        const copy = [...rows];
+        copy.sort((first, second) => {
+            const firstValue = sortValue(first, sort);
+            const secondValue = sortValue(second, sort);
+            const comparison = typeof firstValue === "number" && typeof secondValue === "number"
+                ? firstValue - secondValue
+                : String(firstValue).localeCompare(String(secondValue));
+            return direction === "asc" ? comparison : -comparison;
+        });
+        return copy;
+    }, [rows, sort, direction, sortValue]);
+    const total = sortedRows.length;
+    const totalPages = Math.max(1, Math.ceil(total / pageSize));
+    const safePage = Math.min(page, totalPages);
+    const from = total === 0 ? 0 : (safePage - 1) * pageSize + 1;
+    const to = Math.min(safePage * pageSize, total);
+    const pageRows = sortedRows.slice((safePage - 1) * pageSize, safePage * pageSize);
+    function setSort(key) {
+        setSortState(key);
+        setPage(1);
+    }
+    function setDirection(next) {
+        setDirectionState(next);
+        setPage(1);
+    }
+    return {
+        pageRows,
+        sort,
+        direction,
+        setSort,
+        setDirection,
+        page: safePage,
+        setPage,
+        pageSize,
+        setPageSize,
+        total,
+        totalPages,
+        from,
+        to,
+    };
+}

package/dist/pages/overview/labels.d.ts

@@ -0,0 +1,35 @@
+export interface OverviewLabels {
+    moneyCards: Record<string, {
+        label: string;
+        countLabel?: (count: number) => string;
+    }>;
+    deltaLabel: (period: string, percent: string) => string;
+    trendChart: {
+        title: string;
+        incoming: string;
+        outgoing: string;
+    };
+    stagesTitle: string;
+    topSuppliersTitle: (count: number) => string;
+    spendByCompanyTitle: (count: number) => string;
+    rankTotal: (sum: string) => string;
+    processing: {
+        title: string;
+        seeAll: string;
+        processed: string;
+        recognized: string;
+        needsReview: string;
+        errors: string;
+        channelsPrefix: string;
+    };
+    openItems: {
+        title: string;
+        seeAll: string;
+        empty: string;
+    };
+    bank: {
+        title: string;
+        seeAll: string;
+    };
+}
+export declare const englishOverviewLabels: OverviewLabels;

package/dist/pages/overview/labels.js

@@ -0,0 +1,34 @@
+export const englishOverviewLabels = {
+    moneyCards: {
+        incoming: {
+            label: "Incoming invoices",
+            countLabel: (count) => `${count} ${count === 1 ? "invoice" : "invoices"}`,
+        },
+        outgoing: {
+            label: "Outgoing invoices",
+            countLabel: (count) => `${count} ${count === 1 ? "invoice" : "invoices"}`,
+        },
+        grossProfit: { label: "Gross profit" },
+    },
+    deltaLabel: (_period, percent) => `${percent}% vs the period before`,
+    trendChart: { title: "Invoices over time", incoming: "Incoming", outgoing: "Outgoing" },
+    stagesTitle: "Where documents stand",
+    topSuppliersTitle: (count) => `Top ${count} suppliers`,
+    spendByCompanyTitle: (count) => `Spend by ${count} companies`,
+    rankTotal: (sum) => `Total ${sum}`,
+    processing: {
+        title: "Document processing",
+        seeAll: "See all",
+        processed: "Processed",
+        recognized: "Recognized",
+        needsReview: "Needs review",
+        errors: "Errors",
+        channelsPrefix: "By channel:",
+    },
+    openItems: {
+        title: "Open items",
+        seeAll: "See all open items",
+        empty: "Nothing is open right now.",
+    },
+    bank: { title: "Bank", seeAll: "See all transactions" },
+};

package/dist/pages/overview/overview-page.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+import { previousPeriodRange, type MoneyCardSpec, type PeriodLabels } from "../../components/dashboard";
+import type { OverviewAdapter } from "../../adapters/overview";
+import { type OverviewLabels } from "./labels";
+export type OverviewWidget = "moneyCards" | "trendChart" | "stages" | "topSuppliers" | "spendByCompany" | "processing" | "openItems" | "bank";
+export interface OverviewLinks {
+    processingLog: string;
+    openItems: string;
+    bank: string;
+}
+export interface OverviewPageProps {
+    adapter: OverviewAdapter;
+    links: OverviewLinks;
+    placeholderAdapter?: OverviewAdapter;
+    moneyCards: MoneyCardSpec[];
+    widgets?: OverviewWidget[];
+    alertStrip?: ReactNode;
+    labels?: OverviewLabels;
+    periodLabels?: PeriodLabels;
+}
+export declare function OverviewPage({ adapter, links, placeholderAdapter, moneyCards, widgets, alertStrip, labels, periodLabels, }: OverviewPageProps): import("react").JSX.Element;
+export { previousPeriodRange };