@flowselections/floriday-voorraad 1.0.14 → 1.0.16

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":"AAyGA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,GACZ,GAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAO,2CAoqBjD"}
+{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AA6GA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,GACZ,GAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAO,2CA2qBjD"}

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

@@ -8,13 +8,15 @@ import { useFlorydayCustomers } from "../../hooks/useFlorydayCustomers";
 import { floriday } from "../../lib/floriday-client";
 import { listFloricode } from "../../lib/floricode-client";
 import { supabase } from "../../integrations/supabase/client";
-import { buildAddTradeItemPayload, emptyWizardData, floridayCacheToWizardData, PACKAGING_SUPPLIERS, validateStep, } from "../../lib/floriday-payload";
+import { buildAddTradeItemPayload, buildUpdateTradeItemPayload, emptyWizardData, floridayCacheToWizardData, PACKAGING_SUPPLIERS, validateStep, } from "../../lib/floriday-payload";
 import { deleteLocalTradeItem, getLocalTradeItem, upsertLocalTradeItem, } from "../../hooks/useLocalTradeItems";
 import { useTradeItemSpec } from "../../hooks/useTradeItemSpec";
 import { useVbnRegulatoryFeatures } from "../../hooks/useVbnRegulatoryFeatures";
 import { useCodeList, useTradeItemFormSchema } from "../../hooks/useFloriday";
-import floridayLogo from "../../assets/floriday-logo.png.asset.json";
+const floridayLogo = "/flowselections-assets/Voorraad/floriday-logo.png";
 import { VoorraadStockCard } from "../../components/voorraad/VoorraadStockCard";
+import { ProductLinkCard } from "../../components/voorraad/ProductLinkCard";
+import { stockKeyFor } from "../../hooks/useTradeItemStock";
 const empty = emptyWizardData;
 const STEPS = [
     { key: "vbn", label: "VBN-code" },
@@ -23,6 +25,7 @@ const STEPS = [
     { key: "eigenschappen", label: "Eigenschappen" },
     { key: "klanten", label: "Klanten" },
     { key: "fotos", label: "Foto's" },
+    { key: "warehouse", label: "Warehouse" },
     { key: "beladingen", label: "Beladingen" },
     { key: "verpakking", label: "Aanvullende verpakkingsmaterialen" },
     { key: "samenstelling", label: "Samenstelling", disabled: true },
@@ -300,7 +303,8 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, } = {}) {
         try {
             if (isEditingPublished && tradeItemId) {
                 // PUT vervangt het bestaande trade item in Floriday
-                const payload = { ...buildAddTradeItemPayload(data), tradeItemId };
+                // PUT /trade-items/{id} — body volgens TradeItemUpdate (zonder tradeItemId + supplierArticleCode)
+                const payload = buildUpdateTradeItemPayload(data);
                 const res = await floriday.updateTradeItem(activeId, tradeItemId, payload);
                 if (!res?.attemptId) {
                     throw new Error("Gateway gaf geen attemptId terug — wijziging niet bevestigd");
@@ -309,7 +313,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, } = {}) {
                 try {
                     await supabase
                         .from("floriday_trade_items_cache")
-                        .update({ data: payload, updated_at: new Date().toISOString() })
+                        .update({ data: { ...payload, tradeItemId }, updated_at: new Date().toISOString() })
                         .eq("connection_id", activeId)
                         .eq("floriday_id", tradeItemId);
                 }
@@ -412,7 +416,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, } = {}) {
     if (!activeConnection) {
         return (_jsx("main", { className: "p-6", children: _jsx(Card, { className: "p-6", children: "Geen actieve Floriday-connectie gevonden. Voeg er eerst een toe in Instellingen." }) }));
     }
-    return (_jsxs("main", { className: "mx-auto w-full max-w-3xl space-y-6 p-6", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Button, { variant: "ghost", size: "sm", asChild: true, children: _jsxs(Link, { to: "/voorraad", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), "Terug naar voorraad"] }) }), !isEditingPublished && (_jsxs(Button, { variant: "outline", size: "sm", className: "ml-auto", onClick: saveDraft, disabled: submitting || !vbnValid, children: [submitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(ClipboardList, { className: "mr-2 h-4 w-4" })), isEditingDraft ? "Concept bijwerken" : "Opslaan als concept"] })), isEditingDraft && (_jsxs(AlertDialog, { 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: "Lokaal artikel verwijderen?" }), _jsx(AlertDialogDescription, { children: "Dit artikel is nog niet gepubliceerd naar Floriday. Verwijderen is definitief." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: handleDeleteDraft, children: "Verwijderen" })] })] })] }))] }), 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.url, alt: "Floriday", className: "h-6 w-6 shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium", children: "Gepubliceerd artikel bewerken" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Wijzigingen worden direct naar Floriday verstuurd. Je kunt vrij tussen alle secties navigeren." })] }), _jsxs(Button, { onClick: 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: 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 && (_jsx(VoorraadStockCard, { connectionId: activeId, tradeItemId: tradeItemId ?? null, draftId: draftId ?? null })), _jsx("ol", { className: "space-y-3", children: steps.map((s, i) => {
+    return (_jsxs("main", { className: "mx-auto w-full max-w-3xl space-y-6 p-6", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Button, { variant: "ghost", size: "sm", asChild: true, children: _jsxs(Link, { to: "/voorraad", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), "Terug naar voorraad"] }) }), !isEditingPublished && (_jsxs(Button, { variant: "outline", size: "sm", className: "ml-auto", onClick: saveDraft, disabled: submitting || !vbnValid, children: [submitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(ClipboardList, { className: "mr-2 h-4 w-4" })), isEditingDraft ? "Concept bijwerken" : "Opslaan als concept"] })), isEditingDraft && (_jsxs(AlertDialog, { 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: "Lokaal artikel verwijderen?" }), _jsx(AlertDialogDescription, { children: "Dit artikel is nog niet gepubliceerd naar Floriday. Verwijderen is definitief." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: handleDeleteDraft, children: "Verwijderen" })] })] })] }))] }), 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" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Wijzigingen worden direct naar Floriday verstuurd. Je kunt vrij tussen alle secties navigeren." })] }), _jsxs(Button, { onClick: 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: 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(VoorraadStockCard, { connectionId: activeId, tradeItemId: tradeItemId ?? null, draftId: draftId ?? null }), _jsx(ProductLinkCard, { tradeItemKey: stockKeyFor({ tradeItemId: tradeItemId ?? null, draftId: draftId ?? null }), productName: 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;
@@ -431,7 +435,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, } = {}) {
                                                     ? "border-primary bg-primary text-primary-foreground"
                                                     : status === "invalid"
                                                         ? "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, 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 }) }), isLastStep && !isEditingPublished && (_jsxs("div", { className: "rounded-lg border bg-muted/30 p-4 flex items-start gap-3", children: [_jsx("img", { src: floridayLogo.url, 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
+                                                        : "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, 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 }) }), 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) && 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: 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
                                                         ? "Wijzigingen opslaan"
@@ -475,6 +479,8 @@ function summaryFor(key, d) {
                 : "Alle klanten";
         case "fotos":
             return `${d.images.length} foto('s)`;
+        case "warehouse":
+            return d.warehouseId ? "Gekozen" : "Niet gekozen";
         case "beladingen":
             return d.packingConfigurations.length
                 ? `${d.packingConfigurations.length} configuratie(s)`
@@ -508,6 +514,8 @@ function StepBody(p) {
             return _jsx(StepKlanten, { ...p });
         case "fotos":
             return _jsx(StepFotos, { ...p });
+        case "warehouse":
+            return _jsx(StepWarehouse, { ...p });
         case "beladingen":
             return _jsx(StepBeladingen, { ...p });
         case "verpakking":
@@ -1028,6 +1036,39 @@ function StepFotos({ data, update, activeId }) {
                             e.target.value = "";
                         } })] }), data.images.length > 0 && (_jsx("div", { className: "grid grid-cols-4 gap-2", children: data.images.map((img, idx) => (_jsxs("div", { className: "relative group rounded-md overflow-hidden border", children: [_jsx("img", { src: img.previewUrl || img.url, alt: img.name, className: "h-24 w-full object-cover" }), _jsx("button", { type: "button", onClick: () => update("images", data.images.filter((_, i) => i !== idx)), className: "absolute top-1 right-1 rounded-full bg-background/80 p-1 opacity-0 group-hover:opacity-100", children: _jsx(X, { className: "h-3 w-3" }) })] }, img.url))) }))] }));
 }
