@flowselections/floriday-voorraad 1.0.0

package/dist-lib/_core-safelist.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_core-safelist.d.ts.map

package/dist-lib/_core-safelist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_core-safelist.d.ts","sourceRoot":"","sources":["../src/_core-safelist.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,CAAC"}

package/dist-lib/_core-safelist.js

@@ -0,0 +1,15 @@
+// Forceert Tailwind classes die uit @flowselections/core komen maar niet
+// voorkomen in de eigen broncode van deze module.
+// Zonder dit bestand worden deze classes weggeoptimaliseerd op de
+// Lovable productie build.
+const _safelist = [
+    // Layout — Sidebar en shell structuur
+    'h-full', 'flex-col', 'flex-1', 'min-h-screen', 'ml-64', 'pt-16',
+    'items-start', 'items-center', 'justify-between', 'border-t',
+    'w-64', 'h-screen', 'h-20', 'overflow-y-auto',
+    // Grid — InstellingenPage
+    'grid', 'lg:grid-cols-2', 'gap-6', 'p-6', 'space-y-6',
+    // Toggle/Switch — aan/uit zichtbaarheid
+    'data-[state=checked]:bg-primary', 'data-[state=unchecked]:bg-input',
+];
+export {};

package/dist-lib/components/TemplatePage.d.ts

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

package/dist-lib/components/TemplatePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatePage.d.ts","sourceRoot":"","sources":["../../src/components/TemplatePage.tsx"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,4CAS3B"}

package/dist-lib/components/TemplatePage.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TemplatePage() {
+    return (_jsxs("div", { className: "p-6", children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Module pagina" }), _jsx("p", { className: "text-muted-foreground mt-2", children: "Vervang dit component met de pagina's van jouw module." })] }));
+}

package/dist-lib/components/settings/VoorraadSettingsCard.d.ts

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

package/dist-lib/components/settings/VoorraadSettingsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/VoorraadSettingsCard.tsx"],"names":[],"mappings":"AAeA,wBAAgB,oBAAoB,4CA8DnC"}

package/dist-lib/components/settings/VoorraadSettingsCard.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, supabase, toast, } from "@flowselections/core";
+import { Package } from "lucide-react";
+export function VoorraadSettingsCard() {
+    const [lowStockThreshold, setLowStockThreshold] = useState("");
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        (async () => {
+            try {
+                const { data } = await supabase
+                    .from("inventory_settings")
+                    .select("*")
+                    .limit(1)
+                    .maybeSingle();
+                if (data && "low_stock_threshold" in data) {
+                    setLowStockThreshold(String(data.low_stock_threshold ?? ""));
+                }
+            }
+            finally {
+                setLoading(false);
+            }
+        })();
+    }, []);
+    const handleSave = async () => {
+        setSaving(true);
+        try {
+            toast.success("Instellingen opgeslagen");
+        }
+        catch {
+            toast.error("Fout bij het opslaan");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Package, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Voorraad Instellingen" })] }), _jsx(CardDescription, { children: "Beheer drempelwaarden en standaarden voor de voorraad module" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "threshold", children: "Lage-voorraad drempel" }), _jsx(Input, { id: "threshold", type: "number", value: lowStockThreshold, onChange: (e) => setLowStockThreshold(e.target.value), placeholder: "bv. 10", disabled: loading })] }), _jsx(Button, { onClick: handleSave, disabled: saving || loading, children: saving ? "Opslaan..." : "Opslaan" })] })] }));
+}

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

@@ -0,0 +1,8 @@
+import type { FloridayConnection } from "@/lib/floriday-client";
+export declare function ConnectionPicker({ connections, activeId, onChange, disabled, }: {
+    connections: FloridayConnection[];
+    activeId: string | null;
+    onChange: (id: string) => void;
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConnectionPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionPicker.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ConnectionPicker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,WAAW,EAAE,kBAAkB,EAAE,CAAC;IAClC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAsBA"}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+export function ConnectionPicker({ connections, activeId, onChange, disabled, }) {
+    if (connections.length === 0) {
+        return (_jsx("div", { className: "text-sm text-muted-foreground", children: "Geen actieve Floriday-connecties" }));
+    }
+    return (_jsxs(Select, { value: activeId ?? undefined, onValueChange: onChange, disabled: disabled, children: [_jsx(SelectTrigger, { className: "w-[260px]", children: _jsx(SelectValue, { placeholder: "Kies Floriday-connectie" }) }), _jsx(SelectContent, { children: connections.map((c) => (_jsx(SelectItem, { value: c.id, children: c.organization_name || c.label }, c.id))) })] }));
+}

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

@@ -0,0 +1,6 @@
+import type { TradeItem } from "@/lib/floriday-client";
+export declare function ExcelExportButton({ items, filename, }: {
+    items: TradeItem[];
+    filename?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExcelExportButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExcelExportButton.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ExcelExportButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAqB,GACtB,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,2CAyBA"}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as XLSX from "xlsx";
+import { Button } from "@flowselections/core";
+import { Download } from "lucide-react";
+export function ExcelExportButton({ items, filename = "voorraad", }) {
+    const handle = () => {
+        const rows = items.map((i) => ({
+            Artikelnummer: i.articleNumber,
+            Productnaam: i.name,
+            "Liggende voorraad": i.quantity,
+            Minimum: i.minQuantity,
+            Gereserveerd: i.reservedQuantity,
+            Beschikbaar: i.availableQuantity,
+            Inkomend: i.incomingQuantity,
+            Economisch: i.economicQuantity,
+        }));
+        const ws = XLSX.utils.json_to_sheet(rows);
+        const wb = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(wb, ws, "Voorraad");
+        const stamp = new Date().toISOString().slice(0, 10);
+        XLSX.writeFile(wb, `${filename}-${stamp}.xlsx`);
+    };
+    return (_jsxs(Button, { variant: "outline", onClick: handle, disabled: items.length === 0, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), "Excel export"] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAWvD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,2CAoEA"}

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Package } from "lucide-react";
+const columns = [
+    { key: "quantity", label: "Liggend" },
+    { key: "minQuantity", label: "Minimum" },
+    { key: "reservedQuantity", label: "Gereserveerd" },
+    { key: "availableQuantity", label: "Beschikbaar" },
+    { key: "incomingQuantity", label: "Inkomend" },
+    { key: "economicQuantity", label: "Economisch" },
+];
+export function VoorraadTable({ items, loading, }) {
+    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: "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));
+                    }) })] }) }));
+}

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

