@hub-kit/core 0.3.0

package/dist/lib/opos-whitelist/opos.js

@@ -0,0 +1,49 @@
+export const OPOS_CATEGORIES = [
+    "salary",
+    "tax_prepayment",
+    "private_withdrawal",
+    "rebooking",
+    "loan_installment",
+    "fee_interest",
+    "atm_withdrawal",
+    "other",
+];
+export const OPOS_SCOPES = ["reference", "counterparty", "iban", "booking_text", "any"];
+export const OPOS_TERM_MIN_LENGTH = 3;
+export function oposNorm(term) {
+    return term.toLowerCase().replace(/\s+/g, " ").trim();
+}
+const UMLAUT_PAIRS = [
+    [/ä/g, "ae"],
+    [/ö/g, "oe"],
+    [/ü/g, "ue"],
+    [/Ä/g, "Ae"],
+    [/Ö/g, "Oe"],
+    [/Ü/g, "Ue"],
+    [/ß/g, "ss"],
+];
+export function asciiSpelling(term) {
+    const ascii = UMLAUT_PAIRS.reduce((text, [pattern, replacement]) => text.replace(pattern, replacement), term);
+    return ascii === term ? null : ascii;
+}
+export function shadowingRule(rule, all) {
+    const mine = oposNorm(rule.term);
+    if (!mine || !rule.is_active)
+        return null;
+    const olderThan = (a, b) => (a.created_at !== b.created_at ? a.created_at < b.created_at : a.term < b.term);
+    let winner = null;
+    for (const other of all) {
+        if (other.id === rule.id || !other.is_active)
+            continue;
+        if (other.scope !== rule.scope && other.scope !== "any")
+            continue;
+        const theirs = oposNorm(other.term);
+        if (!theirs || !mine.includes(theirs))
+            continue;
+        if (!olderThan(other, rule))
+            continue;
+        if (!winner || olderThan(other, winner))
+            winner = other;
+    }
+    return winner;
+}

package/dist/lib/query-result.d.ts

@@ -0,0 +1,12 @@
+export interface QueryResult<Data> {
+    data: Data | undefined;
+    isLoading: boolean;
+    isError: boolean;
+    error: unknown;
+    isRefreshing: boolean;
+    refetch: () => void;
+}
+export interface MutationResult<Input> {
+    run: (input: Input) => void;
+    isPending: boolean;
+}

package/dist/lib/query-result.js

@@ -0,0 +1 @@
+export {};

package/dist/lib/tour-placeholders/index.d.ts

@@ -0,0 +1,2 @@
+export { createPlaceholderOverviewAdapter, englishPlaceholderOverviewLabels, } from "./overview";
+export type { PlaceholderOverviewLabels } from "./overview";

package/dist/lib/tour-placeholders/index.js

@@ -0,0 +1 @@
+export { createPlaceholderOverviewAdapter, englishPlaceholderOverviewLabels, } from "./overview.js";

package/dist/lib/tour-placeholders/overview.d.ts

@@ -0,0 +1,12 @@
+import type { OverviewAdapter } from "../../adapters/overview";
+export interface PlaceholderOverviewLabels {
+    stages: string[];
+    suppliers: string[];
+    companies: string[];
+    channels: string[];
+    trendPoints: string[];
+    openItems: string[];
+    bank: string[];
+}
+export declare const englishPlaceholderOverviewLabels: PlaceholderOverviewLabels;
+export declare function createPlaceholderOverviewAdapter(labels?: PlaceholderOverviewLabels, formatMoney?: (value: number) => string): OverviewAdapter;

package/dist/lib/tour-placeholders/overview.js

