@flowselections/floriday-klanten-module 1.0.36 → 1.0.37

package/dist-lib/components/klanten/BulkStickerUploadDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BulkStickerUploadDialog.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/BulkStickerUploadDialog.tsx"],"names":[],"mappings":"AA2BA,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAiDF,wBAAgB,uBAAuB,CAAC,EACtC,WAAW,EACX,QAAQ,EACR,MAAM,GACP,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,+BAoYA"}
+{"version":3,"file":"BulkStickerUploadDialog.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/BulkStickerUploadDialog.tsx"],"names":[],"mappings":"AA2BA,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAiDF,wBAAgB,uBAAuB,CAAC,EACtC,WAAW,EACX,QAAQ,EACR,MAAM,GACP,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,+BA0cA"}

package/dist-lib/components/klanten/BulkStickerUploadDialog.js

@@ -28,7 +28,7 @@ async function makeThumbnail(file) {
             el.onerror = reject;
             el.src = url;
         });
-        const max = 512;
+        const max = 1024;
         const scale = Math.min(1, max / Math.max(img.width || max, img.height || max));
         const canvas = document.createElement("canvas");
         canvas.width = Math.max(1, Math.round((img.width || max) * scale));
@@ -40,7 +40,7 @@ async function makeThumbnail(file) {
         ctx.fillRect(0, 0, canvas.width, canvas.height);
         ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
         URL.revokeObjectURL(url);
-        return canvas.toDataURL("image/jpeg", 0.7);
+        return canvas.toDataURL("image/jpeg", 0.85);
     }
     catch {
         return null;
@@ -52,6 +52,7 @@ export function BulkStickerUploadDialog({ customerKey, products, onDone, }) {
     const [rows, setRows] = useState([]);
     const [phase, setPhase] = useState("idle");
     const [progress, setProgress] = useState({ done: 0, total: 0 });
+    const [previewRow, setPreviewRow] = useState(null);
     const folderRef = useRef(null);
     const filesRef = useRef(null);
     const suggest = useServerFn(suggestStickerMatches);
@@ -59,7 +60,7 @@ export function BulkStickerUploadDialog({ customerKey, products, onDone, }) {
     const discard = useServerFn(discardStickerBatch);
     const productOptions = useMemo(() => products.map((p) => ({
         value: p.key,
-        label: p.name,
+        label: (_jsxs("span", { className: "flex min-w-0 flex-col leading-tight", children: [_jsx("span", { className: "truncate", children: p.name }), p.code && (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: p.code }))] })),
         search: [p.name, p.code, p.vbn, p.botanical].filter(Boolean).join(" "),
     })), [products]);
     const productByKey = useMemo(() => new Map(products.map((p) => [p.key, p])), [products]);
@@ -92,6 +93,7 @@ export function BulkStickerUploadDialog({ customerKey, products, onDone, }) {
         setBatchId(id);
         setPhase("uploading");
         setProgress({ done: 0, total: files.length });
+        setOpen(false);
         const staged = [];
         for (const file of files) {
             const fileId = crypto.randomUUID();
@@ -141,11 +143,21 @@ export function BulkStickerUploadDialog({ customerKey, products, onDone, }) {
                     })),
                 },
             });
+            if (res.aiError)
+                toast.warning(res.aiError);
             const byId = new Map(res.suggestions.map((s) => [s.fileId, s]));
             setRows((prev) => prev.map((r) => {
                 const s = byId.get(r.fileId);
                 return s
-                    ? { ...r, tradeItemKey: s.tradeItemKey, confidence: s.confidence, reason: s.reason }
+                    ? {
+                        ...r,
+                        tradeItemKey: s.tradeItemKey,
+                        confidence: s.confidence,
+                        reason: s.reason,
+                        replaceExisting: s.tradeItemKey
+                            ? (productByKey.get(s.tradeItemKey)?.hasSticker ?? false)
+                            : false,
+                    }
                     : r;
             }));
         }
