@flowselections/floriday-voorraad 1.0.26 → 1.0.28

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

@@ -2,5 +2,5 @@ import type { TradeItem } from "../../lib/floriday-client";
 export declare function VoorraadTable({ items, loading, }: {
     items: TradeItem[];
     loading: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=VoorraadTable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAY3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,2CA6IA"}
+{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAmB3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,+BAyJA"}

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

@@ -2,6 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigate } from "@tanstack/react-router";
 import { Package } from "lucide-react";
 import { Badge } from "@flowselections/core";
+import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields";
+import { formatCustomValue } from "../../lib/voorraad-custom-fields";
 const columns = [
     { key: "quantity", label: "Liggend" },
     { key: "minQuantity", label: "Minimum" },
@@ -10,15 +12,21 @@ const columns = [
     { key: "incomingQuantity", label: "Inkomend" },
     { key: "economicQuantity", label: "Economisch" },
 ];
+function customValue(item, key) {
+    const cf = item.raw?.custom_fields;
+    return cf && typeof cf === "object" ? cf[key] : undefined;
+}
 export function VoorraadTable({ items, loading, }) {
     const navigate = useNavigate();
+    const { fields } = useVoorraadCustomFields();
+    const extraColumns = fields.filter((f) => f.show_in_columns);
     if (loading) {
         return _jsx("p", { className: "text-sm text-muted-foreground p-6", children: "Voorraad laden..." });
     }
     if (items.length === 0) {
         return (_jsx("p", { className: "text-sm text-muted-foreground p-6", children: "Geen producten gevonden voor deze connectie." }));
     }
-    return (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "p-3 w-14" }), _jsx("th", { className: "p-3", children: "Product" }), _jsx("th", { className: "p-3", children: "Type" }), _jsx("th", { className: "p-3", children: "Artikelnummer" }), columns.map((c) => (_jsx("th", { className: "p-3 text-right whitespace-nowrap", children: c.label }, c.key)))] }) }), _jsx("tbody", { children: items.map((item) => {
+    return (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "p-3 w-14" }), _jsx("th", { className: "p-3", children: "Product" }), _jsx("th", { className: "p-3", children: "Type" }), _jsx("th", { className: "p-3", children: "Artikelnummer" }), columns.map((c) => (_jsx("th", { className: "p-3 text-right whitespace-nowrap", children: c.label }, c.key))), extraColumns.map((f) => (_jsx("th", { className: "p-3 whitespace-nowrap", children: f.field_label }, f.id)))] }) }), _jsx("tbody", { children: items.map((item) => {
                         const low = item.minQuantity > 0 &&
                             item.availableQuantity < item.minQuantity;
                         const linkId = item.productId ?? item.localId ?? item.id;
@@ -41,6 +49,6 @@ export function VoorraadTable({ items, loading, }) {
                                                         : "Niet online in Floriday", title: floriday
                                                         ? "Online in Floriday"
                                                         : "Niet online in Floriday", className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-background px-2 py-0.5 text-[11px] font-medium leading-none text-muted-foreground", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full " +
-                                                                (floriday ? "bg-emerald-500" : "bg-red-500"), "aria-hidden": true }), _jsx("span", { children: "Floriday" })] })] }), low && (_jsx("div", { className: "text-xs text-destructive", children: "onder minimumvoorraad" }))] }), _jsx("td", { className: "p-3", children: item.itemType === "productgroep" ? (_jsx(Badge, { className: "bg-indigo-500/15 text-indigo-700 border-indigo-500/30", children: "Productgroep" })) : item.itemType === "samenstelling" ? (_jsx(Badge, { className: "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: "Samenstelling" })) : (_jsx(Badge, { variant: "secondary", children: "Artikel" })) }), _jsx("td", { className: "p-3 font-mono text-xs", children: item.articleNumber || "—" }), columns.map((c) => (_jsx("td", { className: "p-3 text-right tabular-nums text-muted-foreground", children: Number(item[c.key] ?? 0) }, c.key)))] }, item.id));
+                                                                (floriday ? "bg-emerald-500" : "bg-red-500"), "aria-hidden": true }), _jsx("span", { children: "Floriday" })] })] }), low && (_jsx("div", { className: "text-xs text-destructive", children: "onder minimumvoorraad" }))] }), _jsx("td", { className: "p-3", children: item.itemType === "productgroep" ? (_jsx(Badge, { className: "bg-indigo-500/15 text-indigo-700 border-indigo-500/30", children: "Productgroep" })) : item.itemType === "samenstelling" ? (_jsx(Badge, { className: "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: "Samenstelling" })) : (_jsx(Badge, { variant: "secondary", children: "Artikel" })) }), _jsx("td", { className: "p-3 font-mono text-xs", children: item.articleNumber || "—" }), columns.map((c) => (_jsx("td", { className: "p-3 text-right tabular-nums text-muted-foreground", children: Number(item[c.key] ?? 0) }, c.key))), extraColumns.map((f) => (_jsx("td", { className: "p-3 text-muted-foreground whitespace-nowrap", children: formatCustomValue(customValue(item, f.field_key)) }, f.id)))] }, item.id));
                     }) })] }) }));
 }

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

