@flowselections/floriday-klanten-module 1.0.35 → 1.0.36

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

@@ -1 +1 @@
-{"version":3,"file":"BewerkKlant.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/BewerkKlant.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,MAAM,EACN,QAAQ,EACR,YAAY,GACb,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,+BAsDA"}
+{"version":3,"file":"BewerkKlant.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/BewerkKlant.tsx"],"names":[],"mappings":"AAgEA,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,MAAM,EACN,QAAQ,EACR,YAAY,GACb,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,+BAuDA"}

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

@@ -8,6 +8,26 @@ import { getCustomer, updateCustomer } from "../../lib/customers.functions";
 import { decodeDeep } from "../../lib/decode-html";
 import { BackLink } from "../../components/klanten/BackLink";
 import { KlantFormulier, emptyKlantFormValues, } from "../../components/klanten/KlantFormulier";
+import { resolveCustomerKeyForLocalCustomer } from "../../lib/price-groups-local.functions";
+import { getCustomerStickerSettings } from "../../lib/customer-stickers.functions";
+import { CustomerStickerFormatDialog } from "../../components/klanten/CustomerStickerFormatDialog";
+function StickerFormatSection({ customerId }) {
+    const resolveKey = useServerFn(resolveCustomerKeyForLocalCustomer);
+    const getFormat = useServerFn(getCustomerStickerSettings);
+    const { data: keyData } = useQuery({
+        queryKey: ["customer-group-key", customerId],
+        queryFn: () => resolveKey({ data: { customerId } }),
+    });
+    const customerKey = keyData?.customerKey ?? null;
+    const { data: format } = useQuery({
+        queryKey: ["customer-sticker-format", customerKey],
+        queryFn: () => getFormat({ data: { customerKey: customerKey } }),
+        enabled: !!customerKey,
+    });
+    if (!customerKey)
+        return null;
+    return (_jsxs("div", { className: "rounded-lg border p-4 space-y-2", children: [_jsx("h3", { className: "text-sm font-medium", children: "Stickerformaat" }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Formaat waarop de stickers van deze klant worden geprint:", " ", _jsx("strong", { className: "text-foreground", children: format ? `${format.width_mm} × ${format.height_mm} mm` : "nog niet ingesteld" })] }), _jsx(CustomerStickerFormatDialog, { customerKey: customerKey, format: format ?? null })] }));
+}
 /** Zet een klantrij uit de database om naar formulierwaarden (null → ""). */
 function toFormValues(c) {
     const out = { ...emptyKlantFormValues };
@@ -59,5 +79,5 @@ export function BewerkKlant({ id, onDone, onCancel, hideBackLink, }) {
         return (_jsxs("main", { className: "p-6 space-y-3", children: [!hideBackLink && _jsx(BackLink, {}), _jsx("p", { className: "text-sm text-destructive", children: error instanceof Error ? error.message : "Klant niet gevonden." })] }));
     }
     const c = data.customer;
-    return (_jsx(KlantFormulier, { title: `${c.company_name || "Klant"} bewerken`, description: "Pas de gegevens aan. Wijzigingen worden direct naar Twinfield doorgestuurd.", submitLabel: "Wijzigingen opslaan", submitting: mut.isPending, defaultValues: toFormValues(c), onSubmit: (values) => mut.mutate(values), onCancel: () => onCancel ? onCancel() : navigate({ to: "/klanten/$id", params: { id } }) }));
+    return (_jsx(KlantFormulier, { title: `${c.company_name || "Klant"} bewerken`, description: "Pas de gegevens aan. Wijzigingen worden direct naar Twinfield doorgestuurd.", submitLabel: "Wijzigingen opslaan", submitting: mut.isPending, defaultValues: toFormValues(c), onSubmit: (values) => mut.mutate(values), extraSections: _jsx(StickerFormatSection, { customerId: id }), onCancel: () => onCancel ? onCancel() : navigate({ to: "/klanten/$id", params: { id } }) }));
 }

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

@@ -0,0 +1,14 @@
+export type BulkProduct = {
+    key: string;
+    name: string;
+    code: string | null;
+    vbn: string | null;
+    botanical: string | null;
+    hasSticker: boolean;
+};
+export declare function BulkStickerUploadDialog({ customerKey, products, onDone, }: {
+    customerKey: string;
+    products: BulkProduct[];
+    onDone: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=BulkStickerUploadDialog.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,231 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useRef, useState } from "react";
+import { useServerFn } from "@tanstack/react-start";
+import { Badge, Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from "@flowselections/core";
+import { FileText, FolderOpen, Loader2, Trash2, Upload, Sparkles } from "lucide-react";
+import { toast } from "sonner";
+import { supabase } from "../../integrations/supabase/client";
+import { ALLOWED_STICKER_MIME, commitStickerBatch, discardStickerBatch, suggestStickerMatches, } from "../../lib/customer-stickers.functions";
+import { friendlyError } from "../../lib/errors";
+import { SearchableSelect } from "./SearchableSelect";
+const BUCKET = "customer-stickers";
+const MAX_SIZE = 10 * 1024 * 1024;
+const ACCEPT = ".pdf,.png,.jpg,.jpeg,.svg";
+function safeKey(value) {
+    return value.replace(/[^a-zA-Z0-9._-]/g, "_");
+}
+function extOf(name) {
+    return (/\.([a-z0-9]+)$/i.exec(name)?.[1] ?? "bin").toLowerCase();
+}
+async function makeThumbnail(file) {
+    if (!file.type.startsWith("image/"))
+        return null;
+    try {
+        const url = URL.createObjectURL(file);
+        const img = await new Promise((resolve, reject) => {
+            const el = new Image();
+            el.onload = () => resolve(el);
+            el.onerror = reject;
+            el.src = url;
+        });
+        const max = 512;
+        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));
+        canvas.height = Math.max(1, Math.round((img.height || max) * scale));
+        const ctx = canvas.getContext("2d");
+        if (!ctx)
+            return null;
+        ctx.fillStyle = "#ffffff";
+        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);
+    }
+    catch {
+        return null;
+    }
+}
+export function BulkStickerUploadDialog({ customerKey, products, onDone, }) {
+    const [open, setOpen] = useState(false);
+    const [batchId, setBatchId] = useState(null);
+    const [rows, setRows] = useState([]);
+    const [phase, setPhase] = useState("idle");
+    const [progress, setProgress] = useState({ done: 0, total: 0 });
+    const folderRef = useRef(null);
+    const filesRef = useRef(null);
+    const suggest = useServerFn(suggestStickerMatches);
+    const commit = useServerFn(commitStickerBatch);
+    const discard = useServerFn(discardStickerBatch);
+    const productOptions = useMemo(() => products.map((p) => ({
+        value: p.key,
+        label: p.name,
+        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]);
+    const duplicates = useMemo(() => {
+        const count = new Map();
+        for (const r of rows)
+            if (r.tradeItemKey)
+                count.set(r.tradeItemKey, (count.get(r.tradeItemKey) ?? 0) + 1);
+        return new Set([...count.entries()].filter(([, n]) => n > 1).map(([k]) => k));
+    }, [rows]);
+    const reset = () => {
+        setRows([]);
+        setBatchId(null);
+        setPhase("idle");
+        setProgress({ done: 0, total: 0 });
+    };
+    const handleFiles = async (fileList) => {
+        const all = Array.from(fileList ?? []).filter((f) => ALLOWED_STICKER_MIME.includes((f.type || "")));
+        if (all.length === 0) {
+            toast.error("Geen bruikbare bestanden gevonden. Gebruik PDF, PNG, JPG of SVG.");
+            return;
+        }
+        const tooBig = all.filter((f) => f.size > MAX_SIZE);
+        const files = all.filter((f) => f.size <= MAX_SIZE);
+        if (tooBig.length)
+            toast.error(`${tooBig.length} bestand(en) zijn groter dan 10 MB en worden overgeslagen.`);
+        if (files.length === 0)
+            return;
+        const id = crypto.randomUUID();
+        setBatchId(id);
+        setPhase("uploading");
+        setProgress({ done: 0, total: files.length });
+        const staged = [];
+        for (const file of files) {
+            const fileId = crypto.randomUUID();
+            const path = `${safeKey(customerKey)}/_inbox/${safeKey(id)}/${fileId}.${extOf(file.name)}`;
+            const { error } = await supabase.storage
+                .from(BUCKET)
+                .upload(path, file, { contentType: file.type, upsert: false });
+            if (error) {
+                toast.error(`${file.name}: ${error.message}`);
+            }
+            else {
+                staged.push({
+                    fileId,
+                    fileName: file.name,
+                    mimeType: file.type,
+                    fileSize: file.size,
+                    inboxPath: path,
+                    thumbnail: await makeThumbnail(file),
+                    tradeItemKey: null,
+                    confidence: 0,
+                    reason: null,
+                    replaceExisting: false,
+                });
+            }
+            setProgress((p) => ({ ...p, done: p.done + 1 }));
+        }
+        setRows(staged);
+        if (staged.length === 0) {
+            reset();
+            return;
+        }
+        setPhase("matching");
+        try {
+            const res = await suggest({
+                data: {
+                    files: staged.map((s) => ({
+                        fileId: s.fileId,
+                        fileName: s.fileName,
+                        thumbnail: s.thumbnail,
+                    })),
+                    products: products.map((p) => ({
+                        key: p.key,
+                        name: p.name,
+                        code: p.code,
+                        vbn: p.vbn,
+                        botanical: p.botanical,
+                    })),
+                },
+            });
+            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;
+            }));
+        }
+        catch (e) {
+            toast.error(friendlyError(e, "AI-herkenning mislukt — koppel de stickers handmatig."));
+        }
+        setPhase("review");
+    };
+    const close = async (cancel) => {
+        if (cancel && batchId && rows.length) {
+            try {
+                await discard({ data: { customerKey, batchId } });
+            }
+            catch {
+                /* opruimen mag stilletjes falen */
+            }
+        }
+        setOpen(false);
+        reset();
+    };
+    const save = async () => {
+        const items = rows
+            .filter((r) => r.tradeItemKey)
+            .map((r) => ({
+            inboxPath: r.inboxPath,
+            fileName: r.fileName,
+            mimeType: r.mimeType,
+            fileSize: r.fileSize,
+            tradeItemKey: r.tradeItemKey,
+            replaceExisting: r.replaceExisting,
+        }));
+        if (items.length === 0) {
+            toast.error("Koppel eerst minimaal één sticker aan een product.");
+            return;
+        }
+        setPhase("saving");
+        try {
+            const res = await commit({ data: { customerKey, batchId: batchId, items } });
+            const parts = [
+                `${res.linked} nieuw`,
+                res.replaced ? `${res.replaced} vervangen` : null,
+                res.skipped ? `${res.skipped} overgeslagen` : null,
+                res.failed.length ? `${res.failed.length} mislukt` : null,
+            ].filter(Boolean);
+            toast.success(`Stickers opgeslagen: ${parts.join(", ")}`);
+            if (res.failed.length) {
+                toast.error(res.failed.map((f) => `${f.fileName}: ${f.reason}`).join(" · "));
+            }
+            onDone();
+            setOpen(false);
+            reset();
+        }
+        catch (e) {
+            toast.error(friendlyError(e, "Opslaan mislukt"));
+            setPhase("review");
+        }
+    };
+    const busy = phase === "uploading" || phase === "matching" || phase === "saving";
+    return (_jsxs(_Fragment, { children: [_jsx("input", { ref: folderRef, type: "file", className: "hidden", multiple: true, 
+                // @ts-expect-error niet-standaard maar breed ondersteund
+                webkitdirectory: "", directory: "", onChange: (e) => {
+                    void handleFiles(e.target.files);
+                    e.target.value = "";
+                } }), _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) => {
+                                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) => {
+                                            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
+                                                                ? "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"] }))] })] })] }) })] }));
+}

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":"AAsBA,wBAAgB,qBAAqB,CAAC,EACpC,WAAW,EACX,cAAc,GACf,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,+BA8LA"}
+{"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"}

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

