@flowselections/floriday-voorraad 1.0.11 → 1.0.13

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

@@ -0,0 +1,6 @@
+import type { FloridayActiveConnection } from "../../lib/floriday-client";
+export declare function ConnectionBadge({ connection, loading, }: {
+    connection: FloridayActiveConnection | null;
+    loading?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConnectionBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ConnectionBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE1E,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,OAAO,GACR,EAAE;IACD,UAAU,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAqBA"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@flowselections/core";
+export function ConnectionBadge({ connection, loading, }) {
+    if (loading) {
+        return _jsx(Badge, { variant: "secondary", children: "Floriday laden..." });
+    }
+    if (!connection) {
+        return (_jsx(Badge, { variant: "destructive", children: "Geen actieve Floriday-connectie" }));
+    }
+    const env = connection.active_environment || connection.environment;
+    return (_jsxs(Badge, { variant: "secondary", className: "gap-1.5", children: [_jsx("span", { className: "font-medium", children: "Floriday" }), _jsx("span", { className: "opacity-60", children: "\u00B7" }), _jsx("span", { className: "uppercase tracking-wide text-[10px]", children: env }), _jsx("span", { className: "opacity-60", children: "\u00B7" }), _jsx("span", { children: connection.organization_name || connection.label })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AAUA,wBAAgB,YAAY,4CAuE3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,YAAY,4CAqF3B"}

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

@@ -1,23 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { Link } from "@tanstack/react-router";
-import { Button, Card, Input } from "@flowselections/core";
+import { Button, Card, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
 import { Plus, RefreshCw, Search } from "lucide-react";
 import { useFloridayConnection } from "../../hooks/useFloridayConnection";
 import { useVoorraadData } from "../../hooks/useVoorraadData";
-import { ConnectionPicker } from "./ConnectionPicker";
+import { ConnectionBadge } from "./ConnectionBadge";
 import { ExcelExportButton } from "./ExcelExportButton";
 import { VoorraadTable } from "./VoorraadTable";
 export function VoorraadPage() {
-    const { connections, activeId, setActiveId, loading: connLoading, error: connError, } = useFloridayConnection();
+    const { activeConnection, activeId, loading: connLoading, error: connError, } = useFloridayConnection();
     const { items, loading, error, reload } = useVoorraadData(activeId);
     const [search, setSearch] = useState("");
+    const [publishFilter, setPublishFilter] = useState("all");
     const filtered = useMemo(() => {
-        if (!search.trim())
-            return items;
-        const q = search.toLowerCase();
-        return items.filter((i) => i.name.toLowerCase().includes(q) ||
-            i.articleNumber.toLowerCase().includes(q));
-    }, [items, search]);
-    return (_jsxs("main", { className: "p-6 space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsxs("div", { className: "relative flex-1 min-w-[240px] max-w-md", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Zoek op product of artikelnummer...", className: "pl-9" })] }), _jsx(ConnectionPicker, { connections: connections, activeId: activeId, onChange: setActiveId, disabled: connLoading }), _jsxs(Button, { variant: "outline", onClick: reload, disabled: loading || !activeId, children: [_jsx(RefreshCw, { className: `mr-2 h-4 w-4 ${loading ? "animate-spin" : ""}` }), "Vernieuwen"] }), _jsx(ExcelExportButton, { items: filtered }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] }), connError && (_jsxs(Card, { className: "border-destructive/40 bg-destructive/5 p-4 text-sm", children: ["Floriday-connecties laden mislukt: ", connError] })), error && (_jsxs(Card, { className: "border-destructive/40 bg-destructive/5 p-4 text-sm", children: ["Voorraad laden mislukt: ", error] })), _jsxs(Card, { className: "overflow-hidden", children: [_jsxs("div", { className: "px-4 py-2 border-b text-xs text-muted-foreground", children: [filtered.length, " producten ", search && `(gefilterd uit ${items.length})`] }), _jsx(VoorraadTable, { items: filtered, loading: loading })] })] }));
+        const q = search.trim().toLowerCase();
+        return items.filter((i) => {
+            if (publishFilter === "published" && !i.published)
+                return false;
+            if (publishFilter === "local" && i.published)
+                return false;
+            if (!q)
+                return true;
+            return (i.name.toLowerCase().includes(q) ||
+                (i.articleNumber ?? "").toLowerCase().includes(q));
+        });
+    }, [items, search, publishFilter]);
+    const localCount = items.filter((i) => !i.published).length;
+    return (_jsxs("main", { className: "p-6 space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsxs("div", { className: "relative flex-1 min-w-[240px] max-w-md", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Zoek op product of artikelnummer...", className: "pl-9" })] }), _jsxs(Select, { value: publishFilter, onValueChange: (v) => setPublishFilter(v), children: [_jsx(SelectTrigger, { className: "w-[200px]", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "Alle producten" }), _jsx(SelectItem, { value: "published", children: "Gepubliceerd" }), _jsxs(SelectItem, { value: "local", children: ["Niet gepubliceerd", localCount > 0 ? ` (${localCount})` : ""] })] })] }), _jsx(ConnectionBadge, { connection: activeConnection, loading: connLoading }), _jsxs(Button, { variant: "outline", onClick: reload, disabled: loading || !activeId, children: [_jsx(RefreshCw, { className: `mr-2 h-4 w-4 ${loading ? "animate-spin" : ""}` }), "Vernieuwen"] }), _jsx(ExcelExportButton, { items: filtered }), _jsx(Button, { asChild: true, disabled: !activeId, children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] }), connError && (_jsxs(Card, { className: "border-destructive/40 bg-destructive/5 p-4 text-sm", children: ["Floriday-connectie laden mislukt: ", connError] })), error && (_jsxs(Card, { className: "border-destructive/40 bg-destructive/5 p-4 text-sm", children: ["Voorraad laden mislukt: ", error] })), _jsxs(Card, { className: "overflow-hidden", children: [_jsxs("div", { className: "px-4 py-2 border-b text-xs text-muted-foreground", children: [filtered.length, " producten ", search && `(gefilterd uit ${items.length})`, " · ", "live data uit gedeelde cache (sync elke 5 min)", localCount > 0 && ` · ${localCount} niet-gepubliceerd`] }), _jsx(VoorraadTable, { items: filtered, loading: loading })] })] }));
 }

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":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAW3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,2CAoEA"}
+{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAW3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,2CAqGA"}

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

@@ -1,4 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { Badge } from "@flowselections/core";
 import { Package } from "lucide-react";
 const columns = [
     { key: "quantity", label: "Liggend" },
@@ -16,7 +18,13 @@ export function VoorraadTable({ items, loading, }) {
         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: "Artikelnummer" }), columns.map((c) => (_jsx("th", { className: "p-3 text-right whitespace-nowrap", children: c.label }, c.key)))] }) }), _jsx("tbody", { children: items.map((item) => {
-                        const low = item.minQuantity > 0 && item.availableQuantity < item.minQuantity;
-                        return (_jsxs("tr", { className: "border-t hover:bg-muted/30", children: [_jsx("td", { className: "p-2", children: item.imageUrl ? (_jsx("img", { src: item.imageUrl, 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: [_jsx("div", { className: "font-medium text-foreground", children: item.name }), low && (_jsx("div", { className: "text-xs text-destructive", children: "onder minimumvoorraad" }))] }), _jsx("td", { className: "p-3 font-mono text-xs", children: item.articleNumber }), columns.map((c) => (_jsx("td", { className: "p-3 text-right tabular-nums", children: Number(item[c.key] ?? 0) }, c.key)))] }, item.id));
+                        const isLocal = !item.published;
+                        const low = !isLocal &&
+                            item.minQuantity > 0 &&
+                            item.availableQuantity < item.minQuantity;
+                        const nameContent = (_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: isLocal
+                                        ? "font-medium text-foreground hover:underline"
+                                        : "font-medium text-foreground", children: item.name }), isLocal && (_jsx(Badge, { variant: "outline", className: "text-[10px] font-normal text-muted-foreground border-amber-500/40 bg-amber-500/10", children: "Niet gepubliceerd" }))] }));
+                        return (_jsxs("tr", { className: "border-t hover:bg-muted/30", children: [_jsx("td", { className: "p-2", children: item.imageUrl ? (_jsx("img", { src: item.imageUrl, 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: [isLocal && item.localId ? (_jsx(Link, { to: "/voorraad/$id", params: { id: item.localId }, children: nameContent })) : (nameContent), low && (_jsx("div", { className: "text-xs text-destructive", children: "onder minimumvoorraad" }))] }), _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: isLocal ? "—" : Number(item[c.key] ?? 0) }, c.key)))] }, item.id));
                     }) })] }) }));
 }

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