@@ -0,0 +1,2 @@
+export declare function VoorraadVeldenCard(): import("react").JSX.Element;
+//# sourceMappingURL=VoorraadVeldenCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadVeldenCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadVeldenCard.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,kBAAkB,gCAqOjC"}

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

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Checkbox, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
+import { Loader2, Plus, Trash2 } from "lucide-react";
+import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields";
+import { createVoorraadCustomField, deleteVoorraadCustomField, slugifyFieldKey, updateVoorraadCustomField, } from "../../lib/voorraad-custom-fields";
+const TYPE_LABELS = {
+    text: "Tekst",
+    number: "Getal",
+    date: "Datum",
+    select: "Keuzelijst",
+    boolean: "Ja / nee",
+};
+export function VoorraadVeldenCard() {
+    const { fields, loading, reload } = useVoorraadCustomFields();
+    const [label, setLabel] = useState("");
+    const [type, setType] = useState("text");
+    const [options, setOptions] = useState("");
+    const [inTemplate, setInTemplate] = useState(false);
+    const [inColumns, setInColumns] = useState(false);
+    const [inDetail, setInDetail] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const add = async () => {
+        const trimmed = label.trim();
+        if (!trimmed) {
+            toast.error("Geef het veld een naam");
+            return;
+        }
+        const key = slugifyFieldKey(trimmed);
+        if (!key) {
+            toast.error("Ongeldige veldnaam");
+            return;
+        }
+        if (fields.some((f) => f.field_key === key)) {
+            toast.error("Er bestaat al een veld met deze naam");
+            return;
+        }
+        setSaving(true);
+        try {
+            await createVoorraadCustomField({
+                field_key: key,
+                field_label: trimmed,
+                field_type: type,
+                options: type === "select"
+                    ? options
+                        .split(",")
+                        .map((o) => o.trim())
+                        .filter(Boolean)
+                    : [],
+                show_in_template: inTemplate,
+                show_in_columns: inColumns,
+                show_in_detail: inDetail,
+                sort_order: fields.length,
+            });
+            setLabel("");
+            setOptions("");
+            setType("text");
+            setInTemplate(false);
+            setInColumns(false);
+            setInDetail(true);
+            await reload();
+            toast.success("Veld toegevoegd");
+        }
+        catch (e) {
+            toast.error(`Toevoegen mislukt: ${e.message}`);
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const toggle = async (id, key, value) => {
+        try {
+            await updateVoorraadCustomField(id, { [key]: value });
+            await reload();
+        }
+        catch (e) {
+            toast.error(`Opslaan mislukt: ${e.message}`);
+        }
+    };
+    const remove = async (id, name) => {
+        if (!confirm(`Veld "${name}" verwijderen? Ingevulde waarden blijven bewaard.`))
+            return;
+        try {
+            await deleteVoorraadCustomField(id);
+            await reload();
+            toast.success("Veld verwijderd");
+        }
+        catch (e) {
+            toast.error(`Verwijderen mislukt: ${e.message}`);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Voorraadvelden" }), _jsx(CardDescription, { children: "Maak eigen velden aan en bepaal per veld waar het zichtbaar is: in de Excel-template, als kolom in de voorraadlijst, en/of op de productpagina." })] }), _jsxs(CardContent, { className: "space-y-6", children: [_jsxs("div", { className: "grid gap-3 sm:grid-cols-[1fr_180px] items-end", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "veld-naam", children: "Veldnaam" }), _jsx(Input, { id: "veld-naam", value: label, onChange: (e) => setLabel(e.target.value), placeholder: "Bijv. Kweeklocatie" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Type" }), _jsxs(Select, { value: type, onValueChange: (v) => setType(v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: Object.keys(TYPE_LABELS).map((t) => (_jsx(SelectItem, { value: t, children: TYPE_LABELS[t] }, t))) })] })] })] }), type === "select" && (_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "veld-opties", children: "Keuzes (komma-gescheiden)" }), _jsx(Input, { id: "veld-opties", value: options, onChange: (e) => setOptions(e.target.value), placeholder: "Kas 1, Kas 2, Buiten" })] })), _jsxs("div", { className: "flex flex-wrap gap-6", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { checked: inTemplate, onCheckedChange: (c) => setInTemplate(c === true) }), "In Excel-template"] }), _jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { checked: inColumns, onCheckedChange: (c) => setInColumns(c === true) }), "Als voorraadkolom"] }), _jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { checked: inDetail, onCheckedChange: (c) => setInDetail(c === true) }), "Op productpagina"] })] }), _jsxs(Button, { onClick: add, disabled: saving, children: [saving ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Plus, { className: "mr-2 h-4 w-4" })), "Veld toevoegen"] }), _jsx("div", { className: "border-t pt-4", children: loading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Velden laden\u2026" })) : fields.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen eigen voorraadvelden aangemaakt." })) : (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "text-left text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "py-2", children: "Veld" }), _jsx("th", { className: "py-2", children: "Type" }), _jsx("th", { className: "py-2 text-center", children: "Template" }), _jsx("th", { className: "py-2 text-center", children: "Kolom" }), _jsx("th", { className: "py-2 text-center", children: "Productpagina" }), _jsx("th", { className: "py-2" })] }) }), _jsx("tbody", { children: fields.map((f) => (_jsxs("tr", { className: "border-t", children: [_jsxs("td", { className: "py-2", children: [_jsx("div", { className: "font-medium text-foreground", children: f.field_label }), _jsx("div", { className: "font-mono text-xs text-muted-foreground", children: f.field_key })] }), _jsx("td", { className: "py-2", children: TYPE_LABELS[f.field_type] ?? f.field_type }), [
+                                                    "show_in_template",
+                                                    "show_in_columns",
+                                                    "show_in_detail",
+                                                ].map((k) => (_jsx("td", { className: "py-2 text-center", children: _jsx(Checkbox, { checked: f[k], onCheckedChange: (c) => toggle(f.id, k, c === true), "aria-label": `${f.field_label} – ${k}` }) }, k))), _jsx("td", { className: "py-2 text-right", children: _jsx(Button, { variant: "ghost", size: "sm", onClick: () => remove(f.id, f.field_label), "aria-label": `Verwijder ${f.field_label}`, children: _jsx(Trash2, { className: "h-4 w-4 text-destructive" }) }) })] }, f.id))) })] }) })) })] })] }));
+}

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

