@flowselections/floriday-voorraad 1.0.13 → 1.0.15

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

@@ -1,31 +1,90 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { Link } from "@tanstack/react-router";
-import { Button, Card, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
-import { Plus, RefreshCw, Search } from "lucide-react";
+import { Button, Card, Input } from "@flowselections/core";
+import { AlertTriangle, CheckCircle2, FileText, PackageX, Plus, Search, } from "lucide-react";
 import { useFloridayConnection } from "../../hooks/useFloridayConnection";
 import { useVoorraadData } from "../../hooks/useVoorraadData";
-import { ConnectionBadge } from "./ConnectionBadge";
 import { ExcelExportButton } from "./ExcelExportButton";
+import { StockBulkButtons } from "./StockBulkButtons";
 import { VoorraadTable } from "./VoorraadTable";
+import { VoorraadPagination } from "./VoorraadPagination";
+function toneClasses(tone) {
+    switch (tone) {
+        case "emerald":
+            return { icon: "bg-emerald-100 text-emerald-700", value: "text-foreground" };
+        case "rose":
+            return { icon: "bg-rose-100 text-rose-700", value: "text-foreground" };
+        case "amber":
+            return { icon: "bg-amber-100 text-amber-700", value: "text-foreground" };
+        case "primary":
+        default:
+            return { icon: "bg-primary/10 text-primary", value: "text-foreground" };
+    }
+}
+function KpiCard({ icon, label, count, tone, active, onClick, }) {
+    const cls = toneClasses(tone);
+    return (_jsxs("button", { type: "button", onClick: onClick, className: `text-left rounded-lg border bg-card p-4 transition-colors hover:border-primary/50 ${active ? "border-primary ring-1 ring-primary" : "border-border"}`, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `inline-flex h-8 w-8 items-center justify-center rounded-md ${cls.icon}`, children: icon }), _jsx("span", { className: "text-sm font-medium text-foreground", children: label })] }), _jsx("div", { className: `mt-3 text-3xl font-bold tabular-nums ${cls.value}`, children: count })] }));
+}
+function availableOf(i) {
+    return i.availableQuantity ?? i.quantity ?? 0;
+}
 export function VoorraadPage() {
-    const { activeConnection, activeId, loading: connLoading, error: connError, } = useFloridayConnection();
+    const { activeId, error: connError } = useFloridayConnection();
     const { items, loading, error, reload } = useVoorraadData(activeId);
     const [search, setSearch] = useState("");
-    const [publishFilter, setPublishFilter] = useState("all");
+    const [stockFilter, setStockFilter] = useState("all");
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(25);
+    const counts = useMemo(() => {
+        let inStock = 0;
+        let outOfStock = 0;
+        let belowMin = 0;
+        for (const i of items) {
+            const avail = availableOf(i);
+            if (avail > 0)
+                inStock++;
+            else
+                outOfStock++;
+            if ((i.minQuantity ?? 0) > 0 && avail < i.minQuantity)
+                belowMin++;
+        }
+        return { total: items.length, inStock, outOfStock, belowMin };
+    }, [items]);
     const filtered = useMemo(() => {
         const q = search.trim().toLowerCase();
         return items.filter((i) => {
-            if (publishFilter === "published" && !i.published)
+            const avail = availableOf(i);
+            if (stockFilter === "in_stock" && avail <= 0)
+                return false;
+            if (stockFilter === "out_of_stock" && avail > 0)
                 return false;
-            if (publishFilter === "local" && i.published)
+            if (stockFilter === "below_min" &&
+                !((i.minQuantity ?? 0) > 0 && avail < i.minQuantity))
                 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 })] })] }));