@@ -0,0 +1,9 @@
+export declare function useFloridayConnection(): {
+    connections: FloridayConnection[];
+    activeId: string | null;
+    setActiveId: (id: string) => void;
+    activeConnection: any;
+    loading: boolean;
+    error: string | null;
+};
+//# sourceMappingURL=useFloridayConnection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFloridayConnection.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloridayConnection.ts"],"names":[],"mappings":"AAKA,wBAAgB,qBAAqB;;;sBAyBV,MAAM;;;;EAahC"}

package/dist-lib/hooks/useFloridayConnection.js

@@ -0,0 +1,40 @@
+import { useEffect, useState } from "react";
+import { floriday } from "@/lib/floriday-client";
+const STORAGE_KEY = "voorraad.activeFloridayConnection";
+export function useFloridayConnection() {
+    const [connections, setConnections] = useState([]);
+    const [activeId, setActiveIdState] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let mounted = true;
+        floriday
+            .listConnections()
+            .then((rows) => {
+            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));
+        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,
+        loading,
+        error,
+    };
+}

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

@@ -0,0 +1,7 @@
+export declare function useVoorraadData(connectionId: string | null): {
+    items: TradeItem[];
+    loading: boolean;
+    error: string | null;
+    reload: () => Promise<void>;
+};
+//# sourceMappingURL=useVoorraadData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AAGA,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EA4B1D"}

package/dist-lib/hooks/useVoorraadData.js

@@ -0,0 +1,30 @@
+import { useCallback, useEffect, useState } from "react";
+import { floriday } from "@/lib/floriday-client";
+export function useVoorraadData(connectionId) {
+    const [items, setItems] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const load = useCallback(async () => {
+        if (!connectionId) {
+            setItems([]);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const data = await floriday.listTradeItems(connectionId);
+            setItems(data);
+        }
+        catch (e) {
+            setError(e.message);
+            setItems([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [connectionId]);
+    useEffect(() => {
+        load();
+    }, [load]);
+    return { items, loading, error, reload: load };
+}

package/dist-lib/index.d.ts

@@ -0,0 +1,5 @@
+import type { FlowModule } from "@flowselections/core";
+export * from './_core-safelist';
+export * from './components/TemplatePage';
+export declare const myModule: FlowModule;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,cAAc,2BAA2B,CAAC;AAI1C,eAAO,MAAM,QAAQ,EAAE,UAYtB,CAAC"}

package/dist-lib/index.js

@@ -0,0 +1,20 @@
+// ============================================================================
+// src/index.ts — MODULE CONTRACT (Voorraad)
+// ============================================================================
+import { Package } from "lucide-react";
+export * from './_core-safelist';
+export * from './components/TemplatePage';
+import { VoorraadSettingsCard } from "./components/settings/VoorraadSettingsCard";
+export const myModule = {
+    id: "voorraad",
+    name: "Voorraad",
+    version: "1.0.0",
+    nav: {
+        label: "Voorraad",
+        href: "/voorraad",
+        icon: Package,
+    },
+    settingsCards: [
+        { component: VoorraadSettingsCard, order: 10 },
+    ],
+};

package/dist-lib/integrations/supabase/auth-attacher.d.ts

@@ -0,0 +1,2 @@
+export declare const attachSupabaseAuth: import("@tanstack/start-client-core").FunctionMiddlewareAfterClient<{}, unknown, undefined, undefined, undefined>;
+//# sourceMappingURL=auth-attacher.d.ts.map

package/dist-lib/integrations/supabase/auth-attacher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-attacher.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/auth-attacher.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,mHAQ9B,CAAA"}

package/dist-lib/integrations/supabase/auth-attacher.js

@@ -0,0 +1,12 @@
+// This file is automatically generated. Do not edit it directly.
+import { createMiddleware } from '@tanstack/react-start';
+import { supabase } from './client';
+// Must be registered as a global `functionMiddleware` in `src/start.ts`; otherwise
+// the browser never attaches the bearer token to serverFn RPCs.
+export const attachSupabaseAuth = createMiddleware({ type: 'function' }).client(async ({ next }) => {
+    const { data } = await supabase.auth.getSession();
+    const token = data.session?.access_token;
+    return next({
+        headers: token ? { Authorization: `Bearer ${token}` } : {},
+    });
+});