@flowselections/floriday-voorraad 1.0.76 → 1.0.78

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

@@ -1,11 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 import { useNavigate } from "@tanstack/react-router";
-import { Package, Settings2 } from "lucide-react";
-import { Badge, Button, Checkbox } from "@flowselections/core";
-import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields";
-import { formatCustomValue } from "../../lib/voorraad-custom-fields";
-import { InventoryStatusBadge } from "./InventoryStatusBadge";
-import { PRODUCT_TYPE_CLASSES, PRODUCT_TYPE_HELP, PRODUCT_TYPE_LABELS, toStructureType } from "../../lib/product-types";
+import { Columns3, Package, Settings2 } from "lucide-react";
+import { Badge, Button, Checkbox, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@flowselections/core";
+import { supabase } from "../../integrations/supabase/client.js";
+import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields.js";
+import { formatCustomValue } from "../../lib/voorraad-custom-fields.js";
+import { InventoryStatusBadge } from "./InventoryStatusBadge.js";
+import { PRODUCT_TYPE_CLASSES, PRODUCT_TYPE_HELP, PRODUCT_TYPE_LABELS, toStructureType } from "../../lib/product-types.js";
 const columns = [
     { key: "quantity", label: "Liggend" },
     { key: "minQuantity", label: "Minimum" },
@@ -14,6 +16,69 @@ const columns = [
     { key: "incomingQuantity", label: "Inkomend" },
     { key: "economicQuantity", label: "Economisch" },
 ];
+/** Standaard zichtbare kolommen; de rest via "Kolommen kiezen" (per browser onthouden). */
+const DEFAULT_VISIBLE = ["quantity", "availableQuantity", "price"];
+const COLS_STORAGE_KEY = "voorraad.visibleColumns.v1";
+const OPTIONAL_LABELS = {
+    type: "Type",
+    articleNumber: "Artikelnummer",
+    price: "Prijs",
+};
+function useVisibleColumns() {
+    const [visible, setVisible] = useState(new Set(DEFAULT_VISIBLE));
+    useEffect(() => {
+        try {
+            const raw = window.localStorage.getItem(COLS_STORAGE_KEY);
+            if (raw)
+                setVisible(new Set(JSON.parse(raw)));
+        }
+        catch {
+            /* standaard houden */
+        }
+    }, []);
+    const toggle = (key) => setVisible((cur) => {
+        const next = new Set(cur);
+        if (next.has(key))
+            next.delete(key);
+        else
+            next.add(key);
+        try {
+            window.localStorage.setItem(COLS_STORAGE_KEY, JSON.stringify([...next]));
+        }
+        catch {
+            /* niet opslaan is geen probleem */
+        }
+        return next;
+    });
+    return { visible, toggle };
+}
+/** Verkoopprijs per artikel (op id), alleen geladen als de kolom zichtbaar is. */
+function useSalePrices(productIds, enabled) {
+    const [prices, setPrices] = useState(new Map());
+    const key = productIds.join(",");
+    useEffect(() => {
+        if (!enabled || productIds.length === 0)
+            return;
+        let cancelled = false;
+        void supabase
+            .from("products")
+            .select("id,sale_price")
+            .in("id", productIds)
+            .then(({ data }) => {
+            if (cancelled)
+                return;
+            const m = new Map();
+            for (const p of data ?? [])
+                m.set(p.id, p.sale_price == null ? null : Number(p.sale_price));
+            setPrices(m);
+        });
+        return () => {
+            cancelled = true;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [key, enabled]);
+    return prices;
+}
 function customValue(item, key) {
     const cf = item.raw?.custom_fields;
     return cf && typeof cf === "object" ? cf[key] : undefined;
@@ -25,7 +90,14 @@ export function settingKeyOf(item) {
 export function VoorraadTable({ items, loading, settingsByKey, selected, onToggleSelect, onToggleAll, onOpenSettings, }) {
     const navigate = useNavigate();
     const { fields } = useVoorraadCustomFields();
-    const extraColumns = fields.filter((f) => f.show_in_columns);
+    const { visible, toggle } = useVisibleColumns();
+    const allExtraColumns = fields.filter((f) => f.show_in_columns);
+    const extraColumns = allExtraColumns.filter((f) => visible.has(`cf:${f.id}`));
+    const shownColumns = columns.filter((c) => visible.has(c.key));
+    const showType = visible.has("type");
+    const showArticle = visible.has("articleNumber");
+    const showPrice = visible.has("price");
+    const prices = useSalePrices(items.map((i) => i.productId).filter((v) => Boolean(v)), showPrice);
     const selectableIds = items
         .map((i) => settingsByKey?.get(settingKeyOf(i) ?? "")?.product_id ?? null)
         .filter((v) => Boolean(v));
@@ -34,37 +106,48 @@ export function VoorraadTable({ items, loading, settingsByKey, selected, onToggl
         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("p", { className: "text-sm text-muted-foreground p-6", children: "Geen producten gevonden voor deze Floriday-koppeling." }));
     }
-    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: [onToggleSelect && (_jsx("th", { className: "p-3 w-10", children: _jsx(Checkbox, { checked: allSelected, onCheckedChange: () => onToggleAll?.(selectableIds), "aria-label": "Alles selecteren" }) })), _jsx("th", { className: "p-3 w-14" }), _jsx("th", { className: "p-3", children: "Product" }), _jsx("th", { className: "p-3", children: "Floriday-sturing" }), _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 overReserved = Number(item.reservedQuantity ?? 0) > Number(item.quantity ?? 0);
-                        const linkId = item.productId ?? item.localId ?? item.id;
-                        const clickable = Boolean(linkId);
-                        const open = () => {
-                            if (linkId)
-                                navigate({ to: "/voorraad/$id", params: { id: linkId } });
-                        };
-                        const floriday = item.floriday ?? null;
-                        const thumbUrl = floriday?.photoUrl || item.imageUrl;
-                        const setting = settingsByKey?.get(settingKeyOf(item) ?? "");
-                        const settingProductId = setting?.product_id ?? null;
-                        return (_jsxs("tr", { className: `border-t hover:bg-muted/30 ${clickable ? "cursor-pointer" : ""}`, onClick: clickable ? open : undefined, role: clickable ? "button" : undefined, tabIndex: clickable ? 0 : undefined, onKeyDown: clickable
-                                ? (e) => {
-                                    if (e.key === "Enter" || e.key === " ") {
-                                        e.preventDefault();
-                                        open();
-                                    }
-                                }
-                                : undefined, "aria-label": clickable ? `Bewerk ${item.name}` : undefined, children: [onToggleSelect && (_jsx("td", { className: "p-3", onClick: (e) => e.stopPropagation(), children: _jsx(Checkbox, { checked: settingProductId ? selected?.has(settingProductId) : false, disabled: !settingProductId, onCheckedChange: () => settingProductId && onToggleSelect(settingProductId), "aria-label": `Selecteer ${item.name}` }) })), _jsx("td", { className: "p-2", children: thumbUrl ? (_jsx("img", { src: thumbUrl, alt: item.name, className: "h-10 w-10 rounded object-cover", loading: "lazy" })) : (_jsx("div", { className: "h-10 w-10 rounded bg-muted flex items-center justify-center", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) })) }), _jsxs("td", { className: "p-3", children: [_jsxs("div", { className: "flex flex-col items-start gap-1", children: [_jsx("span", { className: "font-medium text-foreground", children: item.name }), _jsxs("div", { role: "status", "aria-label": floriday
-                                                        ? "Online in Floriday"
-                                                        : "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" })] })] }), Boolean(customValue(item, "floriday_sync")?.dirty) && (_jsx("div", { className: "mt-1 inline-flex items-center rounded-full bg-amber-100 px-2 py-0.5 text-[11px] font-medium leading-none text-amber-800", title: "Opgeslagen in dit systeem, wacht nog op doorgifte naar Floriday", children: "Wacht op Floriday" })), low && (_jsx("div", { className: "text-xs text-destructive", children: "onder minimumvoorraad" })), overReserved && (_jsx("div", { className: "text-xs text-amber-700", title: "Er is meer gereserveerd voor orders dan er ligt. Controleer open orders.", children: "gereserveerd groter dan liggend" }))] }), _jsx("td", { className: "p-3", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(InventoryStatusBadge, { setting: setting }), settingProductId && onOpenSettings && (_jsx(Button, { variant: "ghost", size: "sm", className: "h-7 w-7 p-0", onClick: () => onOpenSettings(settingProductId), "aria-label": `Voorraadsturing van ${item.name}`, children: _jsx(Settings2, { className: "h-4 w-4" }) }))] }) }), _jsx("td", { className: "p-3", children: (() => {
-                                        const t = toStructureType(setting?.product_type, item.itemType);
-                                        return (_jsxs("div", { className: "flex flex-col items-start gap-1", children: [_jsx(Badge, { variant: t === "NORMAL" ? "secondary" : undefined, className: PRODUCT_TYPE_CLASSES[t], title: PRODUCT_TYPE_HELP[t], children: PRODUCT_TYPE_LABELS[t] }), setting?.action_reason === "GROUP_MEMBER_OFF" && (_jsx("span", { className: "text-[11px] text-muted-foreground", title: "Dit artikel is lid van een actieve productgroep; alleen de groep staat in Floriday.", children: "Lid van groep \u00B7 niet los in Floriday" })), setting?.action_reason === "SET_AWAITS_LOGISTICS" && (item.floridayId ? (_jsx("span", { className: "text-[11px] text-amber-700", title: "Set: dit artikel staat in Floriday. De voorraad (berekend uit de onderdelen) gaat pas naar Floriday na akkoord, als de Logistieke engine onderdelen reserveert.", children: "In Floriday \u00B7 voorraad nog niet doorgezet (set)" })) : (_jsx("span", { className: "text-[11px] text-amber-700", title: "Berekend uit de onderdelen; nog niet gekoppeld aan een Floriday-artikel.", children: "Berekend \u00B7 nog niet gekoppeld aan Floriday" })))] }));
-                                    })() }), _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));
-                    }) })] }) }));
+    return (_jsxs("div", { children: [_jsx("div", { className: "flex justify-end px-3 pt-2", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(Columns3, { className: "h-4 w-4 mr-1" }), " Kolommen kiezen"] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuLabel, { children: "Kolommen" }), _jsx(DropdownMenuSeparator, {}), [
+                                    { key: "type", label: OPTIONAL_LABELS.type },
+                                    { key: "articleNumber", label: OPTIONAL_LABELS.articleNumber },
+                                    ...columns.map((c) => ({ key: c.key, label: c.label })),
+                                    { key: "price", label: OPTIONAL_LABELS.price },
+                                    ...allExtraColumns.map((f) => ({ key: `cf:${f.id}`, label: f.field_label })),
+                                ].map((c) => (_jsx(DropdownMenuCheckboxItem, { checked: visible.has(c.key), onCheckedChange: () => toggle(c.key), onSelect: (e) => e.preventDefault(), children: c.label }, c.key)))] })] }) }), _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: [onToggleSelect && (_jsx("th", { className: "p-3 w-10", children: _jsx(Checkbox, { checked: allSelected, onCheckedChange: () => onToggleAll?.(selectableIds), "aria-label": "Alles selecteren" }) })), _jsx("th", { className: "p-3 w-14" }), _jsx("th", { className: "p-3", children: "Product" }), _jsx("th", { className: "p-3", children: "Floriday-sturing" }), showType && _jsx("th", { className: "p-3", children: "Type" }), showArticle && _jsx("th", { className: "p-3", children: "Artikelnummer" }), shownColumns.map((c) => (_jsx("th", { className: "p-3 text-right whitespace-nowrap", children: c.label }, c.key))), showPrice && _jsx("th", { className: "p-3 text-right whitespace-nowrap", children: "Prijs" }), 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 overReserved = Number(item.reservedQuantity ?? 0) > Number(item.quantity ?? 0);
+                                const linkId = item.productId ?? item.localId ?? item.id;
+                                const clickable = Boolean(linkId);
+                                const open = () => {
+                                    if (linkId)
+                                        navigate({ to: "/voorraad/$id", params: { id: linkId } });
+                                };
+                                const floriday = item.floriday ?? null;
+                                const thumbUrl = floriday?.photoUrl || item.imageUrl;
+                                const setting = settingsByKey?.get(settingKeyOf(item) ?? "");
+                                const settingProductId = setting?.product_id ?? null;
+                                return (_jsxs("tr", { className: `border-t hover:bg-muted/30 ${clickable ? "cursor-pointer" : ""}`, onClick: clickable ? open : undefined, role: clickable ? "button" : undefined, tabIndex: clickable ? 0 : undefined, onKeyDown: clickable
+                                        ? (e) => {
+                                            if (e.key === "Enter" || e.key === " ") {
+                                                e.preventDefault();
+                                                open();
+                                            }
+                                        }
+                                        : undefined, "aria-label": clickable ? `Bewerk ${item.name}` : undefined, children: [onToggleSelect && (_jsx("td", { className: "p-3", onClick: (e) => e.stopPropagation(), children: _jsx(Checkbox, { checked: settingProductId ? selected?.has(settingProductId) : false, disabled: !settingProductId, onCheckedChange: () => settingProductId && onToggleSelect(settingProductId), "aria-label": `Selecteer ${item.name}` }) })), _jsx("td", { className: "p-2", children: thumbUrl ? (_jsx("img", { src: thumbUrl, alt: item.name, className: "h-10 w-10 rounded object-cover", loading: "lazy" })) : (_jsx("div", { className: "h-10 w-10 rounded bg-muted flex items-center justify-center", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) })) }), _jsxs("td", { className: "p-3", children: [_jsxs("div", { className: "flex flex-col items-start gap-1", children: [_jsx("span", { className: "font-medium text-foreground", children: item.name }), _jsxs("div", { role: "status", "aria-label": floriday
+                                                                ? "Online in Floriday"
+                                                                : "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" })] })] }), Boolean(customValue(item, "floriday_sync")?.dirty) && (_jsx("div", { className: "mt-1 inline-flex items-center rounded-full bg-amber-100 px-2 py-0.5 text-[11px] font-medium leading-none text-amber-800", title: "Opgeslagen in dit systeem, wacht nog op doorgifte naar Floriday", children: "Wacht op Floriday" })), low && (_jsx("div", { className: "text-xs text-destructive", children: "onder minimumvoorraad" })), overReserved && (_jsx("div", { className: "text-xs text-amber-700", title: "Er is meer gereserveerd voor orders dan er ligt. Controleer open orders.", children: "gereserveerd groter dan liggend" }))] }), _jsx("td", { className: "p-3", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(InventoryStatusBadge, { setting: setting }), settingProductId && onOpenSettings && (_jsx(Button, { variant: "ghost", size: "sm", className: "h-7 w-7 p-0", onClick: () => onOpenSettings(settingProductId), "aria-label": `Voorraadsturing van ${item.name}`, children: _jsx(Settings2, { className: "h-4 w-4" }) }))] }) }), showType && _jsx("td", { className: "p-3", children: (() => {
+                                                const t = toStructureType(setting?.product_type, item.itemType);
+                                                return (_jsxs("div", { className: "flex flex-col items-start gap-1", children: [_jsx(Badge, { variant: t === "NORMAL" ? "secondary" : undefined, className: PRODUCT_TYPE_CLASSES[t], title: PRODUCT_TYPE_HELP[t], children: PRODUCT_TYPE_LABELS[t] }), setting?.action_reason === "GROUP_MEMBER_OFF" && (_jsx("span", { className: "text-[11px] text-muted-foreground", title: "Dit artikel is lid van een actieve productgroep; alleen de groep staat in Floriday.", children: "Lid van groep \u00B7 niet los in Floriday" })), setting?.action_reason === "SET_AWAITS_LOGISTICS" && (item.floridayId ? (_jsx("span", { className: "text-[11px] text-amber-700", title: "Set: dit artikel staat in Floriday. De voorraad (berekend uit de onderdelen) gaat pas naar Floriday na akkoord, als de Logistieke engine onderdelen reserveert.", children: "In Floriday \u00B7 voorraad van de samenstelling volgt" })) : (_jsx("span", { className: "text-[11px] text-amber-700", title: "Berekend uit de onderdelen; nog niet gekoppeld aan een Floriday-artikel.", children: "Berekend \u00B7 nog niet gekoppeld aan Floriday" })))] }));
+                                            })() }), showArticle && _jsx("td", { className: "p-3 font-mono text-xs", children: item.articleNumber || "—" }), shownColumns.map((c) => (_jsx("td", { className: "p-3 text-right tabular-nums text-muted-foreground", children: Number(item[c.key] ?? 0) }, c.key))), showPrice && (_jsx("td", { className: "p-3 text-right tabular-nums text-muted-foreground whitespace-nowrap", children: (() => {
+                                                const p = item.productId ? prices.get(item.productId) : undefined;
+                                                if (p == null)
+                                                    return "—";
+                                                return `€ ${p.toLocaleString("nl-NL", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+                                            })() })), 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

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

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

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

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

@@ -2,8 +2,8 @@ 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";
+import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields.js";
+import { createVoorraadCustomField, deleteVoorraadCustomField, slugifyFieldKey, updateVoorraadCustomField, } from "../../lib/voorraad-custom-fields.js";
 const TYPE_LABELS = {
     text: "Tekst",
     number: "Getal",

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

@@ -37,7 +37,7 @@ export declare function useCodeList(listName: string | null | undefined): import
         description?: string;
     }[];
 }, Error>;
-import type { GatewayEntity } from "../lib/floriday-gateway-entities";
+import type { GatewayEntity } from "../lib/floriday-gateway-entities.js";
 export declare function useCachedList(entity: GatewayEntity | null | undefined, limit?: number): import("@tanstack/react-query").UseQueryResult<{
     ok: boolean;
     entity: string;

package/dist-lib/hooks/useFloriday.js

@@ -1,9 +1,9 @@
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useEffect } from "react";
-import { gatewaySchemaFn, gatewayCodeListFn, gatewayCachedListFn, } from "../lib/floriday-gateway.functions";
-import { unmappedRequiredFields } from "../lib/wizard-step-fields";
-import { useFloridayConnection } from "./useFloridayConnection";
-import { normalizeFloridayEnvironment } from "../lib/floriday-env";
+import { gatewaySchemaFn, gatewayCodeListFn, gatewayCachedListFn, } from "../lib/floriday-gateway.functions.js";
+import { unmappedRequiredFields } from "../lib/wizard-step-fields.js";
+import { useFloridayConnection } from "./useFloridayConnection.js";
+import { normalizeFloridayEnvironment } from "../lib/floriday-env.js";
 function isRecord(value) {
     return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }

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

@@ -1,4 +1,4 @@
-import type { FloridayActiveConnection } from "../lib/floriday-client";
+import type { FloridayActiveConnection } from "../lib/floriday-client.js";
 /**
  * Reads the single active Floriday connection for the currently selected
  * environment (staging/live) via the Auth-module's

package/dist-lib/hooks/useFloridayConnection.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { supabase } from "../integrations/supabase/client";
+import { supabase } from "../integrations/supabase/client.js";
 /**
  * Reads the single active Floriday connection for the currently selected
  * environment (staging/live) via the Auth-module's

package/dist-lib/hooks/useFloridayContinuousStock.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { supabase } from "../integrations/supabase/client";
+import { supabase } from "../integrations/supabase/client.js";
 /**
  * Silent live-cache van Floriday `continuous-stock.numberOfPieces` per
  * trade_item_id, geïndexeerd binnen één connectie. Vult zichzelf via

package/dist-lib/hooks/useFloridayPriceGroups.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { supabase } from "../integrations/supabase/client";
+import { supabase } from "../integrations/supabase/client.js";
 /**
  * Leest alle actieve (niet verwijderde) Floriday-prijsgroepen voor de opgegeven
  * connectie uit `floriday_price_groups_cache`. De sync wordt door de

package/dist-lib/hooks/useFloridayVbnRequired.js

@@ -3,7 +3,7 @@
  * characteristic-codes per VBN-productcode.
  */
 import { useQuery } from "@tanstack/react-query";
-import { getFloridayVbnRequired } from "../lib/floriday-vbn-required.functions";
+import { getFloridayVbnRequired } from "../lib/floriday-vbn-required.functions.js";
 export function useFloridayVbnRequired(vbnCode) {
     const code = String(vbnCode ?? "").trim();
     const enabled = /^\d{5,6}$/.test(code);

package/dist-lib/hooks/useFlorydayCustomers.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { supabase } from "../integrations/supabase/client";
+import { supabase } from "../integrations/supabase/client.js";
 function shortId(id) {
     return `Klant ${id.slice(0, 8)}…${id.slice(-4)}`;
 }

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

@@ -1,4 +1,4 @@
-import { type FustType } from "../lib/fusten";
+import { type FustType } from "../lib/fusten.js";
 /**
  * Fustenvoorraad, altijd afgeleid van de beladingen van de producten.
  * Bij het openen én bij elke wijziging aan producten/beladingen wordt

package/dist-lib/hooks/useFusten.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-import { supabase } from "../integrations/supabase/client";
-import { adjustFustStock, fetchFustTypes, syncFustTypes, updateFustType, } from "../lib/fusten";
+import { supabase } from "../integrations/supabase/client.js";
+import { adjustFustStock, fetchFustTypes, syncFustTypes, updateFustType, } from "../lib/fusten.js";
 /**
  * Fustenvoorraad, altijd afgeleid van de beladingen van de producten.
  * Bij het openen én bij elke wijziging aan producten/beladingen wordt

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

@@ -1,4 +1,4 @@
-import type { StockMode } from "../lib/stock-modes";
+import type { StockMode } from "../lib/stock-modes.js";
 export type { StockMode };
 export type InventorySetting = {
     id: string;

package/dist-lib/hooks/useInventorySettings.js

@@ -4,7 +4,7 @@
  * de UI leest ze alleen en schrijft via server-functies.
  */
 import { useCallback, useEffect, useState } from "react";
-import { supabase } from "../integrations/supabase/client";
+import { supabase } from "../integrations/supabase/client.js";
 const SELECT = "id, connection_id, product_id, floriday_trade_item_id, stock_mode, buffer_quantity, maximum_quantity, fixed_quantity, manual_quantity, desired_quantity, desired_availability, remote_quantity, remote_available, remote_checked_at, sync_status, last_sync_error, last_published_at, last_confirmed_at, action_reason, packing_size, product_type";
 export function useInventorySettings(connectionId) {
     const [rows, setRows] = useState([]);

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

@@ -1,5 +1,5 @@
-import type { WizardData } from "../lib/floriday-payload";
-import { type FloridayLinkStatus, type TradeItem } from "../lib/floriday-client";
+import type { WizardData } from "../lib/floriday-payload.js";
+import { type FloridayLinkStatus, type TradeItem } from "../lib/floriday-client.js";
 /**
  * Concept/Draft is verwijderd. Alle "lokale trade items" leven nu als volwaardige rijen in
  * `public.products` met de Floriday-velden in `custom_fields.floriday_payload`. Dit bestand behoudt de

package/dist-lib/hooks/useLocalTradeItems.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from "react";
-import { supabase } from "../integrations/supabase/client";
-import { derivePrimaryPacking } from "../lib/floriday-client";
+import { supabase } from "../integrations/supabase/client.js";
+import { derivePrimaryPacking } from "../lib/floriday-client.js";
 function asRecord(value) {
     return value && typeof value === "object" && !Array.isArray(value)
         ? value
@@ -134,7 +134,7 @@ export function readLocalSyncStatus(customFields) {
 function scheduleFustSync(connectionId) {
     void (async () => {
         try {
-            const { syncFustTypes } = await import("../lib/fusten");
+            const { syncFustTypes } = await import("../lib/fusten.js");
             await syncFustTypes(connectionId);
         }
         catch {

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

@@ -1,4 +1,4 @@
-import { type PublishJobRow, type PublishStepRow } from "../lib/publish-pipeline";
+import { type PublishJobRow, type PublishStepRow } from "../lib/publish-pipeline.js";
 export declare function usePublishJob(jobId: string | null): {
     job: PublishJobRow | null;
     steps: PublishStepRow[];

package/dist-lib/hooks/usePublishJob.js

@@ -2,8 +2,8 @@
  * Volgt een lopende publicatie live: opdracht + deelstappen.
  */
 import { useEffect, useState, useCallback } from "react";
-import { supabase } from "../integrations/supabase/client";
-import { loadPublishJob, } from "../lib/publish-pipeline";
+import { supabase } from "../integrations/supabase/client.js";
+import { loadPublishJob, } from "../lib/publish-pipeline.js";
 export function usePublishJob(jobId) {
     const [job, setJob] = useState(null);
     const [steps, setSteps] = useState([]);

package/dist-lib/hooks/useStockPushJobs.js

@@ -4,7 +4,7 @@
  * kunnen volgen zonder databasekennis.
  */
 import { useQuery } from "@tanstack/react-query";
-import { supabase } from "../integrations/supabase/client";
+import { supabase } from "../integrations/supabase/client.js";
 /** Floriday levert namen soms als taalobject ({ nl: "…", en: "…" }). */
 function plainName(value) {
     if (typeof value === "string")

package/dist-lib/hooks/useStockSyncHealth.js

@@ -8,7 +8,7 @@
  * daarvan geen prijs in het weekaanbod hebben.
  */
 import { useQuery } from "@tanstack/react-query";
-import { supabase } from "../integrations/supabase/client";
+import { supabase } from "../integrations/supabase/client.js";
 const STALE_MINUTES = 10;
 const WINDOW_HOURS = 24;
 export function reasonLabel(error) {

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

@@ -1,5 +1,5 @@
-import type { ProductGroup } from "../lib/floriday-payload";
-import type { FloridaySchema } from "./useFloriday";
+import type { ProductGroup } from "../lib/floriday-payload.js";
+import type { FloridaySchema } from "./useFloriday.js";
 export interface SpecCharacteristicValue {
     code: string;
     label: string;

package/dist-lib/hooks/useTradeItemStock.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { supabase } from "../integrations/supabase/client";
+import { supabase } from "../integrations/supabase/client.js";
 const EMPTY = {
     physical_stock: 0,
     minimum_stock: 0,
@@ -200,7 +200,7 @@ export function useTradeItemStock(connectionId, keyOrKeys, productId) {
         if (sold > 0) {
             void (async () => {
                 try {
-                    const { registerSaleFustUsage } = await import("../lib/fusten");
+                    const { registerSaleFustUsage } = await import("../lib/fusten.js");
                     await registerSaleFustUsage({
                         connectionId: savedConnectionId,
                         tradeItemKey: savedKey,
@@ -218,7 +218,7 @@ export function useTradeItemStock(connectionId, keyOrKeys, productId) {
         // openstaande Engine-taak. Fire-and-forget, nooit blokkerend.
         void (async () => {
             try {
-                const { emitStockChangedEvent } = await import("../lib/logistics-events");
+                const { emitStockChangedEvent } = await import("../lib/logistics-events.js");
                 await emitStockChangedEvent({
                     tradeItemKey: savedKey,
                     physicalStock: values.physical_stock,

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

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

package/dist-lib/hooks/useVbnRegulatoryFeatures.js

@@ -6,7 +6,7 @@
  * `vbn-product-group`, die deze koppeling niet bevat.
  */
 import { useQuery } from "@tanstack/react-query";
-import { getVbnRequiredFeatures, } from "../lib/floricode-required-features.functions";
+import { getVbnRequiredFeatures, } from "../lib/floricode-required-features.functions.js";
 export function useVbnRegulatoryFeatures(vbnCode) {
     const code = String(vbnCode ?? "").trim();
     const enabled = /^\d{5,6}$/.test(code);

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

@@ -1,4 +1,4 @@
-import { type VoorraadCustomField } from "../lib/voorraad-custom-fields";
+import { type VoorraadCustomField } from "../lib/voorraad-custom-fields.js";
 /** Laadt de door de gebruiker gedefinieerde voorraadvelden. */
 export declare function useVoorraadCustomFields(): {
     fields: VoorraadCustomField[];

package/dist-lib/hooks/useVoorraadCustomFields.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
-import { fetchVoorraadCustomFields, } from "../lib/voorraad-custom-fields";
+import { fetchVoorraadCustomFields, } from "../lib/voorraad-custom-fields.js";
 /** Laadt de door de gebruiker gedefinieerde voorraadvelden. */
 export function useVoorraadCustomFields() {
     const [fields, setFields] = useState([]);

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

@@ -1,4 +1,4 @@
-import { type TradeItem } from "../lib/floriday-client";
+import { type TradeItem } from "../lib/floriday-client.js";
 /**
  * Voorraaddata na de dedup-migratie:
  * - `products` is de canonieke bron; alle items (inclusief Floriday-velden) leven daar.

package/dist-lib/hooks/useVoorraadData.js

@@ -1,10 +1,10 @@
 import { useCallback, useEffect, useState } from "react";
-import { supabase } from "../integrations/supabase/client";
-import { normaliseTradeItem } from "../lib/floriday-client";
-import { floridayInfoFromCache } from "../lib/floriday-info";
-import { useLocalTradeItems } from "./useLocalTradeItems";
-import { fetchStockMap, lookupStock } from "./useTradeItemStock";
-import { useFloridayContinuousStockMap } from "./useFloridayContinuousStock";
+import { supabase } from "../integrations/supabase/client.js";
+import { normaliseTradeItem } from "../lib/floriday-client.js";
+import { floridayInfoFromCache } from "../lib/floriday-info.js";
+import { useLocalTradeItems } from "./useLocalTradeItems.js";
+import { fetchStockMap, lookupStock } from "./useTradeItemStock.js";
+import { useFloridayContinuousStockMap } from "./useFloridayContinuousStock.js";
 function applyStock(item, s) {
     if (!s)
         return item;

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

@@ -3,9 +3,9 @@
  * package.json → flowselections.serverRoutes als routes aanmaakt.
  * Server-only; nooit importeren vanuit client-code.
  */
-export { handleFloridayBaseSupply } from "./server-hooks/floriday-base-supply";
-export { handleFloridayContinuousStock } from "./server-hooks/floriday-continuous-stock";
-export { handleFloridayContinuousStockPull } from "./server-hooks/floriday-continuous-stock-pull";
-export { handleFloridayStockReconcile } from "./server-hooks/floriday-stock-reconcile";
-export { handleLogisticsTasksRun } from "./server-hooks/logistics-tasks-run";
+export { handleFloridayBaseSupply } from "./server-hooks/floriday-base-supply.js";
+export { handleFloridayContinuousStock } from "./server-hooks/floriday-continuous-stock.js";
+export { handleFloridayContinuousStockPull } from "./server-hooks/floriday-continuous-stock-pull.js";
+export { handleFloridayStockReconcile } from "./server-hooks/floriday-stock-reconcile.js";
+export { handleLogisticsTasksRun } from "./server-hooks/logistics-tasks-run.js";
 //# sourceMappingURL=hooks-entry.d.ts.map

package/dist-lib/hooks-entry.js

@@ -3,8 +3,8 @@
  * package.json → flowselections.serverRoutes als routes aanmaakt.
  * Server-only; nooit importeren vanuit client-code.
  */
-export { handleFloridayBaseSupply } from "./server-hooks/floriday-base-supply";
-export { handleFloridayContinuousStock } from "./server-hooks/floriday-continuous-stock";
-export { handleFloridayContinuousStockPull } from "./server-hooks/floriday-continuous-stock-pull";
-export { handleFloridayStockReconcile } from "./server-hooks/floriday-stock-reconcile";
-export { handleLogisticsTasksRun } from "./server-hooks/logistics-tasks-run";
+export { handleFloridayBaseSupply } from "./server-hooks/floriday-base-supply.js";
+export { handleFloridayContinuousStock } from "./server-hooks/floriday-continuous-stock.js";
+export { handleFloridayContinuousStockPull } from "./server-hooks/floriday-continuous-stock-pull.js";
+export { handleFloridayStockReconcile } from "./server-hooks/floriday-stock-reconcile.js";
+export { handleLogisticsTasksRun } from "./server-hooks/logistics-tasks-run.js";

package/dist-lib/index.d.ts

@@ -1,14 +1,14 @@
 import type { FlowModule } from "@flowselections/core";
-export * from './_core-safelist';
-export { VoorraadPage } from './components/voorraad/VoorraadPage';
-export { NieuwArtikelPage } from './components/voorraad/NieuwArtikelPage';
-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 { FustenPage } from "./components/voorraad/FustenPage";
-export { PublicatiesPage } from "./components/voorraad/PublicatiesPage";
+export * from './_core-safelist.js';
+export { VoorraadPage } from './components/voorraad/VoorraadPage.js';
+export { NieuwArtikelPage } from './components/voorraad/NieuwArtikelPage.js';
+export { EditArtikelPage } from './components/voorraad/EditArtikelPage.js';
+export { ValidationPage } from './components/voorraad/ValidationPage.js';
+export { ArtikelWizard } from './components/voorraad/ArtikelWizard.js';
+export { ProductLinkCard } from './components/voorraad/ProductLinkCard.js';
+export { VoorraadVeldenCard } from './components/voorraad/VoorraadVeldenCard.js';
+export { ProductCustomFieldsCard } from './components/voorraad/ProductCustomFieldsCard.js';
+export { FustenPage } from "./components/voorraad/FustenPage.js";
+export { PublicatiesPage } from "./components/voorraad/PublicatiesPage.js";
 export declare const floridayVoorraadModule: FlowModule;
 //# sourceMappingURL=index.d.ts.map

package/dist-lib/index.js

@@ -2,18 +2,18 @@
 // src/index.ts — MODULE CONTRACT (Voorraad)
 // ============================================================================
 import { Boxes, Package } from "lucide-react";
-export * from './_core-safelist';
-export { VoorraadPage } from './components/voorraad/VoorraadPage';
-export { NieuwArtikelPage } from './components/voorraad/NieuwArtikelPage';
-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 { FustenPage } from "./components/voorraad/FustenPage";
-export { PublicatiesPage } from "./components/voorraad/PublicatiesPage";
+export * from './_core-safelist.js';
+export { VoorraadPage } from './components/voorraad/VoorraadPage.js';
+export { NieuwArtikelPage } from './components/voorraad/NieuwArtikelPage.js';
+export { EditArtikelPage } from './components/voorraad/EditArtikelPage.js';
+export { ValidationPage } from './components/voorraad/ValidationPage.js';
+export { ArtikelWizard } from './components/voorraad/ArtikelWizard.js';
+export { ProductLinkCard } from './components/voorraad/ProductLinkCard.js';
+export { VoorraadVeldenCard } from './components/voorraad/VoorraadVeldenCard.js';
+export { ProductCustomFieldsCard } from './components/voorraad/ProductCustomFieldsCard.js';
+import { VoorraadVeldenCard } from './components/voorraad/VoorraadVeldenCard.js';
+export { FustenPage } from "./components/voorraad/FustenPage.js";
+export { PublicatiesPage } from "./components/voorraad/PublicatiesPage.js";
 export const floridayVoorraadModule = {
     id: "voorraad",
     name: "Voorraad",