+    }, [items, search, stockFilter]);
+    const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
+    useEffect(() => {
+        if (page > totalPages)
+            setPage(1);
+    }, [page, totalPages]);
+    const paged = useMemo(() => filtered.slice((page - 1) * pageSize, page * pageSize), [filtered, page, pageSize]);
+    const toggle = (id) => setStockFilter((cur) => (cur === id && id !== "all" ? "all" : id));
+    const TABS = [
+        { id: "all", label: "Alle", count: counts.total },
+        { id: "in_stock", label: "Op voorraad", count: counts.inStock },
+        { id: "out_of_stock", label: "Niet op voorraad", count: counts.outOfStock },
+        { id: "below_min", label: "Onder minimum", count: counts.belowMin },
+    ];
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("header", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight truncate", children: "Voorraad" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Beheer je artikelen en voorraadniveaus." })] }), _jsx(Button, { asChild: true, disabled: !activeId, size: "sm", className: "shrink-0", children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] }), connError && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Floriday-connectie laden mislukt: ", connError] })), error && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Voorraad laden mislukt: ", error] })), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4", children: [_jsx(KpiCard, { icon: _jsx(FileText, { className: "h-4 w-4" }), tone: "primary", label: "Artikelen", count: counts.total, active: stockFilter === "all", onClick: () => toggle("all") }), _jsx(KpiCard, { icon: _jsx(CheckCircle2, { className: "h-4 w-4" }), tone: "emerald", label: "Op voorraad", count: counts.inStock, active: stockFilter === "in_stock", onClick: () => toggle("in_stock") }), _jsx(KpiCard, { icon: _jsx(PackageX, { className: "h-4 w-4" }), tone: "rose", label: "Niet op voorraad", count: counts.outOfStock, active: stockFilter === "out_of_stock", onClick: () => toggle("out_of_stock") }), _jsx(KpiCard, { icon: _jsx(AlertTriangle, { className: "h-4 w-4" }), tone: "amber", label: "Onder minimum", count: counts.belowMin, active: stockFilter === "below_min", onClick: () => toggle("below_min") })] }), _jsxs(Card, { className: "overflow-hidden p-0", children: [_jsx("div", { className: "flex flex-wrap items-center gap-1 border-b px-4", children: TABS.map((t) => {
+                            const active = stockFilter === t.id;
+                            return (_jsxs("button", { type: "button", onClick: () => setStockFilter(t.id), className: `relative py-3 px-3 text-sm font-medium whitespace-nowrap transition-colors ${active
+                                    ? "text-foreground"
+                                    : "text-muted-foreground hover:text-foreground"}`, children: [t.label, _jsx("span", { className: `ml-2 text-xs ${active ? "text-primary" : "text-muted-foreground/70"}`, children: t.count }), active && (_jsx("span", { className: "absolute left-2 right-2 -bottom-px h-0.5 bg-primary rounded-full" }))] }, t.id));
+                        }) }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 p-4 border-b", children: [_jsxs("div", { className: "relative flex-1 min-w-[220px] max-w-md", children: [_jsx(Search, { className: "w-4 h-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op product of artikelnummer...", className: "pl-9", value: search, onChange: (e) => setSearch(e.target.value) })] }), _jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [_jsx(ExcelExportButton, { items: filtered }), _jsx(StockBulkButtons, { items: items, activeConnectionId: activeId, onImported: reload })] })] }), _jsx("div", { className: "overflow-x-auto", children: _jsx(VoorraadTable, { items: paged, loading: loading }) }), _jsx(VoorraadPagination, { total: filtered.length, page: page, pageSize: pageSize, onPageChange: setPage, onPageSizeChange: setPageSize })] })] }));
 }

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

