@flowselections/floriday-verkoop-module 1.0.2

package/dist-lib/_core-safelist.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_core-safelist.d.ts.map

package/dist-lib/_core-safelist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_core-safelist.d.ts","sourceRoot":"","sources":["../src/_core-safelist.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,CAAC"}

package/dist-lib/_core-safelist.js

@@ -0,0 +1,15 @@
+// Forceert Tailwind classes die uit @flowselections/core komen maar niet
+// voorkomen in de eigen broncode van deze module.
+// Zonder dit bestand worden deze classes weggeoptimaliseerd op de
+// Lovable productie build.
+const _safelist = [
+    // Layout — Sidebar en shell structuur
+    'h-full', 'flex-col', 'flex-1', 'min-h-screen', 'ml-64', 'pt-16',
+    'items-start', 'items-center', 'justify-between', 'border-t',
+    'w-64', 'h-screen', 'h-20', 'overflow-y-auto',
+    // Grid — InstellingenPage
+    'grid', 'lg:grid-cols-2', 'gap-6', 'p-6', 'space-y-6',
+    // Toggle/Switch — aan/uit zichtbaarheid
+    'data-[state=checked]:bg-primary', 'data-[state=unchecked]:bg-input',
+];
+export {};

package/dist-lib/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist-lib/components/ui/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAGvE,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAChD,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAE1D,QAAA,MAAM,mBAAmB,0KAgBvB,CAAC;AAGH,QAAA,MAAM,gBAAgB,uKAapB,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KASzB,CAAC;AAGH,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,GACtB,CAAC"}

package/dist-lib/components/ui/dropdown-menu.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { cn } from "@flowselections/core";
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 min-w-[10rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props }) })));
+DropdownMenuContent.displayName = "DropdownMenuContent";
+const DropdownMenuItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn("relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors", "focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props })));
+DropdownMenuItem.displayName = "DropdownMenuItem";
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })));
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, };

package/dist-lib/components/verkoop/AnalyticsCards.d.ts

@@ -0,0 +1,9 @@
+export declare function AnalyticsCards({ totals, loading, }: {
+    totals?: {
+        revenue: number;
+        avgPrice: number;
+        fustCount: number;
+    };
+    loading?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnalyticsCards.d.ts.map

package/dist-lib/components/verkoop/AnalyticsCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsCards.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/AnalyticsCards.tsx"],"names":[],"mappings":"AAWA,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,GACR,EAAE;IACD,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAwBA"}

package/dist-lib/components/verkoop/AnalyticsCards.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, Skeleton } from "@flowselections/core";
+const eur = new Intl.NumberFormat("nl-NL", { style: "currency", currency: "EUR" });
+const eurPrecise = new Intl.NumberFormat("nl-NL", {
+    style: "currency",
+    currency: "EUR",
+    minimumFractionDigits: 3,
+    maximumFractionDigits: 3,
+});
+const num = new Intl.NumberFormat("nl-NL");
+export function AnalyticsCards({ totals, loading, }) {
+    const items = [
+        { label: "Omzet", value: totals ? eur.format(totals.revenue) : null },
+        { label: "Gemiddelde prijs", value: totals ? eurPrecise.format(totals.avgPrice) : null },
+        { label: "Aantal fusten", value: totals ? num.format(totals.fustCount) : null },
+    ];
+    return (_jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: items.map((it) => (_jsx(Card, { className: "border-border/60 shadow-none", children: _jsxs(CardContent, { className: "px-6 py-5", children: [_jsx("div", { className: "text-sm font-medium text-muted-foreground", children: it.label }), loading || !it.value ? (_jsx(Skeleton, { className: "mt-3 h-10 w-40" })) : (_jsx("div", { className: "mt-2 text-4xl font-bold tracking-tight text-primary", children: it.value }))] }) }, it.label))) }));
+}

package/dist-lib/components/verkoop/CreateOrderDialog.d.ts