+/**
+ * Warehouse-stap — verplicht in Floriday Suppliers API 2026v1.
+ * Toont een select gevuld uit `floriday_warehouses_cache`. Beheer van
+ * warehouses (aanmaken/bewerken) gebeurt in Instellingen → Warehouses.
+ */
+function StepWarehouse({ data, update, activeId }) {
+    const [warehouses, setWarehouses] = useState([]);
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        if (!activeId)
+            return;
+        let cancelled = false;
+        setLoading(true);
+        supabase
+            .from("floriday_warehouses_cache")
+            .select("floriday_id, data")
+            .eq("connection_id", activeId)
+            .then(({ data: rows }) => {
+            if (cancelled)
+                return;
+            const items = (rows ?? []).map((r) => ({
+                id: String(r.floriday_id),
+                name: String(r.data?.name ?? r.floriday_id),
+            }));
+            setWarehouses(items);
+            setLoading(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [activeId]);
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx(Label, { children: "Warehouse (verplicht)" }), _jsxs(Select, { value: data.warehouseId || undefined, onValueChange: (v) => update("warehouseId", v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: loading ? "Laden…" : "Kies een warehouse" }) }), _jsx(SelectContent, { children: warehouses.map((w) => (_jsx(SelectItem, { value: w.id, children: w.name }, w.id))) })] })] }), warehouses.length === 0 && !loading && (_jsxs("p", { className: "text-sm text-muted-foreground", children: ["Nog geen warehouses gesynchroniseerd. Ga naar", " ", _jsx(Link, { to: "/instellingen/warehouses", className: "underline", children: "Instellingen \u2192 Warehouses" }), " ", "om er \u00E9\u00E9n aan te maken."] }))] }));
+}
 /**
  * Beladingen — Floriday Suppliers API 2026v1
  *
@@ -1201,7 +1242,7 @@ function StepVerpakking({ data, update }) {
     ]);
     const remove = (id) => update("additionalPackaging", data.additionalPackaging.filter((p) => p.id !== id));
     const edit = (id, patch) => update("additionalPackaging", data.additionalPackaging.map((p) => (p.id === id ? { ...p, ...patch } : p)));
-    return (_jsxs("div", { className: "space-y-3", children: [data.additionalPackaging.map((p) => (_jsxs("div", { className: "grid grid-cols-[1fr_2fr_100px_auto] gap-2 items-end", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Code" }), _jsx(Input, { value: p.code, onChange: (e) => edit(p.id, { code: e.target.value }), placeholder: "bv. HOES" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Omschrijving" }), _jsx(Input, { value: p.description ?? "", onChange: (e) => edit(p.id, { description: e.target.value }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Aantal" }), _jsx(Input, { type: "number", min: 1, value: p.quantity, onChange: (e) => edit(p.id, { quantity: Number(e.target.value) }) })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => remove(p.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, p.id))), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: add, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Verpakkingsmateriaal toevoegen"] })] }));
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-xs text-muted-foreground bg-muted/40 rounded-md p-2 border", children: "Bestaat je artikel uit een hoes, steker of andere toegevoegde waarde? Voeg deze items lokaal toe voor exportdocumentatie. Floriday Suppliers API 2026v1 kent hiervoor g\u00E9\u00E9n veld op TradeItem \u2014 deze data blijft binnen deze module." }), data.additionalPackaging.map((p) => (_jsxs("div", { className: "grid grid-cols-[1fr_2fr_100px_auto] gap-2 items-end", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Code" }), _jsx(Input, { value: p.code, onChange: (e) => edit(p.id, { code: e.target.value }), placeholder: "bv. HOES" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Omschrijving" }), _jsx(Input, { value: p.description ?? "", onChange: (e) => edit(p.id, { description: e.target.value }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Aantal" }), _jsx(Input, { type: "number", min: 1, value: p.quantity, onChange: (e) => edit(p.id, { quantity: Number(e.target.value) }) })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => remove(p.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, p.id))), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: add, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Verpakkingsmateriaal toevoegen"] })] }));
 }
 function StepBeschikbaarheid({ data, update }) {
     const weeks = Array.from({ length: 52 }, (_, i) => i + 1);

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

@@ -1,6 +1,7 @@
 import type { TradeItem } from "../../lib/floriday-client";
-export declare function ExcelExportButton({ items, filename, }: {
+export declare function ExcelExportButton({ items, filename, onExported, }: {
     items: TradeItem[];
     filename?: string;
+    onExported?: () => void | Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ExcelExportButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExcelExportButton.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ExcelExportButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3D,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAqB,GACtB,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,2CAyBA"}
+{"version":3,"file":"ExcelExportButton.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ExcelExportButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAG3D,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAqB,EACrB,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACzC,2CAgDA"}

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

@@ -1,11 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as XLSX from "xlsx";
-import { Button } from "@flowselections/core";
+import { Button, toast } from "@flowselections/core";
 import { Download } from "lucide-react";
-export function ExcelExportButton({ items, filename = "voorraad", }) {
-    const handle = () => {
-        const rows = items.map((i) => ({
-            Artikelnummer: i.articleNumber,
+import { ensureArticleCodes } from "../../lib/ensure-article-codes";
+export function ExcelExportButton({ items, filename = "voorraad", onExported, }) {
+    const handle = async () => {
+        let exportItems;
+        try {
+            exportItems = await ensureArticleCodes(items);
+        }
+        catch (e) {
+            toast.error(`Artikelcodes genereren mislukt: ${e.message}`);
+            return;
+        }
+        const missing = exportItems.filter((i) => !(i.articleNumber ?? "").trim());
+        if (missing.length > 0) {
+            toast.error(`${missing.length} artikel(en) missen nog een artikelcode; export afgebroken.`);
+            return;
+        }
+        const generatedCount = exportItems.filter((i, idx) => i.articleNumber !== items[idx].articleNumber).length;
+        const rows = exportItems.map((i) => ({
+            Artikelcode: i.articleNumber,
             Productnaam: i.name,
             "Liggende voorraad": i.quantity,
             Minimum: i.minQuantity,
@@ -19,6 +34,10 @@ export function ExcelExportButton({ items, filename = "voorraad", }) {
         XLSX.utils.book_append_sheet(wb, ws, "Voorraad");
         const stamp = new Date().toISOString().slice(0, 10);
         XLSX.writeFile(wb, `${filename}-${stamp}.xlsx`);
+        if (generatedCount > 0) {
+            toast.success(`${generatedCount} artikel(en) kregen automatisch een nieuwe artikelcode.`);
+            await onExported?.();
+        }
     };
     return (_jsxs(Button, { variant: "outline", onClick: handle, disabled: items.length === 0, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), "Excel export"] }));
 }

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

@@ -0,0 +1,13 @@
+interface Props {
+    /** trade_item_key for this stock row (usually the Floriday id or `draft:<uuid>`). */
+    tradeItemKey: string | null;
+    /** Optional product name to power auto-linking suggestions. */
+    productName?: string | null;
+}
+/**
+ * Koppelt ERP-`products` rijen aan één Floriday-voorraadrij (`trade_item_key`).
+ * Zonder koppeling doen bestel-triggers niets voor mailbox/manual-orders.
+ */
+export declare function ProductLinkCard({ tradeItemKey, productName }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProductLinkCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductLinkCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductLinkCard.tsx"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACb,qFAAqF;IACrF,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,KAAK,2CA4OnE"}

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