@@ -0,0 +1,10 @@
+export interface VoorraadPaginationProps {
+    total: number;
+    page: number;
+    pageSize: number;
+    pageSizeOptions?: number[];
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+}
+export declare function VoorraadPagination({ total, page, pageSize, pageSizeOptions, onPageChange, onPageSizeChange, }: VoorraadPaginationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VoorraadPagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadPagination.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPagination.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,eAAmC,EACnC,YAAY,EACZ,gBAAgB,GACjB,EAAE,uBAAuB,2CAuDzB"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+export function VoorraadPagination({ total, page, pageSize, pageSizeOptions = [10, 25, 50, 100], onPageChange, onPageSizeChange, }) {
+    const totalPages = Math.max(1, Math.ceil(total / pageSize));
+    const safePage = Math.min(Math.max(1, page), totalPages);
+    const from = total === 0 ? 0 : (safePage - 1) * pageSize + 1;
+    const to = Math.min(total, safePage * pageSize);
+    return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t px-4 py-2 text-sm text-muted-foreground", children: [_jsx("div", { children: total === 0 ? "0 van 0" : `${from}–${to} van ${total}` }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { children: "Per pagina" }), _jsxs(Select, { value: String(pageSize), onValueChange: (v) => {
+                                    onPageSizeChange(Number(v));
+                                    onPageChange(1);
+                                }, children: [_jsx(SelectTrigger, { className: "h-8 w-[72px]", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: pageSizeOptions.map((opt) => (_jsx(SelectItem, { value: String(opt), children: opt }, opt))) })] })] }), _jsx(Button, { variant: "outline", size: "sm", disabled: safePage <= 1, onClick: () => onPageChange(safePage - 1), children: "Vorige" }), _jsxs("span", { className: "tabular-nums", children: [safePage, " / ", totalPages] }), _jsx(Button, { variant: "outline", size: "sm", disabled: safePage >= totalPages, onClick: () => onPageChange(safePage + 1), children: "Volgende" })] })] }));
+}

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

@@ -0,0 +1,8 @@
+interface Props {
+    connectionId: string | null;
+    tradeItemId?: string | null;
+    draftId?: string | null;
+}
+export declare function VoorraadStockCard({ connectionId, tradeItemId, draftId }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VoorraadStockCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadStockCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadStockCard.tsx"],"names":[],"mappings":"AAaA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,KAAK,2CAoG9E"}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, Card, CardContent, Input, Label, Textarea, toast, } from "@flowselections/core";
+import { Loader2, Package, Check } from "lucide-react";
+import { useTradeItemStock, stockKeyFor } from "../../hooks/useTradeItemStock";
+export function VoorraadStockCard({ connectionId, tradeItemId, draftId }) {
+    const key = stockKeyFor({ tradeItemId, draftId });
+    const { row, loading, save } = useTradeItemStock(connectionId, key);
+    const [values, setValues] = useState(row);
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        setValues(row);
+    }, [row.updated_at, row.physical_stock, row.minimum_stock, row.reserved_stock, row.incoming_stock, row.notes]);
+    if (!key) {
+        return (_jsx(Card, { className: "p-4 text-sm text-muted-foreground", children: "Voorraad kan pas worden ingesteld nadat het artikel voor het eerst is opgeslagen." }));
+    }
+    const available = Math.max(0, values.physical_stock - values.reserved_stock);
+    const handleSave = async () => {
+        setSaving(true);
+        try {
+            await save(values);
+            toast.success("Voorraad bijgewerkt");
+        }
+        catch (e) {
+            toast.error(`Opslaan mislukt: ${e.message}`);
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const numField = (id, label) => (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: id, children: label }), _jsx(Input, { id: id, type: "number", min: 0, value: String(values[id] ?? 0), onChange: (e) => setValues((v) => ({ ...v, [id]: Number(e.target.value) || 0 })) })] }));
+    return (_jsxs(Card, { children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 px-6 py-4", children: [_jsx("span", { className: "flex h-7 w-7 items-center justify-center rounded-full border border-primary/40 bg-primary/10 text-primary", children: _jsx(Package, { className: "h-4 w-4" }) }), _jsx("span", { className: "font-medium", children: "Voorraad" }), _jsxs("span", { className: "text-xs text-muted-foreground", children: ["Beschikbaar: ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: available })] })] }), _jsx(CardContent, { className: "pt-0 space-y-4", children: loading ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Voorraad laden\u2026"] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-4", children: [numField("physical_stock", "Liggend"), numField("minimum_stock", "Minimum"), numField("reserved_stock", "Gereserveerd"), numField("incoming_stock", "Inkomend")] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "stock-notes", children: "Notitie (optioneel)" }), _jsx(Textarea, { id: "stock-notes", rows: 2, value: values.notes ?? "", onChange: (e) => setValues((v) => ({ ...v, notes: e.target.value })), placeholder: "Bijv. locatie of opmerking" })] }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { onClick: handleSave, disabled: saving, children: [saving ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), "Voorraad opslaan"] }) })] })) })] }));
+}

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;AAW3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,2CAqGA"}
+{"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,2CA8GA"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link } from "@tanstack/react-router";
+import { useNavigate } from "@tanstack/react-router";
 import { Badge } from "@flowselections/core";
 import { Package } from "lucide-react";
 const columns = [
@@ -11,6 +11,7 @@ const columns = [
     { key: "economicQuantity", label: "Economisch" },
 ];
 export function VoorraadTable({ items, loading, }) {
+    const navigate = useNavigate();
     if (loading) {
         return _jsx("p", { className: "text-sm text-muted-foreground p-6", children: "Voorraad laden..." });
     }
@@ -22,9 +23,19 @@ export function VoorraadTable({ items, loading, }) {
                         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));
+                        const linkId = isLocal ? item.localId : item.id;
+                        const clickable = Boolean(linkId);
+                        const open = () => {
+                            if (linkId)
+                                navigate({ to: "/voorraad/$id", params: { id: linkId } });
+                        };
+                        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: [_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: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "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" }))] }), 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: Number(item[c.key] ?? 0) }, c.key)))] }, item.id));
                     }) })] }) }));
 }

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

