@flowselections/floriday-voorraad 1.0.122 → 1.0.125

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

@@ -1,7 +1,20 @@
-export declare function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId, resumeJobId, }?: {
+import { type WizardData } from "../../lib/floriday-payload.js";
+import { type SimplePacking } from "../../lib/simple-packing.js";
+export interface WizardInitial {
+    name: string;
+    articleCode: string;
+    stockPieces: number;
+    pricePerPiece: number;
+    packing?: SimplePacking;
+}
+/** 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, }?: {
     draftId?: string;
     tradeItemId?: string;
     productId?: string;
     resumeJobId?: string;
+    /** Invoer uit de eenvoudige route; gaat mee naar de wizard. */
+    initial?: WizardInitial;
 }): import("react").JSX.Element;
 //# sourceMappingURL=ArtikelWizard.d.ts.map

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":"AA+MA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EACX,SAAS,EACT,WAAW,GACZ,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;CACjB,+BAwwEL"}
+{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AA2DA,OAAO,EAUL,KAAK,UAAU,EAMhB,MAAM,4BAA4B,CAAC;AAwDpC,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,+BA4xEL"}

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

@@ -43,15 +43,41 @@ import { ProductStructureCard, FloridayStockReasonLine } from "../../components/
 import { StepSamenstelling } from "../../components/voorraad/StepSamenstelling.js";
 import { FloridayInfoCard } from "../../components/voorraad/FloridayInfoCard.js";
 import { stockKeyFor } from "../../hooks/useTradeItemStock.js";
+import { missingPackingFields } from "../../lib/simple-packing.js";
 const empty = emptyWizardData;
-const LOAD_CARRIER_LABELS = {
-    AUCTION_TROLLEY: "Stapelwagen",
-    DANISH_TROLLEY: "Deense container",
-    EURO_TROLLEY: "Euro-rolcontainer",
-    PALLET: "Pallet",
-    EURO_PALLET: "Euro-pallet",
-    NONE: "Geen ladingdrager",
-};
+/** Neemt naam, code, voorraad, prijs en (indien compleet) belading over. */
+export function applyWizardInitial(base, init) {
+    if (!init)
+        return base;
+    const next = { ...base };
+    if (init.name)
+        next.name = init.name;
+    if (init.articleCode)
+        next.articleCode = init.articleCode;
+    if (init.stockPieces > 0)
+        next.saleStockPieces = init.stockPieces;
+    if (init.pricePerPiece > 0)
+        next.salePricePerPiece = init.pricePerPiece;
+    const p = init.packing;
+    if (p && missingPackingFields(p).length === 0) {
+        next.packingConfigurations = [
+            {
+                id: crypto.randomUUID(),
+                source: "VBN",
+                loadCarrier: p.loadCarrier,
+                packagingType: p.vbnPackageCode.trim(),
+                unitsPerPackage: Number(p.piecesPerPackage),
+                packagesPerLayer: Number(p.packagesPerLayer),
+                layersPerLoadCarrier: Number(p.layersPerLoadCarrier),
+                isCustomerSpecific: false,
+                customerOrganizationIds: [],
+                isPrimary: true,
+                isHiddenForDirectSales: false,
+            },
+        ];
+    }
+    return next;
+}
 const STEPS = [
     { key: "vbn", label: "VBN-code" },
     { key: "artikel", label: "Artikel" },
@@ -107,7 +133,7 @@ async function lookupProductGroupForVbn(vbnCode) {
         .maybeSingle();
     return data ? groupOfRecord(data) : null;
 }
-export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId, resumeJobId, } = {}) {
+export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId, resumeJobId, initial, } = {}) {
     const navigate = useNavigate();
     const { activeId, activeConnection, loading: connLoading } = useFloridayConnection();
     const connectionReadiness = useQuery({
@@ -120,10 +146,10 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
     const { customers: floridayCustomers } = useFlorydayCustomers(activeId);
     const { priceGroups } = useFloridayPriceGroups(activeId);
     const [step, setStep] = useState(0);
-    const [data, setData] = useState(empty);
+    const [data, setData] = useState(() => applyWizardInitial(empty, initial));
     const [submitting, setSubmitting] = useState(false);
     const [publishJobId, setPublishJobId] = useState(resumeJobId ?? null);
-    const { job: publishJob, steps: publishSteps } = usePublishJob(publishJobId);
+    const { job: publishJob, steps: publishSteps, reloadFor: reloadPublishJob } = usePublishJob(publishJobId);
     const [publishToFloriday, setPublishToFloriday] = useState(true);
     const [draftId, setDraftId] = useState(initialDraftId);
     const [draftFloridayId, setDraftFloridayId] = useState(null);
@@ -1340,13 +1366,16 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                 }
                 const createdId = res.tradeItemId ?? payload.tradeItemId;
                 await saveWarehousePreference(createdId, data.warehouseId);
-                if (draftId) {
-                    try {
-                        await deleteLocalTradeItem(draftId);
-                    }
-                    catch {
-                        /* niet kritiek */
-                    }
+                // 1.0.123: het lokale artikel blijft bestaan en wordt aan het nieuwe
+                // Floriday-artikel gekoppeld (alleen als het nog niet gekoppeld is),
+                // zodat voorraad, prijs en belading niet verloren gaan.
+                const localTarget = savedLocalId ?? draftId ?? null;
+                if (localTarget && createdId) {
+                    await supabase
+                        .from("products")
+                        .update({ floriday_trade_item_id: createdId })
+                        .eq("id", localTarget)
+                        .is("floriday_trade_item_id", null);
                 }
                 return { tradeItemId: createdId };
             }, stepOpts);
@@ -1355,13 +1384,28 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                 if (!publishedTradeItemId)
                     await keepLocalInputAfterFailure();
                 await handleStepFailure(core.error);
-                if (jobId)
+                if (jobId) {
                     await finishPublishJob(jobId);
+                    await reloadPublishJob(jobId);
+                }
                 return;
             }
             resolvedTradeItemId =
                 core.value?.tradeItemId ??
                     resolvedTradeItemId;
+            // Nieuw artikel: ingevoerde voorraad, prijs en belading altijd lokaal vastleggen
+            // (nooit iets overschrijven wat er al staat).
+            if (!publishedTradeItemId) {
+                await keepLocalInputAfterFailure();
+                if (savedLocalId) {
+                    try {
+                        await saveOwnPackings(savedLocalId, packingRowsFromWizard(data.packingConfigurations));
+                    }
+                    catch (e) {
+                        toast.error("Belading kon niet lokaal bewaard worden", { description: e.message });
+                    }
+                }
+            }
             const primary = data.packingConfigurations.find((p) => p.isPrimary) ??
                 data.packingConfigurations[0];
             // 2) Voorraad ---------------------------------------------------------