@@ -0,0 +1,139 @@
+import { FileText, Landmark } from "lucide-react";
+export const englishPlaceholderOverviewLabels = {
+    stages: ["Inbox", "Needs review", "Approved"],
+    suppliers: ["Sample supplier one", "Sample supplier two", "Sample supplier three"],
+    companies: ["Sample company north", "Sample company south"],
+    channels: ["Email", "Upload"],
+    trendPoints: ["Week 1", "Week 2", "Week 3", "Week 4"],
+    openItems: ["Due this week", "Overdue"],
+    bank: ["Unmatched transactions"],
+};
+const SAMPLE_MONEY_FIGURE = {
+    value: 48250,
+    count: 24,
+    previousValue: 41000,
+    loading: false,
+};
+const STAGE_COUNTS = [12, 5, 31];
+const SUPPLIER_VALUES = [18400, 12900, 6300];
+const COMPANY_VALUES = [22100, 15500];
+const CHANNEL_COUNTS = [84, 44];
+const TREND_VALUES = [
+    { incoming: 9200, outgoing: 7400 },
+    { incoming: 11800, outgoing: 8100 },
+    { incoming: 10400, outgoing: 9600 },
+    { incoming: 13900, outgoing: 8800 },
+];
+const OPEN_ITEM_VALUES = ["4", "2"];
+const BANK_VALUES = ["9"];
+function rankedRows(names, values, formatMoney) {
+    const highest = Math.max(...values);
+    return names.map((name, index) => ({
+        key: String(index),
+        label: name,
+        valueText: formatMoney(values[index] ?? 0),
+        sharePct: highest === 0 ? 0 : Math.round(((values[index] ?? 0) / highest) * 100),
+    }));
+}
+function sumOf(values) {
+    return values.reduce((total, value) => total + value, 0);
+}
+export function createPlaceholderOverviewAdapter(labels = englishPlaceholderOverviewLabels, formatMoney = (value) => String(value)) {
+    return {
+        useMoneyFigures(ranges) {
+            const data = {};
+            for (const key of Object.keys(ranges)) {
+                data[key] = SAMPLE_MONEY_FIGURE;
+            }
+            return { data, loading: false };
+        },
+        useInvoiceStages() {
+            return {
+                data: labels.stages.map((label, index) => ({
+                    key: String(index),
+                    label,
+                    count: STAGE_COUNTS[index] ?? 0,
+                    link: { to: "/" },
+                })),
+                loading: false,
+                error: false,
+            };
+        },
+        useTopSuppliers() {
+            return {
+                data: {
+                    rows: rankedRows(labels.suppliers, SUPPLIER_VALUES, formatMoney),
+                    totalText: formatMoney(sumOf(SUPPLIER_VALUES)),
+                },
+                loading: false,
+            };
+        },
+        useSpendByCompany() {
+            return {
+                data: {
+                    rows: rankedRows(labels.companies, COMPANY_VALUES, formatMoney),
+                    totalText: formatMoney(sumOf(COMPANY_VALUES)),
+                },
+                loading: false,
+            };
+        },
+        useMoneyTrend() {
+            return {
+                data: labels.trendPoints.map((label, index) => ({
+                    label,
+                    incoming: TREND_VALUES[index]?.incoming ?? 0,
+                    outgoing: TREND_VALUES[index]?.outgoing ?? 0,
+                })),
+                loading: false,
+            };
+        },
+        useProcessingSummary() {
+            return {
+                data: {
+                    processed: 128,
+                    recognized: 119,
+                    needsReview: 7,
+                    errors: 2,
+                    channels: labels.channels.map((label, index) => ({
+                        label,
+                        count: CHANNEL_COUNTS[index] ?? 0,
+                    })),
+                    lastRunLabel: null,
+                },
+                loading: false,
+                error: false,
+            };
+        },
+        useOpenItemsSummary() {
+            return {
+                data: labels.openItems.map((label, index) => ({
+                    key: String(index),
+                    to: "/",
+                    icon: FileText,
+                    iconClassName: index === 0 ? "bg-warning" : "bg-danger",
+                    label,
+                    value: OPEN_ITEM_VALUES[index] ?? "0",
+                })),
+                loading: false,
+                error: false,
+            };
+        },
+        useBankSummary() {
+            return {
+                data: labels.bank.map((label, index) => ({
+                    key: String(index),
+                    to: "/",
+                    icon: Landmark,
+                    iconClassName: "bg-muted-foreground",
+                    label,
+                    value: BANK_VALUES[index] ?? "0",
+                })),
+                loading: false,
+                error: false,
+            };
+        },
+        formatMoney,
+        formatMoneyCompact: formatMoney,
+        formatDay: (iso) => iso,
+    };
+}