@@ -1,9 +1,14 @@
-import { type FloridayConnection } from "../lib/floriday-client";
+import type { FloridayActiveConnection } from "../lib/floriday-client";
+/**
+ * Reads the single active Floriday connection for the currently selected
+ * environment (staging/live) via the Auth-module's
+ * `get_active_floriday_connection_public` RPC. No tokens or secrets are
+ * exposed.
+ */
 export declare function useFloridayConnection(): {
-    connections: FloridayConnection[];
+    activeConnection: FloridayActiveConnection | null;
     activeId: string | null;
-    setActiveId: (id: string) => void;
-    activeConnection: FloridayConnection | null;
+    environment: string | null;
     loading: boolean;
     error: string | null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useFloridayConnection.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloridayConnection.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAI3E,wBAAgB,qBAAqB;;;sBAyBV,MAAM;;;;EAahC"}
+{"version":3,"file":"useFloridayConnection.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloridayConnection.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAEvE;;;;;GAKG;AACH,wBAAgB,qBAAqB;;;;;;EA+BpC"}

package/dist-lib/hooks/useFloridayConnection.js

@@ -1,39 +1,39 @@
 import { useEffect, useState } from "react";
-import { floriday } from "../lib/floriday-client";
-const STORAGE_KEY = "voorraad.activeFloridayConnection";
+import { supabase } from "../integrations/supabase/client";
+/**
+ * Reads the single active Floriday connection for the currently selected
+ * environment (staging/live) via the Auth-module's
+ * `get_active_floriday_connection_public` RPC. No tokens or secrets are
+ * exposed.
+ */
 export function useFloridayConnection() {
-    const [connections, setConnections] = useState([]);
-    const [activeId, setActiveIdState] = useState(null);
+    const [activeConnection, setActive] = useState(null);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
     useEffect(() => {
         let mounted = true;
-        floriday
-            .listConnections()
-            .then((rows) => {
+        (async () => {
+            const { data, error } = await supabase.rpc("get_active_floriday_connection_public");
             if (!mounted)
                 return;
-            setConnections(rows);
-            const stored = typeof window !== "undefined" ? localStorage.getItem(STORAGE_KEY) : null;
-            const pick = rows.find((r) => r.id === stored) ?? rows[0];
-            setActiveIdState(pick?.id ?? null);
-        })
-            .catch((e) => setError(e.message))
-            .finally(() => mounted && setLoading(false));
+            if (error) {
+                setError(error.message);
+                setActive(null);
+            }
+            else {
+                const row = (data ?? [])[0];
+                setActive(row && row.id ? row : null);
+            }
+            setLoading(false);
+        })();
         return () => {
             mounted = false;
         };
     }, []);
-    const setActiveId = (id) => {
-        setActiveIdState(id);
-        if (typeof window !== "undefined")
-            localStorage.setItem(STORAGE_KEY, id);
-    };
     return {
-        connections,
-        activeId,
-        setActiveId,
-        activeConnection: connections.find((c) => c.id === activeId) ?? null,
+        activeConnection,
+        activeId: activeConnection?.id ?? null,
+        environment: activeConnection?.active_environment ?? null,
         loading,
         error,
     };

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

@@ -0,0 +1,17 @@
+export interface FloridayCustomer {
+    id: string;
+    name: string;
+    hasRealName: boolean;
+}
+/**
+ * Reads buyer organisations from the shared `floriday_connections_cache`
+ * (which contains buyer org id + name per supplier connection).
+ * If `buyer_organization_name` is NULL (Auth-module hasn't synced names yet),
+ * we fall back to a short, readable label so the UI never shows a raw UUID.
+ */
+export declare function useFlorydayCustomers(connectionId: string | null): {
+    customers: FloridayCustomer[];
+    loading: boolean;
+    error: string | null;
+};
+//# sourceMappingURL=useFlorydayCustomers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFlorydayCustomers.d.ts","sourceRoot":"","sources":["../../src/hooks/useFlorydayCustomers.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;CACtB;AAMD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;EAoD/D"}

package/dist-lib/hooks/useFlorydayCustomers.js

@@ -0,0 +1,65 @@
+import { useEffect, useState } from "react";
+import { supabase } from "../integrations/supabase/client";
+function shortId(id) {
+    return `Klant ${id.slice(0, 8)}…${id.slice(-4)}`;
+}
+/**
+ * Reads buyer organisations from the shared `floriday_connections_cache`
+ * (which contains buyer org id + name per supplier connection).
+ * If `buyer_organization_name` is NULL (Auth-module hasn't synced names yet),
+ * we fall back to a short, readable label so the UI never shows a raw UUID.
+ */
+export function useFlorydayCustomers(connectionId) {
+    const [customers, setCustomers] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let mounted = true;
+        if (!connectionId) {
+            setCustomers([]);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        supabase
+            .from("floriday_connections_cache")
+            .select("buyer_organization_id,buyer_organization_name")
+            .eq("connection_id", connectionId)
+            .eq("is_deleted", false)
+            .then(({ data, error }) => {
+            if (!mounted)
+                return;
+            if (error) {
+                setError(error.message);
+                setCustomers([]);
+                return;
+            }
+            const seen = new Set();
+            const out = [];
+            for (const row of data ?? []) {
+                const id = row.buyer_organization_id;
+                if (!id || seen.has(id))
+                    continue;
+                seen.add(id);
+                const real = (row.buyer_organization_name ?? "").trim();
+                out.push({
+                    id,
+                    name: real.length > 0 ? real : shortId(id),
+                    hasRealName: real.length > 0,
+                });
+            }
+            // Real names first (alphabetical), then fallback labels.
+            out.sort((a, b) => {
+                if (a.hasRealName !== b.hasRealName)
+                    return a.hasRealName ? -1 : 1;
+                return a.name.localeCompare(b.name);
+            });
+            setCustomers(out);
+        })
+            .then(() => mounted && setLoading(false));
+        return () => {
+            mounted = false;
+        };
+    }, [connectionId]);
+    return { customers, loading, error };
+}

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

@@ -0,0 +1,22 @@
+import type { WizardData } from "../lib/floriday-payload";
+import type { TradeItem } from "../lib/floriday-client";
+export interface LocalTradeItemRow {
+    id: string;
+    connection_id: string | null;
+    data: WizardData;
+    updated_at: string;
+    created_at: string;
+}
+export declare function useLocalTradeItems(connectionId: string | null): {
+    items: TradeItem[];
+    loading: boolean;
+    reload: () => Promise<void>;
+};
+export declare function getLocalTradeItem(id: string): Promise<LocalTradeItemRow | null>;
+export declare function upsertLocalTradeItem(params: {
+    id?: string;
+    connectionId: string;
+    data: WizardData;
+}): Promise<string>;
+export declare function deleteLocalTradeItem(id: string): Promise<void>;
+//# sourceMappingURL=useLocalTradeItems.d.ts.map

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

@@ -0,0 +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,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,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;CACpB;AAwBD,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;EA+B7D;AAED,wBAAsB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAQrF;AAED,wBAAsB,oBAAoB,CAAC,MAAM,EAAE;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;CAClB,GAAG,OAAO,CAAC,MAAM,CAAC,CA2BlB;AAED,wBAAsB,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAGpE"}

package/dist-lib/hooks/useLocalTradeItems.js

@@ -0,0 +1,100 @@
+import { useCallback, useEffect, useState } from "react";
+import { supabase } from "../integrations/supabase/client";
+function draftToTradeItem(row) {
+    const d = row.data ?? {};
+    const firstImage = Array.isArray(d.images) && d.images.length > 0 ? d.images[0] : null;
+    const imageUrl = (firstImage && (firstImage.url || firstImage.previewUrl)) ?? null;
+    return {
+        id: `local:${row.id}`,
+        localId: row.id,
+        name: d.name || d.vbnName || "(naamloos)",
+        articleNumber: d.articleCode || d.gtin || "",
+        imageUrl,
+        quantity: 0,
+        minQuantity: 0,
+        reservedQuantity: 0,
+        availableQuantity: 0,
+        incomingQuantity: 0,
+        economicQuantity: 0,
+        raw: row,
+        published: false,
+    };
+}
+export function useLocalTradeItems(connectionId) {
+    const [items, setItems] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const load = useCallback(async () => {
+        if (!connectionId) {
+            setItems([]);
+            return;
+        }
+        setLoading(true);
+        try {
+            const { data, error } = await supabase
+                .from("trade_item_drafts")
+                .select("id,connection_id,data,updated_at,created_at")
+                .eq("connection_id", connectionId)
+                .order("updated_at", { ascending: false })
+                .limit(1000);
+            if (error)
+                throw error;
+            setItems((data ?? []).map((r) => draftToTradeItem(r)));
+        }
+        catch {
+            setItems([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [connectionId]);
+    useEffect(() => {
+        load();
+    }, [load]);
+    return { items, loading, reload: load };
+}
+export async function getLocalTradeItem(id) {
+    const { data, error } = await supabase
+        .from("trade_item_drafts")
+        .select("id,connection_id,data,updated_at,created_at")
+        .eq("id", id)
+        .maybeSingle();
+    if (error)
+        throw new Error(error.message);
+    return data ?? null;
+}
+export async function upsertLocalTradeItem(params) {
+    const userRes = await supabase.auth.getUser();
+    const userId = userRes.data.user?.id;
+    if (!userId)
+        throw new Error("Niet ingelogd");
+    if (params.id) {
+        const { error } = await supabase
+            .from("trade_item_drafts")
+            .update({
+            data: params.data,
+            connection_id: params.connectionId,
+            updated_at: new Date().toISOString(),
+        })
+            .eq("id", params.id);
+        if (error)
+            throw new Error(error.message);
+        return params.id;
+    }
+    const { data, error } = await supabase
+        .from("trade_item_drafts")
+        .insert({
+        user_id: userId,
+        connection_id: params.connectionId,
+        data: params.data,
+    })
+        .select("id")
+        .single();
+    if (error)
+        throw new Error(error.message);
+    return data.id;
+}
+export async function deleteLocalTradeItem(id) {
+    const { error } = await supabase.from("trade_item_drafts").delete().eq("id", id);
+    if (error)
+        throw new Error(error.message);
+}

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

@@ -1,4 +1,9 @@
 import { type TradeItem } from "../lib/floriday-client";
+/**
+ * Reads trade items from the shared `floriday_trade_items_cache` (gepubliceerd,
+ * gevuld door de Auth-module elke 5 min) en merget lokale, niet-gepubliceerde
+ * producten uit `trade_item_drafts`.
+ */
 export declare function useVoorraadData(connectionId: string | null): {
     items: TradeItem[];
     loading: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAElE,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EA4B1D"}
+{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAG5E;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EAqD1D"}

package/dist-lib/hooks/useVoorraadData.js

@@ -1,30 +1,57 @@
 import { useCallback, useEffect, useState } from "react";
-import { floriday } from "../lib/floriday-client";
+import { supabase } from "../integrations/supabase/client";
+import { normaliseTradeItem } from "../lib/floriday-client";
+import { useLocalTradeItems } from "./useLocalTradeItems";
+/**
+ * Reads trade items from the shared `floriday_trade_items_cache` (gepubliceerd,
+ * gevuld door de Auth-module elke 5 min) en merget lokale, niet-gepubliceerde
+ * producten uit `trade_item_drafts`.
+ */
 export function useVoorraadData(connectionId) {
-    const [items, setItems] = useState([]);
+    const [publishedItems, setPublishedItems] = useState([]);
     const [loading, setLoading] = useState(false);
     const [error, setError] = useState(null);
-    const load = useCallback(async () => {
+    const { items: localItems, loading: localLoading, reload: reloadLocal, } = useLocalTradeItems(connectionId);
+    const loadPublished = useCallback(async () => {
         if (!connectionId) {
-            setItems([]);
+            setPublishedItems([]);
             return;
         }
         setLoading(true);
         setError(null);
         try {
-            const data = await floriday.listTradeItems(connectionId);
-            setItems(data);
+            const { data, error } = await supabase
+                .from("floriday_trade_items_cache")
+                .select("data,floriday_id,is_deleted")
+                .eq("connection_id", connectionId)
+                .eq("is_deleted", false)
+                .limit(1000);
+            if (error)
+                throw error;
+            const normalised = (data ?? [])
+                .map((row) => normaliseTradeItem({ ...row.data, id: row.floriday_id }))
+                .filter((i) => i.id)
+                .map((i) => ({ ...i, published: true }));
+            setPublishedItems(normalised);
         }
         catch (e) {
             setError(e.message);
-            setItems([]);
+            setPublishedItems([]);
         }
         finally {
             setLoading(false);
         }
     }, [connectionId]);
     useEffect(() => {
-        load();
-    }, [load]);
-    return { items, loading, error, reload: load };
+        loadPublished();
+    }, [loadPublished]);
+    const reload = useCallback(async () => {
+        await Promise.all([loadPublished(), reloadLocal()]);
+    }, [loadPublished, reloadLocal]);
+    return {
+        items: [...localItems, ...publishedItems],
+        loading: loading || localLoading,
+        error,
+        reload,
+    };
 }

package/dist-lib/index.d.ts

@@ -1,5 +1,5 @@
 import type { FlowModule } from "@flowselections/core";
 export * from './_core-safelist';
 export { VoorraadPage } from './components/voorraad/VoorraadPage';
-export declare const myModule: FlowModule;
+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;AAIlE,eAAO,MAAM,QAAQ,EAAE,UAYtB,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;AAIlE,eAAO,MAAM,sBAAsB,EAAE,UAYpC,CAAC"}

package/dist-lib/index.js

@@ -5,7 +5,7 @@ import { Package } from "lucide-react";
 export * from './_core-safelist';
 export { VoorraadPage } from './components/voorraad/VoorraadPage';
 import { VoorraadSettingsCard } from "./components/settings/VoorraadSettingsCard";
-export const myModule = {
+export const floridayVoorraadModule = {
     id: "voorraad",
     name: "Voorraad",
     version: "1.0.0",