@flowselections/floriday-voorraad 1.0.143 → 1.0.147

package/dist-lib/components/voorraad/ArtikelWizard.d.ts

@@ -9,7 +9,9 @@ export interface WizardInitial {
 }
 /** Neemt naam, code, voorraad, prijs en (indien compleet) belading over. */
 export declare function applyWizardInitial(base: WizardData, init?: WizardInitial): WizardData;
-export declare function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId, resumeJobId, initial, }?: {
+export declare function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId, resumeJobId, initial, embedded, }?: {
+    /** Binnen de artikelpagina: voorraad, samenstelling en geschiedenis staan in de eigen tabbladen. */
+    embedded?: boolean;
     draftId?: string;
     tradeItemId?: string;
     productId?: string;

package/dist-lib/components/voorraad/ArtikelWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AA2DA,OAAO,EAUL,KAAK,UAAU,EAMhB,MAAM,4BAA4B,CAAC;AA4DpC,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAMpF,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,4EAA4E;AAC5E,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,UAAU,CA0BrF;AAiED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EACX,SAAS,EACT,WAAW,EACX,OAAO,GACR,GAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,aAAa,CAAC;CACpB,+BAy4EL"}
+{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AA6DA,OAAO,EAUL,KAAK,UAAU,EAMhB,MAAM,4BAA4B,CAAC;AA4DpC,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAMpF,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,4EAA4E;AAC5E,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,aAAa,GAAG,UAAU,CA0BrF;AAgED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EACX,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAgB,GACjB,GAAE;IACD,oGAAoG;IACpG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,aAAa,CAAC;CACpB,+BA+6EL"}

package/dist-lib/components/voorraad/ArtikelWizard.js

@@ -3,9 +3,10 @@ import { saveOwnPackings, packingRowsFromWizard } from "../../lib/product-packin
 import { FloridayLoadCarriers } from "./FloridayLoadCarriers.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Link, useNavigate } from "@tanstack/react-router";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Button, Card, CardContent, Checkbox, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, toast, } from "@flowselections/core";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Button, Card, CardContent, Checkbox, Dialog, DialogDescription, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, toast, } from "@flowselections/core";
 import { ArrowLeft, ArrowRight, Check, ChevronDown, ClipboardList, Info, Loader2, Plus, Search, Trash2, Upload, UploadCloud, Users, X, Star, } from "lucide-react";
 import { useFloridayConnection } from "../../hooks/useFloridayConnection.js";
+import { countPendingPhotos, registerPendingPhoto, resolvePendingPhotos, wijzigingenOverzicht } from "../../lib/pending-photos.js";
 import { useFlorydayCustomers } from "../../hooks/useFlorydayCustomers.js";
 import { floriday } from "../../lib/floriday-client.js";
 import { listFloricode, listFloricodeByField } from "../../lib/floricode-client.js";
@@ -91,7 +92,6 @@ const STEPS = [
     { key: "fotos", label: "Foto's" },
     { key: "warehouse", label: "Warehouse" },
     { key: "beladingen", label: "Beladingen" },
-    { key: "verpakking", label: "Aanvullende verpakkingsmaterialen" },
     { key: "samenstelling", label: "Samenstelling" },
     { key: "beschikbaarheid", label: "Verwachte beschikbaarheid" },
     { key: "aanbieden", label: "Aanbieden & voorraad" },
@@ -137,7 +137,7 @@ async function lookupProductGroupForVbn(vbnCode) {
         .maybeSingle();
     return data ? groupOfRecord(data) : null;
 }
-export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId, resumeJobId, initial, } = {}) {
+export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId, resumeJobId, initial, embedded = false, } = {}) {
     const navigate = useNavigate();
     const { activeId, activeConnection, loading: connLoading } = useFloridayConnection();
     const connectionReadiness = useQuery({
@@ -960,7 +960,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
     const update = (key, value) => setData((d) => ({ ...d, [key]: value }));
     // Stap 1 (VBN) is de poort: zodra die geldig is, mag de gebruiker vrij
     // tussen alle stappen springen door erop te klikken.
-    const firstStepUnlocked = useMemo(() => steps.length > 0 && validateStepLocal(steps[0].key, data).ok, [steps, data]);
+    const firstStepUnlocked = useMemo(() => (!isEditingPublished && !publishToFloriday) || (steps.length > 0 && validateStepLocal(steps[0].key, data).ok), [steps, data, isEditingPublished, publishToFloriday]);
     // Per-stap validatie → bron voor visuele status én publish-gate.
     // "samenstelling" is read-only ("binnenkort beschikbaar") en mag nooit
     // als ongeldig tellen.
@@ -971,7 +971,12 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
     }), [steps, data, spec, regulatoryQuery.isLoading, regulatoryQuery.isError, regulatoryQuery.error]);
     // Foto's zijn alleen verplicht om naar Floriday te publiceren
     // (Floriday: "One or more product images"); opslaan als concept kan zonder.
-    const gateValidity = stepValidity.map((v, i) => v || (steps[i]?.key === "fotos" && !publishToFloriday));
+    // 1.0.146: zonder publiceren telt alleen wat lokaal nodig is (een naam).
+    // Floriday-velden en foto's zijn dan nooit "nog nodig".
+    const lokaalAlleen = !isEditingPublished && !publishToFloriday;
+    const gateValidity = lokaalAlleen
+        ? steps.map((st) => st.key !== "artikel" || data.name.trim().length > 0)
+        : stepValidity;
     const invalidStepCount = gateValidity.filter((v) => !v).length;
     const firstInvalidIndex = gateValidity.findIndex((v) => !v);
     const goTo = (i) => {
@@ -1197,6 +1202,16 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
             });
         });
     }, []);