@@ -1400,7 +1444,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
             if (activeStepKeys.includes("offer") && resolvedTradeItemId && !isEditingPublished) {
                 await runPublishStep(jobId, "offer", async () => {
                     const packingBase = buildPrimaryPackingBase(data);
-                    await publishCustomerOfferFn({
+                    const offerRes = (await publishCustomerOfferFn({
                         data: {
                             customerOfferId: crypto.randomUUID(),
                             tradeItemId: resolvedTradeItemId,
@@ -1411,11 +1455,14 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                             despatchWarehouseId: data.warehouseId,
                             numberOfPieces: data.saleStockPieces,
                             allowedCustomerOrganizationIds: data.customerOrganizationIds,
+                            priceGroupIds: Object.entries(data.priceGroupPrices ?? {})
+                                .filter(([, v]) => Number(v) > 0)
+                                .map(([k]) => k),
                             packingConfiguration: packingBase,
                             orderStart: new Date(`${data.offerStartDate}T00:00:00Z`).toISOString(),
                         },
-                    });
-                    return { published: true };
+                    }));
+                    return { published: true, buyerSource: offerRes?.buyerSource, buyerCount: offerRes?.buyerCount };
                 }, stepOpts);
             }
             else if (jobId && activeStepKeys.includes("offer")) {
@@ -1525,6 +1572,8 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
             const status = jobId ? await finishPublishJob(jobId, {
                 tradeItemId: resolvedTradeItemId,
             }) : "succeeded";
+            if (jobId)
+                await reloadPublishJob(jobId);
             if (status === "succeeded") {
                 if (draftId) {
                     await markLocalSyncStatus(draftId, {
@@ -1549,8 +1598,10 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
         catch (e) {
             const friendly = translatePublishError(e, { characteristicLabels });
             await handleStepFailure(friendly);
-            if (jobId)
+            if (jobId) {
                 await finishPublishJob(jobId);
+                await reloadPublishJob(jobId);
+            }
         }
         finally {
             setSubmitting(false);
@@ -2029,6 +2080,9 @@ function StepVbn({ data, update, acceptedVbnCodes }) {
     const selectVbn = (code, name, group) => {
         update("vbnCode", code);
         update("vbnName", name);
+        // De VBN-productnaam is de botanische naam (Floricode VbnProduct); alleen invullen als het veld leeg is.
+        if (!data.botanicalName.trim() && name.trim())
+            update("botanicalName", name.trim());
         if (group)
             update("productGroup", group);
         pushRecentVbn({ code, name, group });
@@ -2139,6 +2193,7 @@ function StepArtikel({ data, update, collectionsList, setCollectionsList, articl
 }
 import { COUNTRIES } from "../../lib/countries.js";
 import { ProductSalePriceField } from "./ProductSalePriceField.js";
+import { useLoadCarriers } from "../../hooks/useLoadCarriers.js";
 /** Zoekbare keuzelijst voor lange waardelijsten (bijv. S62 land van herkomst).
  *  Nederland (ISO-code NL) staat bovenaan als die waarde voorkomt. */
 function SearchableValuePicker({ values, value, onChange, }) {
@@ -2171,6 +2226,11 @@ function StepPaspoort({ data, update, botanicalDraft: liftedDraft, setBotanicalD
         else
             set.add(code);
         update("countryOfOrigin", Array.from(set).join(","));
+        // S62 (land van herkomst) vooraf invullen met het eerste land, alleen als S62 nog leeg is.
+        const first = Array.from(set)[0];
+        if (first && !String(data.features?.["S62"] ?? "").trim()) {
+            update("features", { ...(data.features ?? {}), S62: first });
+        }
     };
     const filteredCountries = COUNTRIES.filter((c) => {
         const q = countryQuery.trim().toLowerCase();
@@ -2578,6 +2638,7 @@ function StepWarehouse({ data, update, activeId }) {
  *   4. Optionele artikelfoto in dit fust (upload via Floriday /media)
  */
 function StepBeladingen({ data, update, packagingTypes, loadCarriers, floridayCustomers, activeId, packingStatus, parentFloridayId, }) {
+    const { label: carrierLabel } = useLoadCarriers();
     const [dialogOpen, setDialogOpen] = useState(false);
     const [editingId, setEditingId] = useState(null);
     const openNew = () => {
@@ -2626,7 +2687,7 @@ function StepBeladingen({ data, update, packagingTypes, loadCarriers, floridayCu
                                 const lcLabel = loadCarriers.find((r) => codeOf(r) === p.loadCarrier);
                                 return (_jsxs("tr", { className: "hover:bg-muted/30", children: [_jsx("td", { className: "px-3 py-2", children: _jsx("input", { type: "radio", name: "primary-packing", checked: Boolean(p.isPrimary), onChange: () => setPrimary(p.id), "aria-label": "Als primaire belading instellen" }) }), _jsxs("td", { className: "px-3 py-2", children: [_jsx("div", { className: "font-medium", children: pkgLabel
                                                         ? `${codeOf(pkgLabel)}: ${labelOf(pkgLabel)}`
-                                                        : p.packagingType || "—" }), p.source === "SUPPLIER" && (_jsx("div", { className: "text-xs text-muted-foreground", children: p.packagingSupplierName ?? p.packagingSupplierId }))] }), _jsx("td", { className: "px-3 py-2", children: LOAD_CARRIER_LABELS[p.loadCarrier] ?? p.loadCarrier ?? "—" }), _jsxs("td", { className: "px-3 py-2 tabular-nums", children: [p.layersPerLoadCarrier, "\u00D7", p.packagesPerLayer, "\u00D7", p.unitsPerPackage] }), _jsx("td", { className: "px-3 py-2", children: _jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [p.isCustomerSpecific ? (_jsxs("span", { className: "rounded bg-amber-100 px-2 py-0.5 text-xs text-amber-900", children: ["Klantspecifiek (", p.customerOrganizationIds.length, ")"] })) : (_jsx("span", { className: "text-xs text-muted-foreground", children: "Regulier" })), p.isHiddenForDirectSales && (_jsx("span", { className: "rounded bg-slate-200 px-2 py-0.5 text-xs text-slate-700", children: "Verborgen" }))] }) }), _jsx("td", { className: "px-3 py-2 text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => openEdit(p.id), children: "Bewerk" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => remove(p.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }) })] }, p.id));
+                                                        : p.packagingType || "—" }), p.source === "SUPPLIER" && (_jsx("div", { className: "text-xs text-muted-foreground", children: p.packagingSupplierName ?? p.packagingSupplierId }))] }), _jsx("td", { className: "px-3 py-2", children: carrierLabel(p.loadCarrier) }), _jsxs("td", { className: "px-3 py-2 tabular-nums", children: [p.layersPerLoadCarrier, "\u00D7", p.packagesPerLayer, "\u00D7", p.unitsPerPackage] }), _jsx("td", { className: "px-3 py-2", children: _jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [p.isCustomerSpecific ? (_jsxs("span", { className: "rounded bg-amber-100 px-2 py-0.5 text-xs text-amber-900", children: ["Klantspecifiek (", p.customerOrganizationIds.length, ")"] })) : (_jsx("span", { className: "text-xs text-muted-foreground", children: "Regulier" })), p.isHiddenForDirectSales && (_jsx("span", { className: "rounded bg-slate-200 px-2 py-0.5 text-xs text-slate-700", children: "Verborgen" }))] }) }), _jsx("td", { className: "px-3 py-2 text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => openEdit(p.id), children: "Bewerk" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => remove(p.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }) })] }, p.id));
                             }) })] }) })), _jsx(FloridayLoadCarriers, { connectionId: activeId, floridayId: parentFloridayId }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: openNew, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Belading toevoegen"] }), _jsx(PackingConfigDialog, { open: dialogOpen, onOpenChange: (o) => {
                     setDialogOpen(o);
                     if (!o)
@@ -2637,10 +2698,11 @@ function StepBeladingen({ data, update, packagingTypes, loadCarriers, floridayCu
 // Dialog voor toevoegen/bewerken van één beladingsconfiguratie
 // ---------------------------------------------------------------
 function PackingConfigDialog({ open, onOpenChange, initial, isFirst, packagingTypes, loadCarriers, floridayCustomers, activeId, onSave, }) {
+    const { items: carrierList, error: carrierError } = useLoadCarriers();
     const emptyItem = () => ({
         id: crypto.randomUUID(),
         source: "VBN",
-        loadCarrier: "AUCTION_TROLLEY",
+        loadCarrier: "",
         packagingType: "",
         // Geen standaardwaarden: de gebruiker vult alle drie aantallen zelf in.
         unitsPerPackage: 0,
@@ -2749,7 +2811,7 @@ function PackingConfigDialog({ open, onOpenChange, initial, isFirst, packagingTy
                                                                     ? (packagingTypes.find((r) => codeOf(r) === draft.packagingType)
                                                                         ? `${labelOf(packagingTypes.find((r) => codeOf(r) === draft.packagingType))} (${draft.packagingType})`
                                                                         : draft.packagingType)
-                                                                    : "Selecteer fust..." }), _jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsxs(PopoverContent, { className: "w-[380px] p-0", align: "start", children: [_jsx("div", { className: "border-b p-2", children: _jsx(Input, { placeholder: "Zoek op naam of code...", value: pkgSearch, onChange: (e) => setPkgSearch(e.target.value) }) }), _jsx("div", { className: "max-h-64 overflow-y-auto", children: filteredPkg.length === 0 ? (_jsx("div", { className: "px-3 py-4 text-center text-xs text-muted-foreground", children: "Geen resultaten" })) : (filteredPkg.map((r) => (_jsxs("button", { type: "button", onClick: () => patch("packagingType", codeOf(r)), className: `flex w-full items-start gap-2 px-3 py-2 text-left text-sm hover:bg-muted ${draft.packagingType === codeOf(r) ? "bg-muted" : ""}`, children: [_jsx("span", { className: "font-mono text-xs text-muted-foreground w-14 shrink-0", children: codeOf(r) }), _jsx("span", { className: "truncate", children: labelOf(r) })] }, r.record_id)))) })] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Ladingdrager" }), _jsxs(Select, { value: draft.loadCarrier || "AUCTION_TROLLEY", onValueChange: (v) => patch("loadCarrier", v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Kies een ladingdrager" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "AUCTION_TROLLEY", children: "Stapelwagen" }), _jsx(SelectItem, { value: "DANISH_TROLLEY", children: "Deense container" }), _jsx(SelectItem, { value: "EURO_TROLLEY", children: "Euro-rolcontainer" }), _jsx(SelectItem, { value: "PALLET", children: "Pallet" }), _jsx(SelectItem, { value: "EURO_PALLET", children: "Euro-pallet" }), _jsx(SelectItem, { value: "NONE", children: "Geen ladingdrager" })] })] })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Stuks per fust" }), _jsx(Input, { type: "number", min: 1, placeholder: "Invullen", value: draft.unitsPerPackage > 0 ? draft.unitsPerPackage : "", onChange: (e) => patch("unitsPerPackage", Math.max(0, Math.floor(Number(e.target.value) || 0))) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Fusten per laag" }), _jsx(Input, { type: "number", min: 1, placeholder: "Invullen", value: draft.packagesPerLayer > 0 ? draft.packagesPerLayer : "", onChange: (e) => patch("packagesPerLayer", Math.max(0, Math.floor(Number(e.target.value) || 0))) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Lagen per drager" }), _jsx(Input, { type: "number", min: 1, placeholder: "Invullen", value: draft.layersPerLoadCarrier > 0 ? draft.layersPerLoadCarrier : "", onChange: (e) => patch("layersPerLoadCarrier", Math.max(0, Math.floor(Number(e.target.value) || 0))) })] }), !countsComplete && (_jsx("p", { className: "col-span-3 text-xs text-muted-foreground", children: "Vul stuks per fust, fusten per laag en lagen per drager in; er wordt niets vooraf ingevuld." }))] }), _jsxs("div", { className: "rounded-md border p-3 space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Klantspecifieke belading" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Alleen zichtbaar voor geselecteerde klantorganisaties." })] }), _jsx(Switch, { checked: draft.isCustomerSpecific, onCheckedChange: (v) => patch("isCustomerSpecific", Boolean(v)) })] }), draft.isCustomerSpecific && (_jsx("div", { className: "max-h-40 overflow-y-auto rounded border divide-y", children: floridayCustomers.length === 0 ? (_jsx("div", { className: "p-3 text-xs text-muted-foreground", children: "Geen klantorganisaties geladen." })) : (floridayCustomers.map((c) => (_jsxs("label", { className: "flex items-center gap-2 px-3 py-2 text-sm hover:bg-muted cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: draft.customerOrganizationIds.includes(c.id), onChange: () => toggleCustomer(c.id) }), _jsx("span", { className: "truncate", children: c.name })] }, c.id)))) }))] }), _jsxs("div", { className: "rounded-md border p-3 space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Foto van dit fust (optioneel)" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "JPG of PNG \u00B7 min. 640 \u00D7 640 px \u00B7 max. 5 MB" })] }), _jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: uploadingPhoto || !activeId, onClick: () => photoInputRef.current?.click(), children: uploadingPhoto ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), " Uploaden"] })) : (_jsxs(_Fragment, { children: [_jsx(Upload, { className: "mr-2 h-4 w-4" }), " Foto kiezen"] })) }), _jsx("input", { ref: photoInputRef, type: "file", accept: "image/png,image/jpeg", className: "hidden", onChange: (e) => {
+                                                                    : "Selecteer fust..." }), _jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsxs(PopoverContent, { className: "w-[380px] p-0", align: "start", children: [_jsx("div", { className: "border-b p-2", children: _jsx(Input, { placeholder: "Zoek op naam of code...", value: pkgSearch, onChange: (e) => setPkgSearch(e.target.value) }) }), _jsx("div", { className: "max-h-64 overflow-y-auto", children: filteredPkg.length === 0 ? (_jsx("div", { className: "px-3 py-4 text-center text-xs text-muted-foreground", children: "Geen resultaten" })) : (filteredPkg.map((r) => (_jsxs("button", { type: "button", onClick: () => patch("packagingType", codeOf(r)), className: `flex w-full items-start gap-2 px-3 py-2 text-left text-sm hover:bg-muted ${draft.packagingType === codeOf(r) ? "bg-muted" : ""}`, children: [_jsx("span", { className: "font-mono text-xs text-muted-foreground w-14 shrink-0", children: codeOf(r) }), _jsx("span", { className: "truncate", children: labelOf(r) })] }, r.record_id)))) })] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Ladingdrager" }), _jsxs(Select, { value: draft.loadCarrier || undefined, onValueChange: (v) => patch("loadCarrier", v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Kies een ladingdrager" }) }), _jsx(SelectContent, { children: carrierList.map((c) => (_jsx(SelectItem, { value: c.code, children: c.naam }, c.code))) })] }), carrierError && _jsx("p", { className: "text-xs text-destructive", children: carrierError })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Stuks per fust" }), _jsx(Input, { type: "number", min: 1, placeholder: "Invullen", value: draft.unitsPerPackage > 0 ? draft.unitsPerPackage : "", onChange: (e) => patch("unitsPerPackage", Math.max(0, Math.floor(Number(e.target.value) || 0))) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Fusten per laag" }), _jsx(Input, { type: "number", min: 1, placeholder: "Invullen", value: draft.packagesPerLayer > 0 ? draft.packagesPerLayer : "", onChange: (e) => patch("packagesPerLayer", Math.max(0, Math.floor(Number(e.target.value) || 0))) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Lagen per drager" }), _jsx(Input, { type: "number", min: 1, placeholder: "Invullen", value: draft.layersPerLoadCarrier > 0 ? draft.layersPerLoadCarrier : "", onChange: (e) => patch("layersPerLoadCarrier", Math.max(0, Math.floor(Number(e.target.value) || 0))) })] }), !countsComplete && (_jsx("p", { className: "col-span-3 text-xs text-muted-foreground", children: "Vul stuks per fust, fusten per laag en lagen per drager in; er wordt niets vooraf ingevuld." }))] }), _jsxs("div", { className: "rounded-md border p-3 space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Klantspecifieke belading" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Alleen zichtbaar voor geselecteerde klantorganisaties." })] }), _jsx(Switch, { checked: draft.isCustomerSpecific, onCheckedChange: (v) => patch("isCustomerSpecific", Boolean(v)) })] }), draft.isCustomerSpecific && (_jsx("div", { className: "max-h-40 overflow-y-auto rounded border divide-y", children: floridayCustomers.length === 0 ? (_jsx("div", { className: "p-3 text-xs text-muted-foreground", children: "Geen klantorganisaties geladen." })) : (floridayCustomers.map((c) => (_jsxs("label", { className: "flex items-center gap-2 px-3 py-2 text-sm hover:bg-muted cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: draft.customerOrganizationIds.includes(c.id), onChange: () => toggleCustomer(c.id) }), _jsx("span", { className: "truncate", children: c.name })] }, c.id)))) }))] }), _jsxs("div", { className: "rounded-md border p-3 space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Foto van dit fust (optioneel)" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "JPG of PNG \u00B7 min. 640 \u00D7 640 px \u00B7 max. 5 MB" })] }), _jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: uploadingPhoto || !activeId, onClick: () => photoInputRef.current?.click(), children: uploadingPhoto ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), " Uploaden"] })) : (_jsxs(_Fragment, { children: [_jsx(Upload, { className: "mr-2 h-4 w-4" }), " Foto kiezen"] })) }), _jsx("input", { ref: photoInputRef, type: "file", accept: "image/png,image/jpeg", className: "hidden", onChange: (e) => {
                                                 onUploadPhoto(e.target.files?.[0]);
                                                 e.target.value = "";
                                             } })] }), (draft.photoPreviewUrl || draft.photoUrl) && (_jsxs("div", { className: "relative inline-block", children: [_jsx("img", { src: draft.photoPreviewUrl || draft.photoUrl, alt: "Belading foto", className: "h-24 rounded-md border object-cover" }), _jsx("button", { type: "button", onClick: () => setDraft((d) => ({

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

@@ -1 +1 @@
-{"version":3,"file":"FloridayInfoCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayInfoCard.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,8EAA8E;IAC9E,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACtB,CAAC;CACH;AA6DD,wBAAgB,gBAAgB,CAAC,EAAE,mBAAmB,EAAE,KAAK,EAAE,EAAE,KAAK,sCAmRrE"}
+{"version":3,"file":"FloridayInfoCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayInfoCard.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,8EAA8E;IAC9E,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACtB,CAAC;CACH;AA6DD,wBAAgB,gBAAgB,CAAC,EAAE,mBAAmB,EAAE,KAAK,EAAE,EAAE,KAAK,sCAoRrE"}

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

@@ -3,7 +3,8 @@ import { useEffect, useState } from "react";
 import { Card, CardContent, Badge } from "@flowselections/core";
 import { AlertTriangle, ChevronDown, ChevronRight, ExternalLink } from "lucide-react";
 import { supabase } from "../../integrations/supabase/client.js";
-import { floridayInfoFromCache, LOAD_CARRIER_LABELS, } from "../../lib/floriday-info.js";
+import { floridayInfoFromCache, } from "../../lib/floriday-info.js";
+import { useLoadCarriers } from "../../hooks/useLoadCarriers.js";
 const floridayLogo = "/flowselections-assets/Voorraad/floriday-logo.png";
 function formatDate(iso) {
     if (!iso)
@@ -29,6 +30,7 @@ function Field({ label, value, }) {
     return (_jsxs("div", { className: "grid grid-cols-[140px_1fr] gap-2 text-sm py-1", children: [_jsx("div", { className: "text-muted-foreground", children: label }), _jsx("div", { className: "font-medium break-words", children: v })] }));
 }
 export function FloridayInfoCard({ floridayTradeItemId, local }) {
+    const { label: carrierLabel } = useLoadCarriers();
     const [info, setInfo] = useState(null);
     const [loading, setLoading] = useState(false);
     const [notFound, setNotFound] = useState(false);
@@ -81,5 +83,5 @@ export function FloridayInfoCard({ floridayTradeItemId, local }) {
                                                 ? info.seasonalPeriods
                                                     .map((s) => `wk ${s.startWeek}–${s.endWeek}`)
                                                     .join(", ")
-                                                : null }), _jsx(Field, { label: "Verborgen in catalogus", value: info.isHiddenInCatalog ? "Ja" : "Nee" }), _jsx(Field, { label: "Laatst gewijzigd", value: formatDate(info.lastModifiedDateTime) })] })] }), info.characteristics.length > 0 && (_jsxs("div", { children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-2", children: "Kenmerken" }), _jsx("div", { className: "rounded-md border overflow-hidden", 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-2 font-medium", children: "VBN-code" }), _jsx("th", { className: "p-2 font-medium", children: "Waarde" })] }) }), _jsx("tbody", { children: info.characteristics.map((c) => (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "p-2 font-mono text-xs", children: c.vbnCode }), _jsx("td", { className: "p-2 font-mono text-xs", children: c.vbnValueCode })] }, c.vbnCode))) })] }) })] })), info.packingConfigurations.length > 0 && (_jsxs("div", { children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-2", children: "Beladingen (Floriday)" }), _jsx("div", { className: "rounded-md border 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-2 font-medium", children: "Ladingdrager" }), _jsx("th", { className: "p-2 font-medium", children: "Verpakking" }), _jsx("th", { className: "p-2 text-right font-medium", children: "Stuks/verp." }), _jsx("th", { className: "p-2 text-right font-medium", children: "Verp./laag" }), _jsx("th", { className: "p-2 text-right font-medium", children: "Lagen" }), _jsx("th", { className: "p-2 font-medium", children: "Primair" })] }) }), _jsx("tbody", { children: info.packingConfigurations.map((p, i) => (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "p-2", children: LOAD_CARRIER_LABELS[p.loadCarrier] ?? p.loadCarrier }), _jsx("td", { className: "p-2 font-mono text-xs", children: p.packagingCode ?? p.customPackageId ?? "—" }), _jsx("td", { className: "p-2 text-right tabular-nums", children: p.piecesPerPackage }), _jsx("td", { className: "p-2 text-right tabular-nums", children: p.packagesPerLayer }), _jsx("td", { className: "p-2 text-right tabular-nums", children: p.layersPerLoadCarrier }), _jsx("td", { className: "p-2", children: p.primary ? (_jsx(Badge, { className: "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: "Ja" })) : (_jsx("span", { className: "text-muted-foreground text-xs", children: "nee" })) })] }, i))) })] }) })] })), _jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => setRawOpen((o) => !o), className: "inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground", children: [rawOpen ? (_jsx(ChevronDown, { className: "h-3 w-3" })) : (_jsx(ChevronRight, { className: "h-3 w-3" })), "Alles wat Floriday teruggeeft (raw)"] }), rawOpen && (_jsx("pre", { className: "mt-2 max-h-96 overflow-auto rounded-md border bg-muted/30 p-3 text-[11px] leading-tight font-mono", children: JSON.stringify(info.raw, null, 2) }))] }), _jsxs("div", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [_jsx(ExternalLink, { className: "h-3 w-3" }), "Floriday trade item ID:", " ", _jsx("code", { className: "font-mono", children: info.id })] })] }))] }) }));
+                                                : null }), _jsx(Field, { label: "Verborgen in catalogus", value: info.isHiddenInCatalog ? "Ja" : "Nee" }), _jsx(Field, { label: "Laatst gewijzigd", value: formatDate(info.lastModifiedDateTime) })] })] }), info.characteristics.length > 0 && (_jsxs("div", { children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-2", children: "Kenmerken" }), _jsx("div", { className: "rounded-md border overflow-hidden", 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-2 font-medium", children: "VBN-code" }), _jsx("th", { className: "p-2 font-medium", children: "Waarde" })] }) }), _jsx("tbody", { children: info.characteristics.map((c) => (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "p-2 font-mono text-xs", children: c.vbnCode }), _jsx("td", { className: "p-2 font-mono text-xs", children: c.vbnValueCode })] }, c.vbnCode))) })] }) })] })), info.packingConfigurations.length > 0 && (_jsxs("div", { children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground mb-2", children: "Beladingen (Floriday)" }), _jsx("div", { className: "rounded-md border 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-2 font-medium", children: "Ladingdrager" }), _jsx("th", { className: "p-2 font-medium", children: "Verpakking" }), _jsx("th", { className: "p-2 text-right font-medium", children: "Stuks/verp." }), _jsx("th", { className: "p-2 text-right font-medium", children: "Verp./laag" }), _jsx("th", { className: "p-2 text-right font-medium", children: "Lagen" }), _jsx("th", { className: "p-2 font-medium", children: "Primair" })] }) }), _jsx("tbody", { children: info.packingConfigurations.map((p, i) => (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "p-2", children: carrierLabel(p.loadCarrier) }), _jsx("td", { className: "p-2 font-mono text-xs", children: p.packagingCode ?? p.customPackageId ?? "—" }), _jsx("td", { className: "p-2 text-right tabular-nums", children: p.piecesPerPackage }), _jsx("td", { className: "p-2 text-right tabular-nums", children: p.packagesPerLayer }), _jsx("td", { className: "p-2 text-right tabular-nums", children: p.layersPerLoadCarrier }), _jsx("td", { className: "p-2", children: p.primary ? (_jsx(Badge, { className: "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: "Ja" })) : (_jsx("span", { className: "text-muted-foreground text-xs", children: "nee" })) })] }, i))) })] }) })] })), _jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => setRawOpen((o) => !o), className: "inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground", children: [rawOpen ? (_jsx(ChevronDown, { className: "h-3 w-3" })) : (_jsx(ChevronRight, { className: "h-3 w-3" })), "Alles wat Floriday teruggeeft (raw)"] }), rawOpen && (_jsx("pre", { className: "mt-2 max-h-96 overflow-auto rounded-md border bg-muted/30 p-3 text-[11px] leading-tight font-mono", children: JSON.stringify(info.raw, null, 2) }))] }), _jsxs("div", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [_jsx(ExternalLink, { className: "h-3 w-3" }), "Floriday trade item ID:", " ", _jsx("code", { className: "font-mono", children: info.id })] })] }))] }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"FloridayLoadCarriers.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayLoadCarriers.tsx"],"names":[],"mappings":"AASA,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC;IAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,CAO5G;AAED,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,UAAU,GACX,EAAE;IACD,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,+BAsDA"}
+{"version":3,"file":"FloridayLoadCarriers.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayLoadCarriers.tsx"],"names":[],"mappings":"AASA,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC;IAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,CAO5G;AAED,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,UAAU,GACX,EAAE;IACD,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,+BAuDA"}

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