@@ -27,25 +27,25 @@ export interface FloridaySchema {
         payload?: unknown;
     }>>;
 }
-export declare function useFloridaySchema(resource: string, params?: Record<string, string>): import("@tanstack/react-query").UseQueryResult<FloridaySchema, Error>;
-export declare function useTradeItemFormSchema(): import("@tanstack/react-query").UseQueryResult<FloridaySchema, Error>;
-export declare function useCodeList(listName: string | null | undefined): import("@tanstack/react-query").UseQueryResult<{
+export declare function useFloridaySchema(resource: string, params?: Record<string, string>): import("@tanstack/react-query").UseQueryResult<NoInfer<FloridaySchema>, Error>;
+export declare function useTradeItemFormSchema(): import("@tanstack/react-query").UseQueryResult<NoInfer<FloridaySchema>, Error>;
+export declare function useCodeList(listName: string | null | undefined): import("@tanstack/react-query").UseQueryResult<NoInfer<{
     ok: boolean;
     listName: string;
     values: {
         code: string;
         description?: string;
     }[];
-}, Error>;
+}>, Error>;
 import type { GatewayEntity } from "../lib/floriday-gateway-entities";
-export declare function useCachedList(entity: GatewayEntity | null | undefined, limit?: number): import("@tanstack/react-query").UseQueryResult<{
+export declare function useCachedList(entity: GatewayEntity | null | undefined, limit?: number): import("@tanstack/react-query").UseQueryResult<NoInfer<{
     ok: boolean;
     entity: string;
     rows: {
         id: string;
         data: Record<string, any>;
     }[];
-}, Error>;
+}>, Error>;
 /**
  * Invalideert alle floriday-* queries wanneer de actieve connectie
  * (en dus mogelijk de environment) wijzigt. Voorkomt cache-bleed

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

@@ -1 +1 @@
-{"version":3,"file":"useFloriday.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloriday.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,OAAO,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAChB,MAAM,EACN,KAAK,CAAC;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC,CACH,CAAC;CACH;AAoMD,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,yEA0BhC;AAqBD,wBAAgB,sBAAsB,0EA0CrC;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;QAMnD,OAAO;cACD,MAAM;YACR;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE;UAKvD;AAED,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE,wBAAgB,aAAa,CAC3B,MAAM,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,EACxC,KAAK,SAAO;QAOF,OAAO;YACH,MAAM;UACR;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAE,EAAE;UAKxD;AAED;;;;GAIG;AACH,wBAAgB,uCAAuC,SAStD"}
+{"version":3,"file":"useFloriday.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloriday.ts"],"names":[],"mappings":"AAWA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,OAAO,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAChB,MAAM,EACN,KAAK,CAAC;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC,CACH,CAAC;CACH;AAoMD,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,kFA0BhC;AAqBD,wBAAgB,sBAAsB,mFA0CrC;AAED,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;QAMnD,OAAO;cACD,MAAM;YACR;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE;WAKvD;AAED,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE,wBAAgB,aAAa,CAC3B,MAAM,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,EACxC,KAAK,SAAO;QAOF,OAAO;YACH,MAAM;UACR;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAE,EAAE;WAKxD;AAED;;;;GAIG;AACH,wBAAgB,uCAAuC,SAStD"}

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

@@ -1,5 +1,5 @@
-export declare function useFloridayVbnRequired(vbnCode: string | null | undefined): import("@tanstack/react-query").UseQueryResult<{
+export declare function useFloridayVbnRequired(vbnCode: string | null | undefined): import("@tanstack/react-query").UseQueryResult<NoInfer<{
     vbnCode: string;
     requiredCodes: string[];
-}, Error>;
+}>, Error>;
 //# sourceMappingURL=useFloridayVbnRequired.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFloridayVbnRequired.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloridayVbnRequired.ts"],"names":[],"mappings":"AAOA,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;;;UASxE"}
+{"version":3,"file":"useFloridayVbnRequired.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloridayVbnRequired.ts"],"names":[],"mappings":"AAOA,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;;;WASxE"}

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

@@ -2,7 +2,7 @@ import type { WizardData } from "../lib/floriday-payload";
 import { type FloridayLinkStatus, type TradeItem } from "../lib/floriday-client";
 /**
  * Concept/Draft is verwijderd. Alle "lokale trade items" leven nu als volwaardige rijen in
- * `public.products` met de Floriday-velden in `floriday_payload`. Dit bestand behoudt de
+ * `public.products` met de Floriday-velden in `custom_fields.floriday_payload`. Dit bestand behoudt de
  * oorspronkelijke API-namen zodat bestaande callers blijven werken, maar leest en schrijft
  * uitsluitend op `products`. `trade_item_drafts` is read-only (trigger blokkeert writes).
  */
