@flowselections/floriday-voorraad 1.0.147 → 1.0.149

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

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

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

@@ -1,29 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { Card } from "@flowselections/core";
 import { Loader2 } from "lucide-react";
 import { ArtikelWizard } from "./ArtikelWizard.js";
 import { ArtikelPagina } from "./artikel/ArtikelPagina.js";
 import { supabase } from "../../integrations/supabase/client.js";
 export function EditArtikelPage({ id, resumeJobId, }) {
-    const [resolved, setResolved] = useState(null);
+    // Eerst direct de artikelpagina (één aanvraag); alleen als het id geen artikel is, zoeken we verder.
+    const [resolved, setResolved] = useState({ kind: "product", id });
+    const [zoekVerder, setZoekVerder] = useState(false);
+    useEffect(() => { setResolved({ kind: "product", id }); setZoekVerder(false); }, [id]);
+    const nietGevonden = useCallback(() => { setResolved(null); setZoekVerder(true); }, []);
     useEffect(() => {
+        if (!zoekVerder)
+            return;
         let cancelled = false;
-        setResolved(null);
         (async () => {
-            // 1. Volwaardig product (canonieke bron sinds de dedup-migratie).
-            const prodRes = await supabase
-                .from("products")
-                .select("id")
-                .eq("id", id)
-                .maybeSingle();
-            if (cancelled)
-                return;
-            if (prodRes.data) {
-                setResolved({ kind: "product", id });
-                return;
-            }
-            // 2. Product met dit Floriday-artikel-ID.
+            // Product met dit Floriday-artikel-ID.
             const byFloriday = await supabase
                 .from("products")
                 .select("id")
@@ -31,11 +24,11 @@ export function EditArtikelPage({ id, resumeJobId, }) {
                 .maybeSingle();
             if (cancelled)
                 return;
-            if (byFloriday.data?.id) {
+            if (byFloriday.data?.id && byFloriday.data.id !== id) {
                 setResolved({ kind: "product", id: byFloriday.data.id });
                 return;
             }
-            // 3. Alleen nog in de Floriday-cache aanwezig (nog niet lokaal gespiegeld).
+            // Alleen nog in de Floriday-cache aanwezig (nog niet lokaal gespiegeld).
             const pubRes = await supabase
                 .from("floriday_trade_items_cache")
                 .select("floriday_id")
@@ -55,7 +48,7 @@ export function EditArtikelPage({ id, resumeJobId, }) {
         return () => {
             cancelled = true;
         };
-    }, [id]);
+    }, [id, zoekVerder]);
     if (!resolved) {
         return (_jsx("main", { className: "p-6", children: _jsxs(Card, { className: "p-6 flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Artikel laden\u2026"] }) }));
     }
@@ -63,7 +56,7 @@ export function EditArtikelPage({ id, resumeJobId, }) {
         return (_jsx("main", { className: "p-6", children: _jsxs(Card, { className: "p-6 text-sm space-y-1", children: [_jsx("div", { children: "Artikel niet gevonden." }), resolved.reason && (_jsx("div", { className: "text-muted-foreground", children: resolved.reason }))] }) }));
     }
     if (resolved.kind === "product") {
-        return _jsx(ArtikelPagina, { id: resolved.id, resumeJobId: resumeJobId });
+        return _jsx(ArtikelPagina, { id: resolved.id, resumeJobId: resumeJobId, onNietGevonden: resolved.id === id && !zoekVerder ? nietGevonden : undefined }, resolved.id);
     }
     return _jsx(ArtikelWizard, { tradeItemId: resolved.id, resumeJobId: resumeJobId });
 }

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

@@ -2,7 +2,9 @@ interface Props {
     tradeItemKey: string | null;
     productName: string | null;
     productId?: string | null;
+    /** Artikelen met dezelfde voorraadsleutel, uit voorraad_artikel_detail. */
+    productIds?: string[];
 }
-export declare function OrderHistoryCard({ tradeItemKey, productName, productId }: Props): import("react").JSX.Element;
+export declare function OrderHistoryCard({ tradeItemKey, productName, productId, productIds: bekendeIds }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=OrderHistoryCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OrderHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/OrderHistoryCard.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAgDD,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,+BAoK/E"}
+{"version":3,"file":"OrderHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/OrderHistoryCard.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAgDD,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,KAAK,+BAsKvG"}

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

@@ -43,7 +43,7 @@ function formatDate(v) {
         return v;
     }
 }
-export function OrderHistoryCard({ tradeItemKey, productName, productId }) {
+export function OrderHistoryCard({ tradeItemKey, productName, productId, productIds: bekendeIds }) {
     const [rows, setRows] = useState(null);
     const [error, setError] = useState(null);
     useEffect(() => {
@@ -55,7 +55,11 @@ export function OrderHistoryCard({ tradeItemKey, productName, productId }) {
                 const productIds = new Set();
                 if (productId)
                     productIds.add(productId);
-                if (tradeItemKey) {
+                if (bekendeIds) {
+                    for (const p of bekendeIds)
+                        productIds.add(p);
+                }
+                else if (tradeItemKey) {
                     const { data: prods } = await supabase
                         .from("products")
                         .select("id")
@@ -122,7 +126,7 @@ export function OrderHistoryCard({ tradeItemKey, productName, productId }) {
             cancelled = true;
             supabase.removeChannel(channel);
         };
-    }, [tradeItemKey, productName, productId]);
+    }, [tradeItemKey, productName, productId, bekendeIds?.join("|")]); // eslint-disable-line react-hooks/exhaustive-deps
     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(ClipboardList, { className: "h-4 w-4" }) }), _jsx("span", { className: "font-medium", children: "Bestelgeschiedenis" }), _jsx("span", { className: "text-xs text-muted-foreground tabular-nums", children: rows ? `${rows.length} bestelling${rows.length === 1 ? "" : "en"}` : "" })] }), _jsxs(CardContent, { className: "pt-0", children: [error && (_jsxs("div", { className: "text-sm text-destructive", children: ["Kon bestelgeschiedenis niet laden: ", error] })), !rows && !error && (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Bestellingen laden\u2026"] })), rows && rows.length === 0 && !error && (_jsx("div", { className: "text-sm text-muted-foreground", children: "Nog geen bestellingen voor dit artikel." })), rows && rows.length > 0 && (_jsx("div", { className: "overflow-x-auto rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-xs uppercase text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 text-left", children: "Ordernummer" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Klant" }), _jsx("th", { className: "px-3 py-2 text-right", children: "Fusten" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Besteldatum" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Status" }), _jsx("th", { className: "px-3 py-2" })] }) }), _jsx("tbody", { children: rows.map((r, i) => {
                                         const label = normalizeStatus(r.status);
                                         const tone = STATUS_TONE[label.toLowerCase()] ??

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

@@ -1,5 +1,9 @@
+import { type VoorraadCustomField } from "../../lib/voorraad-custom-fields.js";
 /** Eigen voorraadvelden met `show_in_detail`, tonen en bewerken op de productpagina. */
-export declare function ProductCustomFieldsCard({ productId }: {
+export declare function ProductCustomFieldsCard({ productId, beginVelden, beginWaarden, }: {
     productId: string;
+    /** Uit voorraad_artikel_detail: scheelt twee aanvragen bij het openen. */
+    beginVelden?: VoorraadCustomField[];
+    beginWaarden?: Record<string, unknown>;
 }): import("react").JSX.Element | null;
 //# sourceMappingURL=ProductCustomFieldsCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductCustomFieldsCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductCustomFieldsCard.tsx"],"names":[],"mappings":"AAuBA,wFAAwF;AACxF,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,sCA+I3E"}
+{"version":3,"file":"ProductCustomFieldsCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductCustomFieldsCard.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,kCAAkC,CAAC;AAE1C,wFAAwF;AACxF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,WAAW,EACX,YAAY,GACb,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC,sCAmJA"}

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

@@ -5,13 +5,16 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle, Checkbox, In
 import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields.js";
 import { fetchProductCustomValues, saveProductCustomValues, } from "../../lib/voorraad-custom-fields.js";
 /** Eigen voorraadvelden met `show_in_detail`, tonen en bewerken op de productpagina. */
-export function ProductCustomFieldsCard({ productId }) {
-    const { fields, loading } = useVoorraadCustomFields();
-    const [values, setValues] = useState({});
-    const [opened, setOpened] = useState({});
-    const [loadingValues, setLoadingValues] = useState(true);
+export function ProductCustomFieldsCard({ productId, beginVelden, beginWaarden, }) {
+    const { fields, loading } = useVoorraadCustomFields(beginVelden?.map((f) => ({ ...f, options: Array.isArray(f.options) ? f.options : [] })));
+    const [values, setValues] = useState(beginWaarden ?? {});
+    const [opened, setOpened] = useState(beginWaarden ?? {});
+    const [loadingValues, setLoadingValues] = useState(!beginWaarden);
+    const heeftBegin = Boolean(beginWaarden);
     const [saving, setSaving] = useState(false);
     useEffect(() => {
+        if (heeftBegin)
+            return;
         let cancelled = false;
         setLoadingValues(true);
         fetchProductCustomValues(productId)
@@ -34,7 +37,7 @@ export function ProductCustomFieldsCard({ productId }) {
         return () => {
             cancelled = true;
         };
-    }, [productId]);
+    }, [productId, heeftBegin]);
     const detailFields = fields.filter((f) => f.show_in_detail);
     const set = (key, value) => setValues((prev) => ({ ...prev, [key]: value }));
     const gewijzigd = detailFields.filter((f) => JSON.stringify(values[f.field_key] ?? null) !== JSON.stringify(opened[f.field_key] ?? null));

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSalePriceField.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductSalePriceField.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,GACR,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,sCAoGA;AAED,wFAAwF;AACxF,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,sCAqCtE"}
+{"version":3,"file":"ProductSalePriceField.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductSalePriceField.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,GACR,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,sCAqGA;AAED,wFAAwF;AACxF,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,sCAqCtE"}

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

@@ -12,6 +12,7 @@ import { Button, Input, Label, toast } from "@flowselections/core";
 import { AlertTriangle, Loader2 } from "lucide-react";
 import { supabase } from "../../integrations/supabase/client.js";
 import { priceProblem } from "../../lib/floriday-base-supply.js";
+import { meldArtikelGewijzigd } from "../../lib/artikel-gewijzigd.js";
 function isPieceUnit(unit) {
     const u = String(unit ?? "").trim().toLowerCase();
     return u === "" || u === "stuks" || u === "stuk";
@@ -70,6 +71,7 @@ export function ProductSalePriceField({ productId, onSaved, }) {
             }
             setSaved(parsed);
             onSaved?.(parsed);
+            meldArtikelGewijzigd(productId);
             toast.success("Prijs opgeslagen (alleen lokaal).");
         }
         catch (e) {

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

@@ -1,7 +1,9 @@
 interface Props {
     tradeItemKey: string | null;
     productId?: string | null;
+    /** Sleutels uit voorraad_artikel_detail; scheelt een aparte aanvraag bij het openen. */
+    sleutels?: string[];
 }
-export declare function StockMutationHistoryCard({ tradeItemKey, productId }: Props): import("react").JSX.Element;
+export declare function StockMutationHistoryCard({ tradeItemKey, productId, sleutels }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=StockMutationHistoryCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StockMutationHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockMutationHistoryCard.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAiDD,wBAAgB,wBAAwB,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,+BA4O1E"}
+{"version":3,"file":"StockMutationHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockMutationHistoryCard.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAiDD,wBAAgB,wBAAwB,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,+BAgPpF"}

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

@@ -42,7 +42,7 @@ function formatMoment(v) {
         return v;
     }
 }
-export function StockMutationHistoryCard({ tradeItemKey, productId }) {
+export function StockMutationHistoryCard({ tradeItemKey, productId, sleutels }) {
     const [rows, setRows] = useState(null);
     const [error, setError] = useState(null);
     const [expanded, setExpanded] = useState(false);
@@ -60,14 +60,20 @@ export function StockMutationHistoryCard({ tradeItemKey, productId }) {
                     keys.add(tradeItemKey);
                 if (productId)
                     keys.add(productId);
-                // Groepssleutels waaronder dit artikel ook afgeboekt kan worden.
-                const { data: groups } = await supabase
-                    .from("product_group_items")
-                    .select("product_group_id")
-                    .in("trade_item_id", [...keys])
-                    .limit(20);
-                for (const g of (groups ?? [])) {
-                    keys.add(`group:${g.product_group_id}`);
+                // Groepssleutels waaronder dit artikel ook afgeboekt kan worden (meestal al meegeleverd).
+                if (sleutels) {
+                    for (const k of sleutels)
+                        keys.add(k);
+                }
+                else {
+                    const { data: groups } = await supabase
+                        .from("product_group_items")
+                        .select("product_group_id")
+                        .in("trade_item_id", [...keys])
+                        .limit(20);
+                    for (const g of (groups ?? [])) {
+                        keys.add(`group:${g.product_group_id}`);
+                    }
                 }
                 const { data, error } = await supabase
                     .from("stock_mutation_log")
@@ -135,7 +141,7 @@ export function StockMutationHistoryCard({ tradeItemKey, productId }) {
             cancelled = true;
             supabase.removeChannel(channel);
         };
-    }, [tradeItemKey, productId]);
+    }, [tradeItemKey, productId, sleutels?.join("|")]); // eslint-disable-line react-hooks/exhaustive-deps
     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(History, { className: "h-4 w-4" }) }), _jsx("span", { className: "font-medium", children: "Afboekgeschiedenis" }), _jsx("span", { className: "text-xs text-muted-foreground tabular-nums", children: rows ? `${rows.length} mutatie${rows.length === 1 ? "" : "s"}` : "" })] }), _jsxs(CardContent, { className: "pt-0", children: [error && (_jsx("div", { className: "text-sm text-destructive", children: error })), !rows && !error && (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Mutaties laden\u2026"] })), rows && rows.length === 0 && !error && (_jsx("div", { className: "text-sm text-muted-foreground", children: "Nog geen voorraadmutaties voor dit artikel." })), rows && rows.length > 0 && (_jsxs("div", { className: "overflow-x-auto rounded-md border", children: [_jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-xs uppercase text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 text-left", children: "Wanneer" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Soort" }), _jsx("th", { className: "px-3 py-2 text-right", children: "Aantal" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Van \u2192 naar" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Order" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Door" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Reden" })] }) }), _jsx("tbody", { children: (expanded ? rows : rows.slice(0, 5)).map((r) => {
                                             const meta = TYPE_LABEL[r.mutation_type] ?? {
                                                 label: r.mutation_type || "Onbekend",

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

@@ -0,0 +1,3 @@
+/** Inklapbaar blok "Beheer": alleen zichtbaar voor beheerders, alleen informatie plus één knop. */
+export declare function VoorraadBeheerCard(): import("react").JSX.Element | null;
+//# sourceMappingURL=VoorraadBeheerCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadBeheerCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadBeheerCard.tsx"],"names":[],"mappings":"AAuBA,mGAAmG;AACnG,wBAAgB,kBAAkB,uCAwDjC"}

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { Button, Card, CardContent, CardHeader, CardTitle, toast } from "@flowselections/core";
+import { supabase } from "../../integrations/supabase/client.js";
+import { dbFoutTekst } from "../../lib/db-error-message.js";
+import { toonVersieBeheer } from "../../lib/floriday-versie-ronde.js";
+import { floridayVersiesControleren } from "../../lib/floriday-versie-ronde.functions.js";
+const STATUS_TEKST = {
+    geslaagd: "geslaagd",
+    onvolledig: "nog niet compleet (wordt automatisch opnieuw geprobeerd)",
+    mislukt: "mislukt (wordt automatisch opnieuw geprobeerd)",
+};
+/** Inklapbaar blok "Beheer": alleen zichtbaar voor beheerders, alleen informatie plus één knop. */
+export function VoorraadBeheerCard() {
+    const [status, setStatus] = useState(null);
+    const [bezig, setBezig] = useState(false);
+    const laad = useCallback(async () => {
+        const { data, error } = await supabase.rpc("voorraad_floriday_versieronde_status");
+        if (error) {
+            setStatus(null);
+            return;
+        }
+        setStatus(data);
+    }, []);
+    useEffect(() => { void laad(); }, [laad]);
+    if (!toonVersieBeheer(status) || !status?.heeft_koppeling)
+        return null;
+    const start = async () => {
+        setBezig(true);
+        try {
+            await floridayVersiesControleren();
+            toast.success("Controle gestart. Dit loopt op de achtergrond.");
+            await laad();
+        }
+        catch (e) {
+            toast.error(dbFoutTekst(e));
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    const l = status.laatste;
+    return (_jsx(Card, { children: _jsxs("details", { children: [_jsx("summary", { className: "cursor-pointer list-none", children: _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Beheer" }) }) }), _jsxs(CardContent, { className: "space-y-2 text-sm", children: [_jsx("p", { className: "font-medium", children: "Controle van Floriday-artikelen" }), _jsx("p", { className: "text-muted-foreground", children: "Loopt vanzelf elke nacht. Oude versies van Floriday-artikelen worden geen zichtbaar artikel." }), _jsxs("p", { children: ["Laatste controle:", " ", l ? `${new Date(l.uitgevoerd_at).toLocaleString("nl-NL")} — ${STATUS_TEKST[l.status] ?? l.status}` : "nog niet uitgevoerd", status.bezig && " · nu bezig"] }), l?.melding && l.status !== "geslaagd" && _jsx("p", { className: "text-muted-foreground", children: l.melding }), _jsxs("p", { children: ["Vervangen in Floriday: ", status.vervangen ?? 0, " \u00B7 Vervallen: ", status.vervallen ?? 0, " \u00B7 Apart gezet (geen antwoord van Floriday): ", status.onbekend ?? 0] }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => void start(), disabled: bezig || status.bezig, children: bezig ? "Bezig…" : "Nu opnieuw controleren" })] })] }) }));
+}

package/dist-lib/components/voorraad/artikel/ArtikelPagina.d.ts

@@ -1,5 +1,6 @@
-export declare function ArtikelPagina({ id, resumeJobId }: {
+export declare function ArtikelPagina({ id, resumeJobId, onNietGevonden }: {
     id: string;
     resumeJobId?: string;
+    onNietGevonden?: () => void;
 }): import("react").JSX.Element;
 //# sourceMappingURL=ArtikelPagina.d.ts.map

package/dist-lib/components/voorraad/artikel/ArtikelPagina.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArtikelPagina.d.ts","sourceRoot":"","sources":["../../../../src/components/voorraad/artikel/ArtikelPagina.tsx"],"names":[],"mappings":"AAiFA,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,+BA0ZtF"}
+{"version":3,"file":"ArtikelPagina.d.ts","sourceRoot":"","sources":["../../../../src/components/voorraad/artikel/ArtikelPagina.tsx"],"names":[],"mappings":"AAwFA,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,+BA+bnI"}

package/dist-lib/components/voorraad/artikel/ArtikelPagina.js

@@ -5,6 +5,7 @@ import { Badge, Button, Card, Dialog, DialogContent, DialogDescription, DialogFo
 import { AlertTriangle, ArrowLeft, Loader2, MoreHorizontal, Package, Send } from "lucide-react";
 import { supabase } from "../../../integrations/supabase/client.js";
 import { dbFoutTekst } from "../../../lib/db-error-message.js";
+import { ARTIKEL_GEWIJZIGD } from "../../../lib/artikel-gewijzigd.js";
 import { ARTIKEL_VELDEN, VELD_LABEL, VOORRAAD_LABEL, VOORRAAD_VELDEN, aantalUitInvoer, gewijzigdeVoorraad, alsLijstRij, artikelStatus, artikelTabs, floridayActie, gewijzigdeVelden, prijsUitInvoer, } from "../../../lib/artikel-pagina.js";
 import { STATUS_INFO, aantal, geld } from "../../../lib/voorraad-lijst.js";
 import { AanpassenDialog, AfboekenDialog } from "../lijst/SnelActieDialogen.js";
@@ -34,7 +35,11 @@ function toon(v) {
         return "(leeg)";
     return String(v);
 }
-export function ArtikelPagina({ id, resumeJobId }) {
+function gelijk(a, b) {
+    const n = (v) => (v === null || v === undefined ? "" : String(v).trim());
+    return n(a) === n(b);
+}
+export function ArtikelPagina({ id, resumeJobId, onNietGevonden }) {
     const [detail, setDetail] = useState(null);
     const [fout, setFout] = useState(null);
     const [bijOpenen, setBijOpenen] = useState(null);
@@ -50,6 +55,7 @@ export function ArtikelPagina({ id, resumeJobId }) {
     const [archiefKeuze, setArchiefKeuze] = useState("hier");
     const [bezig, setBezig] = useState(false);
     const geladen = useRef(false);
+    const invoerRef = useRef({});
     // Onderdelen (eigen velden, traysticker) die meedoen met de ene knop "Opslaan".
     const [deelnemers, setDeelnemers] = useState({});
     const register = useMemo(() => ({
@@ -76,7 +82,10 @@ export function ArtikelPagina({ id, resumeJobId }) {
         }
         const d = data;
         if (!d?.gevonden) {
-            setFout("Dit artikel bestaat niet (meer) in de voorraad.");
+            if (onNietGevonden)
+                onNietGevonden();
+            else
+                setFout("Dit artikel bestaat niet (meer) in de voorraad.");
             return;
         }
         setDetail(d);
@@ -91,24 +100,63 @@ export function ArtikelPagina({ id, resumeJobId }) {
                 ...Object.fromEntries(VOORRAAD_VELDEN.map((k) => [k, vb[k] === null ? "" : String(vb[k])])),
             });
         }
-    }, [id]);
-    useEffect(() => { geladen.current = false; void laad(); }, [laad]);
+        else {
+            // Velden die je niet zelf aan het wijzigen bent, volgen de nieuwe stand (ook na opslaan in een ander tabblad).
+            const inv = invoerRef.current;
+            const vb = { minimum_stock: d.minimum, incoming_stock: d.inkomend, notes: d.notitie ?? null };
+            const volg = {};
+            setBijOpenen((b) => {
+                if (!b)
+                    return b;
+                const n = { ...b };
+                for (const k of ARTIKEL_VELDEN)
+                    if (gelijk(inv[k], b[k]) && !gelijk(b[k], d.velden[k])) {
+                        n[k] = d.velden[k];
+                        volg[k] = d.velden[k] === null ? "" : String(d.velden[k]);
+                    }
+                return n;
+            });
+            setVoorraadBij((b) => {
+                if (!b)
+                    return b;
+                const n = { ...b };
+                for (const k of VOORRAAD_VELDEN)
+                    if (gelijk(inv[k], b[k]) && !gelijk(b[k], vb[k])) {
+                        n[k] = vb[k];
+                        volg[k] = vb[k] === null ? "" : String(vb[k]);
+                    }
+                return n;
+            });
+            setInvoer((s) => ({ ...s, ...volg }));
+        }
+    }, [id, onNietGevonden]);
+    useEffect(() => { invoerRef.current = invoer; }, [invoer]);
+    useEffect(() => { geladen.current = false; void laad(); }, [id]); // eslint-disable-line react-hooks/exhaustive-deps
+    // Opslag in een ander tabblad van deze pagina (prijs in het Floriday-formulier, samenstelling): kop direct bijwerken.
+    useEffect(() => {
+        const h = (e) => { if (e.detail?.id === id)
+            void laad(); };
+        window.addEventListener(ARTIKEL_GEWIJZIGD, h);
+        return () => window.removeEventListener(ARTIKEL_GEWIJZIGD, h);
+    }, [id, laad]);
     // Live bijwerken alleen voor dit artikel (voorraadregel en artikelrij), gebundeld.
+    const heeftDetail = Boolean(detail);
+    const voorraadSleutel = detail?.voorraad_sleutel ?? null;
     useEffect(() => {
-        if (!detail)
+        if (!heeftDetail)
             return;
         let t = null;
         const later = () => { if (t)
             clearTimeout(t); t = setTimeout(() => void laad(), 1500); };
         let ch = supabase.channel(`artikel-${id}`)
             .on("postgres_changes", { event: "*", schema: "public", table: "products", filter: `id=eq.${id}` }, later);
-        if (detail.voorraad_sleutel) {
-            ch = ch.on("postgres_changes", { event: "*", schema: "public", table: "trade_item_stock", filter: `trade_item_key=eq.${detail.voorraad_sleutel}` }, later);
+        if (voorraadSleutel) {
+            ch = ch.on("postgres_changes", { event: "*", schema: "public", table: "trade_item_stock", filter: `trade_item_key=eq.${voorraadSleutel}` }, later);
         }
         ch.subscribe();
         return () => { if (t)
             clearTimeout(t); supabase.removeChannel(ch); };
-    }, [id, detail?.voorraad_sleutel, laad, detail]);
+    }, [id, voorraadSleutel, laad, heeftDetail]);
     const nieuw = useMemo(() => {
         if (!bijOpenen)
             return null;
@@ -249,7 +297,7 @@ export function ArtikelPagina({ id, resumeJobId }) {
     if (floridayOpen && !tabs.includes("floriday") && actie === "op_floriday")
         tabs.push("floriday");
     const rij = alsLijstRij(detail);
-    return (_jsxs("main", { className: "p-6 space-y-4", 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"] }), _jsx(Card, { className: "p-4", children: _jsxs("div", { className: "flex flex-wrap items-start gap-4", children: [_jsx("div", { className: "h-20 w-20 shrink-0 overflow-hidden rounded-md border bg-muted flex items-center justify-center", children: detail.foto ? _jsx("img", { src: detail.foto, alt: detail.naam, className: "h-full w-full object-cover" }) : _jsx(Package, { className: "h-8 w-8 text-muted-foreground" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h1", { className: "text-xl font-semibold truncate", children: detail.naam }), _jsx("div", { className: "text-sm text-muted-foreground", children: detail.artikelnummer ?? "Geen artikelnummer" }), _jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-2 text-sm", children: [_jsx(Badge, { variant: status === "ok" ? "secondary" : status === "gearchiveerd" ? "outline" : "destructive", children: info.label }), info.actie && info.tab && tabs.includes(info.tab) && (_jsx("button", { type: "button", className: "underline text-muted-foreground", onClick: () => setTab(info.tab), children: info.actie })), vuil && _jsx("span", { className: "text-muted-foreground", children: "\u00B7 Niet-opgeslagen wijzigingen" })] })] }), _jsx("dl", { className: "grid grid-cols-5 gap-4 text-center", children: [
+    return (_jsxs("main", { className: "p-6 space-y-4", 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"] }), _jsx(Card, { className: "p-4", children: _jsxs("div", { className: "flex flex-wrap items-start gap-4", children: [_jsx("div", { className: "h-20 w-20 shrink-0 overflow-hidden rounded-md border bg-muted flex items-center justify-center", children: detail.foto ? _jsx("img", { src: detail.foto, alt: detail.naam, className: "h-full w-full object-cover" }) : _jsx(Package, { className: "h-8 w-8 text-muted-foreground" }) }), _jsxs("div", { className: "min-w-0 flex-1 basis-64", children: [_jsx("h1", { className: "text-xl font-semibold leading-tight break-words", children: detail.naam }), _jsx("div", { className: "mt-1 text-sm text-muted-foreground break-words", children: detail.artikelnummer ?? "Geen artikelnummer" }), _jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-2 text-sm", children: [_jsx(Badge, { variant: status === "ok" ? "secondary" : status === "gearchiveerd" ? "outline" : "destructive", children: info.label }), info.actie && info.tab && tabs.includes(info.tab) && (_jsx("button", { type: "button", className: "underline text-muted-foreground", onClick: () => setTab(info.tab), children: info.actie })), vuil && _jsx("span", { className: "text-muted-foreground", children: "\u00B7 Niet-opgeslagen wijzigingen" })] })] }), _jsx("dl", { className: "grid grid-cols-3 gap-4 text-center sm:grid-cols-5", children: [
                                 ["Liggend", aantal(detail.liggend)],
                                 ["Gereserveerd", aantal(detail.gereserveerd)],
                                 ["Inkomend", aantal(detail.inkomend)],
@@ -257,7 +305,9 @@ export function ArtikelPagina({ id, resumeJobId }) {
                                 ["Prijs per stuk", geld(detail.velden.sale_price === null ? null : Number(detail.velden.sale_price))],
                             ].map(([l, v], i) => (_jsxs("div", { children: [_jsx("dt", { className: "text-xs text-muted-foreground", children: l }), _jsx("dd", { className: `text-lg font-semibold tabular-nums ${i === 3 && rij.onder_minimum ? "text-destructive" : ""}`, children: v })] }, l))) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { onClick: doeOpslaan, disabled: !vuil || opslaan || Boolean(prijsFout) || Boolean(aantalFout), children: [opslaan && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Opslaan"] }), actie && (_jsxs(Button, { variant: "outline", onClick: () => { setFloridayOpen(true); setTab("floriday"); }, children: [_jsx(Send, { className: "mr-2 h-4 w-4" }), actie === "sturen" ? "Naar Floriday sturen" : "Op Floriday zetten"] })), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Meer acties", children: _jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: detail.gearchiveerd_at
                                                 ? _jsx(DropdownMenuItem, { onClick: terugzetten, children: "Terugzetten in voorraad" })
-                                                : _jsx(DropdownMenuItem, { onClick: () => { setArchiefKeuze("hier"); setArchief({}); }, children: "Archiveren\u2026" }) })] })] })] }) }), detail.gearchiveerd_at && (detail.orders_gearchiveerd ?? 0) > 0 && (_jsxs("div", { role: "alert", className: "flex flex-wrap items-center gap-2 rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm", children: [_jsx(AlertTriangle, { className: "h-4 w-4 text-destructive" }), _jsxs("span", { children: ["Dit artikel is gearchiveerd, maar er ", detail.orders_gearchiveerd === 1 ? "is 1 open orderregel" : `zijn ${detail.orders_gearchiveerd} open orderregels`, " binnengekomen. De orders zijn gewoon gekoppeld."] }), _jsx(Button, { size: "sm", variant: "outline", onClick: terugzetten, children: "Terugzetten in voorraad" })] })), _jsx(OpslaanContext.Provider, { value: register, children: _jsxs(Tabs, { value: tab, onValueChange: setTab, children: [_jsx(TabsList, { children: tabs.map((t) => _jsx(TabsTrigger, { value: t, children: TAB_LABEL[t] }, t)) }), _jsxs(TabsContent, { value: "voorraad", forceMount: bezocht.has("voorraad") ? true : undefined, className: "space-y-4 data-[state=inactive]:hidden", children: [_jsxs(Card, { className: "p-4 space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsx("h2", { className: "font-medium", children: "Artikelgegevens" }), _jsx("span", { className: "text-xs text-muted-foreground", children: "Opslaan is alleen lokaal; er gaat niets automatisch naar Floriday." })] }), _jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-5", children: ARTIKEL_VELDEN.map((k) => (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `veld-${k}`, children: VELD_LABEL[k] }), _jsx(Input, { id: `veld-${k}`, value: invoer[k] ?? "", inputMode: k === "sale_price" ? "decimal" : undefined, onChange: (e) => setInvoer((s) => ({ ...s, [k]: e.target.value })) }), k === "sale_price" && prijsFout && _jsx("p", { className: "text-xs text-destructive", children: prijsFout })] }, k))) })] }), _jsxs(Card, { className: "p-4 flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "grid w-full gap-3 sm:grid-cols-3", children: [VOORRAAD_VELDEN.map((k) => (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `voorraad-${k}`, children: VOORRAAD_LABEL[k] }), _jsx(Input, { id: `voorraad-${k}`, value: invoer[k] ?? "", inputMode: k === "notes" ? undefined : "numeric", onChange: (e) => setInvoer((s) => ({ ...s, [k]: e.target.value })) })] }, k))), aantalFout && _jsx("p", { className: "text-xs text-destructive sm:col-span-3", children: aantalFout })] }), _jsxs("div", { className: "text-sm", children: [_jsx("div", { className: "font-medium", children: "Voorraad" }), _jsxs("div", { className: "text-muted-foreground", children: ["Liggend wijzig je met Aanpassen of Afboeken \u00B7 Telmoment ", detail.telmoment ? new Date(detail.telmoment).toLocaleString("nl-NL") : _jsx("span", { className: "text-destructive", children: "ontbreekt" })] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => setAanpassen(true), disabled: Boolean(detail.gearchiveerd_at), children: "Aanpassen" }), _jsx(Button, { variant: "outline", onClick: () => setAfboeken(true), disabled: Boolean(detail.gearchiveerd_at), children: "Afboeken" })] })] }), _jsxs(Suspense, { fallback: _jsx(Laden, {}), children: [_jsx(StockMutationHistoryCard, { tradeItemKey: detail.voorraad_sleutel, productId: detail.id }), _jsx(OrderHistoryCard, { tradeItemKey: detail.voorraad_sleutel, productName: detail.naam, productId: detail.id }), _jsx(ProductCustomFieldsCard, { productId: detail.id })] })] }), _jsx(TabsContent, { value: "verpakking", forceMount: bezocht.has("verpakking") ? true : undefined, className: "space-y-4 data-[state=inactive]:hidden", children: _jsxs(Suspense, { fallback: _jsx(Laden, {}), children: [_jsx(ProductStructureCard, { productId: detail.id }), _jsx(ArtikelCompositionCard, { productId: detail.id, floridayId: detail.floriday_id }), _jsx(TrayStickerCard, { productId: detail.id })] }) }), _jsxs(TabsContent, { value: "koppelingen", className: "space-y-4", children: [_jsx(TwijfelKiezen, { productId: detail.id, onGekozen: () => void laad() }), _jsxs(Suspense, { fallback: _jsx(Laden, {}), children: [detail.floriday_id && detail.heeft_koppeling ? (_jsx(FloridayInfoCard, { floridayTradeItemId: detail.floriday_id, local: { name: detail.naam, articleNumber: detail.artikelnummer, gtin: detail.velden.barcode ?? null } })) : (_jsx(Card, { className: "p-4 text-sm text-muted-foreground", children: detail.heeft_koppeling ? "Dit artikel is niet aan Floriday gekoppeld." : "Er is geen Floriday-koppeling in deze omgeving; het artikel werkt volledig lokaal." })), _jsx(ProductLinkCard, { tradeItemKey: detail.voorraad_sleutel, productName: detail.naam })] })] }), tabs.includes("floriday") && (_jsx(TabsContent, { value: "floriday", children: _jsx(Suspense, { fallback: _jsx(Laden, {}), children: _jsx(ArtikelWizard, { productId: detail.id, resumeJobId: resumeJobId, embedded: true }) }) }))] }) }), _jsx(AanpassenDialog, { rij: aanpassen ? rij : null, onClose: () => setAanpassen(false), onDone: () => { setAanpassen(false); void laad(); } }), _jsx(AfboekenDialog, { rij: afboeken ? rij : null, connectionId: null, onClose: () => setAfboeken(false), onDone: () => { setAfboeken(false); void laad(); } }), _jsx(Dialog, { open: Boolean(conflicten && conflicten.length), onOpenChange: (o) => !o && setConflicten(null), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Iemand anders heeft dit ook gewijzigd" }), _jsx(DialogDescription, { children: "Er is niets opgeslagen. Kies per veld welke waarde blijft." })] }), _jsx("div", { className: "space-y-3", children: (conflicten ?? []).map((c) => (_jsxs("div", { className: "rounded-md border p-3 text-sm space-y-2", children: [_jsx("div", { className: "font-medium", children: VELD_LABEL[c.veld] ?? VOORRAAD_LABEL[c.veld] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Jouw wijziging" }), toon(c.jouw)] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Hun wijziging" }), toon(c.hun)] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: () => houdJouw(c), children: "Mijn waarde houden" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => neemHunOver(c), children: "Hun waarde overnemen" })] })] }, c.veld))) })] }) }), _jsx(Dialog, { open: archief !== null, onOpenChange: (o) => !o && setArchief(null), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Artikel archiveren" }), _jsx(DialogDescription, { children: "Het artikel wordt nooit verwijderd. Je kunt het later terugzetten." })] }), archief?.waarschuwing && (_jsxs("div", { className: "flex gap-2 rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm", children: [_jsx(AlertTriangle, { className: "h-4 w-4 shrink-0 text-destructive" }), _jsxs("span", { children: ["Let op: er ", archief.waarschuwing.open_orders === 1 ? "is 1 open order" : `zijn ${archief.waarschuwing.open_orders} open orders`, " en ", aantal(archief.waarschuwing.gereserveerd), " gereserveerd. Die blijven bestaan."] })] })), _jsxs("div", { className: "space-y-2 text-sm", children: [_jsxs("label", { className: "flex gap-2 items-start", children: [_jsx("input", { type: "radio", checked: archiefKeuze === "hier", onChange: () => setArchiefKeuze("hier") }), _jsxs("span", { children: [_jsx("strong", { children: "Alleen hier." }), " Floriday blijft ongewijzigd: het artikel blijft op Floriday te koop."] })] }), detail.floriday_id && detail.heeft_koppeling && (_jsxs("label", { className: "flex gap-2 items-start", children: [_jsx("input", { type: "radio", checked: archiefKeuze === "floriday", onChange: () => setArchiefKeuze("floriday") }), _jsxs("span", { children: [_jsx("strong", { children: "Ook in Floriday." }), " De voorraad op Floriday wordt 0."] })] })), archiefKeuze === "floriday" && (_jsxs("div", { className: "rounded-md border p-3 space-y-1", children: [_jsx("div", { className: "font-medium", children: "Overzicht vooraf" }), _jsx("div", { children: "Voorraad op Floriday: wordt 0 (niet meer te koop)." }), _jsxs("div", { children: ["Je eigen voorraad blijft ", aantal(detail.liggend), " liggend."] }), _jsx("div", { className: "text-muted-foreground", children: detail.floriday_stuurt
+                                                : _jsx(DropdownMenuItem, { onClick: () => { setArchiefKeuze("hier"); setArchief({}); }, children: "Archiveren\u2026" }) })] })] })] }) }), detail.gearchiveerd_at && (detail.orders_gearchiveerd ?? 0) > 0 && (_jsxs("div", { role: "alert", className: "flex flex-wrap items-center gap-2 rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm", children: [_jsx(AlertTriangle, { className: "h-4 w-4 text-destructive" }), _jsxs("span", { children: ["Dit artikel is gearchiveerd, maar er ", detail.orders_gearchiveerd === 1 ? "is 1 open orderregel" : `zijn ${detail.orders_gearchiveerd} open orderregels`, " binnengekomen. De orders zijn gewoon gekoppeld."] }), _jsx(Button, { size: "sm", variant: "outline", onClick: terugzetten, children: "Terugzetten in voorraad" })] })), _jsx(OpslaanContext.Provider, { value: register, children: _jsxs(Tabs, { value: tab, onValueChange: setTab, children: [_jsx(TabsList, { children: tabs.map((t) => _jsx(TabsTrigger, { value: t, children: TAB_LABEL[t] }, t)) }), _jsxs(TabsContent, { value: "voorraad", forceMount: bezocht.has("voorraad") ? true : undefined, className: "space-y-4 data-[state=inactive]:hidden", children: [_jsxs(Card, { className: "p-4 space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsx("h2", { className: "font-medium", children: "Artikelgegevens" }), _jsx("span", { className: "text-xs text-muted-foreground", children: "Opslaan is alleen lokaal; er gaat niets automatisch naar Floriday." })] }), _jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-5", children: ARTIKEL_VELDEN.map((k) => (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `veld-${k}`, children: VELD_LABEL[k] }), _jsx(Input, { id: `veld-${k}`, value: invoer[k] ?? "", inputMode: k === "sale_price" ? "decimal" : undefined, onChange: (e) => setInvoer((s) => ({ ...s, [k]: e.target.value })) }), k === "sale_price" && prijsFout && _jsx("p", { className: "text-xs text-destructive", children: prijsFout })] }, k))) })] }), _jsxs(Card, { className: "p-4 flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "grid w-full gap-3 sm:grid-cols-3", children: [VOORRAAD_VELDEN.map((k) => (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `voorraad-${k}`, children: VOORRAAD_LABEL[k] }), _jsx(Input, { id: `voorraad-${k}`, value: invoer[k] ?? "", inputMode: k === "notes" ? undefined : "numeric", onChange: (e) => setInvoer((s) => ({ ...s, [k]: e.target.value })) })] }, k))), aantalFout && _jsx("p", { className: "text-xs text-destructive sm:col-span-3", children: aantalFout })] }), _jsxs("div", { className: "text-sm", children: [_jsx("div", { className: "font-medium", children: "Voorraad" }), _jsxs("div", { className: "text-muted-foreground", children: ["Liggend wijzig je met Aanpassen of Afboeken \u00B7 Telmoment ", detail.telmoment ? new Date(detail.telmoment).toLocaleString("nl-NL") : _jsx("span", { className: "text-destructive", children: "ontbreekt" })] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => setAanpassen(true), disabled: Boolean(detail.gearchiveerd_at), children: "Aanpassen" }), _jsx(Button, { variant: "outline", onClick: () => setAfboeken(true), disabled: Boolean(detail.gearchiveerd_at), children: "Afboeken" })] })] }), _jsxs(Suspense, { fallback: _jsx(Laden, {}), children: [_jsx(StockMutationHistoryCard, { tradeItemKey: detail.voorraad_sleutel, productId: detail.id, sleutels: detail.controle?.mutatie_sleutels ?? undefined }), _jsx(OrderHistoryCard, { tradeItemKey: detail.voorraad_sleutel, productName: detail.naam, productId: detail.id, productIds: detail.controle?.zelfde_sleutel_ids }), _jsx(ProductCustomFieldsCard, { productId: detail.id, beginVelden: detail.eigen_velden?.definities, beginWaarden: detail.eigen_velden?.waarden })] })] }), _jsx(TabsContent, { value: "verpakking", forceMount: bezocht.has("verpakking") ? true : undefined, className: "space-y-4 data-[state=inactive]:hidden", children: _jsxs(Suspense, { fallback: _jsx(Laden, {}), children: [_jsx(ProductStructureCard, { productId: detail.id }), _jsx(ArtikelCompositionCard, { productId: detail.id, floridayId: detail.floriday_id }), _jsx(TrayStickerCard, { productId: detail.id })] }) }), _jsxs(TabsContent, { value: "koppelingen", className: "space-y-4", children: [_jsx(TwijfelKiezen, { productId: detail.id, onGekozen: () => void laad() }), _jsxs(Suspense, { fallback: _jsx(Laden, {}), children: [detail.floriday_id && detail.heeft_koppeling ? (_jsx(FloridayInfoCard, { floridayTradeItemId: detail.floriday_id, local: { name: detail.naam, articleNumber: detail.artikelnummer, gtin: detail.velden.barcode ?? null } })) : (_jsx(Card, { className: "p-4 text-sm text-muted-foreground", children: detail.heeft_koppeling ? (detail.floriday_verwijderd_at ? "Dit artikel is in Floriday verwijderd." : "Dit artikel is niet aan Floriday gekoppeld.") : "Er is geen Floriday-koppeling in deze omgeving; het artikel werkt volledig lokaal." })), _jsx(ProductLinkCard, { tradeItemKey: detail.voorraad_sleutel, productName: detail.naam })] })] }), tabs.includes("floriday") && (_jsx(TabsContent, { value: "floriday", children: _jsx(Suspense, { fallback: _jsx(Laden, {}), children: _jsx(ArtikelWizard, { productId: detail.id, resumeJobId: resumeJobId, embedded: true }) }) }))] }) }), _jsx(AanpassenDialog, { rij: aanpassen ? rij : null, onClose: () => setAanpassen(false), onDone: () => { setAanpassen(false); void laad(); } }), _jsx(AfboekenDialog, { rij: afboeken ? rij : null, connectionId: null, onClose: () => setAfboeken(false), onDone: () => { setAfboeken(false); void laad(); } }), _jsx(Dialog, { open: Boolean(conflicten && conflicten.length), onOpenChange: (o) => !o && setConflicten(null), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Iemand anders heeft dit ook gewijzigd" }), _jsx(DialogDescription, { children: "Er is niets opgeslagen. Kies per veld welke waarde blijft." })] }), _jsx("div", { className: "space-y-3", children: (conflicten ?? []).map((c) => (_jsxs("div", { className: "rounded-md border p-3 text-sm space-y-2", children: [_jsx("div", { className: "font-medium", children: VELD_LABEL[c.veld] ?? VOORRAAD_LABEL[c.veld] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Jouw wijziging" }), toon(c.jouw)] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Hun wijziging" }), toon(c.hun)] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: () => houdJouw(c), children: "Mijn waarde houden" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => neemHunOver(c), children: "Hun waarde overnemen" })] })] }, c.veld))) })] }) }), _jsx(Dialog, { open: archief !== null, onOpenChange: (o) => !o && setArchief(null), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Artikel archiveren" }), _jsx(DialogDescription, { children: "Het artikel wordt nooit verwijderd. Je kunt het later terugzetten." })] }), archief?.waarschuwing && (_jsxs("div", { className: "flex gap-2 rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm", children: [_jsx(AlertTriangle, { className: "h-4 w-4 shrink-0 text-destructive" }), _jsxs("span", { children: ["Let op: er ", archief.waarschuwing.open_orders === 1 ? "is 1 open order" : `zijn ${archief.waarschuwing.open_orders} open orders`, " en ", aantal(archief.waarschuwing.gereserveerd), " gereserveerd. Die blijven bestaan."] })] })), _jsxs("div", { className: "space-y-2 text-sm", children: [_jsxs("label", { className: "flex gap-2 items-start", children: [_jsx("input", { type: "radio", checked: archiefKeuze === "hier", onChange: () => setArchiefKeuze("hier") }), _jsxs("span", { children: [_jsx("strong", { children: detail.floriday_id && detail.heeft_koppeling ? "Alleen hier." : "Archiveren." }), " ", detail.floriday_id && detail.heeft_koppeling && !detail.floriday_verwijderd_at
+                                                    ? "Floriday blijft ongewijzigd: het artikel blijft op Floriday te koop."
+                                                    : "Het artikel verdwijnt uit de voorraadlijst en de tellers."] })] }), detail.floriday_id && detail.heeft_koppeling && !detail.floriday_verwijderd_at && (_jsxs("label", { className: "flex gap-2 items-start", children: [_jsx("input", { type: "radio", checked: archiefKeuze === "floriday", onChange: () => setArchiefKeuze("floriday") }), _jsxs("span", { children: [_jsx("strong", { children: "Ook in Floriday." }), " De voorraad op Floriday wordt 0."] })] })), archiefKeuze === "floriday" && (_jsxs("div", { className: "rounded-md border p-3 space-y-1", children: [_jsx("div", { className: "font-medium", children: "Overzicht vooraf" }), _jsx("div", { children: "Voorraad op Floriday: wordt 0 (niet meer te koop)." }), _jsxs("div", { children: ["Je eigen voorraad blijft ", aantal(detail.liggend), " liggend."] }), _jsx("div", { className: "text-muted-foreground", children: detail.floriday_stuurt
                                                 ? "Gaat via de gewone Floriday-wachtrij, met de bestaande schrijfstop."
                                                 : "Floriday is voor dit artikel leidend: er wordt niets verstuurd tot het systeem de voorraad stuurt." })] }))] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "ghost", onClick: () => setArchief(null), children: "Annuleren" }), _jsx(Button, { variant: "destructive", disabled: bezig, onClick: () => archiveren(Boolean(archief?.waarschuwing)), children: archief?.waarschuwing ? "Toch archiveren" : "Archiveren" })] })] }) })] }));
 }