package/dist/pages/bank-accounts/BankAccountsPage.d.ts

@@ -0,0 +1,7 @@
+import type { BankReconciliationAdapter } from "../../adapters/bank-reconciliation";
+import { type BankAccountsLabels } from "./labels";
+export interface BankAccountsPageProps {
+    adapter: Pick<BankReconciliationAdapter, "useAccounts" | "useCompanyOptions" | "formatMoney" | "formatDate">;
+    labels?: BankAccountsLabels;
+}
+export declare function BankAccountsPage({ adapter, labels }: BankAccountsPageProps): import("react").JSX.Element;

package/dist/pages/bank-accounts/BankAccountsPage.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Combobox } from "../../ui/combobox.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../ui/table.js";
+import { ErrorState, TableSkeleton } from "../../components/feedback/query-states.js";
+import { cn } from "../../lib/class-names.js";
+import { englishBankAccountsLabels } from "./labels.js";
+function formatIban(iban) {
+    if (!iban)
+        return "—";
+    return iban.replace(/(.{4})/g, "$1 ").trim();
+}
+export function BankAccountsPage({ adapter, labels = englishBankAccountsLabels }) {
+    const accountsQuery = adapter.useAccounts();
+    const companyOptionsQuery = adapter.useCompanyOptions?.();
+    const [company, setCompany] = useState("");
+    const rows = useMemo(() => {
+        return accountsQuery.data.filter((account) => !company || account.company_code === company);
+    }, [accountsQuery.data, company]);
+    return (_jsxs("div", { 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 })] }), companyOptionsQuery && (companyOptionsQuery.data?.length ?? 0) > 0 && (_jsx("div", { className: "mt-6", children: _jsx(Combobox, { value: company, onValueChange: setCompany, className: "w-full sm:w-56", options: [{ value: "", label: labels.companyAll }, ...companyOptionsQuery.data.map((c) => ({ value: c.code, label: `${c.code} — ${c.name}` }))] }) })), accountsQuery.error ? (_jsx("div", { className: "mt-4", children: _jsx(ErrorState, { error: accountsQuery.error, onRetry: () => { } }) })) : accountsQuery.loading ? (_jsx("div", { className: "mt-4", children: _jsx(TableSkeleton, { rows: 6, columns: 6 }) })) : (_jsx("div", { className: "mt-4 overflow-hidden overflow-x-auto rounded-xl border border-border bg-card", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { className: "bg-muted/40", children: [_jsx(TableHead, { children: labels.columnAccount }), _jsx(TableHead, { children: labels.columnCompany }), _jsx(TableHead, { children: labels.columnIban }), _jsx(TableHead, { children: labels.columnBank }), _jsx(TableHead, { className: "text-right", children: labels.columnBalance }), _jsx(TableHead, { children: labels.columnStatus })] }) }), _jsxs(TableBody, { children: [rows.map((account) => (_jsxs(TableRow, { className: cn(account.excluded_at && "opacity-60"), children: [_jsx(TableCell, { className: "font-medium text-foreground", children: account.account_name ?? "—" }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: account.company_code ?? "—" }), _jsx(TableCell, { className: "font-mono text-sm text-muted-foreground", children: formatIban(account.iban) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: account.bank_name ?? "—" }), _jsx(TableCell, { className: "text-right font-medium tabular-nums", children: adapter.formatMoney(account.balance) }), _jsx(TableCell, { children: _jsx("span", { className: cn("inline-flex items-center rounded-md px-1.5 py-0.5 text-xs font-medium", account.excluded_at ? "bg-muted text-muted-foreground" : "bg-emerald-100 text-emerald-800"), children: account.excluded_at ? labels.statusExcluded : labels.statusActive }) })] }, account.id))), rows.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "py-12 text-center text-muted-foreground", children: labels.empty }) }))] })] }) }))] }));
+}