@@ -38,7 +38,7 @@ export interface DraftMeta {
     source?: "manual" | "excel_import";
 }
 /**
- * Slaat Floriday-velden op in `products.floriday_payload`. Als `id` ontbreekt maken we een
+ * Slaat Floriday-velden op in `products.custom_fields.floriday_payload`. Als `id` ontbreekt maken we een
  * nieuw product aan (met minimale ERP-velden uit de payload). Nooit een concept-rij.
  */
 export declare function upsertLocalTradeItem(params: {
@@ -48,8 +48,8 @@ export declare function upsertLocalTradeItem(params: {
     meta?: DraftMeta;
 }): Promise<string>;
 /**
- * Legacy API. Alleen meta-velden die vandaag nog op `products` bestaan (`floriday_active`,
- * `floriday_trade_item_id`) worden gepersisteerd; overige velden worden stilzwijgend genegeerd
+ * Legacy API. Alleen meta-velden die vandaag nog op `products` bestaan (`floriday_trade_item_id`
+ * en `custom_fields.floriday_id`) worden gepersisteerd; overige velden worden stilzwijgend genegeerd
  * omdat het draft-model verdwenen is.
  */
 export declare function updateDraftMeta(id: string, meta: DraftMeta): Promise<void>;

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

@@ -1 +1 @@
-{"version":3,"file":"useLocalTradeItems.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocalTradeItems.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAwB,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGvG;;;;;GAKG;AAEH,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,uBAAuB,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AA2DD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI;;;;EA0B9D;AAED,wBAAsB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAsBrF;AAED,MAAM,WAAW,SAAS;IACxB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAsB,oBAAoB,CAAC,MAAM,EAAE;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,GAAG,OAAO,CAAC,MAAM,CAAC,CA2ElB;AAED;;;;GAIG;AACH,wBAAsB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAOhF;AAED;;;;GAIG;AACH,wBAAsB,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAGpE"}
+{"version":3,"file":"useLocalTradeItems.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocalTradeItems.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAwB,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGvG;;;;;GAKG;AAEH,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,uBAAuB,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAwED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI;;;;EA0B9D;AAED,wBAAsB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CA4BrF;AAED,MAAM,WAAW,SAAS;IACxB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACpC;AAED;;;GAGG;AACH,wBAAsB,oBAAoB,CAAC,MAAM,EAAE;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,GAAG,OAAO,CAAC,MAAM,CAAC,CAyElB;AAED;;;;GAIG;AACH,wBAAsB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAiBhF;AAED;;;;GAIG;AACH,wBAAsB,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAGpE"}

package/dist-lib/hooks/useLocalTradeItems.js

@@ -1,8 +1,19 @@
 import { useCallback, useEffect, useState } from "react";
 import { supabase } from "../integrations/supabase/client";
 import { derivePrimaryPacking } from "../lib/floriday-client";
+function asRecord(value) {
+    return value && typeof value === "object" && !Array.isArray(value)
+        ? value
+        : {};
+}
 function productToTradeItem(row) {
-    const payload = (row.floriday_payload ?? {});
+    const cf = asRecord(row.custom_fields);
+    const payload = asRecord(cf.floriday_payload);
+    const floridayId = row.floriday_trade_item_id ||
+        (typeof cf.floriday_id === "string" ? cf.floriday_id : null) ||
+        (row.trade_item_key && !row.trade_item_key.startsWith("product:")
+            ? row.trade_item_key
+            : null);
     const firstImage = Array.isArray(payload.images) && payload.images.length > 0 ? payload.images[0] : null;
     const payloadImage = (firstImage && (firstImage.url || firstImage.previewUrl)) ?? null;
     const packingConfigurations = Array.isArray(payload.packingConfigurations)
@@ -14,7 +25,7 @@ function productToTradeItem(row) {
         id: row.id,
         productId: row.id,
         localId: row.id,
-        tradeItemKey: `product:${row.id}`,
+        tradeItemKey: row.trade_item_key || `product:${row.id}`,
         source: "product",
         name,
         articleNumber,
@@ -26,18 +37,18 @@ function productToTradeItem(row) {
         incomingQuantity: 0,
         economicQuantity: 0,
         raw: row,
-        floridayActive: row.floriday_active,
-        published: row.floriday_active,
-        linkStatus: row.floriday_active ? "published" : "linked",
+        floridayActive: Boolean(floridayId),
+        published: Boolean(floridayId),
+        linkStatus: floridayId ? "published" : "linked",
         missingFields: [],
         linkError: null,
         lastSyncAt: null,
-        floridayId: row.floriday_trade_item_id,
+        floridayId,
         packingConfigurations,
         primaryPacking: derivePrimaryPacking(packingConfigurations),
     };
 }
-const SELECT_COLS = "id,product,article_number,barcode,image_url,floriday_active,floriday_trade_item_id,floriday_payload,updated_at,created_at";
+const SELECT_COLS = "id,product,article_number,barcode,image_url,trade_item_key,floriday_trade_item_id,custom_fields,updated_at,created_at";
 /**
  * `connectionId` wordt vandaag genegeerd: producten zijn niet meer per Floriday-connectie gescoped.
  * De parameter blijft in de signatuur zodat bestaande callers zonder wijziging werken.
@@ -83,11 +94,16 @@ export async function getLocalTradeItem(id) {
     return {
         id: p.id,
         connection_id: null,
-        data: (p.floriday_payload ?? {}),
+        data: (asRecord(p.custom_fields).floriday_payload ?? {
+            ...{},
+            name: p.product ?? "",
+            articleCode: p.article_number ?? "",
+            gtin: p.barcode ?? "",
+        }),
         updated_at: p.updated_at,
         created_at: p.created_at,
-        floriday_id: p.floriday_trade_item_id,
-        floriday_link_status: p.floriday_active ? "published" : "linked",
+        floriday_id: p.floriday_trade_item_id ?? asRecord(p.custom_fields).floriday_id ?? null,
+        floriday_link_status: p.floriday_trade_item_id || asRecord(p.custom_fields).floriday_id ? "published" : "linked",
         missing_required_fields: [],
         last_floriday_sync_at: null,
         floriday_link_error: null,
@@ -95,7 +111,7 @@ export async function getLocalTradeItem(id) {
     };
 }
 /**
- * Slaat Floriday-velden op in `products.floriday_payload`. Als `id` ontbreekt maken we een
+ * Slaat Floriday-velden op in `products.custom_fields.floriday_payload`. Als `id` ontbreekt maken we een
  * nieuw product aan (met minimale ERP-velden uit de payload). Nooit een concept-rij.
  */
 export async function upsertLocalTradeItem(params) {
@@ -109,15 +125,11 @@ export async function upsertLocalTradeItem(params) {
         : null;
     const targetId = params.id && params.id.length > 0 ? params.id : linkedProductId;
     const productPatch = {
-        floriday_payload: payload,
         updated_at: new Date().toISOString(),
     };
     if (params.meta?.floridayId !== undefined) {
         productPatch.floriday_trade_item_id = params.meta.floridayId;
     }
-    if (params.meta?.floridayLinkStatus === "published") {
-        productPatch.floriday_active = true;
-    }
     if (payload.name)
         productPatch.product = payload.name;
     if (payload.articleCode)
@@ -128,15 +140,21 @@ export async function upsertLocalTradeItem(params) {
     const firstImageUrl = firstImage?.url || firstImage?.previewUrl;
     if (firstImageUrl)
         productPatch.image_url = firstImageUrl;
-    if (payload.vatRate !== undefined) {
-        const v = payload.vatRate;
-        productPatch.vat_rate = v === null || v === "" || Number.isNaN(Number(v)) ? null : Number(v);
-    }
-    if (payload.vatCode !== undefined) {
-        const c = payload.vatCode;
-        productPatch.vat_code = c && String(c).length > 0 ? String(c) : null;
-    }
     if (targetId) {
+        const { data: existing } = await supabase
+            .from("products")
+            .select("custom_fields")
+            .eq("id", targetId)
+            .maybeSingle();
+        const currentCustomFields = asRecord(existing?.custom_fields);
+        productPatch.custom_fields = {
+            ...currentCustomFields,
+            articleCode: payload.articleCode || currentCustomFields.articleCode,
+            floriday_id: params.meta?.floridayId !== undefined
+                ? params.meta.floridayId
+                : currentCustomFields.floriday_id,
+            floriday_payload: payload,
+        };
         const { error } = await supabase
             .from("products")
             .update(productPatch)
@@ -158,15 +176,12 @@ export async function upsertLocalTradeItem(params) {
         image_url: firstImageUrl || null,
         product_type: "levend",
         trade_item_key: `product:${generatedId}`,
-        floriday_payload: payload,
         floriday_trade_item_id: params.meta?.floridayId ?? null,
-        floriday_active: params.meta?.floridayLinkStatus === "published",
-        vat_rate: payload.vatRate !== null && payload.vatRate !== undefined && payload.vatRate !== ""
-            ? Number(payload.vatRate)
-            : null,
-        vat_code: payload.vatCode && String(payload.vatCode).length > 0
-            ? String(payload.vatCode)
-            : null,
+        custom_fields: {
+            articleCode: payload.articleCode || null,
+            floriday_id: params.meta?.floridayId ?? null,
+            floriday_payload: payload,
+        },
     };
     const { error } = await supabase.from("products").insert(insertRow);
     if (error)
@@ -174,16 +189,25 @@ export async function upsertLocalTradeItem(params) {
     return generatedId;
 }
 /**
- * Legacy API. Alleen meta-velden die vandaag nog op `products` bestaan (`floriday_active`,
- * `floriday_trade_item_id`) worden gepersisteerd; overige velden worden stilzwijgend genegeerd
+ * Legacy API. Alleen meta-velden die vandaag nog op `products` bestaan (`floriday_trade_item_id`
+ * en `custom_fields.floriday_id`) worden gepersisteerd; overige velden worden stilzwijgend genegeerd
  * omdat het draft-model verdwenen is.
  */
 export async function updateDraftMeta(id, meta) {
     const patch = {};
     if (meta.floridayId !== undefined)
         patch.floriday_trade_item_id = meta.floridayId;
-    if (meta.floridayLinkStatus === "published")
-        patch.floriday_active = true;
+    if (meta.floridayId !== undefined) {
+        const { data } = await supabase
+            .from("products")
+            .select("custom_fields")
+            .eq("id", id)
+            .maybeSingle();
+        patch.custom_fields = {
+            ...asRecord(data?.custom_fields),
+            floriday_id: meta.floridayId,
+        };
+    }
     if (Object.keys(patch).length === 0)
         return;
     const { error } = await supabase.from("products").update(patch).eq("id", id);

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

@@ -17,5 +17,5 @@ export type TradeItemSupplyLine = {
  * Leest de meest recente supply-line voor een trade item en luistert realtime
  * op wijzigingen zodat de UI direct meebeweegt na een push naar Floriday.
  */
-export declare function useTradeItemSupplyLine(tradeItemId: string | null | undefined): import("@tanstack/react-query").UseQueryResult<TradeItemSupplyLine | null, Error>;
+export declare function useTradeItemSupplyLine(tradeItemId: string | null | undefined): import("@tanstack/react-query").UseQueryResult<NoInfer<TradeItemSupplyLine | null>, Error>;
 //# sourceMappingURL=useTradeItemSupplyLine.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTradeItemSupplyLine.d.ts","sourceRoot":"","sources":["../../src/hooks/useTradeItemSupplyLine.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,wBAAwB,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,qFA+C5E"}
+{"version":3,"file":"useTradeItemSupplyLine.d.ts","sourceRoot":"","sources":["../../src/hooks/useTradeItemSupplyLine.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,wBAAwB,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,8FA+C5E"}

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

@@ -1,3 +1,3 @@
 import { type GetRequiredFeaturesResult } from "../lib/floricode-required-features.functions";
-export declare function useVbnRegulatoryFeatures(vbnCode: string | null | undefined): import("@tanstack/react-query").UseQueryResult<GetRequiredFeaturesResult, Error>;
+export declare function useVbnRegulatoryFeatures(vbnCode: string | null | undefined): import("@tanstack/react-query").UseQueryResult<NoInfer<GetRequiredFeaturesResult>, Error>;
 //# sourceMappingURL=useVbnRegulatoryFeatures.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useVbnRegulatoryFeatures.d.ts","sourceRoot":"","sources":["../../src/hooks/useVbnRegulatoryFeatures.ts"],"names":[],"mappings":"AAQA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,8CAA8C,CAAC;AAEtD,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,oFAS1E"}
+{"version":3,"file":"useVbnRegulatoryFeatures.d.ts","sourceRoot":"","sources":["../../src/hooks/useVbnRegulatoryFeatures.ts"],"names":[],"mappings":"AAQA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,8CAA8C,CAAC;AAEtD,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,6FAS1E"}

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

@@ -0,0 +1,9 @@
+import { type VoorraadCustomField } from "../lib/voorraad-custom-fields";
+/** Laadt de door de gebruiker gedefinieerde voorraadvelden. */
+export declare function useVoorraadCustomFields(): {
+    fields: VoorraadCustomField[];
+    loading: boolean;
+    error: string | null;
+    reload: () => Promise<void>;
+};
+//# sourceMappingURL=useVoorraadCustomFields.d.ts.map

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

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

package/dist-lib/hooks/useVoorraadCustomFields.js

@@ -0,0 +1,26 @@
+import { useCallback, useEffect, useState } from "react";
+import { fetchVoorraadCustomFields, } from "../lib/voorraad-custom-fields";
+/** Laadt de door de gebruiker gedefinieerde voorraadvelden. */
+export function useVoorraadCustomFields() {
+    const [fields, setFields] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const reload = useCallback(async () => {
+        setLoading(true);
+        try {
+            setFields(await fetchVoorraadCustomFields());
+            setError(null);
+        }
+        catch (e) {
+            setFields([]);
+            setError(e.message);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        void reload();
+    }, [reload]);
+    return { fields, loading, error, reload };
+}

package/dist-lib/index.d.ts

@@ -6,5 +6,7 @@ export { EditArtikelPage } from './components/voorraad/EditArtikelPage';
 export { ValidationPage } from './components/voorraad/ValidationPage';
 export { ArtikelWizard } from './components/voorraad/ArtikelWizard';
 export { ProductLinkCard } from './components/voorraad/ProductLinkCard';
+export { VoorraadVeldenCard } from './components/voorraad/VoorraadVeldenCard';
+export { ProductCustomFieldsCard } from './components/voorraad/ProductCustomFieldsCard';
 export declare const floridayVoorraadModule: FlowModule;
 //# sourceMappingURL=index.d.ts.map

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;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,eAAO,MAAM,sBAAsB,EAAE,UAUpC,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;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AAIxF,eAAO,MAAM,sBAAsB,EAAE,UAUpC,CAAC"}

package/dist-lib/index.js

@@ -9,6 +9,9 @@ export { EditArtikelPage } from './components/voorraad/EditArtikelPage';
 export { ValidationPage } from './components/voorraad/ValidationPage';
 export { ArtikelWizard } from './components/voorraad/ArtikelWizard';
 export { ProductLinkCard } from './components/voorraad/ProductLinkCard';
+export { VoorraadVeldenCard } from './components/voorraad/VoorraadVeldenCard';
+export { ProductCustomFieldsCard } from './components/voorraad/ProductCustomFieldsCard';
+import { VoorraadVeldenCard } from './components/voorraad/VoorraadVeldenCard';
 export const floridayVoorraadModule = {
     id: "voorraad",
     name: "Voorraad",
@@ -18,5 +21,5 @@ export const floridayVoorraadModule = {
         href: "/voorraad",
         icon: Package,
     },
-    settingsCards: [],
+    settingsCards: [{ component: VoorraadVeldenCard, order: 50 }],
 };