@flowselections/floriday-klanten-module 1.0.34 → 1.0.35

package/dist-lib/components/klanten/pricegroups/PriceGroupItemPrices.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Card, CardContent, Input } from "@flowselections/core";
+import { Search } from "lucide-react";
+import { toast } from "sonner";
+import { listTradeItemsForPreview } from "../../../lib/floriday-trade-items.functions";
+import { listPriceGroupItemPrices, setPriceGroupItemPrice, } from "../../../lib/price-groups-local.functions";
+import { decodeDeep } from "../../../lib/decode-html";
+import { friendlyError } from "../../../lib/errors";
+function parseAmount(raw) {
+    const t = raw.trim().replace(",", ".");
+    if (!t)
+        return null;
+    const n = Number(t);
+    return Number.isFinite(n) && n >= 0 ? n : null;
+}
+export function PriceGroupItemPrices({ priceGroupId, currency = "EUR", }) {
+    const qc = useQueryClient();
+    const listItems = useServerFn(listTradeItemsForPreview);
+    const listPrices = useServerFn(listPriceGroupItemPrices);
+    const savePrice = useServerFn(setPriceGroupItemPrice);
+    const [search, setSearch] = useState("");
+    const [drafts, setDrafts] = useState({});
+    const [saving, setSaving] = useState(null);
+    const { data: itemsData, isLoading: loadingItems } = useQuery({
+        queryKey: ["trade-items-preview"],
+        queryFn: () => listItems().then(decodeDeep),
+        staleTime: 5 * 60000,
+    });
+    const { data: pricesData } = useQuery({
+        queryKey: ["price-group-item-prices", priceGroupId],
+        queryFn: () => listPrices({ data: { priceGroupId } }).then(decodeDeep),
+        enabled: !!priceGroupId,
+    });
+    const priceByKey = useMemo(() => {
+        const m = new Map();
+        for (const p of pricesData?.prices ?? [])
+            m.set(p.trade_item_key, p.price_per_piece);
+        return m;
+    }, [pricesData]);
+    const items = itemsData?.items ?? [];
+    const filtered = useMemo(() => {
+        const q = search.trim().toLowerCase();
+        if (!q)
+            return items;
+        return items.filter((i) => i.name.toLowerCase().includes(q) || (i.vbn_code ?? "").toLowerCase().includes(q));
+    }, [items, search]);
+    const commit = async (key, raw) => {
+        const current = priceByKey.get(key) ?? null;
+        const next = parseAmount(raw);
+        if ((current ?? null) === next) {
+            setDrafts((d) => {
+                const { [key]: _drop, ...rest } = d;
+                return rest;
+            });
+            return;
+        }
+        setSaving(key);
+        try {
+            await savePrice({ data: { priceGroupId, tradeItemKey: key, price: next, currency } });
+            await qc.invalidateQueries({ queryKey: ["price-group-item-prices", priceGroupId] });
+            qc.invalidateQueries({ queryKey: ["customer-assortment"] });
+            setDrafts((d) => {
+                const { [key]: _drop, ...rest } = d;
+                return rest;
+            });
+            toast.success(next == null ? "Prijs verwijderd" : "Prijs opgeslagen");
+        }
+        catch (e) {
+            toast.error(friendlyError(e));
+        }
+        finally {
+            setSaving(null);
+        }
+    };
+    return (_jsx(Card, { children: _jsxs(CardContent, { className: "p-4 space-y-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Vaste prijzen per artikel" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Een ingevulde prijs geldt voor elke klant in deze prijsgroep en gaat v\u00F3\u00F3r de berekende prijs. Laat leeg om de berekening te gebruiken." })] }), _jsxs("div", { className: "relative max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek artikel\u2026", value: search, onChange: (e) => setSearch(e.target.value), className: "pl-9" })] }), loadingItems ? (_jsx("p", { className: "text-sm text-muted-foreground py-4", children: "Artikelen laden\u2026" })) : filtered.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground py-4", children: "Geen artikelen gevonden." })) : (_jsx("div", { className: "max-h-[360px] overflow-y-auto border rounded-md divide-y", children: filtered.map((i) => {
+                        const stored = priceByKey.get(i.id);
+                        const value = drafts[i.id] ?? (stored != null ? String(stored) : "");
+                        return (_jsxs("div", { className: "flex items-center gap-3 p-2.5", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-sm font-medium truncate", children: i.name }), _jsx("div", { className: "text-xs text-muted-foreground truncate", children: i.vbn_code ? `VBN ${i.vbn_code}` : "—" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: currency }), _jsx(Input, { inputMode: "decimal", placeholder: "\u2014", className: "w-28 text-right tabular-nums", value: value, disabled: saving === i.id, onChange: (e) => setDrafts((d) => ({ ...d, [i.id]: e.target.value })), onBlur: (e) => void commit(i.id, e.target.value) })] })] }, i.id));
+                    }) }))] }) }));
+}