@@ -212,20 +224,30 @@ export function BulkStickerUploadDialog({ customerKey, products, onDone, }) {
                 } }), _jsx("input", { ref: filesRef, type: "file", className: "hidden", multiple: true, accept: ACCEPT, onChange: (e) => {
                     void handleFiles(e.target.files);
                     e.target.value = "";
-                } }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setOpen(true), children: [_jsx(Upload, { className: "h-4 w-4 mr-1.5" }), "Stickers in bulk"] }), _jsx(Dialog, { open: open, onOpenChange: (v) => (v ? setOpen(true) : void close(true)), children: _jsxs(DialogContent, { className: "max-w-5xl", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Stickers in bulk uploaden" }) }), phase === "idle" && (_jsxs("div", { className: "rounded-lg border border-dashed p-10 text-center", onDragOver: (e) => e.preventDefault(), onDrop: (e) => {
+                } }), phase === "uploading" || phase === "matching" ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: true, children: [_jsx(Loader2, { className: "h-4 w-4 mr-1.5 animate-spin" }), phase === "uploading"
+                        ? `Stickers laden… ${progress.done}/${progress.total}`
+                        : "AI koppelt stickers…"] })) : phase === "review" || phase === "saving" ? (_jsxs(Button, { type: "button", size: "sm", className: "bg-green-600 text-white hover:bg-green-700", onClick: () => setOpen(true), children: [_jsx(Sparkles, { className: "h-4 w-4 mr-1.5" }), "Keuren (", rows.filter((r) => r.tradeItemKey).length, ")"] })) : (_jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setOpen(true), children: [_jsx(Upload, { className: "h-4 w-4 mr-1.5" }), "Stickers in bulk"] })), _jsx(Dialog, { open: open, onOpenChange: (v) => (v ? setOpen(true) : void close(true)), children: _jsxs(DialogContent, { className: "max-w-6xl", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Stickers in bulk uploaden" }) }), phase === "idle" && (_jsxs("div", { className: "rounded-lg border border-dashed p-10 text-center", onDragOver: (e) => e.preventDefault(), onDrop: (e) => {
                                 e.preventDefault();
                                 void handleFiles(e.dataTransfer.files);
                             }, children: [_jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Sleep een map of losse stickerbestanden hierheen (PDF, PNG, JPG of SVG, max. 10 MB per bestand)." }), _jsxs("div", { className: "flex justify-center gap-2", children: [_jsxs(Button, { type: "button", onClick: () => folderRef.current?.click(), children: [_jsx(FolderOpen, { className: "h-4 w-4 mr-1.5" }), "Map kiezen"] }), _jsx(Button, { type: "button", variant: "outline", onClick: () => filesRef.current?.click(), children: "Bestanden kiezen" })] })] })), (phase === "uploading" || phase === "matching") && (_jsxs("div", { className: "flex items-center gap-3 p-10 justify-center text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), phase === "uploading"
                                     ? `Bestanden uploaden… ${progress.done}/${progress.total}`
-                                    : "AI zoekt bij elke sticker het juiste product…"] })), (phase === "review" || phase === "saving") && (_jsx("div", { className: "max-h-[60vh] overflow-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "sticky top-0 bg-background", children: _jsxs("tr", { className: "border-b text-left", children: [_jsx("th", { className: "py-2 w-16", children: "Sticker" }), _jsx("th", { className: "py-2", children: "Bestand" }), _jsx("th", { className: "py-2 w-[260px]", children: "Product" }), _jsx("th", { className: "py-2 w-32", children: "Zekerheid" }), _jsx("th", { className: "py-2 w-40", children: "Bestaand" }), _jsx("th", { className: "py-2 w-10" })] }) }), _jsx("tbody", { children: rows.map((r) => {
+                                    : "AI zoekt bij elke sticker het juiste product…"] })), (phase === "review" || phase === "saving") && (_jsx("div", { className: "max-h-[60vh] overflow-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "sticky top-0 bg-background", children: _jsxs("tr", { className: "border-b text-left", children: [_jsx("th", { className: "py-2 w-56", children: "Sticker" }), _jsx("th", { className: "py-2", children: "Bestand" }), _jsx("th", { className: "py-2 w-[340px]", children: "Product" }), _jsx("th", { className: "py-2 w-32", children: "Zekerheid" }), _jsx("th", { className: "py-2 w-40", children: "Bestaand" }), _jsx("th", { className: "py-2 w-10" })] }) }), _jsx("tbody", { children: rows.map((r) => {
                                             const product = r.tradeItemKey ? productByKey.get(r.tradeItemKey) : null;
                                             const dup = r.tradeItemKey ? duplicates.has(r.tradeItemKey) : false;
-                                            return (_jsxs("tr", { className: "border-b align-middle", children: [_jsx("td", { className: "py-2", children: r.thumbnail ? (_jsx("img", { src: r.thumbnail, alt: "", className: "h-10 w-10 rounded border object-contain bg-muted" })) : (_jsx("div", { className: "h-10 w-10 rounded border bg-muted flex items-center justify-center", children: _jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }) })) }), _jsxs("td", { className: "py-2 pr-3", children: [_jsx("div", { className: "truncate max-w-[220px]", title: r.fileName, children: r.fileName }), r.reason && (_jsx("div", { className: "text-xs text-muted-foreground truncate max-w-[220px]", children: r.reason }))] }), _jsxs("td", { className: "py-2 pr-3", children: [_jsx(SearchableSelect, { value: r.tradeItemKey ?? "", options: productOptions, placeholder: "Kies product\u2026", onValueChange: (v) => setRows((prev) => prev.map((x) => x.fileId === r.fileId ? { ...x, tradeItemKey: v || null } : x)) }), dup && (_jsx("div", { className: "text-xs text-destructive mt-1", children: "Meerdere stickers voor dit product" }))] }), _jsx("td", { className: "py-2", children: r.tradeItemKey ? (_jsx(Badge, { variant: r.confidence >= 0.8
+                                            return (_jsxs("tr", { className: "border-b align-middle", children: [_jsx("td", { className: "py-2", children: r.thumbnail ? (_jsx("button", { type: "button", className: "block cursor-zoom-in", title: "Klik om te vergroten", onClick: () => setPreviewRow(r), children: _jsx("img", { src: r.thumbnail, alt: r.fileName, className: "h-44 w-44 rounded border object-contain bg-white hover:ring-2 hover:ring-primary/50" }) })) : (_jsx("div", { className: "h-44 w-44 rounded border bg-muted flex items-center justify-center", children: _jsx(FileText, { className: "h-6 w-6 text-muted-foreground" }) })) }), _jsxs("td", { className: "py-2 pr-3", children: [_jsx("div", { className: "truncate max-w-[220px]", title: r.fileName, children: r.fileName }), r.reason && (_jsx("div", { className: "text-xs text-muted-foreground truncate max-w-[220px]", children: r.reason }))] }), _jsxs("td", { className: "py-2 pr-3", children: [_jsx(SearchableSelect, { value: r.tradeItemKey ?? "", options: productOptions, placeholder: "Kies product\u2026", triggerClassName: "w-full", onValueChange: (v) => setRows((prev) => prev.map((x) => x.fileId === r.fileId
+                                                                    ? {
+                                                                        ...x,
+                                                                        tradeItemKey: v || null,
+                                                                        replaceExisting: v
+                                                                            ? (productByKey.get(v)?.hasSticker ?? false)
+                                                                            : false,
+                                                                    }
+                                                                    : x)) }), dup && (_jsx("div", { className: "text-xs text-destructive mt-1", children: "Meerdere stickers voor dit product" }))] }), _jsx("td", { className: "py-2", children: r.tradeItemKey ? (_jsx(Badge, { variant: r.confidence >= 0.8
                                                                 ? "default"
                                                                 : r.confidence >= 0.5
                                                                     ? "secondary"
                                                                     : "outline", children: r.confidence >= 0.8 ? "Hoog" : r.confidence >= 0.5 ? "Middel" : "Laag" })) : (_jsx(Badge, { variant: "outline", children: "Geen match" })) }), _jsx("td", { className: "py-2", children: product?.hasSticker ? (_jsxs("label", { className: "flex items-center gap-2 text-xs", children: [_jsx("input", { type: "checkbox", checked: r.replaceExisting, onChange: (e) => setRows((prev) => prev.map((x) => x.fileId === r.fileId
                                                                         ? { ...x, replaceExisting: e.target.checked }
                                                                         : x)) }), "Vervangen"] })) : (_jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" })) }), _jsx("td", { className: "py-2", children: _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => setRows((prev) => prev.filter((x) => x.fileId !== r.fileId)), children: _jsx(Trash2, { className: "h-4 w-4" }) }) })] }, r.fileId));
-                                        }) })] }) })), _jsxs(DialogFooter, { className: "gap-2 sm:justify-between", children: [_jsx("span", { className: "text-xs text-muted-foreground flex items-center gap-1.5", children: phase === "review" && (_jsxs(_Fragment, { children: [_jsx(Sparkles, { className: "h-3.5 w-3.5" }), rows.filter((r) => r.tradeItemKey).length, " van ", rows.length, " gekoppeld"] })) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { type: "button", variant: "outline", disabled: busy, onClick: () => void close(true), children: "Annuleren" }), (phase === "review" || phase === "saving") && (_jsxs(Button, { type: "button", disabled: busy, onClick: () => void save(), children: [phase === "saving" && _jsx(Loader2, { className: "h-4 w-4 mr-1.5 animate-spin" }), "Bevestigen en opslaan"] }))] })] })] }) })] }));
+                                        }) })] }) })), _jsxs(DialogFooter, { className: "gap-2 sm:justify-between", children: [_jsx("span", { className: "text-xs text-muted-foreground flex items-center gap-1.5", children: phase === "review" && (_jsxs(_Fragment, { children: [_jsx(Sparkles, { className: "h-3.5 w-3.5" }), rows.filter((r) => r.tradeItemKey).length, " van ", rows.length, " gekoppeld"] })) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { type: "button", variant: "outline", disabled: busy, onClick: () => void close(true), children: "Annuleren" }), (phase === "review" || phase === "saving") && (_jsxs(Button, { type: "button", disabled: busy, onClick: () => void save(), children: [phase === "saving" && _jsx(Loader2, { className: "h-4 w-4 mr-1.5 animate-spin" }), "Bevestigen en opslaan"] }))] })] })] }) }), _jsx(Dialog, { open: previewRow !== null, onOpenChange: (v) => !v && setPreviewRow(null), children: _jsxs(DialogContent, { className: "max-w-5xl", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: previewRow?.fileName ?? "Sticker" }) }), previewRow?.thumbnail && (_jsx("div", { className: "flex items-center justify-center rounded border bg-white p-2", children: _jsx("img", { src: previewRow.thumbnail, alt: previewRow.fileName, className: "max-h-[70vh] w-auto max-w-full object-contain" }) }))] }) })] }));
 }