@@ -0,0 +1,159 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Button, Card, CardContent, Input, toast, } from "@flowselections/core";
+import { Link2, Loader2, RefreshCw, Trash2, Wand2 } from "lucide-react";
+import { supabase } from "../../integrations/supabase/client";
+/**
+ * Koppelt ERP-`products` rijen aan één Floriday-voorraadrij (`trade_item_key`).
+ * Zonder koppeling doen bestel-triggers niets voor mailbox/manual-orders.
+ */
+export function ProductLinkCard({ tradeItemKey, productName }) {
+    const [linked, setLinked] = useState([]);
+    const [candidates, setCandidates] = useState([]);
+    const [query, setQuery] = useState("");
+    const [loading, setLoading] = useState(false);
+    const [busy, setBusy] = useState(false);
+    const reload = useCallback(async () => {
+        if (!tradeItemKey)
+            return;
+        setLoading(true);
+        try {
+            const { data: linkedRows } = await supabase
+                .from("products")
+                .select("id, product, barcode, trade_item_key")
+                .eq("trade_item_key", tradeItemKey)
+                .order("product");
+            setLinked(linkedRows ?? []);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [tradeItemKey]);
+    useEffect(() => {
+        void reload();
+    }, [reload]);
+    useEffect(() => {
+        let cancelled = false;
+        const q = query.trim();
+        if (q.length < 2) {
+            setCandidates([]);
+            return;
+        }
+        (async () => {
+            const { data } = await supabase
+                .from("products")
+                .select("id, product, barcode, trade_item_key")
+                .or(`product.ilike.%${q}%,barcode.ilike.%${q}%`)
+                .is("trade_item_key", null)
+                .limit(20);
+            if (!cancelled)
+                setCandidates(data ?? []);
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [query]);
+    const linkProduct = async (id) => {
+        if (!tradeItemKey)
+            return;
+        setBusy(true);
+        try {
+            const { error } = await supabase
+                .from("products")
+                .update({ trade_item_key: tradeItemKey })
+                .eq("id", id);
+            if (error)
+                throw error;
+            toast.success("Product gekoppeld");
+            setQuery("");
+            setCandidates([]);
+            await reload();
+        }
+        catch (e) {
+            toast.error(`Koppelen mislukt: ${e.message}`);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const unlinkProduct = async (id) => {
+        setBusy(true);
+        try {
+            const { error } = await supabase
+                .from("products")
+                .update({ trade_item_key: null })
+                .eq("id", id);
+            if (error)
+                throw error;
+            toast.success("Koppeling verwijderd");
+            await reload();
+        }
+        catch (e) {
+            toast.error(`Ontkoppelen mislukt: ${e.message}`);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const autoLinkByName = async () => {
+        if (!tradeItemKey || !productName)
+            return;
+        setBusy(true);
+        try {
+            const { data, error } = await supabase
+                .from("products")
+                .select("id, product")
+                .ilike("product", productName)
+                .is("trade_item_key", null);
+            if (error)
+                throw error;
+            const matches = data ?? [];
+            if (matches.length === 0) {
+                toast.info(`Geen niet-gekoppelde producten met naam "${productName}" gevonden.`);
+                return;
+            }
+            const ids = matches.map((m) => m.id);
+            const { error: updErr } = await supabase
+                .from("products")
+                .update({ trade_item_key: tradeItemKey })
+                .in("id", ids);
+            if (updErr)
+                throw updErr;
+            toast.success(`${ids.length} product(en) gekoppeld op naam`);
+            await reload();
+        }
+        catch (e) {
+            toast.error(`Auto-koppelen mislukt: ${e.message}`);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const backfillReservations = async () => {
+        setBusy(true);
+        try {
+            const { data, error } = await supabase.rpc("backfill_open_order_reservations");
+            if (error)
+                throw error;
+            const rows = data ?? [];
+            const n = rows[0]?.processed_items ?? 0;
+            toast.success(`Backfill klaar: ${n} orderregel(s) verwerkt`);
+        }
+        catch (e) {
+            toast.error(`Backfill mislukt: ${e.message}`);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const helpText = useMemo(() => {
+        if (!tradeItemKey) {
+            return "Sla het artikel eerst op om producten te kunnen koppelen.";
+        }
+        if (linked.length === 0) {
+            return "Nog geen ERP-product gekoppeld. Zonder koppeling worden mailbox-orders niet automatisch van de voorraad afgeschreven.";
+        }
+        return "Bestellingen op deze ERP-producten reserveren automatisch op deze voorraadrij.";
+    }, [tradeItemKey, linked.length]);
+    return (_jsxs(Card, { children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 px-6 py-4", children: [_jsx("span", { className: "flex h-7 w-7 items-center justify-center rounded-full border border-primary/40 bg-primary/10 text-primary", children: _jsx(Link2, { className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium", children: "Gekoppelde ERP-producten" }), _jsx("div", { className: "text-xs text-muted-foreground", children: helpText })] }), _jsxs("div", { className: "flex gap-2", children: [productName && (_jsxs(Button, { variant: "outline", size: "sm", onClick: autoLinkByName, disabled: !tradeItemKey || busy, title: "Zoek ERP-producten met exact deze naam en koppel ze", children: [_jsx(Wand2, { className: "h-4 w-4 mr-1" }), "Auto op naam"] })), _jsxs(Button, { variant: "outline", size: "sm", onClick: backfillReservations, disabled: busy, title: "Reserveer openstaande orders retroactief", children: [_jsx(RefreshCw, { className: "h-4 w-4 mr-1" }), "Backfill"] })] })] }), _jsx(CardContent, { className: "pt-0 space-y-3", children: loading ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Laden\u2026"] })) : (_jsxs(_Fragment, { children: [linked.length > 0 && (_jsx("ul", { className: "divide-y rounded-md border", children: linked.map((p) => (_jsxs("li", { className: "flex items-center justify-between gap-2 px-3 py-2 text-sm", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-medium", children: p.product ?? "(zonder naam)" }), p.barcode && (_jsxs("div", { className: "text-xs text-muted-foreground", children: ["Barcode: ", p.barcode] }))] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => unlinkProduct(p.id), disabled: busy, children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, p.id))) })), _jsxs("div", { className: "space-y-2", children: [_jsx(Input, { placeholder: "Zoek ERP-product op naam of SKU\u2026", value: query, onChange: (e) => setQuery(e.target.value), disabled: !tradeItemKey || busy }), candidates.length > 0 && (_jsx("ul", { className: "divide-y rounded-md border max-h-56 overflow-auto", children: candidates.map((p) => (_jsxs("li", { className: "flex items-center justify-between gap-2 px-3 py-2 text-sm", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate", children: p.product ?? "(zonder naam)" }), p.barcode && (_jsxs("div", { className: "text-xs text-muted-foreground", children: ["Barcode: ", p.barcode] }))] }), _jsx(Button, { size: "sm", onClick: () => linkProduct(p.id), disabled: busy, children: "Koppel" })] }, p.id))) }))] })] })) })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"StockBulkButtons.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockBulkButtons.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAsD3D,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,kBAAkB,EAClB,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,2CA8dA"}
+{"version":3,"file":"StockBulkButtons.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockBulkButtons.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAoF3D,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,kBAAkB,EAClB,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,2CAikBA"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import * as XLSX from "xlsx";
 import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Checkbox, Label, toast, } from "@flowselections/core";
 import { Download, FileDown, Upload, Loader2 } from "lucide-react";
@@ -8,6 +8,7 @@ import { emptyWizardData } from "../../lib/floriday-payload";
 import { upsertLocalTradeItem, updateDraftMeta } from "../../hooks/useLocalTradeItems";
 import { validateDraftForPublish } from "../../lib/floriday-import-validator";
 import { floriday } from "../../lib/floriday-client";
+import { ensureArticleCodes } from "../../lib/ensure-article-codes";
 const COLUMNS = [
     "Artikelcode",
     "Artikelnaam",
@@ -20,8 +21,17 @@ const COLUMNS = [
     "Gereserveerde voorraad",
     "Inkomende voorraad",
 ];
+/**
+ * Determine which trade_item_stock key to write to. The stock table is keyed
+ * by whatever `products.trade_item_key` (or the draft/floriday id) resolved
+ * to when the row was created — never by the synthetic UI id `erp:<uuid>`.
+ */
 function toKey(item) {
-    return item.localId ? `draft:${item.localId}` : item.id;
+    if (item.tradeItemKey)
+        return item.tradeItemKey;
+    if (item.localId)
+        return `draft:${item.localId}`;
+    return item.id;
 }
 function parseNumber(val) {
     if (val === undefined || val === null || val === "")
@@ -49,6 +59,20 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
     const allowNegative = true;
     const [autoPublish, setAutoPublish] = useState(false);
     const [result, setResult] = useState(null);
+    const [pastRuns, setPastRuns] = useState([]);
+    const loadPastRuns = useCallback(async () => {
+        const { data, error } = await supabase
+            .from("stock_import_runs")
+            .select("id,filename,total_rows,updated_rows,created_rows,skipped_rows,created_at,errors,mutations")
+            .order("created_at", { ascending: false })
+            .limit(10);
+        if (!error)
+            setPastRuns((data ?? []));
+    }, []);
+    useEffect(() => {
+        if (open)
+            void loadPastRuns();
+    }, [open, loadPastRuns]);
     const byCode = useMemo(() => {
         const map = new Map();
         for (const it of items) {
@@ -73,11 +97,25 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
         }
         return map;
     }, [items]);
-    const downloadTemplate = () => {
-        const rows = items.map((i) => {
+    const downloadTemplate = async () => {
+        let exportItems;
+        try {
+            exportItems = await ensureArticleCodes(items);
+        }
+        catch (e) {
+            toast.error(`Artikelcodes genereren mislukt: ${e.message}`);
+            return;
+        }
+        const missing = exportItems.filter((i) => !(i.articleNumber ?? "").trim());
+        if (missing.length > 0) {
+            toast.error(`${missing.length} artikel(en) missen nog een artikelcode; export afgebroken.`);
+            return;
+        }
+        const generatedCount = exportItems.filter((i, idx) => i.articleNumber !== items[idx].articleNumber).length;
+        const rows = exportItems.map((i) => {
             const d = i.raw?.data;
             return {
-                Artikelcode: i.articleNumber ?? "",
+                Artikelcode: i.articleNumber,
                 Artikelnaam: i.name,
                 "VBN-code": d?.vbnCode ?? i.raw?.vbnProductCode ?? "",
                 "Botanische naam": d?.botanicalName ?? "",
@@ -97,6 +135,10 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
         XLSX.utils.book_append_sheet(wb, ws, "Voorraad");
         const stamp = new Date().toISOString().slice(0, 10);
         XLSX.writeFile(wb, `voorraad-template-${stamp}.xlsx`);
+        if (generatedCount > 0) {
+            toast.success(`${generatedCount} artikel(en) kregen automatisch een nieuwe artikelcode.`);
+            await onImported();
+        }
     };
     const downloadErrors = () => {
         if (!result?.errors.length)
@@ -121,6 +163,7 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
         setProgress(0);
         setResult(null);
         const errors = [];
+        const mutations = [];
         let updated = 0;
         let created = 0;
         let linked = 0;
@@ -205,6 +248,14 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
                         trade_item_key: toKey(existing),
                         ...applied,
                     });
+                    mutations.push({
+                        articleCode: code,
+                        articleName: existing.name,
+                        oldPhysical: existing.quantity,
+                        newPhysical: applied.physical_stock,
+                        oldReserved: existing.reservedQuantity,
+                        newReserved: applied.reserved_stock,
+                    });
                     updated++;
                     setProgress(Math.round(((idx + 1) / rows.length) * 100));
                     continue;
@@ -325,7 +376,37 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
                     });
                 }
             }
-            setResult({ updated, created, linked, published, waiting, errors });
+            const finalResult = {
+                updated,
+                created,
+                linked,
+                published,
+                waiting,
+                errors,
+                mutations,
+            };
+            setResult(finalResult);
+            // Persisteer het importverslag zodat het achteraf herbekeken kan worden.
+            try {
+                const { error: logErr } = await supabase.from("stock_import_runs").insert({
+                    user_id: userId,
+                    connection_id: activeConnectionId,
+                    filename: file.name,
+                    total_rows: rows.length,
+                    updated_rows: updated,
+                    created_rows: created,
+                    skipped_rows: errors.length,
+                    errors: errors,
+                    mutations: mutations,
+                });
+                if (logErr)
+                    console.warn("Import log opslaan mislukt", logErr);
+                else
+                    void loadPastRuns();
+            }
+            catch (logE) {
+                console.warn("Import log opslaan mislukt", logE);
+            }
             if (updated + created > 0) {
                 toast.success(`${updated} bijgewerkt · ${created} nieuw`);
                 await onImported();
@@ -349,7 +430,7 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
                                         const f = e.target.files?.[0];
                                         if (f)
                                             void handleFile(f);
-                                    } }), importing && (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "h-2 w-full overflow-hidden rounded bg-muted", children: _jsx("div", { className: "h-full bg-primary transition-all", style: { width: `${progress}%` } }) }), _jsxs("p", { className: "text-xs text-muted-foreground flex items-center gap-2", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), "Bezig met importeren\u2026 ", progress, "%"] })] })), result && (_jsxs("div", { className: "rounded-md border bg-muted/30 p-3 text-sm space-y-2", children: [_jsx("div", { className: "font-medium", children: "Importoverzicht" }), _jsxs("ul", { className: "text-xs space-y-1", children: [_jsxs("li", { children: ["Bestaande artikelen bijgewerkt:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.updated })] }), _jsxs("li", { children: ["Nieuwe artikelen aangemaakt:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.created })] }), _jsxs("li", { children: ["Automatisch gekoppeld met Floriday:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.linked })] }), _jsxs("li", { children: ["Gepubliceerd naar Floriday:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.published })] }), _jsxs("li", { children: ["Wacht op Floriday-publicatie (gegevens incompleet):", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.waiting })] }), _jsxs("li", { children: ["Fouten:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.errors.length })] })] }), result.errors.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "max-h-40 overflow-y-auto rounded border bg-background p-2 text-xs space-y-1", children: [result.errors.slice(0, 20).map((e, i) => (_jsxs("div", { className: "text-destructive", children: ["Regel ", e.row, " \u2014 ", e.articleCode || "(geen code)", " \u2014", " ", e.reden] }, i))), result.errors.length > 20 && (_jsxs("div", { className: "text-muted-foreground", children: ["\u2026 en ", result.errors.length - 20, " meer. Download het foutbestand voor de volledige lijst."] }))] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: downloadErrors, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), "Download foutbestand"] })] }))] }))] }), _jsx(DialogFooter, { children: _jsx(Button, { variant: "ghost", onClick: () => {
+                                    } }), importing && (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "h-2 w-full overflow-hidden rounded bg-muted", children: _jsx("div", { className: "h-full bg-primary transition-all", style: { width: `${progress}%` } }) }), _jsxs("p", { className: "text-xs text-muted-foreground flex items-center gap-2", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), "Bezig met importeren\u2026 ", progress, "%"] })] })), result && (_jsxs("div", { className: "rounded-md border bg-muted/30 p-3 text-sm space-y-2", children: [_jsx("div", { className: "font-medium", children: "Importoverzicht" }), _jsxs("ul", { className: "text-xs space-y-1", children: [_jsxs("li", { children: ["Bestaande artikelen bijgewerkt:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.updated })] }), _jsxs("li", { children: ["Nieuwe artikelen aangemaakt:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.created })] }), _jsxs("li", { children: ["Automatisch gekoppeld met Floriday:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.linked })] }), _jsxs("li", { children: ["Gepubliceerd naar Floriday:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.published })] }), _jsxs("li", { children: ["Wacht op Floriday-publicatie (gegevens incompleet):", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.waiting })] }), _jsxs("li", { children: ["Fouten:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.errors.length })] })] }), result.errors.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "max-h-40 overflow-y-auto rounded border bg-background p-2 text-xs space-y-1", children: [result.errors.slice(0, 20).map((e, i) => (_jsxs("div", { className: "text-destructive", children: ["Regel ", e.row, " \u2014 ", e.articleCode || "(geen code)", " \u2014", " ", e.reden] }, i))), result.errors.length > 20 && (_jsxs("div", { className: "text-muted-foreground", children: ["\u2026 en ", result.errors.length - 20, " meer. Download het foutbestand voor de volledige lijst."] }))] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: downloadErrors, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), "Download foutbestand"] })] }))] })), !importing && pastRuns.length > 0 && (_jsxs("div", { className: "rounded-md border bg-background p-3 text-sm space-y-2", children: [_jsx("div", { className: "font-medium", children: "Recente imports" }), _jsx("ul", { className: "text-xs space-y-1 max-h-48 overflow-y-auto", children: pastRuns.map((r) => (_jsxs("li", { className: "flex justify-between gap-2 border-b last:border-0 py-1", children: [_jsxs("span", { className: "truncate", children: [_jsx("span", { className: "text-muted-foreground", children: new Date(r.created_at).toLocaleString("nl-NL") }), " ", "\u2014 ", r.filename ?? "(zonder naam)"] }), _jsxs("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: [r.updated_rows, "\u21BB \u00B7 ", r.created_rows, "+ \u00B7 ", r.skipped_rows, "\u2715"] })] }, r.id))) })] }))] }), _jsx(DialogFooter, { children: _jsx(Button, { variant: "ghost", onClick: () => {
                                     setOpen(false);
                                     setResult(null);
                                 }, disabled: importing, children: "Sluiten" }) })] }) })] }));