@@ -0,0 +1,5 @@
+export declare function CreateOrderDialog({ open, onOpenChange, }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CreateOrderDialog.d.ts.map

package/dist-lib/components/verkoop/CreateOrderDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateOrderDialog.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CreateOrderDialog.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,GACb,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC,2CAgFA"}

package/dist-lib/components/verkoop/CreateOrderDialog.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, toast, } from "@flowselections/core";
+import { useServerFn } from "@tanstack/react-start";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { createSalesOrder } from "@/lib/floriday/sales-orders.functions";
+export function CreateOrderDialog({ open, onOpenChange, }) {
+    const queryClient = useQueryClient();
+    const createFn = useServerFn(createSalesOrder);
+    const [customerOrganizationId, setCustomerId] = useState("");
+    const [tradeItemId, setTradeItemId] = useState("");
+    const [deliveryDateTime, setDelivery] = useState("");
+    const [numberOfPieces, setPieces] = useState(1);
+    const [pricePerPiece, setPrice] = useState(0);
+    const [reference, setReference] = useState("");
+    const m = useMutation({
+        mutationFn: createFn,
+        onSuccess: () => {
+            toast.success("Verkooporder aangemaakt");
+            queryClient.invalidateQueries({ queryKey: ["floriday", "sales-orders"] });
+            onOpenChange(false);
+        },
+        onError: (e) => toast.error(e?.message ?? "Aanmaken mislukt"),
+    });
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Bestelling aanmaken" }), _jsx(DialogDescription, { children: "Maak een nieuwe verkooporder aan in Floriday." })] }), _jsxs("div", { className: "grid gap-3 py-2", children: [_jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "ref", children: "Referentie" }), _jsx(Input, { id: "ref", value: reference, onChange: (e) => setReference(e.target.value), placeholder: "ORD-2026-\u2026" })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "cust", children: "Klant organisatie ID" }), _jsx(Input, { id: "cust", value: customerOrganizationId, onChange: (e) => setCustomerId(e.target.value), placeholder: "GLN of organization id" })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "item", children: "Artikel (tradeItemId)" }), _jsx(Input, { id: "item", value: tradeItemId, onChange: (e) => setTradeItemId(e.target.value) })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "qty", children: "Aantal stuks" }), _jsx(Input, { id: "qty", type: "number", min: 1, value: numberOfPieces, onChange: (e) => setPieces(Number(e.target.value)) })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "price", children: "Prijs/stuk (\u20AC)" }), _jsx(Input, { id: "price", type: "number", step: "0.01", min: 0, value: pricePerPiece, onChange: (e) => setPrice(Number(e.target.value)) })] }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "del", children: "Levering" }), _jsx(Input, { id: "del", type: "datetime-local", value: deliveryDateTime, onChange: (e) => setDelivery(e.target.value) })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: m.isPending, children: "Annuleren" }), _jsx(Button, { onClick: () => m.mutate({
+                                data: {
+                                    customerOrganizationId,
+                                    deliveryDateTime: deliveryDateTime ? new Date(deliveryDateTime).toISOString() : "",
+                                    reference: reference || undefined,
+                                    lines: [{ tradeItemId, numberOfPieces, pricePerPiece }],
+                                },
+                            }), disabled: m.isPending || !customerOrganizationId || !tradeItemId || !deliveryDateTime, children: m.isPending ? "Aanmaken…" : "Aanmaken" })] })] }) }));
+}

package/dist-lib/components/verkoop/SalesOrdersFilters.d.ts