@@ -6,7 +6,7 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
  */
 import { useEffect, useState } from "react";
 import { supabase } from "../../integrations/supabase/client.js";
-import { LOAD_CARRIER_LABELS } from "../../lib/floriday-info.js";
+import { useLoadCarriers } from "../../hooks/useLoadCarriers.js";
 export function loadCarriersFromCache(data) {
     const list = data?.packingConfigurations;
     if (!Array.isArray(list))
@@ -17,6 +17,7 @@ export function loadCarriersFromCache(data) {
     }));
 }
 export function FloridayLoadCarriers({ connectionId, floridayId, }) {
+    const { label: carrierLabel } = useLoadCarriers();
     const [state, setState] = useState({ kind: "loading" });
     useEffect(() => {
         if (!connectionId || !floridayId)
@@ -55,6 +56,6 @@ export function FloridayLoadCarriers({ connectionId, floridayId, }) {
     else if (state.rows.length === 0)
         body = "Floriday heeft geen belading voor dit artikel";
     else
-        body = (_jsx("ul", { className: "list-disc pl-5", children: state.rows.map((r, i) => (_jsxs("li", { children: ["Belading ", i + 1, r.primary ? " (primair)" : "", ":", " ", r.loadCarrier ? (LOAD_CARRIER_LABELS[r.loadCarrier] ?? r.loadCarrier) : "—"] }, i))) }));
+        body = (_jsx("ul", { className: "list-disc pl-5", children: state.rows.map((r, i) => (_jsxs("li", { children: ["Belading ", i + 1, r.primary ? " (primair)" : "", ":", " ", carrierLabel(r.loadCarrier)] }, i))) }));
     return (_jsxs("div", { className: "rounded-md border bg-muted/30 p-3 text-sm", children: [_jsx("div", { className: "mb-1 font-medium", children: "Ladingdrager volgens Floriday" }), _jsx("div", { className: "text-muted-foreground", children: body })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"NieuwArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/NieuwArtikelPage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,gBAAgB,gCAkO/B"}
+{"version":3,"file":"NieuwArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/NieuwArtikelPage.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,gBAAgB,gCA2X/B"}

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

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * lijst van wat daarvoor nog ontbreekt. De volledige Floriday-invoer blijft
  * beschikbaar via de knop onderaan.
  */
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { Link, useNavigate } from "@tanstack/react-router";
 import { Button, Card, Input, Label, toast } from "@flowselections/core";
 import { ArrowLeft, Check, Loader2, Send } from "lucide-react";
@@ -15,8 +15,12 @@ import { ArtikelWizard } from "./ArtikelWizard.js";
 import { useFloridayConnection } from "../../hooks/useFloridayConnection.js";
 import { LOCAL_STOCK_TEXT } from "../../lib/stock-scope.js";
 import { FloridayConnectionNotice } from "./FloridayConnectionNotice.js";
-const STEPS = ["Naam en code", "Voorraad", "Prijs"];
+import { useLoadCarriers } from "../../hooks/useLoadCarriers.js";
+import { saveOwnPackings } from "../../lib/product-packings.js";
+import { EMPTY_SIMPLE_PACKING, engineOordeelRegel, missingPackingFields, simplePackingToRow, } from "../../lib/simple-packing.js";
+const STEPS = ["Naam en code", "Voorraad", "Prijs", "Belading"];
 export function NieuwArtikelPage() {
+    const carriers = useLoadCarriers();
     const navigate = useNavigate();
     const conn = useFloridayConnection();
     // Sinds 1.0.107 slaat set_product_stock zonder koppeling op in de lokale
@@ -32,12 +36,55 @@ export function NieuwArtikelPage() {
     const [saving, setSaving] = useState(false);
     const [createdId, setCreatedId] = useState(null);
     const [saveError, setSaveError] = useState(null);
+    const [packing, setPacking] = useState(EMPTY_SIMPLE_PACKING);
+    const [fusts, setFusts] = useState([]);
+    const [oordeel, setOordeel] = useState(null);
+    const missingPacking = missingPackingFields(packing);
+    const setPack = (k, v) => setPacking((p) => ({ ...p, [k]: v }));
+    useEffect(() => {
+        let off = false;
+        void (async () => {
+            const { data } = await supabase
+                .from("fust_types")
+                .select("name, vbn_code")
+                .is("merged_into", null)
+                .not("vbn_code", "is", null)
+                .order("name");
+            if (off)
+                return;
+            const seen = new Set();
+            const list = [];
+            for (const r of (data ?? [])) {
+                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}`) });
+                }
+            }
+            setFusts(list);
+        })();
+        return () => {
+            off = true;
+        };
+    }, []);
     // Voorkomt dubbele artikelen bij snel herhaald klikken of opnieuw proberen.
     const savingRef = useRef(false);
     const insertedIdRef = useRef(null);
     if (full)
-        return _jsx(ArtikelWizard, {});
-    const canNext = step === 0 ? name.trim().length > 0 : step === 1 ? !canSaveStock || (Number(stock) >= 0 && stock !== "") : true;
+        return (_jsx(ArtikelWizard, { initial: {
+                name: name.trim(),
+                articleCode: code.trim(),
+                stockPieces: Math.trunc(Number(stock) || 0),
+                pricePerPiece: Number(price.replace(",", ".")) || 0,
+                packing,
+            } }));
+    const canNext = step === 0
+        ? name.trim().length > 0
+        : step === 1
+            ? !canSaveStock || (Number(stock) >= 0 && stock !== "")
+            : step === 3
+                ? missingPacking.length === 0
+                : true;
     const save = async () => {
         if (savingRef.current)
             return;
@@ -48,6 +95,7 @@ export function NieuwArtikelPage() {
             const priceNum = price.trim() === "" ? null : Number(price.replace(",", "."));
             if (priceNum !== null && !(priceNum > 0))
                 throw new Error("Vul een geldige prijs in (groter dan 0)");
+            const packingRow = simplePackingToRow(packing);
             let id = insertedIdRef.current;
             if (!id) {
                 const { data, error } = await supabase
@@ -81,6 +129,22 @@ export function NieuwArtikelPage() {
             if (stockErr) {
                 throw new Error(`Artikel is aangemaakt, maar de voorraad is niet opgeslagen: ${stockErr.message}. Klik opnieuw op "Artikel opslaan" om alleen de voorraad nog eens te proberen.`);
             }
+            try {
+                await saveOwnPackings(id, [packingRow]);
+            }
+            catch (e) {
+                throw new Error(`Artikel is aangemaakt, maar de belading is niet opgeslagen: ${e?.message ?? e}. Klik opnieuw op "Artikel opslaan".`);
+            }
+            // Controle door de Engine (alleen lezen); uitkomst tonen, niet blokkeren.
+            const { data: oo, error: ooErr } = await supabase.rpc("logistics_product_oordeel_belading", {
+                p_regels: [engineOordeelRegel(id, packing)],
+            });
+            const first = Array.isArray(oo) ? oo[0] : null;
+            setOordeel(ooErr
+                ? { oordeel: "fout", tekst: `Controle door de karindeling lukte niet: ${ooErr.message}`, regels: [] }
+                : first
+                    ? { oordeel: String(first.oordeel), tekst: String(first.tekst ?? ""), regels: (first.regels ?? []) }
+                    : null);
             toast.success(canSaveStock ? "Artikel aangemaakt" : "Artikel aangemaakt (zonder voorraad)");
             setCreatedId(id);
         }
@@ -97,7 +161,9 @@ export function NieuwArtikelPage() {
     if (createdId) {
         const missing = validateDraftForPublish({}).missing;
         const hasPrice = Number(price.replace(",", ".")) > 0;
-        return (_jsx("main", { className: "p-6 space-y-4 max-w-2xl", children: _jsxs(Card, { className: "p-5 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2 text-emerald-700", children: [_jsx(Check, { className: "h-5 w-5" }), _jsxs("p", { className: "font-medium", children: [name, " is aangemaakt."] })] }), hasFloriday ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Wil je het artikel ook op Floriday zetten? Daarvoor is nog nodig:" }), _jsxs("ul", { className: "list-disc pl-5 text-sm", children: [!hasPrice && _jsx("li", { children: "Prijs per stuk (excl. btw)" }), missing.map((m) => (_jsx("li", { children: m }, m)))] })] })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: "De voorraad is opgeslagen als eigen voorraad. Die gaat niet naar Floriday." })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [hasFloriday && (_jsxs(Button, { onClick: () => navigate({ to: "/voorraad/$id", params: { id: createdId } }), children: [_jsx(Send, { className: "mr-2 h-4 w-4" }), "Op Floriday zetten"] })), _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/voorraad", children: "Terug naar voorraad" }) })] })] }) }));
+        return (_jsx("main", { className: "p-6 space-y-4 max-w-2xl", children: _jsxs(Card, { className: "p-5 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2 text-emerald-700", children: [_jsx(Check, { className: "h-5 w-5" }), _jsxs("p", { className: "font-medium", children: [name, " is aangemaakt."] })] }), oordeel && (_jsxs("div", { role: oordeel.oordeel === "compleet" ? "status" : "alert", className: oordeel.oordeel === "compleet"
+                            ? "rounded-md border p-3 text-sm"
+                            : "rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive", children: [_jsxs("p", { className: "font-medium", children: ["Controle karindeling: ", oordeel.tekst] }), oordeel.regels.length > 0 && (_jsx("ul", { className: "list-disc pl-5", children: oordeel.regels.map((r) => (_jsx("li", { children: r }, r))) }))] })), hasFloriday ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Wil je het artikel ook op Floriday zetten? Daarvoor is nog nodig:" }), _jsxs("ul", { className: "list-disc pl-5 text-sm", children: [!hasPrice && _jsx("li", { children: "Prijs per stuk (excl. btw)" }), missing.map((m) => (_jsx("li", { children: m }, m)))] })] })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: "De voorraad is opgeslagen als eigen voorraad. Die gaat niet naar Floriday." })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [hasFloriday && (_jsxs(Button, { onClick: () => navigate({ to: "/voorraad/$id", params: { id: createdId } }), children: [_jsx(Send, { className: "mr-2 h-4 w-4" }), "Op Floriday zetten"] })), _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/voorraad", children: "Terug naar voorraad" }) })] })] }) }));
     }
-    return (_jsxs("main", { className: "p-6 space-y-4 max-w-2xl", children: [_jsxs(Link, { to: "/voorraad", className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Terug naar voorraad"] }), _jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Artikel toevoegen" }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Stap ", step + 1, " van ", STEPS.length, ": ", STEPS[step]] })] }), _jsx(FloridayConnectionNotice, { status: conn.status, environment: conn.selectedEnvironment, error: conn.error }), _jsxs(Card, { className: "p-5 space-y-4", children: [step === 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-name", children: "Naam" }), _jsx(Input, { id: "na-name", value: name, onChange: (e) => setName(e.target.value), autoFocus: true })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-code", children: "Artikelcode (optioneel)" }), _jsx(Input, { id: "na-code", value: code, onChange: (e) => setCode(e.target.value) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Leeg laten: er wordt automatisch een code gemaakt." })] })] })), step === 1 && (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-stock", children: "Voorraad (stuks)" }), _jsx(Input, { id: "na-stock", type: "number", min: 0, value: canSaveStock ? stock : "", onChange: (e) => setStock(e.target.value), disabled: !canSaveStock, "aria-describedby": "na-stock-help", autoFocus: true }), !canSaveStock && (_jsx("p", { id: "na-stock-help", className: "text-xs text-muted-foreground", children: "Koppeling wordt gecontroleerd\u2026" })), canSaveStock && !hasFloriday && (_jsx("p", { id: "na-stock-help", className: "text-xs text-muted-foreground", children: LOCAL_STOCK_TEXT }))] })), step === 2 && (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-price", children: "Prijs per stuk (EUR, excl. btw)" }), _jsx(Input, { id: "na-price", inputMode: "decimal", value: price, onChange: (e) => setPrice(e.target.value), placeholder: "Bijv. 1,10", autoFocus: true }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Zonder prijs komt het artikel niet in Floriday (\"Prijs ontbreekt\")." })] })), saveError && (_jsx("div", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive", children: saveError })), _jsxs("div", { className: "flex flex-wrap justify-between gap-2", children: [_jsx(Button, { variant: "outline", disabled: step === 0 || saving, onClick: () => setStep((s) => s - 1), children: "Vorige" }), step < STEPS.length - 1 ? (_jsx(Button, { disabled: !canNext, onClick: () => setStep((s) => s + 1), children: "Volgende" })) : (_jsxs(Button, { disabled: saving || !name.trim(), onClick: () => void save(), children: [saving ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(Check, { className: "mr-2 h-4 w-4" }), saving ? "Bezig met opslaan…" : "Artikel opslaan"] }))] })] }), hasFloriday && (_jsx("button", { type: "button", className: "text-sm text-muted-foreground underline hover:text-foreground", onClick: () => setFull(true), children: "Meteen alle Floriday-gegevens invullen" }))] }));
+    return (_jsxs("main", { className: "p-6 space-y-4 max-w-2xl", children: [_jsxs(Link, { to: "/voorraad", className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Terug naar voorraad"] }), _jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Artikel toevoegen" }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Stap ", step + 1, " van ", STEPS.length, ": ", STEPS[step]] })] }), _jsx(FloridayConnectionNotice, { status: conn.status, environment: conn.selectedEnvironment, error: conn.error }), _jsxs(Card, { className: "p-5 space-y-4", children: [step === 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-name", children: "Naam" }), _jsx(Input, { id: "na-name", value: name, onChange: (e) => setName(e.target.value), autoFocus: true })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-code", children: "Artikelcode (optioneel)" }), _jsx(Input, { id: "na-code", value: code, onChange: (e) => setCode(e.target.value) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Leeg laten: er wordt automatisch een code gemaakt." })] })] })), step === 1 && (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-stock", children: "Voorraad (stuks)" }), _jsx(Input, { id: "na-stock", type: "number", min: 0, value: canSaveStock ? stock : "", onChange: (e) => setStock(e.target.value), disabled: !canSaveStock, "aria-describedby": "na-stock-help", autoFocus: true }), !canSaveStock && (_jsx("p", { id: "na-stock-help", className: "text-xs text-muted-foreground", children: "Koppeling wordt gecontroleerd\u2026" })), canSaveStock && !hasFloriday && (_jsx("p", { id: "na-stock-help", className: "text-xs text-muted-foreground", children: LOCAL_STOCK_TEXT }))] })), step === 2 && (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-price", children: "Prijs per stuk (EUR, excl. btw)" }), _jsx(Input, { id: "na-price", inputMode: "decimal", value: price, onChange: (e) => setPrice(e.target.value), placeholder: "Bijv. 1,10", autoFocus: true }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Zonder prijs komt het artikel niet in Floriday (\"Prijs ontbreekt\")." })] })), step === 3 && (_jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Zonder volledige belading kan de karindeling dit artikel niet plannen. Alle vijf velden zijn verplicht." }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-fust", children: "Fust (VBN-code)" }), _jsxs("select", { id: "na-fust", className: "w-full rounded-md border bg-background px-3 py-2 text-sm", value: packing.vbnPackageCode, onChange: (e) => setPack("vbnPackageCode", e.target.value), children: [_jsx("option", { value: "", children: "Kies een fust\u2026" }), fusts.map((f) => (_jsxs("option", { value: String(f.vbn), children: [f.vbn, " \u2013 ", f.name] }, f.vbn)))] }), _jsx(Input, { "aria-label": "Andere VBN-fustcode", placeholder: "Of typ een VBN-fustcode, bijv. 412", inputMode: "numeric", value: packing.vbnPackageCode, onChange: (e) => setPack("vbnPackageCode", e.target.value) })] }), _jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-ppc", children: "Planten per fust" }), _jsx(Input, { id: "na-ppc", inputMode: "numeric", value: packing.piecesPerPackage, onChange: (e) => setPack("piecesPerPackage", e.target.value) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-cpl", children: "Fusten per laag" }), _jsx(Input, { id: "na-cpl", inputMode: "numeric", value: packing.packagesPerLayer, onChange: (e) => setPack("packagesPerLayer", e.target.value) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-lpc", children: "Lagen per kar" }), _jsx(Input, { id: "na-lpc", inputMode: "numeric", value: packing.layersPerLoadCarrier, onChange: (e) => setPack("layersPerLoadCarrier", e.target.value) })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "na-lc", children: "Ladingdrager" }), _jsxs("select", { id: "na-lc", className: "w-full rounded-md border bg-background px-3 py-2 text-sm", value: packing.loadCarrier, onChange: (e) => setPack("loadCarrier", e.target.value), children: [_jsx("option", { value: "", children: "Kies een ladingdrager\u2026" }), carriers.items.map((c) => (_jsx("option", { value: c.code, children: c.naam }, c.code)))] }), carriers.error && _jsx("p", { className: "text-xs text-destructive", children: carriers.error })] }), missingPacking.length > 0 && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["Nog invullen: ", missingPacking.join(", "), "."] }))] })), saveError && (_jsx("div", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive", children: saveError })), _jsxs("div", { className: "flex flex-wrap justify-between gap-2", children: [_jsx(Button, { variant: "outline", disabled: step === 0 || saving, onClick: () => setStep((s) => s - 1), children: "Vorige" }), step < STEPS.length - 1 ? (_jsx(Button, { disabled: !canNext, onClick: () => setStep((s) => s + 1), children: "Volgende" })) : (_jsxs(Button, { disabled: saving || !name.trim() || missingPacking.length > 0, onClick: () => void save(), children: [saving ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(Check, { className: "mr-2 h-4 w-4" }), saving ? "Bezig met opslaan…" : "Artikel opslaan"] }))] })] }), hasFloriday && (_jsx("button", { type: "button", className: "text-sm text-muted-foreground underline hover:text-foreground", onClick: () => setFull(true), children: "Meteen alle Floriday-gegevens invullen" }))] }));
 }

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

@@ -14,4 +14,11 @@ export declare function PublishProgressCard({ job, steps, onRetry, retrying, onF
  * stap mislukt is, telt als mislukt (scherm nooit blijven hangen op "Bezig").
  */
 export declare function effectiveJobStatus(jobStatus: string, steps: Array<Pick<PublishStepRow, "status" | "step_key">>): string;
+/** Uitkomst per onderdeel, zodra de publicatie klaar is. */
+export declare function publishOutcome(steps: Array<Pick<PublishStepRow, "status" | "step_key">>): {
+    key: string;
+    label: string;
+    text: string;
+    failed: boolean;
+}[];
 //# sourceMappingURL=PublishProgressCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PublishProgressCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublishProgressCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAoBhF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE;IACD,GAAG,EAAE,aAAa,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,sCA0DA;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC,GACxD,MAAM,CAMR"}
+{"version":3,"file":"PublishProgressCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublishProgressCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAoBhF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE;IACD,GAAG,EAAE,aAAa,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,sCA4DA;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC,GACxD,MAAM,CAMR;AAQD,4DAA4D;AAC5D,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;;;;;IAWvF"}

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

@@ -27,7 +27,7 @@ export function PublishProgressCard({ job, steps, onRetry, retrying, onFixStep,
     const visible = steps.filter((s) => s.status !== "skipped");
     const failed = visible.filter((s) => s.status === "failed");
     const status = effectiveJobStatus(job.status, visible);
-    return (_jsxs(Card, { className: "p-4 space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: JOB_TITLE[status] ?? "Publicatie" }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Referentie ", job.reference_code] })] }), status !== "running" && failed.length > 0 && onRetry && (_jsxs(Button, { size: "sm", variant: "outline", onClick: onRetry, disabled: retrying, children: [retrying ? (_jsx(Loader2, { className: "mr-1 h-3 w-3 animate-spin" })) : (_jsx(RefreshCw, { className: "mr-1 h-3 w-3" })), "Opnieuw proberen"] }))] }), _jsx("ul", { className: "space-y-2", children: visible.map((s) => (_jsxs("li", { className: "flex items-start gap-2 text-sm", children: [_jsx("span", { className: "mt-0.5", children: _jsx(StatusIcon, { status: s.status }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: s.status === "done" ? "text-muted-foreground" : "", children: s.label }), s.status === "failed" && s.error_message && (_jsx("div", { className: "text-xs text-destructive", children: s.error_message }))] }), s.status === "failed" && onFixStep && (_jsx(Button, { size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onFixStep(s.step_key), children: "Oplossen" }))] }, s.id))) })] }));
+    return (_jsxs(Card, { className: "p-4 space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: JOB_TITLE[status] ?? "Publicatie" }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Referentie ", job.reference_code] })] }), status !== "running" && failed.length > 0 && onRetry && (_jsxs(Button, { size: "sm", variant: "outline", onClick: onRetry, disabled: retrying, children: [retrying ? (_jsx(Loader2, { className: "mr-1 h-3 w-3 animate-spin" })) : (_jsx(RefreshCw, { className: "mr-1 h-3 w-3" })), "Opnieuw proberen"] }))] }), status !== "running" && _jsx(PublishOutcomeSummary, { steps: visible }), _jsx("ul", { className: "space-y-2", children: visible.map((s) => (_jsxs("li", { className: "flex items-start gap-2 text-sm", children: [_jsx("span", { className: "mt-0.5", children: _jsx(StatusIcon, { status: s.status }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: s.status === "done" ? "text-muted-foreground" : "", children: s.label }), s.status === "failed" && s.error_message && (_jsx("div", { className: "text-xs text-destructive", children: s.error_message }))] }), s.status === "failed" && onFixStep && (_jsx(Button, { size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onFixStep(s.step_key), children: "Oplossen" }))] }, s.id))) })] }));
 }
 /**
  * Een job die nog op "running" staat terwijl geen stap meer loopt en er een
@@ -43,3 +43,24 @@ export function effectiveJobStatus(jobStatus, steps) {
         return "failed";
     return jobStatus;
 }
+const OUTCOME_PARTS = [
+    { key: "trade-item", label: "Artikel" },
+    { key: "offer", label: "Aanbod" },
+    { key: "verify", label: "Controle" },
+];
+/** Uitkomst per onderdeel, zodra de publicatie klaar is. */
+export function publishOutcome(steps) {
+    return OUTCOME_PARTS.map((p) => {
+        const s = steps.find((x) => x.step_key === p.key);
+        const text = !s ? "niet van toepassing"
+            : s.status === "done" ? "gelukt"
+                : s.status === "failed" ? "niet gelukt"
+                    : s.status === "skipped" ? "overgeslagen"
+                        : "niet uitgevoerd";
+        return { key: p.key, label: p.label, text, failed: s?.status === "failed" };
+    });
+}
+function PublishOutcomeSummary({ steps }) {
+    const parts = publishOutcome(steps);
+    return (_jsx("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-sm", "aria-label": "Uitkomst per onderdeel", children: parts.map((p) => (_jsxs("span", { className: p.failed ? "text-destructive" : "text-muted-foreground", children: [_jsxs("span", { className: "font-medium", children: [p.label, ":"] }), " ", p.text] }, p.key))) }));
+}