package/dist/pages/bank-accounts/index.d.ts

@@ -0,0 +1,4 @@
+export { BankAccountsPage } from "./BankAccountsPage";
+export type { BankAccountsPageProps } from "./BankAccountsPage";
+export { englishBankAccountsLabels } from "./labels";
+export type { BankAccountsLabels } from "./labels";

package/dist/pages/bank-accounts/index.js

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

package/dist/pages/bank-accounts/labels.d.ts

@@ -0,0 +1,15 @@
+export interface BankAccountsLabels {
+    title: string;
+    subtitle: string;
+    companyAll: string;
+    columnAccount: string;
+    columnCompany: string;
+    columnIban: string;
+    columnBank: string;
+    columnBalance: string;
+    columnStatus: string;
+    statusActive: string;
+    statusExcluded: string;
+    empty: string;
+}
+export declare const englishBankAccountsLabels: BankAccountsLabels;

package/dist/pages/bank-accounts/labels.js

@@ -0,0 +1,14 @@
+export const englishBankAccountsLabels = {
+    title: "Bank accounts",
+    subtitle: "Connected and manually entered bank accounts.",
+    companyAll: "All companies",
+    columnAccount: "Account",
+    columnCompany: "Company",
+    columnIban: "IBAN",
+    columnBank: "Bank",
+    columnBalance: "Balance",
+    columnStatus: "Status",
+    statusActive: "Active",
+    statusExcluded: "Excluded",
+    empty: "No bank accounts found.",
+};

package/dist/pages/bank-import/BankImportWizard.d.ts

@@ -0,0 +1,9 @@
+import { type Formatters } from "../../lib/formatters";
+import type { BankReconciliationAdapter } from "../../adapters/bank-reconciliation";
+import { type BankImportLabels } from "./labels";
+export interface BankImportWizardProps {
+    adapter: Pick<BankReconciliationAdapter, "import" | "formatMoney" | "formatDate">;
+    labels?: BankImportLabels;
+    formatters?: Formatters;
+}
+export declare function BankImportWizard({ adapter, labels, formatters }: BankImportWizardProps): import("react").JSX.Element | null;

package/dist/pages/bank-import/BankImportWizard.js