package/dist-lib/hooks/useTradeItemSpec.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTradeItemSpec.d.ts","sourceRoot":"","sources":["../../src/hooks/useTradeItemSpec.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAuB,MAAM,eAAe,CAAC;AAEzE,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,aAAa,EAAE,uBAAuB,EAAE,CAAC;CAC1C;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,eAAe,EAAE,kBAAkB,EAAE,CAAC;IACtC,2DAA2D;IAC3D,2BAA2B,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzC,0FAA0F;IAC1F,2BAA2B,EAAE,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mGAAmG;IACnG,0BAA0B,EAAE,OAAO,CAAC;IACpC,4FAA4F;IAC5F,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,uBAAuB,EAAE,OAAO,CAAC;CAClC;AA8bD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAC/C,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC3C;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,cAAc,GAAG,SAAS,EAClC,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,YAAY,GAAG,IAAI,EACjC,kBAAkB,CAAC,EAAE,sBAAsB,EAAE,GAAG,IAAI,GACnD,aAAa,CAmEf"}
+{"version":3,"file":"useTradeItemSpec.d.ts","sourceRoot":"","sources":["../../src/hooks/useTradeItemSpec.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAuB,MAAM,eAAe,CAAC;AAEzE,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,aAAa,EAAE,uBAAuB,EAAE,CAAC;CAC1C;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,eAAe,EAAE,kBAAkB,EAAE,CAAC;IACtC,2DAA2D;IAC3D,2BAA2B,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzC,0FAA0F;IAC1F,2BAA2B,EAAE,OAAO,CAAC;IACrC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mGAAmG;IACnG,0BAA0B,EAAE,OAAO,CAAC;IACpC,4FAA4F;IAC5F,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,uBAAuB,EAAE,OAAO,CAAC;CAClC;AA8bD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAC/C,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC3C;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,cAAc,GAAG,SAAS,EAClC,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,YAAY,GAAG,IAAI,EACjC,kBAAkB,CAAC,EAAE,sBAAsB,EAAE,GAAG,IAAI,GACnD,aAAa,CAsEf"}

package/dist-lib/hooks/useTradeItemSpec.js

@@ -402,7 +402,10 @@ export function useTradeItemSpec(schema, vbnCode, productGroup, regulatoryFeatur
             fromRegulatory = regulatoryFeatures.map((f) => ({
                 code: f.code,
                 label: f.label,
-                required: f.regulation === "required",
+                // Floriday's server-side validator rejeert ook "advised" karakteristieken
+                // (bv. S62) met "Characteristic X is required". Behandel required+advised
+                // beide als verplicht om stille 400's te voorkomen.
+                required: f.regulation === "required" || f.regulation === "advised",
                 listName: f.code,
                 allowedValues: f.values,
             }));

package/dist-lib/hooks/useVoorraadData.d.ts

@@ -1,9 +1,10 @@
 import { type TradeItem } from "../lib/floriday-client";
 /**
- * Reads trade items from the shared `floriday_trade_items_cache` (gepubliceerd,
- * gevuld door de Auth-module elke 5 min) en merget lokale, niet-gepubliceerde
- * producten uit `trade_item_drafts`. Voorraadwaarden uit `trade_item_stock`
- * overschrijven de cache-waarden (lokale bron van waarheid voor stock).
+ * Reads trade items from three sources and merges them into one voorraad list:
+ * 1. `products` rows tied to a `product:<id>` key (pure ERP items).
+ * 2. `trade_item_drafts` (lokaal concept, mogelijk in publiceerflow).
+ * 3. `floriday_trade_items_cache` (gepubliceerd artikel).
+ * Voorraadwaarden komen uit `trade_item_stock` en overschrijven cache-defaults.
  */
 export declare function useVoorraadData(connectionId: string | null): {
     items: TradeItem[];

package/dist-lib/hooks/useVoorraadData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAoB5E;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EAkE1D"}
+{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAkD5E;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EA6E1D"}