package/dist-lib/index.d.ts

@@ -19,6 +19,14 @@ export { PriceGroupsRoute } from "./components/klanten/pricegroups/PriceGroupsRo
 export { PriceGroupFormPage } from "./components/klanten/pricegroups/PriceGroupFormPage";
 export { PriceGroupNewRoute } from "./components/klanten/pricegroups/PriceGroupNewRoute";
 export { PriceGroupEditRoute } from "./components/klanten/pricegroups/PriceGroupEditRoute";
+export { CustomerPriceGroupSelect } from "./components/klanten/pricegroups/CustomerPriceGroupSelect";
+export { CustomerAssortmentTab } from "./components/klanten/CustomerAssortmentTab";
+export { listCustomerAssortment } from "./lib/customer-assortment.functions";
+export { loadFloridayCatalogPrices, type CatalogPrice } from "./lib/floriday-catalog-prices";
+export { FloridayPriceImportDialog } from "./components/klanten/FloridayPriceImportDialog";
+export { previewFloridayPriceImport, applyFloridayPriceImport, } from "./lib/floriday-price-import.functions";
+export { getPriceGroupsForCustomer, setPriceGroupForCustomer, resolveCustomerKeyForLocalCustomer, listPriceGroupItemPrices, setPriceGroupItemPrice, } from "./lib/price-groups-local.functions";
+export { PriceGroupItemPrices } from "./components/klanten/pricegroups/PriceGroupItemPrices";
 export { listLogisticsStrategies, getLogisticsStrategyBinding, setLogisticsStrategyBinding, resolveLogisticsStrategy, } from "./lib/logistics-strategy.functions";
 export { emitLogisticsEvent } from "./lib/logistics-events.functions";
 export declare const floridayKlantenModule: FlowModule;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,MAAM,mDAAmD,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,eAAO,MAAM,qBAAqB,EAAE,UAgBnC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,MAAM,mDAAmD,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,wBAAwB,EAAE,MAAM,2DAA2D,CAAC;AACrG,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,yBAAyB,EAAE,KAAK,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,gDAAgD,CAAC;AAC3F,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACxB,kCAAkC,EAClC,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uDAAuD,CAAC;AAC7F,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,eAAO,MAAM,qBAAqB,EAAE,UAgBnC,CAAC"}

package/dist-lib/index.js

@@ -35,6 +35,14 @@ export { PriceGroupsRoute } from "./components/klanten/pricegroups/PriceGroupsRo
 export { PriceGroupFormPage } from "./components/klanten/pricegroups/PriceGroupFormPage";
 export { PriceGroupNewRoute } from "./components/klanten/pricegroups/PriceGroupNewRoute";
 export { PriceGroupEditRoute } from "./components/klanten/pricegroups/PriceGroupEditRoute";
+export { CustomerPriceGroupSelect } from "./components/klanten/pricegroups/CustomerPriceGroupSelect";
+export { CustomerAssortmentTab } from "./components/klanten/CustomerAssortmentTab";
+export { listCustomerAssortment } from "./lib/customer-assortment.functions";
+export { loadFloridayCatalogPrices } from "./lib/floriday-catalog-prices";
+export { FloridayPriceImportDialog } from "./components/klanten/FloridayPriceImportDialog";
+export { previewFloridayPriceImport, applyFloridayPriceImport, } from "./lib/floriday-price-import.functions";
+export { getPriceGroupsForCustomer, setPriceGroupForCustomer, resolveCustomerKeyForLocalCustomer, listPriceGroupItemPrices, setPriceGroupItemPrice, } from "./lib/price-groups-local.functions";
+export { PriceGroupItemPrices } from "./components/klanten/pricegroups/PriceGroupItemPrices";
 export { listLogisticsStrategies, getLogisticsStrategyBinding, setLogisticsStrategyBinding, resolveLogisticsStrategy, } from "./lib/logistics-strategy.functions";
 export { emitLogisticsEvent } from "./lib/logistics-events.functions";
 export const floridayKlantenModule = {