package/dist-lib/components/klanten/CustomerAssortmentTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerAssortmentTab.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/CustomerAssortmentTab.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,cAAc,GACf,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,+BAmQA"}
+{"version":3,"file":"CustomerAssortmentTab.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/CustomerAssortmentTab.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,cAAc,GACf,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,+BA6VA"}

package/dist-lib/components/klanten/CustomerAssortmentTab.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
-import { Card, CardContent, Badge, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
-import { Search, ImageOff } from "lucide-react";
+import { Card, CardContent, Badge, Input, Button, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
+import { Search, ImageOff, RefreshCw } from "lucide-react";
+import { toast } from "sonner";
 import { listCustomerAssortment } from "../../lib/customer-assortment.functions";
 import { listCustomerStickers } from "../../lib/customer-stickers.functions";
+import { importFloridayStickers } from "../../lib/floriday-sticker-import.functions";
 import { decodeDeep } from "../../lib/decode-html";
 import { friendlyError } from "../../lib/errors";
 import { FloridayPriceImportDialog } from "./FloridayPriceImportDialog";
@@ -25,10 +27,12 @@ function money(value, currency) {
 export function CustomerAssortmentTab({ customerKey, organizationId, }) {
     const list = useServerFn(listCustomerAssortment);
     const listStickers = useServerFn(listCustomerStickers);
+    const importStickers = useServerFn(importFloridayStickers);
     const qc = useQueryClient();
     const [search, setSearch] = useState("");
     const [onlyPriced, setOnlyPriced] = useState(false);
     const [onlyWithoutSticker, setOnlyWithoutSticker] = useState(false);
+    const [group, setGroup] = useState("own");
     const { data, isLoading, error } = useQuery({
         queryKey: ["customer-assortment", customerKey, organizationId ?? null],
         queryFn: () => list({ data: { customerKey, organizationId: organizationId ?? null } }).then(decodeDeep),
@@ -47,9 +51,30 @@ export function CustomerAssortmentTab({ customerKey, organizationId, }) {
         return m;
     }, [stickerData]);
     const items = data?.items ?? [];
+    const ownCount = items.filter((i) => i.in_assortment).length;
+    const otherCount = items.length - ownCount;
+    const hasOwnAssortment = ownCount > 0;
+    const activeGroup = hasOwnAssortment ? group : "other";
+    const floridayImport = useMutation({
+        mutationFn: () => importStickers({ data: { customerKey, organizationId: organizationId ?? null } }),
+        onSuccess: (r) => {
+            qc.invalidateQueries({ queryKey: ["customer-stickers", customerKey] });
+            qc.invalidateQueries({ queryKey: ["customer-assortment", customerKey] });
+            if (r.created || r.updated) {
+                toast.success(`${r.created} nieuw, ${r.updated} bijgewerkt, ${r.unchanged} ongewijzigd` +
+                    (r.skippedManual ? ` · ${r.skippedManual} handmatige stickers behouden` : ""));
+            }
+            else {
+                toast.info(r.message ?? "Geen nieuwe stickers gevonden in Floriday.");
+            }
+        },
+        onError: (e) => toast.error(friendlyError(e, "Ophalen uit Floriday mislukt")),
+    });
     const filtered = useMemo(() => {
         const q = search.trim().toLowerCase();
         return items.filter((i) => {
+            if (hasOwnAssortment && (activeGroup === "own" ? !i.in_assortment : i.in_assortment))
+                return false;
             if (onlyPriced && i.price == null)
                 return false;
             if (onlyWithoutSticker && stickerMap.has(i.key))
@@ -61,7 +86,7 @@ export function CustomerAssortmentTab({ customerKey, organizationId, }) {
                 (i.vbn_code ?? "").toLowerCase().includes(q) ||
                 (i.botanical_name ?? "").toLowerCase().includes(q));
         });
-    }, [items, search, onlyPriced, onlyWithoutSticker, stickerMap]);
+    }, [items, search, onlyPriced, onlyWithoutSticker, stickerMap, activeGroup, hasOwnAssortment]);
     if (isLoading) {
         return (_jsx(Card, { children: _jsx(CardContent, { className: "py-8 text-sm text-muted-foreground", children: "Assortiment laden\u2026" }) }));
     }
@@ -70,37 +95,50 @@ export function CustomerAssortmentTab({ customerKey, organizationId, }) {
     }
     const pg = data?.priceGroup ?? null;
     const currency = pg?.currency ?? "EUR";
+    const defaultFormat = stickerData?.format ?? null;
     if (items.length === 0) {
         return (_jsx(Card, { children: _jsxs(CardContent, { className: "py-10 text-center space-y-1", children: [_jsx("p", { className: "text-sm font-medium", children: "Nog geen assortiment beschikbaar" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Er staan nog geen handelsartikelen uit Floriday klaar voor deze klant." })] }) }));
     }
     return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [_jsxs("span", { children: [_jsx("strong", { className: "text-foreground", children: data?.summary.total ?? 0 }), " artikelen"] }), _jsxs("span", { children: [_jsx("strong", { className: "text-foreground", children: data?.summary.priced ?? 0 }), " met prijs"] }), pg ? (_jsxs("span", { children: ["Prijsgroep: ", _jsx("strong", { className: "text-foreground", children: pg.name }), pg.pricing_mode === "calculated" && pg.calc_value
                                 ? ` (${pg.calc_type === "surcharge" ? "toeslag" : "korting"} ${pg.calc_value}${pg.calc_value_type === "percentage" ? "%" : ` ${currency}`})`
-                                : ""] })) : (_jsx("span", { className: "text-amber-600", children: "Geen prijsgroep ingesteld voor deze klant" })), data?.summary.last_synced_at && (_jsxs("span", { children: ["laatste sync: ", new Date(data.summary.last_synced_at).toLocaleString("nl-NL")] }))] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [_jsxs("span", { children: ["Stickerformaat:", " ", _jsx("strong", { className: "text-foreground", children: stickerData?.format
-                                    ? `${stickerData.format.width_mm} × ${stickerData.format.height_mm} mm`
-                                    : "nog niet ingesteld" })] }), _jsx(CustomerStickerFormatDialog, { customerKey: customerKey, format: stickerData?.format ?? null }), _jsxs("span", { children: [_jsx("strong", { className: "text-foreground", children: stickerMap.size }), " artikelen met sticker"] }), _jsx(BulkStickerUploadDialog, { customerKey: customerKey, products: items.map((i) => ({
+                                : ""] })) : (_jsx("span", { className: "text-amber-600", children: "Geen prijsgroep ingesteld voor deze klant" })), data?.summary.last_synced_at && (_jsxs("span", { children: ["laatste sync: ", new Date(data.summary.last_synced_at).toLocaleString("nl-NL")] }))] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [_jsxs("span", { children: ["Stickerformaat:", " ", _jsx("strong", { className: "text-foreground", children: defaultFormat
+                                    ? `${defaultFormat.width_mm} × ${defaultFormat.height_mm} mm`
+                                    : "nog niet ingesteld" })] }), _jsx(CustomerStickerFormatDialog, { customerKey: customerKey, format: defaultFormat }), _jsxs("span", { children: [_jsx("strong", { className: "text-foreground", children: stickerMap.size }), " artikelen met sticker"] }), _jsx(BulkStickerUploadDialog, { customerKey: customerKey, products: items.map((i) => ({
                             key: i.key,
                             name: i.name,
                             code: i.supplier_article_code,
                             vbn: i.vbn_code,
                             botanical: i.botanical_name,
                             hasSticker: stickerMap.has(i.key),
-                        })), onDone: () => qc.invalidateQueries({ queryKey: ["customer-stickers", customerKey] }) })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "relative flex-1 min-w-[240px] max-w-md", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op naam, artikelcode of VBN-code\u2026", value: search, onChange: (e) => setSearch(e.target.value), className: "pl-9" })] }), _jsx("button", { type: "button", onClick: () => setOnlyPriced((v) => !v), className: "inline-flex items-center rounded-full border px-3 py-1 text-xs transition-colors " +
+                        })), onDone: () => qc.invalidateQueries({ queryKey: ["customer-stickers", customerKey] }) }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: floridayImport.isPending, onClick: () => floridayImport.mutate(), children: [_jsx(RefreshCw, { className: "h-4 w-4 mr-1.5 " + (floridayImport.isPending ? "animate-spin" : "") }), "Stickers ophalen uit Floriday"] })] }), hasOwnAssortment && (_jsx("div", { className: "flex flex-wrap items-center gap-2", children: _jsx("div", { className: "inline-flex rounded-lg border p-0.5", children: [
+                        ["own", `Eigen assortiment (${ownCount})`],
+                        ["other", `Overige producten (${otherCount})`],
+                    ].map(([value, label]) => (_jsx("button", { type: "button", onClick: () => setGroup(value), className: "rounded-md px-3 py-1 text-xs transition-colors " +
+                            (activeGroup === value
+                                ? "bg-primary text-primary-foreground"
+                                : "text-muted-foreground hover:bg-muted"), children: label }, value))) }) })), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "relative flex-1 min-w-[240px] max-w-md", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op naam, artikelcode of VBN-code\u2026", value: search, onChange: (e) => setSearch(e.target.value), className: "pl-9" })] }), _jsx("button", { type: "button", onClick: () => setOnlyPriced((v) => !v), className: "inline-flex items-center rounded-full border px-3 py-1 text-xs transition-colors " +
                             (onlyPriced
                                 ? "bg-primary text-primary-foreground border-primary"
                                 : "bg-card text-muted-foreground border-border hover:bg-muted"), children: "Alleen met prijs" }), _jsx("button", { type: "button", onClick: () => setOnlyWithoutSticker((v) => !v), className: "inline-flex items-center rounded-full border px-3 py-1 text-xs transition-colors " +
                             (onlyWithoutSticker
                                 ? "bg-primary text-primary-foreground border-primary"
-                                : "bg-card text-muted-foreground border-border hover:bg-muted"), children: "Alleen zonder sticker" }), _jsx("div", { className: "ml-auto", children: _jsx(FloridayPriceImportDialog, { customerKey: customerKey, organizationId: organizationId }) })] }), _jsx(Card, { children: _jsx(CardContent, { className: "p-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[64px]" }), _jsx(TableHead, { children: "Artikel" }), _jsx(TableHead, { children: "Verpakking" }), _jsx(TableHead, { className: "text-right", children: "Basisprijs" }), _jsx(TableHead, { className: "text-right", children: "Prijs voor klant" }), _jsx(TableHead, { children: "Sticker" })] }) }), _jsx(TableBody, { children: filtered.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "text-center py-6 text-muted-foreground text-sm", children: "Geen resultaten voor deze zoekopdracht." }) })) : filtered.map((i) => {
+                                : "bg-card text-muted-foreground border-border hover:bg-muted"), children: "Alleen zonder sticker" }), _jsx("div", { className: "ml-auto", children: _jsx(FloridayPriceImportDialog, { customerKey: customerKey, organizationId: organizationId }) })] }), _jsx(Card, { children: _jsx(CardContent, { className: "p-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[64px]" }), _jsx(TableHead, { children: "Artikel" }), hasOwnAssortment && _jsx(TableHead, { children: "Assortiment" }), _jsx(TableHead, { children: "Verpakking" }), _jsx(TableHead, { className: "text-right", children: "Basisprijs" }), _jsx(TableHead, { className: "text-right", children: "Prijs voor klant" }), _jsx(TableHead, { children: "Sticker" })] }) }), _jsx(TableBody, { children: filtered.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: hasOwnAssortment ? 7 : 6, className: "text-center py-6 text-muted-foreground text-sm", children: "Geen resultaten voor deze zoekopdracht." }) })) : filtered.map((i) => {
                                     const packing = [
                                         i.pieces_per_package != null ? `${i.pieces_per_package} per fust` : null,
                                         i.packages_per_layer != null ? `${i.packages_per_layer} per laag` : null,
                                         i.layers_per_carrier != null ? `${i.layers_per_carrier} lagen` : null,
                                     ].filter(Boolean);
+                                    const sticker = stickerMap.get(i.key) ?? null;
+                                    const fmt = sticker?.width_mm != null && sticker?.height_mm != null
+                                        ? `${sticker.width_mm} × ${sticker.height_mm} mm`
+                                        : defaultFormat
+                                            ? `${defaultFormat.width_mm} × ${defaultFormat.height_mm} mm`
+                                            : null;
                                     return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: i.image_url ? (_jsx("img", { src: i.image_url, alt: "", loading: "lazy", className: "h-10 w-10 rounded object-cover bg-muted" })) : (_jsx("div", { className: "h-10 w-10 rounded bg-muted flex items-center justify-center text-muted-foreground", children: _jsx(ImageOff, { className: "h-4 w-4" }) })) }), _jsxs(TableCell, { children: [_jsxs("div", { className: "font-medium flex items-center gap-2", children: [i.name, i.restricted && (_jsx(Badge, { variant: "secondary", title: "Alleen voor deze klant beschikbaar", children: "Exclusief" })), i.floriday_source_label && (_jsx(Badge, { variant: i.floriday_source === "contract" ? "default" : "secondary", children: i.floriday_source_label }))] }), _jsx("div", { className: "text-xs text-muted-foreground", children: [
                                                             i.supplier_article_code,
                                                             i.vbn_code ? `VBN ${i.vbn_code}` : null,
                                                             i.botanical_name,
                                                             i.country_of_origin,
-                                                        ].filter(Boolean).join(" · ") || "—" })] }), _jsxs(TableCell, { className: "text-sm text-muted-foreground", children: [_jsx("div", { children: i.packaging ?? "—" }), packing.length > 0 && (_jsx("div", { className: "text-xs", children: packing.join(" · ") }))] }), _jsx(TableCell, { className: "text-right whitespace-nowrap tabular-nums text-muted-foreground", children: money(i.base_price, i.currency) }), _jsxs(TableCell, { className: "text-right whitespace-nowrap tabular-nums", children: [_jsx("div", { className: "font-medium", children: money(i.price, i.currency) }), i.base_price_source && (_jsx("div", { className: "text-[10px] text-muted-foreground", children: i.base_price_source }))] }), _jsx(TableCell, { children: _jsx(CustomerStickerCell, { customerKey: customerKey, tradeItemKey: i.key, sticker: stickerMap.get(i.key) ?? null }) })] }, i.key));
+                                                        ].filter(Boolean).join(" · ") || "—" })] }), hasOwnAssortment && (_jsx(TableCell, { children: i.in_assortment ? (_jsx(Badge, { children: "Eigen assortiment" })) : (_jsx("span", { className: "text-xs text-muted-foreground", children: "Overig" })) })), _jsxs(TableCell, { className: "text-sm text-muted-foreground", children: [_jsx("div", { children: i.packaging ?? "—" }), packing.length > 0 && (_jsx("div", { className: "text-xs", children: packing.join(" · ") }))] }), _jsx(TableCell, { className: "text-right whitespace-nowrap tabular-nums text-muted-foreground", children: money(i.base_price, i.currency) }), _jsxs(TableCell, { className: "text-right whitespace-nowrap tabular-nums", children: [_jsx("div", { className: "font-medium", children: money(i.price, i.currency) }), i.base_price_source && (_jsx("div", { className: "text-[10px] text-muted-foreground", children: i.base_price_source }))] }), _jsx(TableCell, { children: _jsxs("div", { className: "space-y-1", children: [_jsx(CustomerStickerCell, { customerKey: customerKey, tradeItemKey: i.key, sticker: sticker }), sticker ? (_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [_jsx(Badge, { variant: sticker.source === "floriday" ? "default" : "secondary", children: sticker.source === "floriday" ? "Uit Floriday" : "Handmatig" }), fmt && _jsx("span", { children: fmt })] })) : (_jsx("div", { className: "text-[10px] text-muted-foreground", children: "Geen sticker" }))] }) })] }, i.key));
                                 }) })] }) }) })] }));
 }

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