@@ -0,0 +1,16 @@
+export interface Filters {
+    search?: string;
+    status?: string;
+    from?: string;
+    to?: string;
+    handelsvorm?: string;
+    klant?: string;
+    voorraadlocatie?: string;
+    week?: number;
+    year?: number;
+}
+export declare function SalesOrdersFilters({ value, onChange, }: {
+    value: Filters;
+    onChange: (next: Filters) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SalesOrdersFilters.d.ts.map

package/dist-lib/components/verkoop/SalesOrdersFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SalesOrdersFilters.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrdersFilters.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,OAAO;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAcD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,2CAkLA"}

package/dist-lib/components/verkoop/SalesOrdersFilters.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+import { ChevronLeft, ChevronRight, MoreVertical, ShoppingCart, Truck, Filter, Search, } from "lucide-react";
+function getCurrentWeek() {
+    const now = new Date();
+    const target = new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate()));
+    const dayNr = (target.getUTCDay() + 6) % 7;
+    target.setUTCDate(target.getUTCDate() - dayNr + 3);
+    const firstThursday = new Date(Date.UTC(target.getUTCFullYear(), 0, 4));
+    const week = 1 +
+        Math.round(((target.getTime() - firstThursday.getTime()) / 86400000 - 3 + ((firstThursday.getUTCDay() + 6) % 7)) / 7);
+    return { week, year: target.getUTCFullYear() };
+}
+export function SalesOrdersFilters({ value, onChange, }) {
+    const current = getCurrentWeek();
+    const week = value.week ?? current.week;
+    const year = value.year ?? current.year;
+    const [search, setSearch] = useState(value.search ?? "");
+    const shiftWeek = (delta) => {
+        let w = week + delta;
+        let y = year;
+        if (w < 1) {
+            w = 52;
+            y -= 1;
+        }
+        else if (w > 53) {
+            w = 1;
+            y += 1;
+        }
+        onChange({ ...value, week: w, year: y });
+    };
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "flex h-9 items-center gap-1 rounded-md border border-border bg-card px-1", children: [_jsx("button", { type: "button", onClick: () => shiftWeek(-1), className: "inline-flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", "aria-label": "Vorige week", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: () => shiftWeek(1), className: "inline-flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", "aria-label": "Volgende week", children: _jsx(ChevronRight, { className: "h-4 w-4" }) }), _jsxs("div", { className: "px-2 text-sm font-medium text-foreground whitespace-nowrap", children: ["Week ", week, " - ", year] }), _jsx("button", { type: "button", className: "inline-flex h-7 w-7 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", "aria-label": "Meer", children: _jsx(MoreVertical, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "flex h-9 items-center rounded-md border border-border bg-card", children: [_jsx("button", { type: "button", className: "inline-flex h-9 w-9 items-center justify-center rounded-l-md border-r border-border bg-accent text-foreground", "aria-label": "Bestellingen", children: _jsx(ShoppingCart, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", className: "inline-flex h-9 w-9 items-center justify-center border-r border-border text-muted-foreground hover:bg-accent hover:text-foreground", "aria-label": "Leveringen", children: _jsx(Truck, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", className: "inline-flex h-9 w-9 items-center justify-center rounded-r-md text-muted-foreground hover:bg-accent hover:text-foreground", "aria-label": "Filter", children: _jsx(Filter, { className: "h-4 w-4" }) })] }), _jsxs(Select, { value: value.handelsvorm ?? "all", onValueChange: (v) => onChange({ ...value, handelsvorm: v === "all" ? undefined : v }), children: [_jsx(SelectTrigger, { className: "h-9 w-40", children: _jsx(SelectValue, { placeholder: "- Handelsvorm -" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "- Handelsvorm -" }), _jsx(SelectItem, { value: "klok", children: "Klok" }), _jsx(SelectItem, { value: "direct", children: "Direct" })] })] }), _jsxs(Select, { value: value.klant ?? "all", onValueChange: (v) => onChange({ ...value, klant: v === "all" ? undefined : v }), children: [_jsx(SelectTrigger, { className: "h-9 w-44", children: _jsx(SelectValue, { placeholder: "- Alle klanten -" }) }), _jsx(SelectContent, { children: _jsx(SelectItem, { value: "all", children: "- Alle klanten -" }) })] }), _jsxs(Select, { value: value.voorraadlocatie ?? "all", onValueChange: (v) => onChange({ ...value, voorraadlocatie: v === "all" ? undefined : v }), children: [_jsx(SelectTrigger, { className: "h-9 w-52", children: _jsx(SelectValue, { placeholder: "- Alle voorraadlocaties -" }) }), _jsx(SelectContent, { children: _jsx(SelectItem, { value: "all", children: "- Alle voorraadlocaties -" }) })] }), _jsxs(Select, { value: value.status ?? "all", onValueChange: (v) => onChange({ ...value, status: v === "all" ? undefined : v }), children: [_jsx(SelectTrigger, { className: "h-9 w-36", children: _jsx(SelectValue, { placeholder: "Status" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "Alle statussen" }), _jsx(SelectItem, { value: "open", children: "Open" }), _jsx(SelectItem, { value: "shipped", children: "Verzonden" }), _jsx(SelectItem, { value: "invoiced", children: "Gefactureerd" }), _jsx(SelectItem, { value: "cancelled", children: "Geannuleerd" })] })] }), _jsxs("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border bg-card", children: [_jsx(Input, { placeholder: "Op briefnummer zoeken", value: search, onChange: (e) => setSearch(e.target.value), onKeyDown: (e) => {
+                            if (e.key === "Enter")
+                                onChange({ ...value, search });
+                        }, onBlur: () => onChange({ ...value, search }), className: "h-9 w-56 border-0 shadow-none focus-visible:ring-0" }), _jsx("button", { type: "button", onClick: () => onChange({ ...value, search }), className: "inline-flex h-9 w-10 items-center justify-center bg-primary text-primary-foreground hover:opacity-90", "aria-label": "Zoeken", children: _jsx(Search, { className: "h-4 w-4" }) })] }), (value.search || value.status || value.handelsvorm || value.klant || value.voorraadlocatie) && (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => {
+                    setSearch("");
+                    onChange({ week, year });
+                }, children: "Wissen" }))] }));
+}