@@ -0,0 +1,55 @@
+export interface FloridaySchemaField {
+    name: string;
+    type: string;
+    required?: boolean;
+    enum?: string[];
+    description?: string;
+    minLength?: number;
+    maxLength?: number;
+    minimum?: number;
+    maximum?: number;
+    pattern?: string;
+    nullable?: boolean;
+}
+export interface FloridaySchema {
+    ok: boolean;
+    resource: string;
+    version: string;
+    requiredFields: string[];
+    fields: FloridaySchemaField[];
+    enums?: Record<string, string[]>;
+    schema?: unknown;
+    /** §15.2 — code-lists die in dezelfde call zijn meegeleverd. */
+    codeLists?: Record<string, Array<{
+        code: string;
+        label?: string | null;
+        description?: string | null;
+        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<{
+    ok: boolean;
+    listName: string;
+    values: {
+        code: string;
+        description?: string;
+    }[];
+}, Error>;
+import type { GatewayEntity } from "../lib/floriday-gateway-entities";
+export declare function useCachedList(entity: GatewayEntity | null | undefined, limit?: number): import("@tanstack/react-query").UseQueryResult<{
+    ok: boolean;
+    entity: string;
+    rows: {
+        id: string;
+        data: Record<string, any>;
+    }[];
+}, Error>;
+/**
+ * Invalideert alle floriday-* queries wanneer de actieve connectie
+ * (en dus mogelijk de environment) wijzigt. Voorkomt cache-bleed
+ * tussen staging en live bij een toekomstige switcher.
+ */
+export declare function useInvalidateFloridayOnConnectionChange(): void;
+//# sourceMappingURL=useFloriday.d.ts.map

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

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

package/dist-lib/hooks/useFloriday.js

@@ -0,0 +1,298 @@
+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";
+function isRecord(value) {
+    return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function arrayFromCodeListValue(value) {
+    if (Array.isArray(value))
+        return value;
+    if (!isRecord(value))
+        return [];
+    const candidates = [
+        value.values,
+        value.items,
+        value.rows,
+        value.data,
+        value.payload,
+        value.entries,
+    ];
+    for (const c of candidates) {
+        if (Array.isArray(c))
+            return c;
+    }
+    // Sommige gateway-implementaties geven een codelijst als dictionary terug:
+    // { "S62": { description: "..." }, "S98": "..." }. Maak daar alsnog
+    // entries van. Een object dat zelf één entry is (heeft code/id/value) laten
+    // we ongemoeid om dubbele parsing te voorkomen.
+    if (value.code != null || value.id != null || value.value != null)
+        return [value];
+    return Object.entries(value).map(([code, entry]) => isRecord(entry) ? { code, ...entry } : { code, label: entry });
+}
+function canonicalCodeListName(name) {
+    const kebab = name
+        .trim()
+        .replace(/_/g, "-")
+        .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
+        .toLowerCase();
+    const aliases = {
+        vbnproductgroup: "vbn-product-group",
+        "vbn-productgroup": "vbn-product-group",
+        "vbn-product-groups": "vbn-product-group",
+        characteristics: "characteristic",
+        "characteristic-type": "characteristic",
+        "characteristic-types": "characteristic",
+        packagingtype: "packaging-type",
+        countryoforigin: "country-of-origin",
+        lengthunit: "length-unit",
+    };
+    return aliases[kebab] ?? aliases[kebab.replace(/-/g, "")] ?? kebab;
+}
+function pickCode(value) {
+    if (!isRecord(value))
+        return String(value ?? "").trim();
+    const payload = isRecord(value.payload) ? value.payload : isRecord(value.data) ? value.data : undefined;
+    const raw = value.code ??
+        value.id ??
+        value.value ??
+        value.vbnProductCode ??
+        value.productCode ??
+        value.vbnCode ??
+        value.record_id ??
+        payload?.code ??
+        payload?.id ??
+        payload?.vbnProductCode ??
+        payload?.productCode ??
+        payload?.vbnCode ??
+        payload?.record_id;
+    return String(raw ?? "").trim();
+}
+function pickLabel(value, code) {
+    if (!isRecord(value))
+        return code || String(value ?? "").trim() || null;
+    const payload = isRecord(value.payload) ? value.payload : isRecord(value.data) ? value.data : undefined;
+    const raw = value.label ??
+        value.description ??
+        value.name ??
+        value.displayName ??
+        value.title ??
+        payload?.label ??
+        payload?.description ??
+        payload?.name ??
+        payload?.displayName ??
+        payload?.title;
+    return raw == null ? (code || null) : String(raw);
+}
+function normalizeCodeListEntries(value) {
+    return arrayFromCodeListValue(value)
+        .map((entry) => {
+        const code = pickCode(entry);
+        if (!code)
+            return null;
+        const label = pickLabel(entry, code);
+        const payload = isRecord(entry)
+            ? entry.payload ?? entry.data ?? entry
+            : entry;
+        return { code, label, description: label, payload };
+    })
+        .filter(Boolean);
+}
+function normalizeCodeLists(raw) {
+    const root = isRecord(raw) ? raw : {};
+    const data = isRecord(root.data) ? root.data : undefined;
+    const payload = isRecord(root.payload) ? root.payload : undefined;
+    const result = isRecord(root.result) ? root.result : undefined;
+    const included = isRecord(root.included) ? root.included : undefined;
+    const containers = [
+        root.codeLists,
+        root.code_lists,
+        root.includedCodeLists,
+        root.included_code_lists,
+        data?.codeLists,
+        data?.code_lists,
+        data?.includedCodeLists,
+        data?.included_code_lists,
+        isRecord(data?.payload) ? data?.payload?.codeLists ?? data?.payload?.code_lists : undefined,
+        payload?.codeLists,
+        payload?.code_lists,
+        result?.codeLists,
+        result?.code_lists,
+        included?.codeLists,
+        included?.code_lists,
+    ];
+    const out = {};
+    for (const container of containers) {
+        if (Array.isArray(container)) {
+            for (const list of container) {
+                if (!isRecord(list))
+                    continue;
+                const name = canonicalCodeListName(String(list.name ?? list.listName ?? list.key ?? list.resource ?? ""));
+                if (!name)
+                    continue;
+                const entries = normalizeCodeListEntries(list.values ?? list.items ?? list.rows ?? list.data ?? list.payload);
+                if (entries.length)
+                    out[name] = entries;
+            }
+            continue;
+        }
+        if (!isRecord(container))
+            continue;
+        for (const [name, value] of Object.entries(container)) {
+            const canonicalName = canonicalCodeListName(name);
+            const entries = normalizeCodeListEntries(value);
+            if (entries.length)
+                out[canonicalName] = entries;
+        }
+    }
+    return Object.keys(out).length ? out : undefined;
+}
+function normalizeSchemaResponse(raw) {
+    const root = isRecord(raw) ? raw : {};
+    const data = isRecord(root.data) ? root.data : undefined;
+    const payload = isRecord(root.payload) ? root.payload : undefined;
+    const source = data && (data.fields || data.requiredFields || data.schema || data.enums || data.codeLists || data.code_lists)
+        ? data
+        : payload && (payload.fields || payload.requiredFields || payload.schema || payload.enums || payload.codeLists || payload.code_lists)
+            ? payload
+            : root;
+    const rawSchema = source.schema ?? source.jsonSchema ?? source.openApiSchema ?? source.swaggerSchema;
+    const codeLists = normalizeCodeLists(raw);
+    return {
+        ...source,
+        ok: Boolean(root.ok ?? source.ok),
+        resource: String(source.resource ?? root.resource ?? "trade-item"),
+        version: String(source.version ?? root.version ?? ""),
+        requiredFields: Array.isArray(source.requiredFields)
+            ? source.requiredFields.map(String)
+            : Array.isArray(source.required)
+                ? source.required.map(String)
+                : [],
+        fields: Array.isArray(source.fields) ? source.fields : [],
+        enums: isRecord(source.enums) ? source.enums : undefined,
+        schema: rawSchema,
+        codeLists,
+    };
+}
+/**
+ * Cache-segment per environment zodat een latere live/staging-switch geen
+ * stale data uit de andere environment toont. De server resolved de echte
+ * environment uit de actieve connectie; deze key is puur voor de query-cache.
+ */
+function useEnvKey() {
+    const { environment } = useFloridayConnection();
+    try {
+        return environment ? normalizeFloridayEnvironment(environment) : "unknown";
+    }
+    catch {
+        return "unknown";
+    }
+}
+export function useFloridaySchema(resource, params) {
+    const envKey = useEnvKey();
+    const paramsKey = params ? JSON.stringify(params) : "";
+    const q = useQuery({
+        queryKey: ["floriday-schema", resource, paramsKey, envKey],
+        queryFn: async () => (await gatewaySchemaFn({
+            data: { resource, ...(params ?? {}) },
+        })),
+        staleTime: 60 * 60 * 1000,
+    });
+    useEffect(() => {
+        if (!q.data?.requiredFields)
+            return;
+        const missing = unmappedRequiredFields(q.data.requiredFields);
+        if (missing.length && import.meta.env.DEV) {
+            console.warn(`[floriday-schema] ${resource}: required fields zonder step-mapping:`, missing);
+        }
+    }, [q.data?.requiredFields, resource]);
+    return q;
+}
+/**
+ * §15.2 — één HMAC-call die het `trade-item`-schema én alle voor het
+ * "Nieuw artikel"-formulier benodigde code-lists meelevert. Vervangt een
+ * losse `useFloridaySchema("trade-item")` + meerdere `useCodeList(...)`
+ * round-trips bij wizard-open.
+ *
+ * Fail-closed: gooit als de gateway geen `ok: true` teruggeeft.
+ */
+const TRADE_ITEM_INCLUDE_CODE_LISTS = [
+    "vbn-product-group",
+    "vbn-product-code",
+    "vbn-characteristic",
+    "vbn-characteristic-value",
+    "characteristic",
+    "packaging-type",
+    "country-of-origin",
+    "length-unit",
+];
+export function useTradeItemFormSchema() {
+    const envKey = useEnvKey();
+    const q = useQuery({
+        queryKey: ["floriday-trade-item-schema", envKey],
+        queryFn: async () => {
+            const raw = await gatewaySchemaFn({
+                data: {
+                    resource: "trade-item",
+                    environment: envKey === "live" ? "live" : "staging",
+                    includeCodeLists: [...TRADE_ITEM_INCLUDE_CODE_LISTS],
+                },
+            });
+            const res = normalizeSchemaResponse(raw);
+            if (!res || res.ok !== true) {
+                throw new Error(res?.error ??
+                    "Floriday trade-item schema niet beschikbaar (gateway gaf geen ok=true terug)");
+            }
+            const vbnList = res.codeLists?.["vbn-product-group"] ?? [];
+            if (vbnList.length === 0) {
+                throw new Error("Floriday schema-call is incompleet: codeLists['vbn-product-group'] ontbreekt. Daardoor kunnen VBN-specifieke karakteristieken niet betrouwbaar worden bepaald.");
+            }
+            return res;
+        },
+        staleTime: 60 * 60 * 1000,
+    });
+    useEffect(() => {
+        if (!q.data?.requiredFields)
+            return;
+        const missing = unmappedRequiredFields(q.data.requiredFields);
+        if (missing.length && import.meta.env.DEV) {
+            console.warn(`[floriday-schema] trade-item: required fields zonder step-mapping:`, missing);
+        }
+    }, [q.data?.requiredFields]);
+    return q;
+}
+export function useCodeList(listName) {
+    const envKey = useEnvKey();
+    return useQuery({
+        queryKey: ["floriday-code-list", listName ?? "", envKey],
+        queryFn: async () => (await gatewayCodeListFn({ data: { listName: listName } })),
+        staleTime: 60 * 60 * 1000,
+        enabled: Boolean(listName),
+    });
+}
+export function useCachedList(entity, limit = 1000) {
+    const envKey = useEnvKey();
+    return useQuery({
+        queryKey: ["floriday-cached-list", entity ?? "", limit, envKey],
+        queryFn: async () => (await gatewayCachedListFn({ data: { entity: entity, limit } })),
+        staleTime: 5 * 60 * 1000,
+        enabled: Boolean(entity),
+    });
+}
+/**
+ * Invalideert alle floriday-* queries wanneer de actieve connectie
+ * (en dus mogelijk de environment) wijzigt. Voorkomt cache-bleed
+ * tussen staging en live bij een toekomstige switcher.
+ */
+export function useInvalidateFloridayOnConnectionChange() {
+    const { activeId, environment } = useFloridayConnection();
+    const qc = useQueryClient();
+    useEffect(() => {
+        qc.invalidateQueries({ queryKey: ["floriday-cached-list"] });
+        qc.invalidateQueries({ queryKey: ["floriday-code-list"] });
+        qc.invalidateQueries({ queryKey: ["floriday-schema"] });
+        qc.invalidateQueries({ queryKey: ["floriday-trade-item-schema"] });
+    }, [activeId, environment, qc]);
+}

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

@@ -1,11 +1,17 @@
 import type { WizardData } from "../lib/floriday-payload";
-import type { TradeItem } from "../lib/floriday-client";
+import type { FloridayLinkStatus, TradeItem } from "../lib/floriday-client";
 export interface LocalTradeItemRow {
     id: string;
     connection_id: string | null;
     data: WizardData;
     updated_at: string;
     created_at: string;
+    floriday_link_status?: FloridayLinkStatus;
+    floriday_id?: string | null;
+    floriday_link_error?: string | null;
+    missing_required_fields?: string[] | null;
+    last_floriday_sync_at?: string | null;
+    source?: string | null;
 }
 export declare function useLocalTradeItems(connectionId: string | null): {
     items: TradeItem[];
@@ -13,10 +19,20 @@ export declare function useLocalTradeItems(connectionId: string | null): {
     reload: () => Promise<void>;
 };
 export declare function getLocalTradeItem(id: string): Promise<LocalTradeItemRow | null>;
+export interface DraftMeta {
+    floridayLinkStatus?: FloridayLinkStatus;
+    floridayId?: string | null;
+    floridayLinkError?: string | null;
+    missingRequiredFields?: string[];
+    lastFloridaySyncAt?: string | null;
+    source?: "manual" | "excel_import";
+}
 export declare function upsertLocalTradeItem(params: {
     id?: string;
     connectionId: string;
     data: WizardData;
+    meta?: DraftMeta;
 }): Promise<string>;
+export declare function updateDraftMeta(id: string, meta: DraftMeta): Promise<void>;
 export declare function deleteLocalTradeItem(id: string): Promise<void>;
 //# sourceMappingURL=useLocalTradeItems.d.ts.map

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,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"}
+{"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,kBAAkB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE5E,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;AAgCD,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,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,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,CA2ClB;AAED,wBAAsB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAYhF;AAED,wBAAsB,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAGpE"}