@@ -1,13 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
-import { useQuery } from "@tanstack/react-query";
+import { 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 { listCustomerAssortment } from "../../lib/customer-assortment.functions";
+import { listCustomerStickers } from "../../lib/customer-stickers.functions";
 import { decodeDeep } from "../../lib/decode-html";
 import { friendlyError } from "../../lib/errors";
 import { FloridayPriceImportDialog } from "./FloridayPriceImportDialog";
+import { CustomerStickerCell } from "./CustomerStickerCell";
+import { CustomerStickerFormatDialog } from "./CustomerStickerFormatDialog";
+import { BulkStickerUploadDialog } from "./BulkStickerUploadDialog";
 function money(value, currency) {
     if (value == null)
         return "—";
@@ -20,20 +24,36 @@ function money(value, currency) {
 }
 export function CustomerAssortmentTab({ customerKey, organizationId, }) {
     const list = useServerFn(listCustomerAssortment);
+    const listStickers = useServerFn(listCustomerStickers);
+    const qc = useQueryClient();
     const [search, setSearch] = useState("");
     const [onlyPriced, setOnlyPriced] = useState(false);
+    const [onlyWithoutSticker, setOnlyWithoutSticker] = useState(false);
     const { data, isLoading, error } = useQuery({
         queryKey: ["customer-assortment", customerKey, organizationId ?? null],
         queryFn: () => list({ data: { customerKey, organizationId: organizationId ?? null } }).then(decodeDeep),
         enabled: !!customerKey,
         staleTime: 60000,
     });
+    const { data: stickerData } = useQuery({
+        queryKey: ["customer-stickers", customerKey],
+        queryFn: () => listStickers({ data: { customerKey } }),
+        enabled: !!customerKey,
+    });
+    const stickerMap = useMemo(() => {
+        const m = new Map();
+        for (const s of stickerData?.stickers ?? [])
+            m.set(s.trade_item_key, s);
+        return m;
+    }, [stickerData]);
     const items = data?.items ?? [];
     const filtered = useMemo(() => {
         const q = search.trim().toLowerCase();
         return items.filter((i) => {
             if (onlyPriced && i.price == null)
                 return false;
+            if (onlyWithoutSticker && stickerMap.has(i.key))
+                return false;
             if (!q)
                 return true;
             return (i.name.toLowerCase().includes(q) ||
@@ -41,7 +61,7 @@ export function CustomerAssortmentTab({ customerKey, organizationId, }) {
                 (i.vbn_code ?? "").toLowerCase().includes(q) ||
                 (i.botanical_name ?? "").toLowerCase().includes(q));
         });
-    }, [items, search, onlyPriced]);
+    }, [items, search, onlyPriced, onlyWithoutSticker, stickerMap]);
     if (isLoading) {
         return (_jsx(Card, { children: _jsx(CardContent, { className: "py-8 text-sm text-muted-foreground", children: "Assortiment laden\u2026" }) }));
     }
@@ -55,10 +75,22 @@ export function CustomerAssortmentTab({ customerKey, organizationId, }) {
     }
     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", 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 " +
+                                : ""] })) : (_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) => ({
+                            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 " +
                             (onlyPriced
                                 ? "bg-primary text-primary-foreground border-primary"
-                                : "bg-card text-muted-foreground border-border hover:bg-muted"), children: "Alleen met prijs" }), _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(TableBody, { children: filtered.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, 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 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) => {
                                     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,
@@ -69,6 +101,6 @@ export function CustomerAssortmentTab({ customerKey, organizationId, }) {
                                                             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 }))] })] }, i.key));