+    const wizardData = data;
+    const [overzicht, setOverzicht] = useState(null);
+    /** Niets gaat naar Floriday zonder dit overzicht vooraf. */
+    const metOverzicht = (run, naarFloriday) => {
+        if (!naarFloriday) {
+            run();
+            return;
+        }
+        setOverzicht({ wijzigingen: wijzigingenOverzicht(lastSavedRef.current, data), fotos: countPendingPhotos(data), run });
+    };
     const submit = async (options) => {
         if (!activeId) {
             toast.error("Geen actieve verbinding met de handelsomgeving", {
@@ -1204,6 +1219,18 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
             });
             return;
         }
+        // Foto's gaan pas nu naar Floriday (na het overzicht vooraf).
+        let data = wizardData;
+        if (wantsPublish && countPendingPhotos(wizardData) > 0) {
+            try {
+                data = await resolvePendingPhotos(wizardData, (f) => floriday.uploadImage(activeId, f, f.type || "image/jpeg", f.name));
+                setData(data);
+            }
+            catch (e) {
+                toast.error(e.message || "Foto's konden niet naar Floriday");
+                return;
+            }
+        }
         // Zijn de productregels (schema) nog niet binnen? Dan publiceren we niet,
         // maar bewaren we de wijziging ALTIJD lokaal en markeren we hem als
         // "nog niet doorgegeven aan Floriday".
@@ -1820,6 +1847,8 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
         // 2. Doorgeven aan Floriday.
         try {
             await saveWarehousePreference(pushTargetId, snapshot.warehouseId);
+            snapshot = await resolvePendingPhotos(snapshot, (f) => floriday.uploadImage(activeId, f, f.type || "image/jpeg", f.name));
+            setData(snapshot);
             const payload = buildUpdateTradeItemPayload(snapshot);
             const res = await floriday.updateTradeItem(activeId, pushTargetId, payload);
             if (!res?.attemptId) {
@@ -1872,16 +1901,8 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
             lastSavedRef.current = serialized;
             return;
         }
-        if (lastSavedRef.current === serialized)
-            return;
-        const snapshot = data;
-        const t = window.setTimeout(() => {
-            // De lokale opslag slaagt (bijna) altijd; de baseline mag dus mee, ook als
-            // de Floriday-push faalt — de invoer staat dan veilig in de eigen database.
-            lastSavedRef.current = serialized;
-            void persistAndPush(snapshot);
-        }, 800);
-        return () => window.clearTimeout(t);
+        // 1.0.146: geen automatisch opslaan/versturen meer. Alleen bewust via
+        // "Naar Floriday sturen" / "Op Floriday zetten" met het overzicht vooraf.
     }, [
         data,
         draftId,
@@ -1910,7 +1931,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
     if (connLoading || draftLoading || publishedLoading || productLoading) {
         // Voorraadblok direct bruikbaar; Floriday-gegevens laden op de achtergrond (1.0.138).
         const vroegVoorraad = !connLoading && (tradeItemId || productId || draftId);
-        return (_jsxs("main", { className: "p-6 space-y-4", children: [vroegVoorraad && (_jsx(VoorraadStockCard, { connectionId: activeId, tradeItemId: tradeItemId ?? null, draftId: draftId ?? null, productId: productId ?? null })), _jsxs(Card, { className: "p-6 flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), publishedLoading
+        return (_jsxs("main", { className: "p-6 space-y-4", children: [vroegVoorraad && !embedded && (_jsx(VoorraadStockCard, { connectionId: activeId, tradeItemId: tradeItemId ?? null, draftId: draftId ?? null, productId: productId ?? null })), _jsxs(Card, { className: "p-6 flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), publishedLoading
                             ? "Artikel laden..."
                             : draftLoading
                                 ? "Lokaal artikel laden..."
@@ -1925,11 +1946,11 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                             setDeleteOpen(o);
                             if (!o)
                                 setDeleteAck(false);
-                        }, children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "text-destructive hover:text-destructive", children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Verwijderen"] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Product verwijderen?" }), _jsx(AlertDialogDescription, { asChild: true, children: _jsxs("div", { className: "space-y-3 text-sm", children: [_jsxs("div", { children: ["Je staat op het punt om ", _jsx("strong", { children: data.name || "dit artikel" }), data.articleCode ? _jsxs(_Fragment, { children: [" (artikelnummer ", _jsx("code", { children: data.articleCode }), ")"] }) : null, " ", "lokaal uit de voorraad te verwijderen."] }), _jsxs("div", { className: "rounded-md border p-3 bg-muted/40 space-y-1", children: [_jsxs("div", { children: ["Huidige voorraad: ", _jsx("strong", { children: productMeta.physicalStock }), " stuks"] }), _jsxs("div", { children: ["Floriday-koppeling:", " ", productMeta.floridayActive || productMeta.floridayTradeItemId ? (_jsx("span", { className: "text-emerald-700 font-medium", children: "actief" })) : (_jsx("span", { className: "text-muted-foreground", children: "geen" }))] })] }), (productMeta.floridayActive || productMeta.floridayTradeItemId) && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-3 text-amber-900", children: [_jsx("strong", { children: "Let op:" }), " dit artikel is gekoppeld met Floriday. Als je alleen de lokale kant verwijdert, blijft het artikel op Floriday bestaan en verschijnt het bij de volgende sync weer terug in de lijst. Trek het artikel daarna zelf in via het Floriday-portaal als je het echt weg wilt."] })), productMeta.physicalStock > 0 && (_jsxs("div", { className: "rounded-md border border-rose-300 bg-rose-50 p-3 text-rose-900", children: ["Er staat nog voorraad (", productMeta.physicalStock, " stuks) op dit product. Deze voorraad wordt \u00F3\u00F3k verwijderd en kan niet automatisch worden hersteld."] })), _jsxs("label", { className: "flex items-start gap-2 pt-1", children: [_jsx(Checkbox, { checked: deleteAck, onCheckedChange: (v) => setDeleteAck(Boolean(v)) }), _jsx("span", { children: "Ik weet zeker dat ik dit product wil verwijderen en begrijp de gevolgen." })] })] }) })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { disabled: !deleteAck, onClick: handleDeleteDraft, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Definitief verwijderen" })] })] })] }))] }), isEditing && (data.name || data.vbnName) && (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Artikel" }), _jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [_jsx("h1", { className: "text-2xl font-semibold leading-tight", children: data.name || data.vbnName }), (isEditingPublished || draftFloridayId) ? (syncState === "saving" ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), " Synchroniseren\u2026"] })) : syncState === "saved" ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-emerald-100 text-emerald-700", children: [_jsx(Check, { className: "h-3 w-3" }), " Gesynchroniseerd"] })) : syncState === "error" ? (_jsx("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-red-100 text-red-700", title: syncError ?? undefined, children: "Sync mislukt \u2014 klik Opslaan om opnieuw te proberen" })) : null) : (_jsx("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: "Nog niet gepubliceerd naar Floriday" })), _jsx(PriceStatusBadge, { tradeItemId: tradeItemId ?? draftFloridayId ?? null, productId: productId ?? null, offerForSale: data.offerForSale })] }), data.name && data.vbnName && data.name !== data.vbnName && (_jsx("div", { className: "text-sm text-muted-foreground", children: data.vbnName }))] })), pendingSync && (_jsxs(Card, { className: "p-4 border-amber-300 bg-amber-50 text-amber-900 space-y-2", children: [_jsx("div", { className: "font-medium text-sm", children: "Je wijzigingen zijn opgeslagen, maar nog niet doorgegeven aan Floriday" }), _jsxs("div", { className: "text-xs", children: ["Alles wat je hier hebt ingevuld blijft bewaard in dit systeem. Zodra het doorgeven lukt, verdwijnt deze melding vanzelf.", pendingSync.error ? ` Reden: ${pendingSync.error}` : ""] }), _jsx(FloridayStockReasonLine, { productId: linkedProductId ?? productId ?? null }), _jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: retryingSync, onClick: retrySync, children: retryingSync ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin mr-1" }), " Bezig\u2026"] })) : ("Opnieuw proberen") })] })), isEditing && (_jsx(Card, { className: "p-4 bg-muted/30 flex items-center gap-3 text-sm", children: isEditingPublished ? (_jsxs(_Fragment, { children: [_jsx("img", { src: floridayLogo, alt: "Floriday", className: "h-6 w-6 shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium", children: "Gepubliceerd artikel bewerken" }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [editTarget.text, " Je kunt vrij tussen alle secties navigeren."] })] }), _jsxs(Button, { onClick: () => void submit(), disabled: submitting || invalidStepCount > 0, children: [submitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), "Wijzigingen opslaan"] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium", children: "Lokaal artikel bewerken" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Niet gepubliceerd. Je kunt vrij tussen alle secties navigeren." })] }), _jsxs(Button, { onClick: () => void submit(), disabled: submitting || invalidStepCount > 0, children: [submitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), publishToFloriday ? "Publiceren naar Floriday" : "Wijzigingen opslaan"] })] })) })), isEditing && (_jsxs(_Fragment, { children: [_jsx(ProductStructureCard, { productId: linkedProductId ?? productId ?? null }), _jsx(ArtikelCompositionCard, { productId: linkedProductId ?? productId ?? null, floridayId: tradeItemId ?? draftFloridayId ?? null }), _jsx(FloridayInfoCard, { floridayTradeItemId: tradeItemId ?? draftFloridayId ?? null, local: {
+                        }, children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "text-destructive hover:text-destructive", children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Verwijderen"] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Product verwijderen?" }), _jsx(AlertDialogDescription, { asChild: true, children: _jsxs("div", { className: "space-y-3 text-sm", children: [_jsxs("div", { children: ["Je staat op het punt om ", _jsx("strong", { children: data.name || "dit artikel" }), data.articleCode ? _jsxs(_Fragment, { children: [" (artikelnummer ", _jsx("code", { children: data.articleCode }), ")"] }) : null, " ", "lokaal uit de voorraad te verwijderen."] }), _jsxs("div", { className: "rounded-md border p-3 bg-muted/40 space-y-1", children: [_jsxs("div", { children: ["Huidige voorraad: ", _jsx("strong", { children: productMeta.physicalStock }), " stuks"] }), _jsxs("div", { children: ["Floriday-koppeling:", " ", productMeta.floridayActive || productMeta.floridayTradeItemId ? (_jsx("span", { className: "text-emerald-700 font-medium", children: "actief" })) : (_jsx("span", { className: "text-muted-foreground", children: "geen" }))] })] }), (productMeta.floridayActive || productMeta.floridayTradeItemId) && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-3 text-amber-900", children: [_jsx("strong", { children: "Let op:" }), " dit artikel is gekoppeld met Floriday. Als je alleen de lokale kant verwijdert, blijft het artikel op Floriday bestaan en verschijnt het bij de volgende sync weer terug in de lijst. Trek het artikel daarna zelf in via het Floriday-portaal als je het echt weg wilt."] })), productMeta.physicalStock > 0 && (_jsxs("div", { className: "rounded-md border border-rose-300 bg-rose-50 p-3 text-rose-900", children: ["Er staat nog voorraad (", productMeta.physicalStock, " stuks) op dit product. Deze voorraad wordt \u00F3\u00F3k verwijderd en kan niet automatisch worden hersteld."] })), _jsxs("label", { className: "flex items-start gap-2 pt-1", children: [_jsx(Checkbox, { checked: deleteAck, onCheckedChange: (v) => setDeleteAck(Boolean(v)) }), _jsx("span", { children: "Ik weet zeker dat ik dit product wil verwijderen en begrijp de gevolgen." })] })] }) })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { disabled: !deleteAck, onClick: handleDeleteDraft, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Definitief verwijderen" })] })] })] }))] }), isEditing && (data.name || data.vbnName) && (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Artikel" }), _jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [_jsx("h1", { className: "text-2xl font-semibold leading-tight", children: data.name || data.vbnName }), (isEditingPublished || draftFloridayId) ? (syncState === "saving" ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), " Synchroniseren\u2026"] })) : syncState === "saved" ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-emerald-100 text-emerald-700", children: [_jsx(Check, { className: "h-3 w-3" }), " Gesynchroniseerd"] })) : syncState === "error" ? (_jsx("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-red-100 text-red-700", title: syncError ?? undefined, children: "Sync mislukt \u2014 klik Opslaan om opnieuw te proberen" })) : null) : (_jsx("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: "Nog niet gepubliceerd naar Floriday" })), _jsx(PriceStatusBadge, { tradeItemId: tradeItemId ?? draftFloridayId ?? null, productId: productId ?? null, offerForSale: data.offerForSale })] }), data.name && data.vbnName && data.name !== data.vbnName && (_jsx("div", { className: "text-sm text-muted-foreground", children: data.vbnName }))] })), _jsx(Dialog, { open: overzicht !== null, onOpenChange: (o) => !o && setOverzicht(null), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Naar Floriday sturen" }), _jsx(DialogDescription, { children: "Dit gaat naar Floriday. Er verandert niets tot je bevestigt." })] }), _jsxs("div", { className: "space-y-2 text-sm", children: [overzicht && overzicht.wijzigingen.length > 0 ? (_jsx("ul", { className: "list-disc pl-5", children: overzicht.wijzigingen.map((w) => _jsx("li", { children: w }, w)) })) : (_jsx("p", { className: "text-muted-foreground", children: "Geen gewijzigde onderdelen sinds de laatste keer; de huidige gegevens worden opnieuw verstuurd." })), overzicht && overzicht.fotos > 0 && _jsxs("p", { children: [overzicht.fotos, " nieuwe foto('s) worden ge\u00FCpload."] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "ghost", onClick: () => setOverzicht(null), children: "Annuleren" }), _jsx(Button, { onClick: () => { const r = overzicht?.run; setOverzicht(null); r?.(); }, children: "Versturen" })] })] }) }), pendingSync && (_jsxs(Card, { className: "p-4 border-amber-300 bg-amber-50 text-amber-900 space-y-2", children: [_jsx("div", { className: "font-medium text-sm", children: "Je wijzigingen zijn opgeslagen, maar nog niet doorgegeven aan Floriday" }), _jsxs("div", { className: "text-xs", children: ["Alles wat je hier hebt ingevuld blijft bewaard in dit systeem. Zodra het doorgeven lukt, verdwijnt deze melding vanzelf.", pendingSync.error ? ` Reden: ${pendingSync.error}` : ""] }), _jsx(FloridayStockReasonLine, { productId: linkedProductId ?? productId ?? null }), _jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: retryingSync, onClick: () => metOverzicht(() => void retrySync(), true), children: retryingSync ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin mr-1" }), " Bezig\u2026"] })) : ("Opnieuw proberen") })] })), isEditing && (_jsx(Card, { className: "p-4 bg-muted/30 flex items-center gap-3 text-sm", children: isEditingPublished ? (_jsxs(_Fragment, { children: [_jsx("img", { src: floridayLogo, alt: "Floriday", className: "h-6 w-6 shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium", children: "Gepubliceerd artikel bewerken" }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [editTarget.text, " Je kunt vrij tussen alle secties navigeren."] })] }), _jsxs(Button, { onClick: () => metOverzicht(() => void submit(), wantsPublish), disabled: submitting || invalidStepCount > 0, children: [submitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), "Wijzigingen opslaan"] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium", children: "Lokaal artikel bewerken" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Niet gepubliceerd. Je kunt vrij tussen alle secties navigeren." })] }), _jsxs(Button, { onClick: () => metOverzicht(() => void submit(), wantsPublish), disabled: submitting || invalidStepCount > 0, children: [submitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), publishToFloriday ? "Publiceren naar Floriday" : "Wijzigingen opslaan"] })] })) })), isEditing && !embedded && (_jsxs(_Fragment, { children: [_jsx(ProductStructureCard, { productId: linkedProductId ?? productId ?? null }), _jsx(ArtikelCompositionCard, { productId: linkedProductId ?? productId ?? null, floridayId: tradeItemId ?? draftFloridayId ?? null }), _jsx(FloridayInfoCard, { floridayTradeItemId: tradeItemId ?? draftFloridayId ?? null, local: {
                             name: data.name || data.vbnName,
                             articleNumber: data.articleCode,
                             gtin: data.gtin,
-                        } }), _jsx(VoorraadStockCard, { connectionId: activeId, tradeItemId: tradeItemId ?? null, draftId: draftId ?? null, productId: linkedProductId ?? productId ?? null }), _jsx(OrderHistoryCard, { tradeItemKey: localTradeItemKey, productName: data.name || data.vbnName || null, productId: linkedProductId ?? productId ?? null }), _jsx(StockMutationHistoryCard, { tradeItemKey: localTradeItemKey, productId: linkedProductId ?? productId ?? null }), _jsx(ProductLinkCard, { tradeItemKey: localTradeItemKey, productName: data.vbnName || null })] })), _jsx("ol", { className: "space-y-3", children: steps.map((s, i) => {
+                        } }), _jsx(VoorraadStockCard, { connectionId: activeId, tradeItemId: tradeItemId ?? null, draftId: draftId ?? null, productId: linkedProductId ?? productId ?? null }), _jsx(OrderHistoryCard, { tradeItemKey: localTradeItemKey, productName: data.name || data.vbnName || null, productId: linkedProductId ?? productId ?? null }), _jsx(StockMutationHistoryCard, { tradeItemKey: localTradeItemKey, productId: linkedProductId ?? productId ?? null }), _jsx(ProductLinkCard, { tradeItemKey: localTradeItemKey, productName: data.name || data.vbnName || null })] })), _jsx("ol", { className: "space-y-3", children: steps.map((s, i) => {
                     const isOpen = i === step;
                     const isValid = stepValidity[i];
                     const isVisited = i < step || isEditing;
@@ -1953,7 +1974,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                                                         ? "border-destructive bg-destructive text-destructive-foreground"
                                                         : "border-muted-foreground/30 text-muted-foreground"}`, children: status === "valid" ? (_jsx(Check, { className: "h-4 w-4" })) : status === "invalid" ? ("!") : (i + 1) }), _jsx("span", { className: `min-w-0 truncate font-medium ${status === "untouched" ? "text-muted-foreground" : ""}`, children: s.label }), !isOpen && summary && (_jsx("span", { className: `max-w-xs truncate text-xs ${status === "invalid" ? "text-destructive" : "text-muted-foreground"}`, children: status === "invalid" ? `Onvolledig — ${summary}` : summary }))] }), isOpen && (_jsxs(CardContent, { className: "space-y-4 pt-0", children: [_jsx("div", { "data-wizard-form-content": true, className: "w-full min-w-0", children: _jsx(StepBody, { stepKey: s.key, data: data, packingStatus: packingStatus, update: update, vbnProducts: vbnProducts, featureTypes: featureTypes, packagingTypes: packagingTypes, loadCarriers: loadCarriers, floridayCustomers: floridayCustomers, schemaQuery: schemaQuery, regulatoryQuery: regulatoryQuery, spec: spec, collectionsList: collectionsList, setCollectionsList: setCollectionsList, activeId: activeId, acceptedVbnCodes: acceptedVbnCodes, priceGroups: priceGroups, parentProductId: linkedProductId ?? draftId ?? null, parentFloridayId: draftFloridayId ?? tradeItemId ?? null, articleCodeLocked: Boolean(draftFloridayId || tradeItemId), botanicalDraft: botanicalDraft, setBotanicalDraft: setBotanicalDraft }) }), isLastStep && !isEditingPublished && (_jsxs("div", { className: "rounded-lg border bg-muted/30 p-4 flex items-start gap-3", children: [_jsx("img", { src: floridayLogo, alt: "Floriday", className: "h-7 w-7 shrink-0 mt-0.5" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(Label, { htmlFor: "publish-to-floriday", className: "font-medium cursor-pointer", children: "Publiceren naar Floriday" }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: publishToFloriday
                                                                 ? "Het artikel wordt aangemaakt in Floriday en is binnen enkele minuten zichtbaar voor klanten."
-                                                                : "Het artikel wordt alleen lokaal opgeslagen. Je kunt het later vanuit de voorraadlijst alsnog publiceren naar Floriday." })] }), _jsx(Switch, { id: "publish-to-floriday", checked: publishToFloriday, onCheckedChange: setPublishToFloriday })] })), (isLastStep || isEditing) && (_jsx(PublishReadinessCard, { report: readiness, loading: connLoading || connectionReadiness.isLoading || schemaQuery.isLoading, onGoToStep: goToStepKey })), publishJob && (_jsx(PublishProgressCard, { job: publishJob, steps: publishSteps, retrying: submitting, onRetry: () => void submit({ resumeJobId: publishJob.id }), onFixStep: (key) => goToStepKey(key === "trade-item" ? "eigenschappen" : "aanbod") })), (isLastStep || isEditing) && invalidStepCount > 0 && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive flex items-center justify-between gap-3", children: [_jsxs("span", { children: ["Nog ", invalidStepCount, " stap", invalidStepCount === 1 ? "" : "pen", " onvolledig"] }), firstInvalidIndex >= 0 && (_jsxs("button", { type: "button", onClick: () => setStep(firstInvalidIndex), className: "underline font-medium", children: ["Ga naar ", steps[firstInvalidIndex].label] }))] })), _jsx("div", { className: "flex justify-end pt-2", children: isLastStep || isEditing ? (_jsxs(Button, { onClick: () => void submit(), disabled: submitting || invalidStepCount > 0, children: [submitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), isEditingPublished
+                                                                : "Het artikel wordt alleen lokaal opgeslagen. Je kunt het later vanuit de voorraadlijst alsnog publiceren naar Floriday." })] }), _jsx(Switch, { id: "publish-to-floriday", checked: publishToFloriday, onCheckedChange: setPublishToFloriday })] })), (isLastStep || isEditing) && (_jsx(PublishReadinessCard, { report: readiness, loading: connLoading || connectionReadiness.isLoading || schemaQuery.isLoading, onGoToStep: goToStepKey })), publishJob && (_jsx(PublishProgressCard, { job: publishJob, steps: publishSteps, retrying: submitting, onRetry: () => metOverzicht(() => void submit({ resumeJobId: publishJob.id }), true), onFixStep: (key) => goToStepKey(key === "trade-item" ? "eigenschappen" : "aanbod") })), (isLastStep || isEditing) && invalidStepCount > 0 && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive flex items-center justify-between gap-3", children: [_jsxs("span", { children: ["Nog ", invalidStepCount, " stap", invalidStepCount === 1 ? "" : "pen", " onvolledig"] }), firstInvalidIndex >= 0 && (_jsxs("button", { type: "button", onClick: () => setStep(firstInvalidIndex), className: "underline font-medium", children: ["Ga naar ", steps[firstInvalidIndex].label] }))] })), _jsx("div", { className: "flex justify-end pt-2", children: isLastStep || isEditing ? (_jsxs(Button, { onClick: () => metOverzicht(() => void submit(), wantsPublish), disabled: submitting || invalidStepCount > 0, children: [submitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), isEditingPublished
                                                         ? "Wijzigingen opslaan"
                                                         : publishToFloriday
                                                             ? isEditingDraft
@@ -1963,10 +1984,11 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                                                                 ? "Wijzigingen opslaan"
                                                                 : "Artikel aanmaken"] })) : ((() => {
                                                 const pendingBotanical = s.key === "paspoort" && botanicalDraft.trim() !== "";
-                                                const canGo = isValid || s.key === "fotos" || pendingBotanical;
+                                                const canGo = isValid || gateValidity[i] || pendingBotanical;
                                                 const res = canGo ? null : validateStepLocal(s.key, data);
-                                                const reasons = res && !res.ok ? res.errors : [];
-                                                return (_jsxs("div", { className: "flex flex-col items-end gap-1", children: [_jsxs(Button, { onClick: next, disabled: !canGo, children: ["Volgende stap", _jsx(ArrowRight, { className: "ml-2 h-4 w-4" })] }), !canGo && reasons.length > 0 && (_jsxs("p", { className: "text-xs text-muted-foreground text-right", children: ["Nog nodig: ", reasons.join(" · ")] })), s.key === "fotos" && !isValid && (_jsx("p", { className: "text-xs text-muted-foreground text-right", children: "Je kunt verder zonder foto. Voor publiceren naar Floriday is minstens \u00E9\u00E9n foto nodig." }))] }));
+                                                // Alleen wat echt ontbreekt, zonder herhalingen.
+                                                const reasons = res && !res.ok ? Array.from(new Set(res.errors)) : [];
+                                                return (_jsxs("div", { className: "flex flex-col items-end gap-1", children: [_jsxs(Button, { onClick: next, disabled: !canGo, children: ["Volgende stap", _jsx(ArrowRight, { className: "ml-2 h-4 w-4" })] }), !canGo && reasons.length > 0 && (_jsxs("p", { className: "text-xs text-muted-foreground text-right", children: ["Nog nodig: ", reasons.join(" · ")] })), s.key === "fotos" && !isValid && !lokaalAlleen && (_jsx("p", { className: "text-xs text-muted-foreground text-right", children: "Je kunt verder zonder foto. Voor publiceren naar Floriday is minstens \u00E9\u00E9n foto nodig." }))] }));
                                             })()) })] }))] }) }, s.key));
                 }) }), _jsx(AlertDialog, { open: Boolean(conflict), onOpenChange: (open) => {
                     if (!open)
@@ -2566,10 +2588,6 @@ function StepFotos({ data, update, activeId }) {
     const onFiles = async (files) => {
         if (!files || files.length === 0)
             return;
-        if (!activeId) {
-            toast.error("Geen actieve Floriday-koppeling – foto's kunnen niet worden geüpload");
-            return;
-        }
         const fileArr = Array.from(files);
         setUploading(true);
         setUploadError(null);
@@ -2617,27 +2635,14 @@ function StepFotos({ data, update, activeId }) {
                     if (storageErr) {
                         console.warn("[upload] Supabase storage mislukt", f.name, storageErr);
                     }
-                    // 3) Upload naar Floriday met retries (in de client).
-                    try {
-                        const res = await floriday.uploadImage(activeId, f, f.type || "image/jpeg", f.name);
-                        if (!res.url)
-                            throw new Error("Floriday upload gaf geen URL terug");
-                        const previewUrl = URL.createObjectURL(f);
-                        additions.push({
-                            name: f.name,
-                            url: res.url,
-                            previewUrl,
-                            imageId: res.imageId ?? null,
-                        });
-                    }
-                    catch (e) {
-                        const msg = e instanceof Error && e.message
-                            ? e.message
-                            : "Foto kon niet worden geüpload.";
-                        console.error("[StepFotos] upload mislukt", { filename: f.name, message: msg, error: e });
-                        setUploadError({ message: `${f.name}: ${msg}`, detail: e?.adminDetail ?? null });
-                        toast.error(`${f.name} — ${msg}`);
-                    }
+                    // 3) Niet naar Floriday bij het kiezen: alleen een tijdelijke verwijzing.
+                    //    Uploaden gebeurt pas bij "Naar Floriday sturen" (na het overzicht).
+                    additions.push({
+                        name: f.name,
+                        url: registerPendingPhoto(f),
+                        previewUrl: URL.createObjectURL(f),
+                        imageId: null,
+                    });
                 }
             };
             await Promise.all(Array.from({ length: CONCURRENCY }, worker));
@@ -2868,19 +2873,18 @@ function PackingConfigDialog({ open, onOpenChange, initial, isFirst, packagingTy
         (draft.source === "VBN" || Boolean(draft.packagingSupplierId)) &&
         (!draft.isCustomerSpecific || draft.customerOrganizationIds.length > 0);
     const onUploadPhoto = async (file) => {
-        if (!file || !activeId)
+        if (!file)
             return;
         setUploadingPhoto(true);
         try {
             const { prepareFloridayImage } = await import("../../lib/image-resize.js");
             const prepared = await prepareFloridayImage(file);
-            const res = await floriday.uploadImage(activeId, prepared, prepared.type || "image/jpeg", prepared.name);
-            if (!res.url)
-                throw new Error("Geen URL ontvangen van Floriday");
+            // Niet naar Floriday bij het kiezen; uploaden gebeurt pas bij versturen.
+            const pendingUrl = registerPendingPhoto(prepared);
             setDraft((d) => ({
                 ...d,
-                photoUrl: res.url,
-                photoImageId: res.imageId ?? undefined,
+                photoUrl: pendingUrl,
+                photoImageId: undefined,
                 photoPreviewUrl: URL.createObjectURL(prepared),
             }));
             toast.success("Foto toegevoegd aan belading");

package/dist-lib/components/voorraad/EditArtikelPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/EditArtikelPage.tsx"],"names":[],"mappings":"AAaA,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,WAAW,GACZ,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,+BAoFA"}
+{"version":3,"file":"EditArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/EditArtikelPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,WAAW,GACZ,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,+BA4EA"}

package/dist-lib/components/voorraad/EditArtikelPage.js

@@ -1,10 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Card } from "@flowselections/core";
 import { Loader2 } from "lucide-react";
 import { ArtikelWizard } from "./ArtikelWizard.js";
-import { ProductCustomFieldsCard } from "./ProductCustomFieldsCard.js";
-import { TrayStickerCard } from "./TrayStickerCard.js";
+import { ArtikelPagina } from "./artikel/ArtikelPagina.js";
 import { supabase } from "../../integrations/supabase/client.js";
 export function EditArtikelPage({ id, resumeJobId, }) {
     const [resolved, setResolved] = useState(null);
@@ -64,7 +63,7 @@ export function EditArtikelPage({ id, resumeJobId, }) {
         return (_jsx("main", { className: "p-6", children: _jsxs(Card, { className: "p-6 text-sm space-y-1", children: [_jsx("div", { children: "Artikel niet gevonden." }), resolved.reason && (_jsx("div", { className: "text-muted-foreground", children: resolved.reason }))] }) }));
     }
     if (resolved.kind === "product") {
-        return (_jsxs(_Fragment, { children: [_jsx(ArtikelWizard, { productId: resolved.id, resumeJobId: resumeJobId }), _jsxs("div", { className: "p-6 pt-0 space-y-6", children: [_jsx(TrayStickerCard, { productId: resolved.id }), _jsx(ProductCustomFieldsCard, { productId: resolved.id })] })] }));
+        return _jsx(ArtikelPagina, { id: resolved.id, resumeJobId: resumeJobId });
     }
     return _jsx(ArtikelWizard, { tradeItemId: resolved.id, resumeJobId: resumeJobId });
 }

package/dist-lib/components/voorraad/FustAdministratie.d.ts

@@ -0,0 +1,12 @@
+import type { FustType } from "../../lib/fusten.js";
+/** Startmoment en beginstand: boekingen vóór dit moment tellen niet mee in het saldo, maar blijven zichtbaar. */
+export declare function FustStartmomentCard({ items, onSaved }: {
+    items: FustType[];
+    onSaved: () => void;
+}): import("react").JSX.Element;
+/** Per fust: saldo bijhouden en eigen naam. */
+export declare function FustInstellingenCell({ fust, onSaved }: {
+    fust: FustType;
+    onSaved: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=FustAdministratie.d.ts.map

package/dist-lib/components/voorraad/FustAdministratie.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FustAdministratie.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FustAdministratie.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAejD,iHAAiH;AACjH,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+BA8EjG;AAED,+CAA+C;AAC/C,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+BAiD9F"}

package/dist-lib/components/voorraad/FustAdministratie.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, Card, Input, toast } from "@flowselections/core";
+import { fetchFustStartmomenten, fustNaam, saldoBijhouden, saveFustInstellingen, saveFustStartmoment, } from "../../lib/fust-administratie.js";
+function lokaleInvoer(d) {
+    const p = (n) => String(n).padStart(2, "0");
+    return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}T${p(d.getHours())}:${p(d.getMinutes())}`;
+}
+/** Startmoment en beginstand: boekingen vóór dit moment tellen niet mee in het saldo, maar blijven zichtbaar. */
+export function FustStartmomentCard({ items, onSaved }) {
+    const [rows, setRows] = useState(null);
+    const [fustId, setFustId] = useState("");
+    const [moment, setMoment] = useState(() => lokaleInvoer(new Date()));
+    const [beginstand, setBeginstand] = useState("0");
+    const [busy, setBusy] = useState(false);
+    const load = () => fetchFustStartmomenten().then(setRows).catch(() => setRows([]));
+    useEffect(() => { void load(); }, []);
+    const algemeen = rows?.find((r) => r.fust_type_id === null) ?? null;
+    const perFust = (rows ?? []).filter((r) => r.fust_type_id !== null);
+    const opslaan = async () => {
+        const n = Number(beginstand);
+        if (!Number.isFinite(n)) {
+            toast.error("Vul een geldige beginstand in.");
+            return;
+        }
+        const d = new Date(moment);
+        if (Number.isNaN(d.getTime())) {
+            toast.error("Vul een geldig startmoment in.");
+            return;
+        }
+        setBusy(true);
+        try {
+            await saveFustStartmoment(fustId || null, d, n);
+            toast.success("Startmoment opgeslagen; het saldo is opnieuw berekend.");
+            await load();
+            onSaved();
+        }
+        catch (e) {
+            toast.error(e.message);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return (_jsxs(Card, { className: "p-4 space-y-3", children: [_jsxs("div", { children: [_jsx("p", { className: "font-medium", children: "Startmoment fustenadministratie" }), rows !== null && !algemeen && perFust.length === 0 ? (_jsx("p", { className: "text-sm text-amber-700", children: "Er is nog geen startmoment. Stel een startmoment en beginstand in; tot die tijd telt het saldo alle boekingen uit het verleden mee." })) : (_jsxs("p", { className: "text-sm text-muted-foreground", children: [algemeen
+                                ? `Alle fusten: vanaf ${new Date(algemeen.moment).toLocaleString("nl-NL")}${algemeen.automatisch ? " (automatisch bij de eerste order)" : ""}.`
+                                : "Geen algemeen startmoment.", perFust.length > 0 && ` ${perFust.length} fust${perFust.length === 1 ? "" : "en"} met een eigen startmoment.`, " ", "Boekingen v\u00F3\u00F3r het startmoment blijven zichtbaar in de historie maar tellen niet mee."] }))] }), _jsxs("div", { className: "flex flex-wrap items-end gap-2", children: [_jsxs("label", { className: "text-xs text-muted-foreground space-y-1", children: [_jsx("span", { className: "block", children: "Voor" }), _jsxs("select", { className: "h-9 rounded-md border border-input bg-background px-2 text-sm", value: fustId, onChange: (e) => setFustId(e.target.value), children: [_jsx("option", { value: "", children: "Alle fusten" }), items.map((f) => (_jsx("option", { value: f.id, children: fustNaam(f) }, f.id)))] })] }), _jsxs("label", { className: "text-xs text-muted-foreground space-y-1", children: [_jsx("span", { className: "block", children: "Startmoment" }), _jsx(Input, { type: "datetime-local", className: "h-9 w-52", value: moment, onChange: (e) => setMoment(e.target.value) })] }), _jsxs("label", { className: "text-xs text-muted-foreground space-y-1", children: [_jsxs("span", { className: "block", children: ["Beginstand", fustId ? "" : " (per fust)"] }), _jsx(Input, { type: "number", className: "h-9 w-28 text-right", value: beginstand, onChange: (e) => setBeginstand(e.target.value) })] }), _jsx(Button, { size: "sm", onClick: () => void opslaan(), disabled: busy, children: busy ? "Opslaan…" : "Startmoment opslaan" })] })] }));
+}
+/** Per fust: saldo bijhouden en eigen naam. */
+export function FustInstellingenCell({ fust, onSaved }) {
+    const [open, setOpen] = useState(false);
+    const [naam, setNaam] = useState(fust.eigen_naam ?? "");
+    const [busy, setBusy] = useState(false);
+    const bijhouden = saldoBijhouden(fust);
+    const opslaan = async (saldo, eigenNaam) => {
+        setBusy(true);
+        try {
+            await saveFustInstellingen(fust.id, saldo, eigenNaam);
+            onSaved();
+        }
+        catch (e) {
+            toast.error(e.message);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return (_jsxs("div", { className: "mt-1 space-y-1 text-xs", children: [_jsxs("label", { className: "flex items-center gap-1 text-muted-foreground", children: [_jsx("input", { type: "checkbox", checked: bijhouden, disabled: busy, onChange: (e) => void opslaan(e.target.checked, fust.eigen_naam ?? null) }), "Saldo bijhouden", fust.saldo_bijhouden == null ? " (standaard)" : ""] }), !open ? (_jsx("button", { type: "button", className: "text-primary hover:underline", onClick: () => setOpen(true), children: fust.eigen_naam ? "Eigen naam wijzigen" : "Eigen naam geven" })) : (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Input, { className: "h-7 w-40", value: naam, placeholder: fust.name, onChange: (e) => setNaam(e.target.value) }), _jsx(Button, { size: "sm", className: "h-7", disabled: busy, onClick: async () => { await opslaan(fust.saldo_bijhouden ?? null, naam); setOpen(false); }, children: "Opslaan" }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7", onClick: () => setOpen(false), children: "Annuleren" })] }))] }));
+}

package/dist-lib/components/voorraad/FustenPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FustenPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FustenPage.tsx"],"names":[],"mappings":"AAgLA,wBAAgB,UAAU,gCAiQzB"}
+{"version":3,"file":"FustenPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FustenPage.tsx"],"names":[],"mappings":"AAmLA,wBAAgB,UAAU,gCA0PzB"}

package/dist-lib/components/voorraad/FustenPage.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { Boxes, Minus, Plus, RefreshCw, Search } from "lucide-react";
 import { Button, Card, Input, Badge, toast } from "@flowselections/core";
-import { supabase } from "../../integrations/supabase/client.js";
+import { FustStartmomentCard, FustInstellingenCell } from "./FustAdministratie.js";
+import { fustNaam, fustTekorten, saldoBijhouden } from "../../lib/fust-administratie.js";
 import { useFloridayConnection } from "../../hooks/useFloridayConnection.js";
 import { useFusten } from "../../hooks/useFusten.js";
 import { fetchFloricodeFustMap, fetchFloridayCustomPackageMap, fetchFustMutations, formatFustDimensions, resolveFustDimensions, } from "../../lib/fusten.js";
@@ -61,7 +62,9 @@ function MutationHistory({ fust }) {
                                                 ? "Order geannuleerd"
                                                 : m.reason === "manual_sale"
                                                     ? "Handmatige verkoop"
-                                                    : "Handmatig", m.note ? ` — ${m.note}` : ""] }), _jsx("span", { className: `tabular-nums font-medium ${m.delta < 0 ? "text-rose-600" : "text-emerald-600"}`, children: m.delta > 0 ? `+${m.delta}` : m.delta })] }, m.id)))] }))] }));
+                                                    : m.reason === "startmoment"
+                                                        ? "Startmoment / beginstand"
+                                                        : "Handmatig", m.note ? ` — ${m.note}` : ""] }), _jsx("span", { className: `tabular-nums font-medium ${m.delta < 0 ? "text-rose-600" : "text-emerald-600"}`, children: m.delta > 0 ? `+${m.delta}` : m.delta })] }, m.id)))] }))] }));
 }
 export function FustenPage() {
     const { activeId } = useFloridayConnection();
@@ -80,14 +83,7 @@ export function FustenPage() {
     const [customPackages, setCustomPackages] = useState(null);
     const [busyId, setBusyId] = useState(null);
     const [amounts, setAmounts] = useState({});
-    const [negative, setNegative] = useState([]);
-    const loadNegative = useCallback(async () => {
-        const { data } = await supabase.rpc("fust_negative_stock_report");
-        setNegative(Array.isArray(data) ? data : []);
-    }, []);
-    useEffect(() => {
-        void loadNegative();
-    }, [loadNegative, items]);
+    const negative = useMemo(() => fustTekorten(items), [items]);
     const filtered = useMemo(() => {
         const q = search.trim().toLowerCase();
         if (!q)
@@ -107,7 +103,7 @@ export function FustenPage() {
             return;
         // Waarschuwen (niet blokkeren) bij afboeken boven de voorraad.
         if (sign < 0 && f.stock - step < 0) {
-            toast.warning(`Tekort van ${Math.abs(f.stock - step).toLocaleString("nl-NL")} fusten na deze afboeking (${f.name.trim()}).`);
+            toast.warning(`Tekort van ${Math.abs(f.stock - step).toLocaleString("nl-NL")} fusten na deze afboeking (${fustNaam(f)}).`);
         }
         setBusyId(f.id);
         setAmounts((a) => ({ ...a, [f.id]: "" }));
@@ -116,10 +112,9 @@ export function FustenPage() {
         }
         finally {
             setBusyId(null);
-            void loadNegative();
         }
     };
-    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("header", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight truncate", children: "Fusten" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Alle fusttypen worden automatisch afgeleid uit de beladingen van je producten." })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void sync(), disabled: syncing, children: [_jsx(RefreshCw, { className: `mr-2 h-4 w-4 ${syncing ? "animate-spin" : ""}` }), "Synchroniseren"] })] }), error && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Fusten laden mislukt: ", error] })), floricodeError && (_jsxs("div", { className: "rounded-md border border-amber-500/40 bg-amber-500/10 p-3 text-sm", children: ["Floricode-fustcodes niet leesbaar: ", floricodeError, ". Alleen handmatig ingevoerde maten worden getoond."] })), negative.length > 0 && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive space-y-1", children: [_jsxs("p", { className: "font-medium", children: [negative.length, " fusttype", negative.length === 1 ? " heeft" : "n hebben", " een tekort."] }), _jsx("p", { className: "text-foreground/80", children: "Er is meer uitgeleverd dan ingeboekt. Controleer de ontvangsten en retouren, of boek de werkelijke telling bij." }), _jsx("ul", { className: "text-xs text-foreground/80", children: negative.map((n) => (_jsxs("li", { children: [n.name.trim(), ": tekort van ", n.shortage.toLocaleString("nl-NL"), " fusten", n.duplicate_names > 0 ? " (dit fusttype bestaat meerdere keren)" : ""] }, n.fust_type_id))) })] })), _jsxs("div", { className: "grid gap-4 sm:grid-cols-3", children: [_jsxs(Card, { className: "p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Fusttypen" }), _jsx("p", { className: "mt-2 text-3xl font-bold tabular-nums", children: totals.types })] }), _jsxs(Card, { className: "p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Totale fustvoorraad" }), _jsx("p", { className: "mt-2 text-3xl font-bold tabular-nums", children: totals.stock })] }), _jsxs(Card, { className: "p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Onder minimum" }), _jsx("p", { className: "mt-2 text-3xl font-bold tabular-nums", children: totals.belowMin })] })] }), _jsxs("div", { className: "relative max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Zoek fust\u2026", className: "pl-9" })] }), _jsx(Card, { className: "overflow-hidden", children: loading ? (_jsx("p", { className: "p-6 text-sm text-muted-foreground", children: "Fusten laden\u2026" })) : filtered.length === 0 ? (_jsxs("div", { className: "p-6 text-sm text-muted-foreground flex items-center gap-2", children: [_jsx(Boxes, { className: "h-4 w-4" }), "Nog geen fusttypen gevonden. Voeg een belading toe aan een product."] })) : (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "p-3", children: "Fust" }), _jsx("th", { className: "p-3", children: "Bron" }), _jsx("th", { className: "p-3", children: "Afmeting (L \u00D7 B \u00D7 H)" }), _jsx("th", { className: "p-3 text-right", children: "Gebruikt door" }), _jsx("th", { className: "p-3 text-right", children: "Voorraad" }), _jsx("th", { className: "p-3 text-right", children: "Minimum" }), _jsx("th", { className: "p-3 text-right", children: "Aanpassen" })] }) }), _jsx("tbody", { children: filtered.map((f) => (_jsxs("tr", { className: "border-t border-border align-top", children: [_jsxs("td", { className: "p-3", children: [_jsx("div", { className: "font-medium", children: f.name }), _jsx("div", { className: "text-xs text-muted-foreground", children: f.vbn_code ? `VBN ${f.vbn_code}` : f.fust_key }), !f.in_use && (_jsx(Badge, { variant: "outline", className: "mt-1", children: "Niet meer in gebruik" })), _jsx("div", { className: "mt-1", children: _jsx(MutationHistory, { fust: f }) })] }), _jsx("td", { className: "p-3", children: f.source === "SUPPLIER" ? "Leverancier" : "VBN" }), _jsx("td", { className: "p-3 text-sm", children: _jsx(DimensionCell, { fust: f, floricode: floricode, customPackages: customPackages, onSave: (v) => patch(f.id, v) }) }), _jsx("td", { className: "p-3 text-right tabular-nums", children: f.used_by_count }), _jsx("td", { className: "p-3 text-right", children: f.stock < 0 ? (_jsxs("span", { className: "tabular-nums font-semibold text-rose-600", title: "Er is meer uitgeleverd dan ingeboekt. Boek ontvangen of geretourneerde fusten bij.", children: ["Tekort van ", Math.abs(f.stock).toLocaleString("nl-NL"), " fusten"] })) : (_jsx("span", { className: `tabular-nums font-semibold ${f.minimum_stock > 0 && f.stock < f.minimum_stock
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("header", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight truncate", children: "Fusten" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Alle fusttypen worden automatisch afgeleid uit de beladingen van je producten." })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void sync(), disabled: syncing, children: [_jsx(RefreshCw, { className: `mr-2 h-4 w-4 ${syncing ? "animate-spin" : ""}` }), "Synchroniseren"] })] }), error && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Fusten laden mislukt: ", error] })), floricodeError && (_jsxs("div", { className: "rounded-md border border-amber-500/40 bg-amber-500/10 p-3 text-sm", children: ["Floricode-fustcodes niet leesbaar: ", floricodeError, ". Alleen handmatig ingevoerde maten worden getoond."] })), negative.length > 0 && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive space-y-1", children: [_jsxs("p", { className: "font-medium", children: [negative.length, " fusttype", negative.length === 1 ? " heeft" : "n hebben", " een tekort."] }), _jsx("p", { className: "text-foreground/80", children: "Er is sinds het startmoment meer uitgeleverd dan ingeboekt. Alleen fusten waarvan je het saldo bijhoudt staan hier. Controleer ontvangsten en retouren, of boek de werkelijke telling bij." }), _jsx("ul", { className: "text-xs text-foreground/80", children: negative.map((n) => (_jsxs("li", { children: [fustNaam(n), ": tekort van ", Math.abs(n.stock).toLocaleString("nl-NL"), " fusten"] }, n.id))) })] })), _jsx(FustStartmomentCard, { items: items, onSaved: () => void sync() }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-3", children: [_jsxs(Card, { className: "p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Fusttypen" }), _jsx("p", { className: "mt-2 text-3xl font-bold tabular-nums", children: totals.types })] }), _jsxs(Card, { className: "p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Totale fustvoorraad" }), _jsx("p", { className: "mt-2 text-3xl font-bold tabular-nums", children: totals.stock })] }), _jsxs(Card, { className: "p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Onder minimum" }), _jsx("p", { className: "mt-2 text-3xl font-bold tabular-nums", children: totals.belowMin })] })] }), _jsxs("div", { className: "relative max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Zoek fust\u2026", className: "pl-9" })] }), _jsx(Card, { className: "overflow-hidden", children: loading ? (_jsx("p", { className: "p-6 text-sm text-muted-foreground", children: "Fusten laden\u2026" })) : filtered.length === 0 ? (_jsxs("div", { className: "p-6 text-sm text-muted-foreground flex items-center gap-2", children: [_jsx(Boxes, { className: "h-4 w-4" }), "Nog geen fusttypen gevonden. Voeg een belading toe aan een product."] })) : (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "p-3", children: "Fust" }), _jsx("th", { className: "p-3", children: "Bron" }), _jsx("th", { className: "p-3", children: "Afmeting (L \u00D7 B \u00D7 H)" }), _jsx("th", { className: "p-3 text-right", children: "Gebruikt door" }), _jsx("th", { className: "p-3 text-right", children: "Voorraad" }), _jsx("th", { className: "p-3 text-right", children: "Minimum" }), _jsx("th", { className: "p-3 text-right", children: "Aanpassen" })] }) }), _jsx("tbody", { children: filtered.map((f) => (_jsxs("tr", { className: "border-t border-border align-top", children: [_jsxs("td", { className: "p-3", children: [_jsx("div", { className: "font-medium", children: fustNaam(f) }), f.eigen_naam?.trim() && _jsx("div", { className: "text-xs text-muted-foreground", children: f.name }), _jsx("div", { className: "text-xs text-muted-foreground", children: f.vbn_code ? `VBN ${f.vbn_code}` : f.fust_key }), !f.in_use && (_jsx(Badge, { variant: "outline", className: "mt-1", children: "Niet meer in gebruik" })), _jsx(FustInstellingenCell, { fust: f, onSaved: () => void sync() }), _jsx("div", { className: "mt-1", children: _jsx(MutationHistory, { fust: f }) })] }), _jsx("td", { className: "p-3", children: f.source === "SUPPLIER" ? "Leverancier" : "VBN" }), _jsx("td", { className: "p-3 text-sm", children: _jsx(DimensionCell, { fust: f, floricode: floricode, customPackages: customPackages, onSave: (v) => patch(f.id, v) }) }), _jsx("td", { className: "p-3 text-right tabular-nums", children: f.used_by_count }), _jsx("td", { className: "p-3 text-right", children: f.stock < 0 && saldoBijhouden(f) ? (_jsxs("span", { className: "tabular-nums font-semibold text-rose-600", title: "Er is meer uitgeleverd dan ingeboekt. Boek ontvangen of geretourneerde fusten bij.", children: ["Tekort van ", Math.abs(f.stock).toLocaleString("nl-NL"), " fusten"] })) : (_jsx("span", { className: `tabular-nums font-semibold ${f.minimum_stock > 0 && f.stock < f.minimum_stock
                                                     ? "text-rose-600"
                                                     : ""}`, children: f.stock })) }), _jsx("td", { className: "p-3 text-right", children: _jsx(Input, { type: "number", className: "h-8 w-28 text-right", defaultValue: f.minimum_stock, onBlur: (e) => {
                                                     const v = Math.max(0, Math.trunc(Number(e.target.value) || 0));

package/dist-lib/components/voorraad/KoppelingStatusPanel.d.ts

@@ -0,0 +1,6 @@
+/** Automatisch aanmaken van Floriday-artikelen: wat nog open staat en wat handmatig moet. */
+export declare function KoppelingStatusPanel({ connectionId, onChanged }: {
+    connectionId: string | null;
+    onChanged?: () => void;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=KoppelingStatusPanel.d.ts.map

package/dist-lib/components/voorraad/KoppelingStatusPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KoppelingStatusPanel.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/KoppelingStatusPanel.tsx"],"names":[],"mappings":"AAYA,6FAA6F;AAC7F,wBAAgB,oBAAoB,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,sCAqExH"}

package/dist-lib/components/voorraad/KoppelingStatusPanel.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { Button, Card, toast } from "@flowselections/core";
+import { supabase } from "../../integrations/supabase/client.js";
+/** Automatisch aanmaken van Floriday-artikelen: wat nog open staat en wat handmatig moet. */
+export function KoppelingStatusPanel({ connectionId, onChanged }) {
+    const [check, setCheck] = useState(null);
+    const [twijfel, setTwijfel] = useState([]);
+    const [busy, setBusy] = useState(false);
+    const load = useCallback(async () => {
+        const [c, t] = await Promise.all([
+            supabase.rpc("voorraad_koppeling_check"),
+            supabase.from("voorraad_koppel_twijfel").select("floriday_id, naam, reden").is("opgelost_at", null).order("laatst_gezien", { ascending: false }).limit(50),
+        ]);
+        if (c.error)
+            toast.error(c.error.message);
+        else
+            setCheck(c.data);
+        setTwijfel((t.data ?? []));
+    }, []);
+    useEffect(() => { void load(); }, [load]);
+    const nuControleren = async () => {
+        setBusy(true);
+        try {
+            const { data, error } = await supabase.rpc("voorraad_floriday_artikelen_aanmaken", {
+                p_connection_id: connectionId, p_limiet: 200, p_uitvoeren: true, p_max_seconden: 20,
+            });
+            if (error)
+                throw new Error(error.message);
+            toast.success(`${data?.aangemaakt ?? 0} aangemaakt, ${data?.gekoppeld ?? 0} gekoppeld, ${data?.twijfel ?? 0} twijfelgevallen${data?.resterend ? `, ${data.resterend} nog te doen` : ""}.`);
+            await load();
+            onChanged?.();
+        }
+        catch (e) {
+            toast.error(e.message);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    if (!check)
+        return null;
+    const niets = check.fouten.length === 0 && check.floriday_zonder_eigen_artikel === 0 && twijfel.length === 0;
+    return (_jsxs(Card, { className: "p-4 space-y-2 text-sm", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("p", { className: "font-medium", children: "Floriday-artikelen automatisch overnemen" }), _jsxs("p", { className: "text-muted-foreground", children: [niets
+                                        ? "Alle Floriday-artikelen hebben een eigen artikel."
+                                        : `${check.floriday_zonder_eigen_artikel} Floriday-artikelen zonder eigen artikel, ${twijfel.length} twijfelgevallen.`, " ", "Nieuwe artikelen starten met voorraad 0 tot je telt of importeert."] })] }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => void nuControleren(), disabled: busy, children: busy ? "Bezig…" : "Nu controleren" })] }), check.fouten.map((f) => (_jsx("p", { className: "rounded-md border border-destructive/40 bg-destructive/10 p-2 text-destructive", children: f }, f))), twijfel.length > 0 && (_jsxs("div", { children: [_jsx("p", { className: "font-medium", children: "Kies zelf het juiste artikel" }), _jsx("ul", { className: "mt-1 divide-y divide-border rounded-md border border-border", children: twijfel.map((t) => (_jsxs("li", { className: "px-3 py-1.5", children: [_jsx("span", { className: "font-medium", children: t.naam ?? t.floriday_id }), _jsxs("span", { className: "text-muted-foreground", children: [" \u2014 ", t.reden] })] }, t.floriday_id))) })] }))] }));
+}

package/dist-lib/components/voorraad/NieuwArtikelPage.js

@@ -64,7 +64,7 @@ export function NieuwArtikelPage() {
         void (async () => {
             const { data } = await supabase
                 .from("fust_types")
-                .select("name, vbn_code")
+                .select("name, eigen_naam, vbn_code")
                 .is("merged_into", null)
                 .not("vbn_code", "is", null)
                 .order("name");
@@ -76,7 +76,7 @@ export function NieuwArtikelPage() {
                 const v = Number(r.vbn_code);
                 if (v > 0 && !seen.has(v)) {
                     seen.add(v);
-                    list.push({ vbn: v, name: String(r.name ?? `VBN ${v}`) });
+                    list.push({ vbn: v, name: String((r.eigen_naam && String(r.eigen_naam).trim()) || r.name || `VBN ${v}`) });
                 }
             }
             setFusts(list);

package/dist-lib/components/voorraad/ProductCustomFieldsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCustomFieldsCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductCustomFieldsCard.tsx"],"names":[],"mappings":"AAyBA,wFAAwF;AACxF,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,sCA6H3E"}
+{"version":3,"file":"ProductCustomFieldsCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductCustomFieldsCard.tsx"],"names":[],"mappings":"AAuBA,wFAAwF;AACxF,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,sCA+I3E"}