package/dist-lib/components/voorraad/lijst/VoorraadLijstTabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoorraadLijstTabel.d.ts","sourceRoot":"","sources":["../../../../src/components/voorraad/lijst/VoorraadLijstTabel.tsx"],"names":[],"mappings":"AAeA,OAAO,EAML,KAAK,QAAQ,EACb,KAAK,SAAS,EAEf,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAChF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC;IAAE,GAAG,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAK5E,CAAC;AA8CF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,UAAU,EACV,cAAsB,GACvB,EAAE;IACD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;CACnC,+BAyFA"}
+{"version":3,"file":"VoorraadLijstTabel.d.ts","sourceRoot":"","sources":["../../../../src/components/voorraad/lijst/VoorraadLijstTabel.tsx"],"names":[],"mappings":"AAeA,OAAO,EAML,KAAK,QAAQ,EACb,KAAK,SAAS,EAEf,MAAM,6BAA6B,CAAC;AAErC,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAChF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC;IAAE,GAAG,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAK5E,CAAC;AA+CF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,UAAU,EACV,cAAsB,GACvB,EAAE;IACD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;CACnC,+BAyFA"}

package/dist-lib/components/voorraad/lijst/VoorraadLijstTabel.js

@@ -15,10 +15,11 @@ function StatusIcoon({ status }) {
     const titel = info.actie ? `${info.label} — ${info.actie}` : info.label;
     const cls = "h-4 w-4";
     const icon = status === "verpakking" ? _jsx(PackageX, { className: `${cls} text-destructive` }) :
-        status === "niet_gekoppeld" ? _jsx(Link2Off, { className: `${cls} text-muted-foreground` }) :
-            status === "prijs" ? _jsx(Euro, { className: `${cls} text-destructive` }) :
-                status === "gearchiveerd" ? _jsx(Minus, { className: `${cls} text-muted-foreground` }) :
-                    _jsx(CheckCircle2, { className: `${cls} text-primary` });
+        status === "verwijderd_floriday" ? _jsx(Link2Off, { className: `${cls} text-destructive` }) :
+            status === "niet_gekoppeld" ? _jsx(Link2Off, { className: `${cls} text-muted-foreground` }) :
+                status === "prijs" ? _jsx(Euro, { className: `${cls} text-destructive` }) :
+                    status === "gearchiveerd" ? _jsx(Minus, { className: `${cls} text-muted-foreground` }) :
+                        _jsx(CheckCircle2, { className: `${cls} text-primary` });
     return (_jsxs("span", { title: titel, "aria-label": titel, className: "inline-flex items-center gap-1.5", children: [icon, status !== "ok" && _jsx("span", { className: "text-xs text-muted-foreground hidden xl:inline", children: info.label })] }));
 }
 function Kop({ kolom, label, sort, oplopend, onSort, rechts, }) {

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

@@ -1,6 +1,7 @@
 import { type VoorraadCustomField } from "../lib/voorraad-custom-fields.js";
 /** Laadt de door de gebruiker gedefinieerde voorraadvelden. */
-export declare function useVoorraadCustomFields(): {
+/** `begin`: velden die al bekend zijn (uit voorraad_artikel_detail); dan geen eigen aanvraag. */
+export declare function useVoorraadCustomFields(begin?: VoorraadCustomField[]): {
     fields: VoorraadCustomField[];
     loading: boolean;
     error: string | null;

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

@@ -1 +1 @@
-{"version":3,"file":"useVoorraadCustomFields.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadCustomFields.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,+DAA+D;AAC/D,wBAAgB,uBAAuB;;;;;EAuBtC"}
+{"version":3,"file":"useVoorraadCustomFields.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadCustomFields.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,+DAA+D;AAC/D,iGAAiG;AACjG,wBAAgB,uBAAuB,CAAC,KAAK,CAAC,EAAE,mBAAmB,EAAE;;;;;EAyBpE"}

package/dist-lib/hooks/useVoorraadCustomFields.js

@@ -1,9 +1,10 @@
 import { useCallback, useEffect, useState } from "react";
 import { fetchVoorraadCustomFields, } from "../lib/voorraad-custom-fields.js";
 /** Laadt de door de gebruiker gedefinieerde voorraadvelden. */
-export function useVoorraadCustomFields() {
-    const [fields, setFields] = useState([]);
-    const [loading, setLoading] = useState(true);
+/** `begin`: velden die al bekend zijn (uit voorraad_artikel_detail); dan geen eigen aanvraag. */
+export function useVoorraadCustomFields(begin) {
+    const [fields, setFields] = useState(begin ?? []);
+    const [loading, setLoading] = useState(!begin);
     const [error, setError] = useState(null);
     const reload = useCallback(async () => {
         setLoading(true);
@@ -19,8 +20,11 @@ export function useVoorraadCustomFields() {
             setLoading(false);
         }
     }, []);
+    const heeftBegin = Boolean(begin);
     useEffect(() => {
+        if (heeftBegin)
+            return;
         void reload();
-    }, [reload]);
+    }, [reload, heeftBegin]);
     return { fields, loading, error, reload };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAKpE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,eAAO,MAAM,sBAAsB,EAAE,UAiBpC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAMpE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,eAAO,MAAM,sBAAsB,EAAE,UAkBpC,CAAC"}