+                                                        ].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));
                                 }) })] }) }) })] }));
 }

package/dist-lib/components/klanten/CustomerStickerCell.d.ts

@@ -0,0 +1,7 @@
+import { type CustomerSticker } from "../../lib/customer-stickers.functions";
+export declare function CustomerStickerCell({ customerKey, tradeItemKey, sticker, }: {
+    customerKey: string;
+    tradeItemKey: string;
+    sticker: CustomerSticker | null;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CustomerStickerCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerStickerCell.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/CustomerStickerCell.tsx"],"names":[],"mappings":"AASA,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAC;AAgB3C,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,YAAY,EACZ,OAAO,GACR,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,eAAe,GAAG,IAAI,CAAC;CACjC,+BAyKA"}

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

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from "@flowselections/core";
+import { Upload, FileText, Trash2, Eye, RefreshCw } from "lucide-react";
+import { toast } from "sonner";
+import { supabase } from "../../integrations/supabase/client";
+import { ALLOWED_STICKER_MIME, confirmStickerUpload, deleteCustomerSticker, } from "../../lib/customer-stickers.functions";
+import { friendlyError } from "../../lib/errors";
+const BUCKET = "customer-stickers";
+const MAX_SIZE = 10 * 1024 * 1024;
+const ACCEPT = ".pdf,.png,.jpg,.jpeg,.svg";
+function extOf(name) {
+    const m = /\.([a-z0-9]+)$/i.exec(name);
+    return (m?.[1] ?? "bin").toLowerCase();
+}
+function safeKey(value) {
+    return value.replace(/[^a-zA-Z0-9._-]/g, "_");
+}
+export function CustomerStickerCell({ customerKey, tradeItemKey, sticker, }) {
+    const qc = useQueryClient();
+    const confirm = useServerFn(confirmStickerUpload);
+    const remove = useServerFn(deleteCustomerSticker);
+    const inputRef = useRef(null);
+    const [open, setOpen] = useState(false);
+    const [busy, setBusy] = useState(false);
+    const invalidate = () => {
+        qc.invalidateQueries({ queryKey: ["customer-stickers", customerKey] });
+    };
+    const upload = async (file) => {
+        if (file.size > MAX_SIZE) {
+            toast.error("Het bestand is groter dan 10 MB.");
+            return;
+        }
+        const type = file.type || "";
+        if (!ALLOWED_STICKER_MIME.includes(type)) {
+            toast.error("Gebruik een PDF, PNG, JPG of SVG.");
+            return;
+        }
+        setBusy(true);
+        try {
+            const path = `${safeKey(customerKey)}/${safeKey(tradeItemKey)}/${crypto.randomUUID()}.${extOf(file.name)}`;
+            const { error } = await supabase.storage.from(BUCKET).upload(path, file, {
+                contentType: type,
+                upsert: false,
+            });
+            if (error)
+                throw error;
+            await confirm({
+                data: {
+                    customerKey,
+                    tradeItemKey,
+                    filePath: path,
+                    fileName: file.name,
+                    mimeType: type,
+                    fileSize: file.size,
+                },
+            });
+            invalidate();
+            toast.success("Sticker opgeslagen");
+            setOpen(false);
+        }
+        catch (e) {
+            toast.error(friendlyError(e, "Uploaden mislukt"));
+        }
+        finally {
+            setBusy(false);
+            if (inputRef.current)
+                inputRef.current.value = "";
+        }
+    };
+    const del = useMutation({
+        mutationFn: () => remove({ data: { customerKey, tradeItemKey } }),
+        onSuccess: () => {
+            invalidate();
+            toast.success("Sticker verwijderd");
+            setOpen(false);
+        },
+        onError: (e) => toast.error(friendlyError(e, "Verwijderen mislukt")),
+    });
+    const isImage = !!sticker?.mime_type?.startsWith("image/");
+    return (_jsxs(_Fragment, { children: [_jsx("input", { ref: inputRef, type: "file", accept: ACCEPT, className: "hidden", onChange: (e) => {
+                    const f = e.target.files?.[0];
+                    if (f)
+                        void upload(f);
+                } }), sticker ? (_jsxs("button", { type: "button", onClick: () => setOpen(true), className: "flex items-center gap-2 text-left hover:opacity-80", title: sticker.file_name, children: [isImage && sticker.url ? (_jsx("img", { src: sticker.url, alt: "", className: "h-9 w-9 rounded border object-contain bg-muted" })) : (_jsx("div", { className: "h-9 w-9 rounded border bg-muted flex items-center justify-center", children: _jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }) })), _jsx("span", { className: "text-xs max-w-[120px] truncate", children: sticker.file_name })] })) : (_jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: busy, onClick: () => inputRef.current?.click(), children: [_jsx(Upload, { className: "h-4 w-4 mr-1.5" }), "Uploaden"] })), _jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { className: "max-w-md", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Sticker" }) }), sticker && (_jsxs("div", { className: "space-y-3", children: [isImage && sticker.url ? (_jsx("img", { src: sticker.url, alt: sticker.file_name, className: "max-h-64 w-full rounded border object-contain bg-muted" })) : (_jsxs("div", { className: "rounded border bg-muted p-6 flex items-center justify-center gap-2 text-sm text-muted-foreground", children: [_jsx(FileText, { className: "h-5 w-5" }), sticker.file_name] })), _jsxs("p", { className: "text-xs text-muted-foreground", children: [sticker.file_name, sticker.file_size != null
+                                            ? ` · ${(sticker.file_size / 1024).toFixed(0)} kB`
+                                            : ""] })] })), _jsxs(DialogFooter, { className: "gap-2 sm:justify-between", children: [_jsxs(Button, { type: "button", variant: "destructive", disabled: del.isPending || busy, onClick: () => del.mutate(), children: [_jsx(Trash2, { className: "h-4 w-4 mr-1.5" }), "Verwijderen"] }), _jsxs("div", { className: "flex gap-2", children: [sticker?.url && (_jsx(Button, { type: "button", variant: "outline", asChild: true, children: _jsxs("a", { href: sticker.url, target: "_blank", rel: "noreferrer", children: [_jsx(Eye, { className: "h-4 w-4 mr-1.5" }), "Bekijken"] }) })), _jsxs(Button, { type: "button", disabled: busy, onClick: () => inputRef.current?.click(), children: [_jsx(RefreshCw, { className: "h-4 w-4 mr-1.5" }), "Vervangen"] })] })] })] }) })] }));
+}

