@flowselections/floriday-voorraad 1.0.76 → 1.0.78

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

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Boxes, Minus, Plus, RefreshCw, Search } from "lucide-react";
 import { Button, Card, Input, Badge, toast } from "@flowselections/core";
-import { supabase } from "../../integrations/supabase/client";
-import { useFloridayConnection } from "../../hooks/useFloridayConnection";
-import { useFusten } from "../../hooks/useFusten";
-import { fetchFustMutations, formatFustDimensions, } from "../../lib/fusten";
+import { supabase } from "../../integrations/supabase/client.js";
+import { useFloridayConnection } from "../../hooks/useFloridayConnection.js";
+import { useFusten } from "../../hooks/useFusten.js";
+import { fetchFustMutations, formatFustDimensions, } from "../../lib/fusten.js";
 /** Afmetingen tonen en handmatig aanvullen wanneer de catalogus ze niet kent. */
 function DimensionCell({ fust, onSave, }) {
     const [editing, setEditing] = useState(false);

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

@@ -1,4 +1,4 @@
-import type { InventorySetting } from "../../hooks/useInventorySettings";
+import type { InventorySetting } from "../../hooks/useInventorySettings.js";
 export declare function InventorySettingsDrawer({ open, onOpenChange, connectionId, productIds, current, onSaved, }: {
     open: boolean;
     onOpenChange: (v: boolean) => void;
@@ -6,5 +6,5 @@ export declare function InventorySettingsDrawer({ open, onOpenChange, connection
     productIds: string[];
     current?: InventorySetting | undefined;
     onSaved?: () => void;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InventorySettingsDrawer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InventorySettingsDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/InventorySettingsDrawer.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAkBzE,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,OAAO,EACP,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,+BAkMA"}
+{"version":3,"file":"InventorySettingsDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/InventorySettingsDrawer.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAkBzE,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,OAAO,EACP,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,2CAkMA"}

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

@@ -7,9 +7,9 @@ import { useEffect, useState } from "react";
 import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
 import { useServerFn } from "@tanstack/react-start";
 import { toast } from "sonner";
-import { saveInventorySettings, republishInventory, } from "../../lib/inventory-settings.functions";
-import { MissingPriceNotice } from "./ProductSalePriceField";
-import { MODE_LABELS, ACTION_REASON_LABELS, publishedLabel, } from "../../lib/stock-modes";
+import { saveInventorySettings, republishInventory, } from "../../lib/inventory-settings.functions.js";
+import { MissingPriceNotice } from "./ProductSalePriceField.js";
+import { MODE_LABELS, ACTION_REASON_LABELS, publishedLabel, } from "../../lib/stock-modes.js";
 const MODE_HELP = {
     FOLLOW_ERP: "Publiceert beschikbaar min gereserveerd min buffer, afgerond op hele verpakkingen.",
     MAXIMUM: "Volgt het ERP (min buffer), maar publiceert nooit meer dan het maximum.",

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

@@ -1,7 +1,7 @@
-import type { InventorySetting } from "../../hooks/useInventorySettings";
-import { MODE_LABELS } from "../../lib/stock-modes";
+import type { InventorySetting } from "../../hooks/useInventorySettings.js";
+import { MODE_LABELS } from "../../lib/stock-modes.js";
 export { MODE_LABELS };
 export declare function InventoryStatusBadge({ setting }: {
     setting: InventorySetting | undefined;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InventoryStatusBadge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InventoryStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/InventoryStatusBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAwC,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,CAAC;AAiCvB,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,gBAAgB,GAAG,SAAS,CAAA;CAAE,+BAuC1F"}
+{"version":3,"file":"InventoryStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/InventoryStatusBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAwC,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,CAAC;AAiCvB,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,gBAAgB,GAAG,SAAS,CAAA;CAAE,2CAuC1F"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge } from "@flowselections/core";
-import { MODE_LABELS, ACTION_REASON_LABELS } from "../../lib/stock-modes";
+import { MODE_LABELS, ACTION_REASON_LABELS } from "../../lib/stock-modes.js";
 export { MODE_LABELS };
 const MODE_CLASSES = {
     FOLLOW_ERP: "bg-primary/10 text-primary border-primary/30",
@@ -43,5 +43,5 @@ export function InventoryStatusBadge({ setting }) {
                     ? `${dot.title}: ${ACTION_REASON_LABELS[setting.action_reason] ?? setting.action_reason}`
                     : setting.last_sync_error
                         ? `${dot.title}: ${setting.last_sync_error}`
-                        : dot.title, "aria-label": dot.title }), _jsx("span", { className: "tabular-nums text-xs text-muted-foreground", children: setting.desired_quantity ?? 0 }), setting.last_sync_error?.startsWith("Geen voorkeursmagazijn") && (_jsx("span", { className: "rounded bg-destructive/15 px-1.5 py-0.5 text-xs text-destructive", title: setting.last_sync_error, children: "Geen magazijn \u2014 kies er een op de Connectie-pagina" }))] }));
+                        : dot.title, "aria-label": dot.title }), _jsx("span", { className: "tabular-nums text-xs text-muted-foreground", children: setting.desired_quantity ?? 0 }), setting.last_sync_error?.startsWith("Geen voorkeursmagazijn") && (_jsx("span", { className: "rounded bg-destructive/15 px-1.5 py-0.5 text-xs text-destructive", title: setting.last_sync_error, children: "Geen magazijn \u2014 kies er een in Instellingen \u203A Floriday" }))] }));
 }

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleHealthCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ModuleHealthCard.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,gBAAgB,4CA8D/B"}

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Statuskaart in de instellingen: laat in gewone taal zien of de module in
+ * déze omgeving volledig werkt, en biedt één knop om vastgelopen
+ * voorraadwijzigingen weer op gang te helpen.
+ */
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { AlertTriangle, CheckCircle2, RotateCw, XCircle } from "lucide-react";
+import { toast } from "sonner";
+import { getModuleHealth, recoverStockQueue, } from "../../lib/module-health.functions.js";
+function StatusIcon({ status }) {
+    if (status === "ok")
+        return _jsx(CheckCircle2, { className: "mt-0.5 h-4 w-4 shrink-0 text-emerald-600" });
+    if (status === "warn")
+        return _jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-600" });
+    return _jsx(XCircle, { className: "mt-0.5 h-4 w-4 shrink-0 text-destructive" });
+}
+export function ModuleHealthCard() {
+    const fetchHealth = useServerFn(getModuleHealth);
+    const recover = useServerFn(recoverStockQueue);
+    const queryClient = useQueryClient();
+    const { data, isLoading } = useQuery({
+        queryKey: ["module-health"],
+        queryFn: () => fetchHealth({}),
+        refetchInterval: 60000,
+    });
+    const mutation = useMutation({
+        mutationFn: () => recover({}),
+        onSuccess: (res) => {
+            toast.success(res?.restored
+                ? `${res.restored} voorraadwijziging${res.restored === 1 ? "" : "en"} opnieuw ingepland.`
+                : "Er stond niets vast.");
+            void queryClient.invalidateQueries({ queryKey: ["module-health"] });
+            void queryClient.invalidateQueries({ queryKey: ["stock-sync-health"] });
+        },
+        onError: (e) => toast.error(e?.message ?? "Herstellen is niet gelukt."),
+    });
+    return (_jsxs("section", { className: "rounded-lg border border-border bg-card p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-base font-semibold text-foreground", children: "Status van de voorraadmodule" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Controleert de koppeling, de achtergrondtaken en de synchronisatie naar Floriday." })] }), _jsxs("button", { type: "button", className: "inline-flex shrink-0 items-center rounded-md border border-border px-2.5 py-1.5 text-xs font-medium text-foreground hover:bg-muted disabled:opacity-50", disabled: mutation.isPending, onClick: () => mutation.mutate(), children: [_jsx(RotateCw, { className: `mr-1.5 h-3.5 w-3.5 ${mutation.isPending ? "animate-spin" : ""}` }), "Vastgelopen taken hervatten"] })] }), _jsxs("ul", { className: "mt-4 space-y-2.5", children: [isLoading && _jsx("li", { className: "text-sm text-muted-foreground", children: "Bezig met controleren\u2026" }), data?.checks.map((check) => (_jsxs("li", { className: "flex items-start gap-2 text-sm", children: [_jsx(StatusIcon, { status: check.status }), _jsxs("div", { className: "min-w-0", children: [_jsxs("span", { className: "font-medium text-foreground", children: [check.label, ": "] }), _jsx("span", { className: "text-muted-foreground break-words", children: check.detail }), check.hint && (_jsx("p", { className: "mt-0.5 text-xs text-muted-foreground/80 break-words", children: check.hint }))] })] }, check.id)))] })] }));
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"NieuwArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/NieuwArtikelPage.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,gBAAgB,gCAkM/B"}
+{"version":3,"file":"NieuwArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/NieuwArtikelPage.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,gBAAgB,4CAkM/B"}

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

@@ -9,9 +9,9 @@ import { useRef, useState } from "react";
 import { Link, useNavigate } from "@tanstack/react-router";
 import { Button, Card, Input, Label, toast } from "@flowselections/core";
 import { ArrowLeft, Check, Loader2, Send } from "lucide-react";
-import { supabase } from "../../integrations/supabase/client";
-import { validateDraftForPublish } from "../../lib/floriday-import-validator";
-import { ArtikelWizard } from "./ArtikelWizard";
+import { supabase } from "../../integrations/supabase/client.js";
+import { validateDraftForPublish } from "../../lib/floriday-import-validator.js";
+import { ArtikelWizard } from "./ArtikelWizard.js";
 const STEPS = ["Naam en code", "Voorraad", "Prijs"];
 export function NieuwArtikelPage() {
     const navigate = useNavigate();

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

@@ -3,6 +3,6 @@ interface Props {
     productName: string | null;
     productId?: string | null;
 }
-export declare function OrderHistoryCard({ tradeItemKey, productName, productId }: Props): import("react").JSX.Element;
+export declare function OrderHistoryCard({ tradeItemKey, productName, productId }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=OrderHistoryCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OrderHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/OrderHistoryCard.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAgDD,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,+BAoK/E"}
+{"version":3,"file":"OrderHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/OrderHistoryCard.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAgDD,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,2CAoK/E"}

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Card, CardContent, Badge } from "@flowselections/core";
 import { Loader2, ClipboardList, ExternalLink } from "lucide-react";
-import { supabase } from "../../integrations/supabase/client";
+import { supabase } from "../../integrations/supabase/client.js";
 const STATUS_TONE = {
     "nog te picken": "bg-amber-100 text-amber-800 border-amber-200",
     "klaar voor verzending": "bg-blue-100 text-blue-800 border-blue-200",

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

@@ -4,6 +4,6 @@ type Props = {
     productId?: string | null;
     offerForSale: boolean;
 };
-export declare function PriceStatusBadge({ tradeItemId, productId, offerForSale }: Props): import("react").JSX.Element | null;
+export declare function PriceStatusBadge({ tradeItemId, productId, offerForSale }: Props): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=PriceStatusBadge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PriceStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PriceStatusBadge.tsx"],"names":[],"mappings":"AAuFA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAeF,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,sCAmG/E"}
+{"version":3,"file":"PriceStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PriceStatusBadge.tsx"],"names":[],"mappings":"AAuFA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,4FAA4F;IAC5F,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAeF,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,kDAmG/E"}

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

@@ -1,5 +1,5 @@
 /** Eigen voorraadvelden met `show_in_detail`, tonen en bewerken op de productpagina. */
 export declare function ProductCustomFieldsCard({ productId }: {
     productId: string;
-}): import("react").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=ProductCustomFieldsCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductCustomFieldsCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductCustomFieldsCard.tsx"],"names":[],"mappings":"AAyBA,wFAAwF;AACxF,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,sCA6H3E"}
+{"version":3,"file":"ProductCustomFieldsCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductCustomFieldsCard.tsx"],"names":[],"mappings":"AAyBA,wFAAwF;AACxF,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,kDA6H3E"}

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

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Checkbox, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
 import { Loader2, Save } from "lucide-react";
-import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields";
-import { fetchProductCustomValues, saveProductCustomValues, } from "../../lib/voorraad-custom-fields";
+import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields.js";
+import { fetchProductCustomValues, saveProductCustomValues, } from "../../lib/voorraad-custom-fields.js";
 /** Eigen voorraadvelden met `show_in_detail`, tonen en bewerken op de productpagina. */
 export function ProductCustomFieldsCard({ productId }) {
     const { fields, loading } = useVoorraadCustomFields();

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

@@ -8,6 +8,6 @@ interface Props {
  * Koppelt ERP-`products` rijen aan één Floriday-voorraadrij (`trade_item_key`).
  * Zonder koppeling doen bestel-triggers niets voor mailbox/manual-orders.
  */
-export declare function ProductLinkCard({ tradeItemKey, productName }: Props): import("react").JSX.Element;
+export declare function ProductLinkCard({ tradeItemKey, productName }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ProductLinkCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductLinkCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductLinkCard.tsx"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACb,qFAAqF;IACrF,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,KAAK,+BA4OnE"}
+{"version":3,"file":"ProductLinkCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductLinkCard.tsx"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACb,qFAAqF;IACrF,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,KAAK,2CA4OnE"}

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Button, Card, CardContent, Input, toast, } from "@flowselections/core";
 import { Link2, Loader2, RefreshCw, Trash2, Wand2 } from "lucide-react";
-import { supabase } from "../../integrations/supabase/client";
+import { supabase } from "../../integrations/supabase/client.js";
 /**
  * Koppelt ERP-`products` rijen aan één Floriday-voorraadrij (`trade_item_key`).
  * Zonder koppeling doen bestel-triggers niets voor mailbox/manual-orders.
@@ -137,10 +137,10 @@ export function ProductLinkCard({ tradeItemKey, productName }) {
                 throw error;
             const rows = data ?? [];
             const n = rows[0]?.processed_items ?? 0;
-            toast.success(`Backfill klaar: ${n} orderregel(s) verwerkt`);
+            toast.success(`Openstaande orders gereserveerd: ${n} orderregel(s)`);
         }
         catch (e) {
-            toast.error(`Backfill mislukt: ${e.message}`);
+            toast.error("Openstaande orders reserveren is niet gelukt. Probeer het opnieuw.");
         }
         finally {
             setBusy(false);
@@ -151,9 +151,9 @@ export function ProductLinkCard({ tradeItemKey, productName }) {
             return "Sla het artikel eerst op om producten te kunnen koppelen.";
         }
         if (linked.length === 0) {
-            return "Nog geen ERP-product gekoppeld. Zonder koppeling worden mailbox-orders niet automatisch van de voorraad afgeschreven.";
+            return "Nog geen eigen product gekoppeld. Zonder koppeling worden mailbox-orders niet automatisch van de voorraad afgeschreven.";
         }
-        return "Bestellingen op deze ERP-producten reserveren automatisch op deze voorraadrij.";
+        return "Bestellingen op deze eigen producten reserveren automatisch op deze voorraadrij.";
     }, [tradeItemKey, linked.length]);
-    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(Link2, { className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium", children: "Gekoppelde ERP-producten" }), _jsx("div", { className: "text-xs text-muted-foreground", children: helpText })] }), _jsxs("div", { className: "flex gap-2", children: [productName && (_jsxs(Button, { variant: "outline", size: "sm", onClick: autoLinkByName, disabled: !tradeItemKey || busy, title: "Zoek ERP-producten met exact deze naam en koppel ze", children: [_jsx(Wand2, { className: "h-4 w-4 mr-1" }), "Auto op naam"] })), _jsxs(Button, { variant: "outline", size: "sm", onClick: backfillReservations, disabled: busy, title: "Reserveer openstaande orders retroactief", children: [_jsx(RefreshCw, { className: "h-4 w-4 mr-1" }), "Backfill"] })] })] }), _jsx(CardContent, { className: "pt-0 space-y-3", 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" }), " Laden\u2026"] })) : (_jsxs(_Fragment, { children: [linked.length > 0 && (_jsx("ul", { className: "divide-y rounded-md border", children: linked.map((p) => (_jsxs("li", { className: "flex items-center justify-between gap-2 px-3 py-2 text-sm", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-medium", children: p.product ?? "(zonder naam)" }), p.barcode && (_jsxs("div", { className: "text-xs text-muted-foreground", children: ["Barcode: ", p.barcode] }))] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => unlinkProduct(p.id), disabled: busy, children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, p.id))) })), _jsxs("div", { className: "space-y-2", children: [_jsx(Input, { placeholder: "Zoek ERP-product op naam of SKU\u2026", value: query, onChange: (e) => setQuery(e.target.value), disabled: !tradeItemKey || busy }), candidates.length > 0 && (_jsx("ul", { className: "divide-y rounded-md border max-h-56 overflow-auto", children: candidates.map((p) => (_jsxs("li", { className: "flex items-center justify-between gap-2 px-3 py-2 text-sm", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate", children: p.product ?? "(zonder naam)" }), p.barcode && (_jsxs("div", { className: "text-xs text-muted-foreground", children: ["Barcode: ", p.barcode] }))] }), _jsx(Button, { size: "sm", onClick: () => linkProduct(p.id), disabled: busy, children: "Koppel" })] }, p.id))) }))] })] })) })] }));
+    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(Link2, { className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium", children: "Gekoppelde eigen producten" }), _jsx("div", { className: "text-xs text-muted-foreground", children: helpText })] }), _jsxs("div", { className: "flex gap-2", children: [productName && (_jsxs(Button, { variant: "outline", size: "sm", onClick: autoLinkByName, disabled: !tradeItemKey || busy, title: "Zoek eigen producten met exact deze naam en koppel ze", children: [_jsx(Wand2, { className: "h-4 w-4 mr-1" }), "Auto op naam"] })), _jsxs(Button, { variant: "outline", size: "sm", onClick: backfillReservations, disabled: busy, title: "Openstaande orders reserveren", children: [_jsx(RefreshCw, { className: "h-4 w-4 mr-1" }), "Openstaande orders reserveren"] })] })] }), _jsx(CardContent, { className: "pt-0 space-y-3", 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" }), " Laden\u2026"] })) : (_jsxs(_Fragment, { children: [linked.length > 0 && (_jsx("ul", { className: "divide-y rounded-md border", children: linked.map((p) => (_jsxs("li", { className: "flex items-center justify-between gap-2 px-3 py-2 text-sm", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate font-medium", children: p.product ?? "(zonder naam)" }), p.barcode && (_jsxs("div", { className: "text-xs text-muted-foreground", children: ["Barcode: ", p.barcode] }))] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => unlinkProduct(p.id), disabled: busy, children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, p.id))) })), _jsxs("div", { className: "space-y-2", children: [_jsx(Input, { placeholder: "Zoek eigen product op naam of artikelcode\u2026", value: query, onChange: (e) => setQuery(e.target.value), disabled: !tradeItemKey || busy }), candidates.length > 0 && (_jsx("ul", { className: "divide-y rounded-md border max-h-56 overflow-auto", children: candidates.map((p) => (_jsxs("li", { className: "flex items-center justify-between gap-2 px-3 py-2 text-sm", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate", children: p.product ?? "(zonder naam)" }), p.barcode && (_jsxs("div", { className: "text-xs text-muted-foreground", children: ["Barcode: ", p.barcode] }))] }), _jsx(Button, { size: "sm", onClick: () => linkProduct(p.id), disabled: busy, children: "Koppel" })] }, p.id))) }))] })] })) })] }));
 }

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

@@ -1,9 +1,9 @@
 export declare function ProductSalePriceField({ productId, onSaved, }: {
     productId: string;
     onSaved?: (price: number) => void;
-}): import("react").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 /** Melding met directe link naar het prijsveld; toont niets als de prijs in orde is. */
 export declare function MissingPriceNotice({ productId }: {
     productId: string;
-}): import("react").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=ProductSalePriceField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSalePriceField.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductSalePriceField.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,GACR,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,sCAkGA;AAED,wFAAwF;AACxF,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,sCAqCtE"}
+{"version":3,"file":"ProductSalePriceField.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductSalePriceField.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,GACR,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,kDAkGA;AAED,wFAAwF;AACxF,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,kDAqCtE"}

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

@@ -10,8 +10,8 @@ import { useEffect, useState } from "react";
 import { Link } from "@tanstack/react-router";
 import { Button, Input, Label, toast } from "@flowselections/core";
 import { AlertTriangle, Loader2 } from "lucide-react";
-import { supabase } from "../../integrations/supabase/client";
-import { priceProblem } from "../../lib/floriday-base-supply";
+import { supabase } from "../../integrations/supabase/client.js";
+import { priceProblem } from "../../lib/floriday-base-supply.js";
 function isPieceUnit(unit) {
     const u = String(unit ?? "").trim().toLowerCase();
     return u === "" || u === "stuks" || u === "stuk";

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

@@ -1,8 +1,8 @@
 export declare function ProductStructureCard({ productId }: {
     productId: string | null;
-}): import("react").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 /** Eén regel met de echte reden waarom de voorraad (nog) niet in Floriday staat. */
 export declare function FloridayStockReasonLine({ productId }: {
     productId: string | null;
-}): import("react").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=ProductStructureCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductStructureCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductStructureCard.tsx"],"names":[],"mappings":"AAiDA,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAoQ/E;AAED,oFAAoF;AACpF,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAkClF"}
+{"version":3,"file":"ProductStructureCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductStructureCard.tsx"],"names":[],"mappings":"AAiDA,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,kDAoQ/E;AAED,oFAAoF;AACpF,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,kDAkClF"}

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

@@ -8,9 +8,9 @@ import { useEffect, useState } from "react";
 import { Link } from "@tanstack/react-router";
 import { Badge, Card, CardContent, CardDescription, CardHeader, CardTitle } from "@flowselections/core";
 import { Info, Loader2 } from "lucide-react";
-import { supabase } from "../../integrations/supabase/client";
-import { PRODUCT_TYPE_CLASSES, PRODUCT_TYPE_HELP, PRODUCT_TYPE_LABELS, floridayPendingReason, toStructureType, } from "../../lib/product-types";
-import { ACTION_REASON_LABELS, publishedLabel } from "../../lib/stock-modes";
+import { supabase } from "../../integrations/supabase/client.js";
+import { PRODUCT_TYPE_CLASSES, PRODUCT_TYPE_HELP, PRODUCT_TYPE_LABELS, floridayPendingReason, toStructureType, } from "../../lib/product-types.js";
+import { ACTION_REASON_LABELS, publishedLabel } from "../../lib/stock-modes.js";
 export function ProductStructureCard({ productId }) {
     const [loading, setLoading] = useState(true);
     const [totals, setTotals] = useState(null);

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PublicatiesPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublicatiesPage.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,eAAe,gCAwJ9B"}
+{"version":3,"file":"PublicatiesPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublicatiesPage.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,eAAe,4CAwJ9B"}

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

@@ -3,8 +3,8 @@ import { Link } from "@tanstack/react-router";
 import { Card, Button } from "@flowselections/core";
 import { ArrowLeft, Check, AlertTriangle, Loader2, RefreshCw } from "lucide-react";
 import { useEffect, useState } from "react";
-import { usePublishJobs } from "../../hooks/usePublishJob";
-import { supabase } from "../../integrations/supabase/client";
+import { usePublishJobs } from "../../hooks/usePublishJob.js";
+import { supabase } from "../../integrations/supabase/client.js";
 const STATUS_LABEL = {
     running: "Bezig",
     succeeded: "Gepubliceerd",

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

@@ -1,4 +1,4 @@
-import type { PublishJobRow, PublishStepRow } from "../../lib/publish-pipeline";
+import type { PublishJobRow, PublishStepRow } from "../../lib/publish-pipeline.js";
 /**
  * Toont de voortgang van een publicatie in deelstappen.
  */
@@ -8,5 +8,5 @@ export declare function PublishProgressCard({ job, steps, onRetry, retrying, onF
     onRetry?: () => void;
     retrying?: boolean;
     onFixStep?: (stepKey: string) => void;
-}): import("react").JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=PublishProgressCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PublishProgressCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublishProgressCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAoBhF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE;IACD,GAAG,EAAE,aAAa,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,sCAyDA"}
+{"version":3,"file":"PublishProgressCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublishProgressCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAoBhF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE;IACD,GAAG,EAAE,aAAa,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,kDAyDA"}

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

@@ -1,4 +1,4 @@
-import type { ReadinessReport } from "../../lib/publish-readiness";
+import type { ReadinessReport } from "../../lib/publish-readiness.js";
 /**
  * Korte checklist die laat zien of het product klaar is om te publiceren.
  */
@@ -6,5 +6,5 @@ export declare function PublishReadinessCard({ report, loading, onGoToStep, }: {
     report: ReadinessReport;
     loading?: boolean;
     onGoToStep?: (stepKey: string) => void;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PublishReadinessCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PublishReadinessCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublishReadinessCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,OAAO,EACP,UAAU,GACX,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,+BAuEA"}
+{"version":3,"file":"PublishReadinessCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublishReadinessCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,OAAO,EACP,UAAU,GACX,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,2CAuEA"}

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

@@ -1,10 +1,10 @@
-import type { PackingConfigurationInput } from "../../lib/floriday-payload";
+import type { PackingConfigurationInput } from "../../lib/floriday-payload.js";
 interface Props {
     productId: string | null;
     floridayId: string | null;
     packings: PackingConfigurationInput[];
     packagingTypeLabel: (code: string) => string;
 }
-export declare function StepSamenstelling({ productId, floridayId, packings, packagingTypeLabel, }: Props): import("react").JSX.Element;
+export declare function StepSamenstelling({ productId, floridayId, packings, packagingTypeLabel, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=StepSamenstelling.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepSamenstelling.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StepSamenstelling.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAsB5E,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,yBAAyB,EAAE,CAAC;IACtC,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9C;AAUD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,UAAU,EACV,QAAQ,EACR,kBAAkB,GACnB,EAAE,KAAK,+BA+ZP"}
+{"version":3,"file":"StepSamenstelling.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StepSamenstelling.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAsB5E,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,yBAAyB,EAAE,CAAC;IACtC,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9C;AA6FD,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,UAAU,EACV,QAAQ,EACR,kBAAkB,GACnB,EAAE,KAAK,2CA+aP"}

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

@@ -2,7 +2,89 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Button, Input, Popover, PopoverContent, PopoverTrigger, toast, } from "@flowselections/core";
 import { Loader2, Package, Plus, Search, Trash2 } from "lucide-react";
-import { supabase } from "../../integrations/supabase/client";
+import { supabase } from "../../integrations/supabase/client.js";
+/** Vanaf dit aantal per stuk vragen we of de verhouding klopt. */
+const RATIO_WARN_THRESHOLD = 10;
+const MAX_DEPTH = 6;
+function fmt(n) {
+    return n.toLocaleString("nl-NL", { maximumFractionDigits: 2 });
+}
+/**
+ * Telt per eindonderdeel hoeveel er in 1 stuk van het artikel zit, door alle
+ * lagen van de samenstelling heen (op id). Een groep telt mee als haar eerste lid.
+ */
+async function unlikelyRatios(parentId, baseRows) {
+    const totals = new Map();
+    const bomCache = new Map();
+    const groupCache = new Map();
+    const childrenOf = async (pid) => {
+        if (bomCache.has(pid))
+            return bomCache.get(pid);
+        const { data } = await supabase
+            .from("product_bom_items")
+            .select("component_product_id,quantity")
+            .eq("parent_product_id", pid)
+            .is("packing_configuration_id", null);
+        const list = (data ?? [])
+            .filter((r) => r.component_product_id)
+            .map((r) => ({ id: r.component_product_id, qty: Number(r.quantity ?? 1) }));
+        bomCache.set(pid, list);
+        return list;
+    };
+    const groupMemberOf = async (pid) => {
+        if (groupCache.has(pid))
+            return groupCache.get(pid);
+        const { data: g } = await supabase
+            .from("product_groups")
+            .select("id")
+            .eq("head_product_id", pid)
+            .eq("is_active", true)
+            .order("updated_at", { ascending: false })
+            .limit(1)
+            .maybeSingle();
+        let member = null;
+        if (g?.id) {
+            const { data: m } = await supabase
+                .from("product_group_items")
+                .select("trade_item_id")
+                .eq("product_group_id", g.id)
+                .order("sort_order", { ascending: true })
+                .limit(1)
+                .maybeSingle();
+            member = m?.trade_item_id ?? null;
+        }
+        groupCache.set(pid, member);
+        return member;
+    };
+    const walk = async (pid, mult, depth) => {
+        if (depth > MAX_DEPTH)
+            return;
+        const kids = await childrenOf(pid);
+        if (kids.length > 0) {
+            for (const k of kids)
+                await walk(k.id, mult * k.qty, depth + 1);
+            return;
+        }
+        const member = await groupMemberOf(pid);
+        if (member && member !== pid) {
+            await walk(member, mult, depth + 1);
+            return;
+        }
+        totals.set(pid, (totals.get(pid) ?? 0) + mult);
+    };
+    for (const r of baseRows) {
+        if (r.component_product_id)
+            await walk(r.component_product_id, Number(r.quantity) || 0, 1);
+    }
+    const over = Array.from(totals.entries()).filter(([, q]) => q >= RATIO_WARN_THRESHOLD);
+    if (over.length === 0)
+        return [];
+    const ids = [...over.map(([id]) => id), ...(parentId ? [parentId] : [])];
+    const { data: prods } = await supabase.from("products").select("id,product").in("id", ids);
+    const nameOf = new Map((prods ?? []).map((p) => [p.id, String(p.product ?? "")]));
+    const parent = (parentId && nameOf.get(parentId)) || "stuk van dit artikel";
+    return over.map(([id, qty]) => ({ parent, name: nameOf.get(id) || "onderdeel", qty }));
+}
 function newRowId() {
     return `new:${typeof crypto !== "undefined" && "randomUUID" in crypto
         ? crypto.randomUUID()
@@ -166,6 +248,21 @@ export function StepSamenstelling({ productId, floridayId, packings, packagingTy
         if (dirty.length === 0)
             return;
         setSaving(true);
+        // Verhoudingscontrole: alle lagen meetellen, nooit blokkeren.
+        try {
+            const warnings = await unlikelyRatios(productId, rows.filter((r) => r.packing_configuration_id === null));
+            if (warnings.length > 0) {
+                const ok = window.confirm(warnings.map((w) => `Let op: 1 ${w.parent} bevat ${fmt(w.qty)} ${w.name}. Klopt dat?`).join("\n") +
+                    "\n\nKies OK om toch op te slaan, of Annuleren om aan te passen.");
+                if (!ok) {
+                    setSaving(false);
+                    return;
+                }
+            }
+        }
+        catch {
+            // Controle mislukt: opslaan gaat gewoon door.
+        }
         try {
             const inserts = dirty
                 .filter((r) => r._new)

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

@@ -1,7 +1,7 @@
-import type { TradeItem } from "../../lib/floriday-client";
+import type { TradeItem } from "../../lib/floriday-client.js";
 export declare function StockBulkButtons({ items, activeConnectionId, onImported, }: {
     items: TradeItem[];
     activeConnectionId: string | null;
     onImported: () => void | Promise<void>;
-}): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StockBulkButtons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StockBulkButtons.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockBulkButtons.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAwG3D,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,kBAAkB,EAClB,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,+BAmoBA"}
+{"version":3,"file":"StockBulkButtons.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockBulkButtons.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAwG3D,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,kBAAkB,EAClB,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,2CAmoBA"}

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

@@ -3,11 +3,11 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import * as XLSX from "xlsx";
 import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
 import { Download, FileDown, Upload, Loader2, Undo2, Play } from "lucide-react";
-import { supabase } from "../../integrations/supabase/client";
-import { emptyWizardData } from "../../lib/floriday-payload";
-import { validateDraftForPublish } from "../../lib/floriday-import-validator";
-import { ensureArticleCodes } from "../../lib/ensure-article-codes";
-import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields";
+import { supabase } from "../../integrations/supabase/client.js";
+import { emptyWizardData } from "../../lib/floriday-payload.js";
+import { validateDraftForPublish } from "../../lib/floriday-import-validator.js";
+import { ensureArticleCodes } from "../../lib/ensure-article-codes.js";
+import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields.js";
 /**
  * Voorraadimport in porties (Voorraad-module).
  * De browser leest het bestand en controleert de rijen; de database verwerkt
@@ -193,7 +193,7 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
     /** Stap 1: bestand lezen en per rij controleren (nog niets opgeslagen). */
     const handleFile = async (file) => {
         if (!activeConnectionId) {
-            toast.error("Geen actieve Floriday-connectie");
+            toast.error("Geen actieve Floriday-koppeling. Kijk bij Instellingen › Floriday.");
             return;
         }
         setBusy("lezen");