package/dist-lib/components/verkoop/SalesOrdersTable.d.ts

@@ -0,0 +1,6 @@
+import type { SalesOrderDTO } from "@/lib/floriday/sales-orders.functions";
+export declare function SalesOrdersTable({ orders, loading, }: {
+    orders: SalesOrderDTO[];
+    loading?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SalesOrdersTable.d.ts.map

package/dist-lib/components/verkoop/SalesOrdersTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SalesOrdersTable.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/SalesOrdersTable.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AA6E3E,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,OAAO,GACR,EAAE;IACD,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAkJA"}

package/dist-lib/components/verkoop/SalesOrdersTable.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Badge, Checkbox, Skeleton, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@flowselections/core";
+import { MoreVertical, Package, CheckCircle2, XCircle, Truck, FileText, ImageIcon, ArrowDown, } from "lucide-react";
+const eur = new Intl.NumberFormat("nl-NL", { style: "currency", currency: "EUR" });
+function formatDateShort(iso) {
+    if (!iso)
+        return { date: "—", time: "" };
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return { date: iso.slice(0, 10), time: "" };
+    const date = d
+        .toLocaleDateString("nl-NL", { day: "numeric", month: "short" })
+        .replace(".", "");
+    const time = d.toLocaleTimeString("nl-NL", { hour: "2-digit", minute: "2-digit" });
+    return { date, time };
+}
+function formatDateLong(iso) {
+    if (!iso)
+        return "—";
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime()))
+        return iso;
+    return d.toLocaleString("nl-NL", {
+        day: "numeric",
+        month: "short",
+        year: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+    });
+}
+function StatusBadges({ status }) {
+    const items = [
+        {
+            key: "cancelled",
+            active: status.isCancelled,
+            icon: XCircle,
+            label: "Geannuleerd",
+            classes: "bg-destructive/10 text-destructive",
+        },
+        {
+            key: "shipped",
+            active: status.isShipped,
+            icon: Truck,
+            label: "Verzonden",
+            classes: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",
+        },
+        {
+            key: "confirmed",
+            active: status.isConfirmed,
+            icon: CheckCircle2,
+            label: "Bevestigd",
+            classes: "bg-primary/10 text-primary",
+        },
+        {
+            key: "invoiced",
+            active: status.isInvoiced,
+            icon: FileText,
+            label: "Gefactureerd",
+            classes: "bg-amber-500/10 text-amber-600 dark:text-amber-400",
+        },
+    ];
+    return (_jsx("div", { className: "flex items-center gap-1", children: items.map((it) => (_jsx("span", { title: it.label, className: "inline-flex h-7 w-7 items-center justify-center rounded-md " +
+                (it.active ? it.classes : "bg-muted text-muted-foreground/40"), children: _jsx(it.icon, { className: "h-4 w-4" }) }, it.key))) }));
+}
+export function SalesOrdersTable({ orders, loading, }) {
+    const [selected, setSelected] = useState(new Set());
+    const allChecked = orders.length > 0 && selected.size === orders.length;
+    const toggle = (id) => setSelected((s) => {
+        const n = new Set(s);
+        n.has(id) ? n.delete(id) : n.add(id);
+        return n;
+    });
+    return (_jsx("div", { className: "rounded-lg border border-border bg-card", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { className: "hover:bg-transparent", children: [_jsx(TableHead, { className: "w-10", children: _jsx(Checkbox, { checked: allChecked, onCheckedChange: (v) => setSelected(v === true ? new Set(orders.map((o) => o.id)) : new Set()) }) }), _jsx(TableHead, { children: "Order" }), _jsx(TableHead, { children: _jsxs("span", { className: "inline-flex items-center gap-1", children: ["Bestelmoment ", _jsx(ArrowDown, { className: "h-3 w-3" })] }) }), _jsx(TableHead, { children: "Aantal" }), _jsx(TableHead, { children: "Klant" }), _jsx(TableHead, { children: "Levering" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "w-10" })] }) }), _jsxs(TableBody, { children: [loading &&
+                            Array.from({ length: 6 }).map((_, i) => (_jsx(TableRow, { children: Array.from({ length: 8 }).map((__, j) => (_jsx(TableCell, { children: _jsx(Skeleton, { className: "h-6 w-full" }) }, j))) }, `s-${i}`))), !loading && orders.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 8, className: "py-12 text-center text-muted-foreground", children: "Geen verkooporders gevonden." }) })), !loading &&
+                            orders.map((o) => {
+                                const ordered = formatDateShort(o.orderedAt);
+                                return (_jsxs(TableRow, { className: "align-top", children: [_jsx(TableCell, { children: _jsx(Checkbox, { checked: selected.has(o.id), onCheckedChange: () => toggle(o.id) }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-muted", children: o.imageUrl ? (
+                                                        // eslint-disable-next-line @next/next/no-img-element
+                                                        _jsx("img", { src: o.imageUrl, alt: "", className: "h-full w-full object-cover" })) : (_jsx(ImageIcon, { className: "h-5 w-5 text-muted-foreground" })) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-medium text-foreground", children: o.productName }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: o.sku || o.orderNumber })] })] }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Package, { className: "h-4 w-4 text-primary" }), _jsxs("div", { children: [_jsx("div", { className: "font-medium text-foreground", children: ordered.date }), _jsx("div", { className: "text-xs text-muted-foreground", children: ordered.time })] })] }) }), _jsxs(TableCell, { children: [_jsxs("div", { className: "font-medium text-foreground", children: [o.quantity.multiplier, " \u00D7 ", o.quantity.count, " \u00D7 ", eur.format(o.quantity.unitPrice)] }), _jsx("div", { className: "text-xs text-muted-foreground", children: eur.format(o.revenue) })] }), _jsxs(TableCell, { children: [_jsx("div", { className: "font-medium text-foreground", children: o.customer.name }), _jsx("div", { className: "text-xs text-muted-foreground", children: [o.customer.postalCode, o.customer.city].filter(Boolean).join(" ") })] }), _jsx(TableCell, { className: "text-sm text-foreground", children: formatDateLong(o.deliveryAt) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(StatusBadges, { status: o.status }), o.orderNumber && (_jsx(Badge, { variant: "outline", className: "font-mono text-xs", children: o.orderNumber }))] }) }), _jsx(TableCell, { children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { children: "Bewerken" }), _jsx(DropdownMenuItem, { children: "Details bekijken" }), _jsx(DropdownMenuItem, { children: "Bevestigen" }), _jsx(DropdownMenuItem, { className: "text-destructive focus:text-destructive", children: "Annuleren" })] })] }) })] }, o.id));
+                            })] })] }) }));
+}