@@ -0,0 +1,158 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { AlertTriangle, Trash2, Upload } from "lucide-react";
+import { toast } from "sonner";
+import { Button } from "../../ui/button.js";
+import { Checkbox } from "../../ui/checkbox.js";
+import { Combobox } from "../../ui/combobox.js";
+import { Label } from "../../ui/label.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "../../ui/dialog.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../ui/table.js";
+import { readableErrorMessage } from "../../components/feedback/query-states.js";
+import { cn } from "../../lib/class-names.js";
+import { englishFormatters } from "../../lib/formatters.js";
+import { detectFormat, findSuspectedDuplicates, guessColumnMapping, loadStoredMapping, normalizeTable, parseBankFile, saveMapping, } from "../../lib/bank-import/index.js";
+import { englishBankImportLabels } from "./labels.js";
+const STEPS = ["account", "upload", "mapping", "preview", "result"];
+const OPTIONAL_FIELDS = [
+    "value_date",
+    "currency",
+    "counterparty_holder",
+    "counterparty_iban",
+    "payment_reference",
+    "booking_text",
+];
+export function BankImportWizard({ adapter, labels = englishBankImportLabels, formatters = englishFormatters }) {
+    if (!adapter.import)
+        return null;
+    const importCapability = adapter.import;
+    const accountOptionsQuery = importCapability.useAccountOptions();
+    const [open, setOpen] = useState(false);
+    const [step, setStep] = useState("account");
+    const [accountId, setAccountId] = useState("");
+    const [table, setTable] = useState(null);
+    const [filename, setFilename] = useState("");
+    const [normalized, setNormalized] = useState(null);
+    const [rows, setRows] = useState([]);
+    const [importing, setImporting] = useState(false);
+    const [result, setResult] = useState(null);
+    function reset() {
+        setStep("account");
+        setAccountId("");
+        setTable(null);
+        setFilename("");
+        setNormalized(null);
+        setRows([]);
+        setResult(null);
+    }
+    async function runImport() {
+        setImporting(true);
+        try {
+            const outcome = await importCapability.importRows(accountId, filename, rows);
+            setResult(outcome);
+            setStep("result");
+        }
+        catch (error) {
+            toast.error(labels.importFailed(readableErrorMessage(error, "")));
+        }
+        finally {
+            setImporting(false);
+        }
+    }
+    return (_jsxs(Dialog, { open: open, onOpenChange: (next) => {
+            setOpen(next);
+            if (!next)
+                reset();
+        }, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", className: "gap-2", children: [_jsx(Upload, { className: "size-4" }), labels.button] }) }), _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: labels.dialogTitle }), _jsx(DialogDescription, { children: labels.dialogDescription })] }), _jsx("ol", { className: "flex flex-wrap gap-x-4 gap-y-1 text-xs text-muted-foreground", children: STEPS.map((s, i) => (_jsxs("li", { className: cn("flex items-center gap-1", s === step && "font-medium text-foreground"), children: [_jsxs("span", { children: [i + 1, "."] }), { account: labels.stepAccount, upload: labels.stepUpload, mapping: labels.stepMapping, preview: labels.stepPreview, result: labels.stepResult }[s]] }, s))) }), step === "account" && (_jsxs("div", { className: "space-y-3", children: [_jsx(Combobox, { value: accountId, onValueChange: setAccountId, options: accountOptionsQuery.data.map((a) => ({ value: a.id, label: a.label })), placeholder: labels.accountPlaceholder }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { disabled: !accountId, onClick: () => setStep("upload"), children: labels.continueButton }) })] })), step === "upload" && (_jsx(UploadStep, { labels: labels, onParsed: (t, name) => {
+                            setTable(t);
+                            setFilename(name);
+                            setStep("mapping");
+                        }, onBack: () => setStep("account") })), step === "mapping" && table && (_jsx(MappingStep, { table: table, labels: labels, onBack: () => setStep("upload"), onConfirm: (mapping) => {
+                            const result = normalizeTable(table, mapping);
+                            setNormalized(result);
+                            setRows(result.rows);
+                            setStep("preview");
+                        } })), step === "preview" && normalized && (_jsx(PreviewStep, { normalized: normalized, rows: rows, onRowsChange: setRows, labels: labels, formatters: formatters, importing: importing, onBack: () => setStep("mapping"), onImport: runImport })), step === "result" && result && (_jsxs("div", { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-foreground", children: labels.resultSummary(result.imported, result.skipped, result.duplicates) }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { onClick: () => setOpen(false), children: labels.close }) })] }))] })] }));
+}
+function UploadStep({ labels, onParsed, onBack, }) {
+    const inputRef = useRef(null);
+    const [dragOver, setDragOver] = useState(false);
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    async function handleFile(file) {
+        setError(null);
+        if (detectFormat(file) === "pdf") {
+            setError(labels.pdfNotSupported);
+            return;
+        }
+        setBusy(true);
+        try {
+            const { table } = await parseBankFile(file);
+            onParsed(table, file.name);
+        }
+        catch (e) {
+            setError(readableErrorMessage(e, ""));
+        }
+        finally {
+            setBusy(false);
+        }
+    }
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: cn("flex flex-col items-center justify-center gap-2 rounded-xl border-2 border-dashed border-border p-10 text-center", dragOver && "border-brand bg-brand-wash"), onDragOver: (event) => {
+                    event.preventDefault();
+                    setDragOver(true);
+                }, onDragLeave: () => setDragOver(false), onDrop: (event) => {
+                    event.preventDefault();
+                    setDragOver(false);
+                    const file = event.dataTransfer.files[0];
+                    if (file)
+                        handleFile(file);
+                }, children: [_jsx(Upload, { className: "size-6 text-muted-foreground" }), _jsx(Button, { type: "button", variant: "outline", disabled: busy, onClick: () => inputRef.current?.click(), children: busy ? labels.uploadBusy : labels.uploadPrompt }), _jsx("p", { className: "text-xs text-muted-foreground", children: labels.uploadHint }), _jsx("input", { ref: inputRef, type: "file", accept: ".csv,.txt,.xlsx,.xls", className: "hidden", onChange: (event) => {
+                            const file = event.target.files?.[0];
+                            if (file)
+                                handleFile(file);
+                        } })] }), error && (_jsxs("p", { className: "flex items-center gap-1.5 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "size-4 shrink-0" }), error] })), _jsx("div", { className: "flex justify-start", children: _jsx(Button, { variant: "ghost", onClick: onBack, children: labels.backButton }) })] }));
+}
+function MappingStep({ table, labels, onConfirm, onBack, }) {
+    const [mapping, setMapping] = useState({});
+    const [splitAmount, setSplitAmount] = useState(false);
+    useEffect(() => {
+        const stored = loadStoredMapping(table.headers);
+        const initial = stored ?? guessColumnMapping(table.headers);
+        setMapping(initial);
+        setSplitAmount(!!(initial.amountDebit || initial.amountCredit));
+    }, [table.headers]);
+    const columnOptions = [{ value: "", label: labels.notMapped }, ...table.headers.map((h) => ({ value: h, label: h }))];
+    const fieldLabel = {
+        booking_date: labels.fieldBookingDate,
+        value_date: labels.fieldValueDate,
+        amount: labels.fieldAmount,
+        currency: labels.fieldCurrency,
+        counterparty_holder: labels.fieldCounterpartyHolder,
+        counterparty_iban: labels.fieldCounterpartyIban,
+        payment_reference: labels.fieldPaymentReference,
+        booking_text: labels.fieldBookingText,
+    };
+    function setField(field, value) {
+        setMapping((prev) => ({ ...prev, [field]: value || undefined }));
+    }
+    const hasAmount = splitAmount ? mapping.amountDebit || mapping.amountCredit : !!mapping.amount;
+    const canContinue = !!mapping.booking_date && hasAmount;
+    function confirm() {
+        const finalMapping = splitAmount ? { ...mapping, amount: undefined } : { ...mapping, amountDebit: undefined, amountCredit: undefined };
+        saveMapping(table.headers, finalMapping);
+        onConfirm(finalMapping);
+    }
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: labels.mappingHint }), _jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-3", children: [_jsx(MappingField, { label: `${labels.fieldBookingDate} *`, value: mapping.booking_date ?? "", onChange: (v) => setField("booking_date", v), options: columnOptions }), !splitAmount && (_jsx(MappingField, { label: `${labels.fieldAmount} *`, value: mapping.amount ?? "", onChange: (v) => setField("amount", v), options: columnOptions })), OPTIONAL_FIELDS.map((field) => (_jsx(MappingField, { label: fieldLabel[field], value: mapping[field] ?? "", onChange: (v) => setField(field, v), options: columnOptions }, field)))] }), _jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { checked: splitAmount, onCheckedChange: (v) => setSplitAmount(v === true) }), _jsx("span", { className: "text-muted-foreground", children: labels.useSplitAmount })] }), splitAmount && (_jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-3", children: [_jsx(MappingField, { label: `${labels.fieldAmountDebit} *`, value: mapping.amountDebit ?? "", onChange: (v) => setField("amountDebit", v), options: columnOptions }), _jsx(MappingField, { label: `${labels.fieldAmountCredit} *`, value: mapping.amountCredit ?? "", onChange: (v) => setField("amountCredit", v), options: columnOptions })] })), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Button, { variant: "ghost", onClick: onBack, children: labels.backButton }), _jsx(Button, { disabled: !canContinue, onClick: confirm, children: labels.continueButton })] })] }));
+}
+function MappingField({ label, value, onChange, options }) {
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: label }), _jsx(Combobox, { value: value, onValueChange: onChange, options: options, className: "w-full" })] }));
+}
+function PreviewStep({ normalized, rows, onRowsChange, labels, formatters, importing, onBack, onImport, }) {
+    const duplicates = findSuspectedDuplicates(rows);
+    const sum = rows.reduce((acc, r) => acc + r.amount, 0);
+    const dates = rows.map((r) => r.booking_date).sort();
+    function removeRow(index) {
+        onRowsChange(rows.filter((_, i) => i !== index));
+    }
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "rounded-md border border-border bg-muted/40 p-3 text-sm text-foreground", children: labels.previewSummary(rows.length, formatters.formatDate(dates[0]), formatters.formatDate(dates[dates.length - 1]), formatters.formatMoney(sum)) }), normalized.issues.length > 0 && _jsx("p", { className: "text-sm text-muted-foreground", children: labels.issuesWarning(normalized.issues.length) }), duplicates.size > 0 && (_jsxs("div", { className: "flex items-start gap-2 rounded-md border border-amber-300/60 bg-amber-50 p-3 text-sm text-amber-900", children: [_jsx(AlertTriangle, { className: "mt-0.5 size-4 shrink-0" }), labels.duplicateWarning(duplicates.size)] })), _jsx("div", { className: "overflow-hidden rounded-md border border-border", children: _jsxs(Table, { containerClassName: "max-h-[360px]", children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: labels.columnDate }), _jsx(TableHead, { className: "text-right", children: labels.columnAmount }), _jsx(TableHead, { children: labels.columnCounterparty }), _jsx(TableHead, { children: labels.columnReference }), _jsx(TableHead, { className: "w-9" })] }) }), _jsx(TableBody, { children: rows.slice(0, 100).map((row, i) => (_jsxs(TableRow, { className: cn(duplicates.has(i) && "bg-amber-50"), children: [_jsx(TableCell, { children: formatters.formatDate(row.booking_date) }), _jsx(TableCell, { className: "text-right tabular-nums", children: formatters.formatMoney(row.amount) }), _jsx(TableCell, { children: row.counterparty_holder ?? "—" }), _jsx(TableCell, { className: "max-w-[280px] truncate", children: row.payment_reference ?? "—" }), _jsx(TableCell, { children: _jsx(Button, { variant: "ghost", size: "icon", type: "button", className: "size-7 text-muted-foreground hover:text-destructive", title: labels.removeRow, onClick: () => removeRow(i), children: _jsx(Trash2, { className: "size-4" }) }) })] }, i))) })] }) }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Button, { variant: "ghost", onClick: onBack, type: "button", children: labels.backButton }), _jsx(Button, { disabled: rows.length === 0 || importing, onClick: onImport, children: importing ? labels.importing : labels.importButton })] })] }));
+}