@@ -1823,6 +1823,42 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Relationships: [];
             };
+            customer_assortment_items: {
+                Row: {
+                    created_at: string;
+                    customer_key: string;
+                    id: string;
+                    in_assortment: boolean;
+                    manual_override: boolean;
+                    source: string;
+                    synced_at: string | null;
+                    trade_item_key: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    created_at?: string;
+                    customer_key: string;
+                    id?: string;
+                    in_assortment?: boolean;
+                    manual_override?: boolean;
+                    source?: string;
+                    synced_at?: string | null;
+                    trade_item_key: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    created_at?: string;
+                    customer_key?: string;
+                    id?: string;
+                    in_assortment?: boolean;
+                    manual_override?: boolean;
+                    source?: string;
+                    synced_at?: string | null;
+                    trade_item_key?: string;
+                    updated_at?: string;
+                };
+                Relationships: [];
+            };
             customer_audit_log: {
                 Row: {
                     action: string;
@@ -2227,40 +2263,58 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
             };
             customer_product_stickers: {
                 Row: {
+                    content_hash: string | null;
                     created_at: string;
                     customer_key: string;
                     file_name: string;
                     file_path: string;
                     file_size: number | null;
+                    floriday_sticker_id: string | null;
+                    floriday_synced_at: string | null;
+                    height_mm: number | null;
                     id: string;
                     mime_type: string | null;
+                    source: string;
                     trade_item_key: string;
                     updated_at: string;
                     uploaded_by: string | null;
+                    width_mm: number | null;
                 };
                 Insert: {
+                    content_hash?: string | null;
                     created_at?: string;
                     customer_key: string;
                     file_name: string;
                     file_path: string;
                     file_size?: number | null;
+                    floriday_sticker_id?: string | null;
+                    floriday_synced_at?: string | null;
+                    height_mm?: number | null;
                     id?: string;
                     mime_type?: string | null;
+                    source?: string;
                     trade_item_key: string;
                     updated_at?: string;
                     uploaded_by?: string | null;
+                    width_mm?: number | null;
                 };
                 Update: {
+                    content_hash?: string | null;
                     created_at?: string;
                     customer_key?: string;
                     file_name?: string;
                     file_path?: string;
                     file_size?: number | null;
+                    floriday_sticker_id?: string | null;
+                    floriday_synced_at?: string | null;
+                    height_mm?: number | null;
                     id?: string;
                     mime_type?: string | null;
+                    source?: string;
                     trade_item_key?: string;
                     updated_at?: string;
                     uploaded_by?: string | null;
+                    width_mm?: number | null;
                 };
                 Relationships: [];
             };
@@ -11568,6 +11622,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 Row: {
                     actor: string | null;
                     attempts: number;
+                    calc: import("./types").Json | null;
                     cart_ref: string | null;
                     created_at: string;
                     db_action: string | null;
@@ -11578,6 +11633,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     decision: string | null;
                     duration_ms: number | null;
                     error: string | null;
+                    error_class: string | null;
                     external_action: string | null;
                     external_ref: string | null;
                     external_response: import("./types").Json | null;
@@ -11586,6 +11642,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     id: string;
                     input: import("./types").Json | null;
                     next_attempt_at: string | null;
+                    next_step: string | null;
+                    node_id: string | null;
                     order_ref: string | null;
                     order_source: string | null;
                     output: import("./types").Json | null;
@@ -11602,6 +11660,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 Insert: {
                     actor?: string | null;
                     attempts?: number;
+                    calc?: import("./types").Json | null;
                     cart_ref?: string | null;
                     created_at?: string;
                     db_action?: string | null;
@@ -11612,6 +11671,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     decision?: string | null;
                     duration_ms?: number | null;
                     error?: string | null;
+                    error_class?: string | null;
                     external_action?: string | null;
                     external_ref?: string | null;
                     external_response?: import("./types").Json | null;
@@ -11620,6 +11680,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     id?: string;
                     input?: import("./types").Json | null;
                     next_attempt_at?: string | null;
+                    next_step?: string | null;
+                    node_id?: string | null;
                     order_ref?: string | null;
                     order_source?: string | null;
                     output?: import("./types").Json | null;
@@ -11636,6 +11698,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 Update: {
                     actor?: string | null;
                     attempts?: number;
+                    calc?: import("./types").Json | null;
                     cart_ref?: string | null;
                     created_at?: string;
                     db_action?: string | null;
@@ -11646,6 +11709,7 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     decision?: string | null;
                     duration_ms?: number | null;
                     error?: string | null;
+                    error_class?: string | null;
                     external_action?: string | null;
                     external_ref?: string | null;
                     external_response?: import("./types").Json | null;
@@ -11654,6 +11718,8 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     id?: string;
                     input?: import("./types").Json | null;
                     next_attempt_at?: string | null;
+                    next_step?: string | null;
+                    node_id?: string | null;
                     order_ref?: string | null;
                     order_source?: string | null;
                     output?: import("./types").Json | null;
@@ -25158,12 +25224,59 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: string;
             };
+            logistics_trace_all_orders: {
+                Args: {
+                    p_limit?: number;
+                    p_search?: string;
+                };
+                Returns: import("./types").Json;
+            };
             logistics_trace_batch: {
                 Args: {
                     p: import("./types").Json;
                 };
                 Returns: number;
             };
+            logistics_trace_node: {
+                Args: {
+                    p_op?: string;
+                    p_status?: string;
+                    p_table: string;
+                };
+                Returns: string;
+            };
+            logistics_trace_order_overview: {
+                Args: {
+                    p_error_class?: string;
+                    p_limit?: number;
+                    p_search?: string;
+                    p_since?: string;
+                    p_source?: string;
+                    p_state?: string;
+                    p_step?: string;
+                };
+                Returns: import("./types").Json;
+            };
+            logistics_trace_order_state: {
+                Args: {
+                    p_order_ref: string;
+                };
+                Returns: import("./types").Json;
+            };
+            logistics_trace_order_step: {
+                Args: {
+                    p_class?: string;
+                    p_decision?: string;
+                    p_error?: string;
+                    p_next_step?: string;
+                    p_node: string;
+                    p_order_id: string;
+                    p_reason?: string;
+                    p_status: string;
+                    p_step: string;
+                };
+                Returns: undefined;
+            };
             logistics_trace_orders: {
                 Args: {
                     p_limit?: number;
@@ -25186,6 +25299,22 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: import("./types").Json;
             };
+            logistics_trace_version_events: {
+                Args: {
+                    p_from?: string;
+                    p_limit?: number;
+                    p_order_ref: string;
+                    p_to?: string;
+                    p_version_id: string;
+                };
+                Returns: import("./types").Json;
+            };
+            logistics_trace_versions: {
+                Args: {
+                    p_order_ref: string;
+                };
+                Returns: import("./types").Json;
+            };
             logistics_upsert_task: {
                 Args: {
                     p_buffer_ref: string;