package/dist-lib/components/klanten/CustomerStickerFormatDialog.d.ts

@@ -0,0 +1,7 @@
+import { type StickerFormat } from "../../lib/customer-stickers.functions";
+export declare function CustomerStickerFormatDialog({ customerKey, format, trigger, }: {
+    customerKey: string;
+    format: StickerFormat | null;
+    trigger?: React.ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CustomerStickerFormatDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerStickerFormatDialog.d.ts","sourceRoot":"","sources":["../../../src/components/klanten/CustomerStickerFormatDialog.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA8B,KAAK,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAGnG,wBAAgB,2BAA2B,CAAC,EAC1C,WAAW,EACX,MAAM,EACN,OAAO,GACR,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,+BAoFA"}

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, } from "@flowselections/core";
+import { Ruler } from "lucide-react";
+import { toast } from "sonner";
+import { setCustomerStickerSettings } from "../../lib/customer-stickers.functions";
+import { friendlyError } from "../../lib/errors";
+export function CustomerStickerFormatDialog({ customerKey, format, trigger, }) {
+    const qc = useQueryClient();
+    const save = useServerFn(setCustomerStickerSettings);
+    const [open, setOpen] = useState(false);
+    const [width, setWidth] = useState(String(format?.width_mm ?? 100));
+    const [height, setHeight] = useState(String(format?.height_mm ?? 150));
+    useEffect(() => {
+        if (open) {
+            setWidth(String(format?.width_mm ?? 100));
+            setHeight(String(format?.height_mm ?? 150));
+        }
+    }, [open, format?.width_mm, format?.height_mm]);
+    const mut = useMutation({
+        mutationFn: () => save({
+            data: { customerKey, widthMm: Number(width), heightMm: Number(height) },
+        }),
+        onSuccess: () => {
+            qc.invalidateQueries({ queryKey: ["customer-stickers", customerKey] });
+            qc.invalidateQueries({ queryKey: ["customer-sticker-format", customerKey] });
+            toast.success("Stickerformaat opgeslagen");
+            setOpen(false);
+        },
+        onError: (e) => toast.error(friendlyError(e, "Opslaan mislukt")),
+    });
+    const valid = Number(width) > 0 && Number(height) > 0;
+    return (_jsxs(_Fragment, { children: [_jsx("span", { onClick: () => setOpen(true), children: trigger ?? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", children: [_jsx(Ruler, { className: "h-4 w-4 mr-2" }), "Stickerformaat"] })) }), _jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { className: "max-w-sm", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Stickerformaat van deze klant" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "sticker-width", children: "Breedte (mm)" }), _jsx(Input, { id: "sticker-width", type: "number", min: "1", step: "0.1", value: width, onChange: (e) => setWidth(e.target.value) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "sticker-height", children: "Hoogte (mm)" }), _jsx(Input, { id: "sticker-height", type: "number", min: "1", step: "0.1", value: height, onChange: (e) => setHeight(e.target.value) })] })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Stickers worden bij het printen passend geschaald naar dit formaat." }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => setOpen(false), children: "Annuleren" }), _jsx(Button, { type: "button", disabled: !valid || mut.isPending, onClick: () => mut.mutate(), children: "Opslaan" })] })] }) })] }));
+}

package/dist-lib/index.d.ts

@@ -24,6 +24,10 @@ export { CustomerAssortmentTab } from "./components/klanten/CustomerAssortmentTa
 export { listCustomerAssortment } from "./lib/customer-assortment.functions";
 export { loadFloridayCatalogPrices, type CatalogPrice } from "./lib/floriday-catalog-prices";
 export { FloridayPriceImportDialog } from "./components/klanten/FloridayPriceImportDialog";
+export { CustomerStickerCell } from "./components/klanten/CustomerStickerCell";
+export { CustomerStickerFormatDialog } from "./components/klanten/CustomerStickerFormatDialog";
+export { BulkStickerUploadDialog } from "./components/klanten/BulkStickerUploadDialog";
+export { listCustomerStickers, confirmStickerUpload, deleteCustomerSticker, getCustomerStickerSettings, setCustomerStickerSettings, getStickerForPrint, suggestStickerMatches, commitStickerBatch, discardStickerBatch, ALLOWED_STICKER_MIME, type CustomerSticker, type CustomerStickersResult, type StickerFormat, } from "./lib/customer-stickers.functions";
 export { previewFloridayPriceImport, applyFloridayPriceImport, } from "./lib/floriday-price-import.functions";
 export { getPriceGroupsForCustomer, setPriceGroupForCustomer, resolveCustomerKeyForLocalCustomer, listPriceGroupItemPrices, setPriceGroupItemPrice, } from "./lib/price-groups-local.functions";
 export { PriceGroupItemPrices } from "./components/klanten/pricegroups/PriceGroupItemPrices";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,MAAM,mDAAmD,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,2DAA2D,CAAC;AACrG,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,KAAK,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,gDAAgD,CAAC;AAC3F,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACxB,kCAAkC,EAClC,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uDAAuD,CAAC;AAC7F,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,eAAO,MAAM,qBAAqB,EAAE,UAgBnC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,MAAM,mDAAmD,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,2DAA2D,CAAC;AACrG,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,KAAK,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,gDAAgD,CAAC;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,kDAAkD,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,0BAA0B,EAC1B,0BAA0B,EAC1B,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,aAAa,GACnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACxB,kCAAkC,EAClC,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uDAAuD,CAAC;AAC7F,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,eAAO,MAAM,qBAAqB,EAAE,UAgBnC,CAAC"}

package/dist-lib/index.js

@@ -40,6 +40,10 @@ export { CustomerAssortmentTab } from "./components/klanten/CustomerAssortmentTa
 export { listCustomerAssortment } from "./lib/customer-assortment.functions";
 export { loadFloridayCatalogPrices } from "./lib/floriday-catalog-prices";
 export { FloridayPriceImportDialog } from "./components/klanten/FloridayPriceImportDialog";
+export { CustomerStickerCell } from "./components/klanten/CustomerStickerCell";
+export { CustomerStickerFormatDialog } from "./components/klanten/CustomerStickerFormatDialog";
+export { BulkStickerUploadDialog } from "./components/klanten/BulkStickerUploadDialog";
+export { listCustomerStickers, confirmStickerUpload, deleteCustomerSticker, getCustomerStickerSettings, setCustomerStickerSettings, getStickerForPrint, suggestStickerMatches, commitStickerBatch, discardStickerBatch, ALLOWED_STICKER_MIME, } from "./lib/customer-stickers.functions";
 export { previewFloridayPriceImport, applyFloridayPriceImport, } from "./lib/floriday-price-import.functions";
 export { getPriceGroupsForCustomer, setPriceGroupForCustomer, resolveCustomerKeyForLocalCustomer, listPriceGroupItemPrices, setPriceGroupItemPrice, } from "./lib/price-groups-local.functions";
 export { PriceGroupItemPrices } from "./components/klanten/pricegroups/PriceGroupItemPrices";