package/dist/pages/bank-import/index.d.ts

@@ -0,0 +1,4 @@
+export { BankImportWizard } from "./BankImportWizard";
+export type { BankImportWizardProps } from "./BankImportWizard";
+export { englishBankImportLabels } from "./labels";
+export type { BankImportLabels } from "./labels";

package/dist/pages/bank-import/index.js

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

package/dist/pages/bank-import/labels.d.ts

@@ -0,0 +1,44 @@
+export interface BankImportLabels {
+    button: string;
+    dialogTitle: string;
+    dialogDescription: string;
+    stepAccount: string;
+    stepUpload: string;
+    stepMapping: string;
+    stepPreview: string;
+    stepResult: string;
+    accountPlaceholder: string;
+    uploadPrompt: string;
+    uploadHint: string;
+    uploadBusy: string;
+    pdfNotSupported: string;
+    mappingHint: string;
+    fieldBookingDate: string;
+    fieldAmount: string;
+    fieldValueDate: string;
+    fieldCurrency: string;
+    fieldCounterpartyHolder: string;
+    fieldCounterpartyIban: string;
+    fieldPaymentReference: string;
+    fieldBookingText: string;
+    fieldAmountDebit: string;
+    fieldAmountCredit: string;
+    useSplitAmount: string;
+    notMapped: string;
+    continueButton: string;
+    backButton: string;
+    previewSummary: (count: number, from: string, to: string, sum: string) => string;
+    issuesWarning: (count: number) => string;
+    duplicateWarning: (count: number) => string;
+    columnDate: string;
+    columnAmount: string;
+    columnCounterparty: string;
+    columnReference: string;
+    removeRow: string;
+    importButton: string;
+    importing: string;
+    resultSummary: (imported: number, skipped: number, duplicates: number) => string;
+    close: string;
+    importFailed: (error: string) => string;
+}
+export declare const englishBankImportLabels: BankImportLabels;