package/dist-lib/index.d.ts

@@ -0,0 +1,4 @@
+import type { FlowModule } from "@flowselections/core";
+export * from "./_core-safelist";
+export declare const myModule: FlowModule;
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,UAiBtB,CAAC"}

package/dist-lib/index.js

@@ -0,0 +1,20 @@
+import { ShoppingCart, ListOrdered } from "lucide-react";
+export * from "./_core-safelist";
+export const myModule = {
+    id: "verkoop",
+    name: "Verkoop",
+    version: "1.0.0",
+    nav: {
+        label: "Verkoop",
+        href: "/verkoop/verkooporders",
+        icon: ShoppingCart,
+        children: [
+            {
+                label: "Verkooporders",
+                href: "/verkoop/verkooporders",
+                icon: ListOrdered,
+            },
+        ],
+    },
+    settingsCards: [],
+};

package/dist-lib/integrations/supabase/auth-attacher.d.ts

@@ -0,0 +1,2 @@
+export declare const attachSupabaseAuth: import("@tanstack/start-client-core").FunctionMiddlewareAfterClient<{}, unknown, undefined, undefined, undefined>;
+//# sourceMappingURL=auth-attacher.d.ts.map

package/dist-lib/integrations/supabase/auth-attacher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-attacher.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/auth-attacher.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,mHAQ9B,CAAA"}

package/dist-lib/integrations/supabase/auth-attacher.js

@@ -0,0 +1,12 @@
+// This file is automatically generated. Do not edit it directly.
+import { createMiddleware } from '@tanstack/react-start';
+import { supabase } from './client';
+// Must be registered as a global `functionMiddleware` in `src/start.ts`; otherwise
+// the browser never attaches the bearer token to serverFn RPCs.
+export const attachSupabaseAuth = createMiddleware({ type: 'function' }).client(async ({ next }) => {
+    const { data } = await supabase.auth.getSession();
+    const token = data.session?.access_token;
+    return next({
+        headers: token ? { Authorization: `Bearer ${token}` } : {},
+    });
+});