package/dist/pages/bank-import/labels.js

@@ -0,0 +1,43 @@
+export const englishBankImportLabels = {
+    button: "Import file",
+    dialogTitle: "Import bank transactions",
+    dialogDescription: "Upload a CSV or Excel export from your bank.",
+    stepAccount: "Account",
+    stepUpload: "Upload",
+    stepMapping: "Columns",
+    stepPreview: "Preview",
+    stepResult: "Done",
+    accountPlaceholder: "Choose an account",
+    uploadPrompt: "Choose a CSV or Excel file",
+    uploadHint: "or drag and drop it here",
+    uploadBusy: "Reading file…",
+    pdfNotSupported: "PDF statements are not supported here.",
+    mappingHint: "Match each column in your file to the field it holds.",
+    fieldBookingDate: "Booking date",
+    fieldAmount: "Amount",
+    fieldValueDate: "Value date",
+    fieldCurrency: "Currency",
+    fieldCounterpartyHolder: "Counterparty",
+    fieldCounterpartyIban: "Counterparty IBAN",
+    fieldPaymentReference: "Reference",
+    fieldBookingText: "Booking text",
+    fieldAmountDebit: "Debit column",
+    fieldAmountCredit: "Credit column",
+    useSplitAmount: "Amount is split across two columns (debit/credit)",
+    notMapped: "Not mapped",
+    continueButton: "Continue",
+    backButton: "Back",
+    previewSummary: (count, from, to, sum) => `${count} rows, ${from} to ${to}, total ${sum}.`,
+    issuesWarning: (count) => `${count} rows could not be read and were skipped.`,
+    duplicateWarning: (count) => `${count} rows look like duplicates of each other.`,
+    columnDate: "Date",
+    columnAmount: "Amount",
+    columnCounterparty: "Counterparty",
+    columnReference: "Reference",
+    removeRow: "Remove row",
+    importButton: "Import",
+    importing: "Importing…",
+    resultSummary: (imported, skipped, duplicates) => `Imported ${imported}, skipped ${skipped}, ${duplicates} flagged as duplicates.`,
+    close: "Close",
+    importFailed: (error) => `Import failed: ${error}`,
+};

package/dist/pages/bank-sync-log/BankSyncLogPage.d.ts

@@ -0,0 +1,7 @@
+import type { SyncLogAdapter } from "../../adapters/bank-sync-log";
+import { type BankSyncLogLabels } from "./labels";
+export interface BankSyncLogPageProps {
+    adapter: SyncLogAdapter;
+    labels?: BankSyncLogLabels;
+}
+export declare function BankSyncLogPage({ adapter, labels }: BankSyncLogPageProps): import("react").JSX.Element;