@flowselections/floriday-voorraad 1.0.77 → 1.0.80

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

@@ -1,4 +1,4 @@
-import { type AdditionalPackagingInput } from "../../lib/floriday-payload";
+import { type AdditionalPackagingInput } from "../../lib/floriday-payload.js";
 interface Props {
     open: boolean;
     onOpenChange: (open: boolean) => void;

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState, useEffect } from "react";
 import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Button, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
-import { PACKAGING_SUPPLIERS, } from "../../lib/floriday-payload";
-import { getMaterialTypesForSupplier, getMaterialsForSupplier, } from "../../lib/vrs-catalog";
+import { PACKAGING_SUPPLIERS, } from "../../lib/floriday-payload.js";
+import { getMaterialTypesForSupplier, getMaterialsForSupplier, } from "../../lib/vrs-catalog.js";
 export function AdditionalPackagingDialog({ open, onOpenChange, onSave }) {
     const [supplierId, setSupplierId] = useState("");
     const [typeCode, setTypeCode] = useState("");

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

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useState } from "react";
 import { toast } from "sonner";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, Badge } from "@flowselections/core";
 import { ArrowDown, ArrowUp, Loader2, Package } from "lucide-react";
-import { supabase } from "../../integrations/supabase/client";
+import { supabase } from "../../integrations/supabase/client.js";
 async function loadStock(productIds, floridayIds) {
     const out = new Map();
     const idToProduct = new Map();

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

@@ -3,44 +3,44 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Link, useNavigate } from "@tanstack/react-router";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Button, Card, CardContent, Checkbox, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, toast, } from "@flowselections/core";
 import { ArrowLeft, ArrowRight, Check, ChevronDown, ClipboardList, Info, Loader2, Plus, Search, Trash2, Upload, UploadCloud, Users, X, Star, } from "lucide-react";
-import { useFloridayConnection } from "../../hooks/useFloridayConnection";
-import { useFlorydayCustomers } from "../../hooks/useFlorydayCustomers";
-import { floriday } from "../../lib/floriday-client";
-import { listFloricode, listFloricodeByField } from "../../lib/floricode-client";
-import { supabase } from "../../integrations/supabase/client";
-import { buildAddTradeItemPayload, buildUpdateTradeItemPayload, buildPrimaryPackingBase, emptyWizardData, floridayCacheToWizardData, isValidGtin13, normalizeFloridayProductGroup, PACKAGING_SUPPLIERS, validateStep, } from "../../lib/floriday-payload";
-import { AdditionalPackagingDialog } from "./AdditionalPackagingDialog";
-import { publishCustomerOfferFn } from "../../lib/floriday-customer-offer.functions";
-import { upsertSupplyLineForTradeItem } from "../../lib/floriday-supply-line";
-import { deleteLocalTradeItem, getLocalTradeItem, markLocalSyncStatus, readLocalSyncStatus, upsertLocalTradeItem, } from "../../hooks/useLocalTradeItems";
-import { useTradeItemSpec } from "../../hooks/useTradeItemSpec";
-import { useVbnRegulatoryFeatures } from "../../hooks/useVbnRegulatoryFeatures";
-import { useFloridayVbnRequired } from "../../hooks/useFloridayVbnRequired";
-import { saveFloridayVbnRequired } from "../../lib/floriday-vbn-required.functions";
+import { useFloridayConnection } from "../../hooks/useFloridayConnection.js";
+import { useFlorydayCustomers } from "../../hooks/useFlorydayCustomers.js";
+import { floriday } from "../../lib/floriday-client.js";
+import { listFloricode, listFloricodeByField } from "../../lib/floricode-client.js";
+import { supabase } from "../../integrations/supabase/client.js";
+import { buildAddTradeItemPayload, buildUpdateTradeItemPayload, buildPrimaryPackingBase, emptyWizardData, floridayCacheToWizardData, isValidGtin13, normalizeFloridayProductGroup, PACKAGING_SUPPLIERS, validateStep, } from "../../lib/floriday-payload.js";
+import { AdditionalPackagingDialog } from "./AdditionalPackagingDialog.js";
+import { publishCustomerOfferFn } from "../../lib/floriday-customer-offer.functions.js";
+import { upsertSupplyLineForTradeItem } from "../../lib/floriday-supply-line.js";
+import { deleteLocalTradeItem, getLocalTradeItem, markLocalSyncStatus, readLocalSyncStatus, upsertLocalTradeItem, } from "../../hooks/useLocalTradeItems.js";
+import { useTradeItemSpec } from "../../hooks/useTradeItemSpec.js";
+import { useVbnRegulatoryFeatures } from "../../hooks/useVbnRegulatoryFeatures.js";
+import { useFloridayVbnRequired } from "../../hooks/useFloridayVbnRequired.js";
+import { saveFloridayVbnRequired } from "../../lib/floriday-vbn-required.functions.js";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useCodeList, useTradeItemFormSchema } from "../../hooks/useFloriday";
-import { useFloridayPriceGroups } from "../../hooks/useFloridayPriceGroups";
-import { readTradeItemPrices, syncTradeItemPrices } from "../../lib/trade-item-prices";
-import { createPublishJob, finishPublishJob, markStepSkipped, rememberPublishRejection, runPublishStep, } from "../../lib/publish-pipeline";
-import { translatePublishError, } from "../../lib/publish-errors";
-import { buildReadinessReport } from "../../lib/publish-readiness";
-import { usePublishJob } from "../../hooks/usePublishJob";
-import { PublishReadinessCard } from "./PublishReadinessCard";
-import { PublishProgressCard } from "./PublishProgressCard";
-import { gatewayReadFn } from "../../lib/floriday-gateway.functions";
-import { pickPrimaryPacking, readPackingStatus, writeConfirmedPacking, } from "../../lib/product-packing";
-import { getFloridayReadinessFn } from "../../lib/floriday-env.functions";
+import { useCodeList, useTradeItemFormSchema } from "../../hooks/useFloriday.js";
+import { useFloridayPriceGroups } from "../../hooks/useFloridayPriceGroups.js";
+import { readTradeItemPrices, syncTradeItemPrices } from "../../lib/trade-item-prices.js";
+import { createPublishJob, finishPublishJob, markStepSkipped, rememberPublishRejection, runPublishStep, } from "../../lib/publish-pipeline.js";
+import { translatePublishError, } from "../../lib/publish-errors.js";
+import { buildReadinessReport } from "../../lib/publish-readiness.js";
+import { usePublishJob } from "../../hooks/usePublishJob.js";
+import { PublishReadinessCard } from "./PublishReadinessCard.js";
+import { PublishProgressCard } from "./PublishProgressCard.js";
+import { gatewayReadFn } from "../../lib/floriday-gateway.functions.js";
+import { pickPrimaryPacking, readPackingStatus, writeConfirmedPacking, } from "../../lib/product-packing.js";
+import { getFloridayReadinessFn } from "../../lib/floriday-env.functions.js";
 const floridayLogo = "/flowselections-assets/Voorraad/floriday-logo.png";
-import { VoorraadStockCard } from "../../components/voorraad/VoorraadStockCard";
-import { ProductLinkCard } from "../../components/voorraad/ProductLinkCard";
-import { PriceStatusBadge } from "../../components/voorraad/PriceStatusBadge";
-import { OrderHistoryCard } from "../../components/voorraad/OrderHistoryCard";
-import { StockMutationHistoryCard } from "../../components/voorraad/StockMutationHistoryCard";
-import { ArtikelCompositionCard } from "../../components/voorraad/ArtikelCompositionCard";
-import { ProductStructureCard, FloridayStockReasonLine } from "../../components/voorraad/ProductStructureCard";
-import { StepSamenstelling } from "../../components/voorraad/StepSamenstelling";
-import { FloridayInfoCard } from "../../components/voorraad/FloridayInfoCard";
-import { stockKeyFor } from "../../hooks/useTradeItemStock";
+import { VoorraadStockCard } from "../../components/voorraad/VoorraadStockCard.js";
+import { ProductLinkCard } from "../../components/voorraad/ProductLinkCard.js";
+import { PriceStatusBadge } from "../../components/voorraad/PriceStatusBadge.js";
+import { OrderHistoryCard } from "../../components/voorraad/OrderHistoryCard.js";
+import { StockMutationHistoryCard } from "../../components/voorraad/StockMutationHistoryCard.js";
+import { ArtikelCompositionCard } from "../../components/voorraad/ArtikelCompositionCard.js";
+import { ProductStructureCard, FloridayStockReasonLine } from "../../components/voorraad/ProductStructureCard.js";
+import { StepSamenstelling } from "../../components/voorraad/StepSamenstelling.js";
+import { FloridayInfoCard } from "../../components/voorraad/FloridayInfoCard.js";
+import { stockKeyFor } from "../../hooks/useTradeItemStock.js";
 const empty = emptyWizardData;
 const LOAD_CARRIER_LABELS = {
     AUCTION_TROLLEY: "Stapelwagen",
@@ -2086,8 +2086,8 @@ function StepArtikel({ data, update, collectionsList, setCollectionsList, articl
                                     : "border-border hover:border-primary/50"}`, children: [_jsx("div", { className: "flex w-full items-start", children: _jsx("span", { className: `flex h-4 w-4 items-center justify-center rounded-full border ${active ? "border-primary-foreground" : "border-muted-foreground/50"}`, children: active && (_jsx("span", { className: "h-2 w-2 rounded-full bg-primary-foreground" })) }) }), _jsx(Icon, { className: "h-6 w-6" }), _jsx("div", { className: "font-medium", children: t.label }), _jsx("div", { className: `text-xs ${active ? "text-primary-foreground/80" : "text-muted-foreground"}`, children: t.description })] }, t.value));
                         }) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("label", { className: "flex items-start gap-2 text-sm", children: [_jsx(Checkbox, { checked: data.visibleInExplorer, onCheckedChange: (v) => update("visibleInExplorer", v === true), className: "mt-0.5" }), _jsx("span", { children: "Artikel weergeven bij ontdekken in de Explorer voor kopers" })] }), _jsx("p", { className: "pl-6 text-xs text-muted-foreground", children: "Artikel is altijd zichtbaar via de customer API" })] }), parentProductId && (_jsx(ProductSalePriceField, { productId: parentProductId, onSaved: (p) => update("salePricePerPiece", p) }))] }));
 }
-import { COUNTRIES } from "../../lib/countries";
-import { ProductSalePriceField } from "./ProductSalePriceField";
+import { COUNTRIES } from "../../lib/countries.js";
+import { ProductSalePriceField } from "./ProductSalePriceField.js";
 function StepPaspoort({ data, update }) {
     const [countryOpen, setCountryOpen] = useState(false);
     const [countryQuery, setCountryQuery] = useState("");
@@ -2337,7 +2337,7 @@ function StepFotos({ data, update, activeId }) {
                 toast.error("Je bent niet ingelogd – kan geen foto's uploaden");
                 return;
             }
-            const { prepareFloridayImage, UnsupportedImageTypeError, ImageTooLargeError, ImageDecodeError, } = await import("../../lib/image-resize");
+            const { prepareFloridayImage, UnsupportedImageTypeError, ImageTooLargeError, ImageDecodeError, } = await import("../../lib/image-resize.js");
             const additions = [];
             // Beperkte concurrency (2) voorkomt dat een drop van 10 bestanden de
             // gateway overspoelt en tegelijk in throttling loopt.
@@ -2621,7 +2621,7 @@ function PackingConfigDialog({ open, onOpenChange, initial, isFirst, packagingTy
             return;
         setUploadingPhoto(true);
         try {
-            const { prepareFloridayImage } = await import("../../lib/image-resize");
+            const { prepareFloridayImage } = await import("../../lib/image-resize.js");
             const prepared = await prepareFloridayImage(file);
             const res = await floriday.uploadImage(activeId, prepared, prepared.type || "image/jpeg", prepared.name);
             if (!res.url)

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

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from "react";
 import { Card } from "@flowselections/core";
 import { Loader2 } from "lucide-react";
-import { ArtikelWizard } from "./ArtikelWizard";
-import { ProductCustomFieldsCard } from "./ProductCustomFieldsCard";
-import { TrayStickerCard } from "./TrayStickerCard";
-import { supabase } from "../../integrations/supabase/client";
+import { ArtikelWizard } from "./ArtikelWizard.js";
+import { ProductCustomFieldsCard } from "./ProductCustomFieldsCard.js";
+import { TrayStickerCard } from "./TrayStickerCard.js";
+import { supabase } from "../../integrations/supabase/client.js";
 export function EditArtikelPage({ id, resumeJobId, }) {
     const [resolved, setResolved] = useState(null);
     useEffect(() => {

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

@@ -1,4 +1,4 @@
-import type { TradeItem } from "../../lib/floriday-client";
+import type { TradeItem } from "../../lib/floriday-client.js";
 export declare function ExcelExportButton({ items, filename, onExported, }: {
     items: TradeItem[];
     filename?: string;

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as XLSX from "xlsx";
 import { Button, toast } from "@flowselections/core";
 import { Download } from "lucide-react";
-import { ensureArticleCodes } from "../../lib/ensure-article-codes";
+import { ensureArticleCodes } from "../../lib/ensure-article-codes.js";
 export function ExcelExportButton({ items, filename = "voorraad", onExported, }) {
     const handle = async () => {
         let exportItems;

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

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from "react";
 import { Card, CardContent, Badge } from "@flowselections/core";
 import { AlertTriangle, ChevronDown, ChevronRight, ExternalLink } from "lucide-react";
-import { supabase } from "../../integrations/supabase/client";
-import { floridayInfoFromCache, LOAD_CARRIER_LABELS, } from "../../lib/floriday-info";
+import { supabase } from "../../integrations/supabase/client.js";
+import { floridayInfoFromCache, LOAD_CARRIER_LABELS, } from "../../lib/floriday-info.js";
 const floridayLogo = "/flowselections-assets/Voorraad/floriday-logo.png";
 function formatDate(iso) {
     if (!iso)

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

@@ -7,8 +7,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Card, CardContent } from "@flowselections/core";
 import { Send } 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";
 const MODE_LABEL = {
     FOLLOW_ERP: "Volgt ERP",
     MAXIMUM: "Maximum",

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;

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,5 +1,5 @@
-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;

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",

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.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/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.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.

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.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.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.
  */

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.
  */

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

@@ -1,4 +1,4 @@
-import type { PackingConfigurationInput } from "../../lib/floriday-payload";
+import type { PackingConfigurationInput } from "../../lib/floriday-payload.js";
 interface Props {
     productId: string | null;
     floridayId: string | null;

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

@@ -2,7 +2,7 @@ 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;

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

@@ -1,4 +1,4 @@
-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;

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

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

@@ -7,7 +7,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Card } from "@flowselections/core";
 import { CartesianGrid, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis, } from "recharts";
-import { supabase } from "../../integrations/supabase/client";
+import { supabase } from "../../integrations/supabase/client.js";
 export function StockHistoryChart({ connectionId }) {
     const [points, setPoints] = useState([]);
     const [loading, setLoading] = useState(false);

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

@@ -7,7 +7,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { AlertOctagon } from "lucide-react";
 import { toast } from "sonner";
-import { supabase } from "../../integrations/supabase/client";
+import { supabase } from "../../integrations/supabase/client.js";
 const keyToProductId = (k) => k.replace(/^product:/, "");
 function label(it, names) {
     const found = names.get(it.trade_item_key);

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

@@ -7,8 +7,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from "react";
 import { Card, CardContent, Badge, Button } from "@flowselections/core";
 import { ChevronDown, ChevronUp, Loader2, History } from "lucide-react";
-import { supabase } from "../../integrations/supabase/client";
-import { CollapsibleText } from "./CollapsibleText";
+import { supabase } from "../../integrations/supabase/client.js";
+import { CollapsibleText } from "./CollapsibleText.js";
 const TYPE_LABEL = {
     consumption: { label: "Afboeking (verkoop)", tone: "bg-rose-100 text-rose-800 border-rose-200" },
     consumption_blocked: { label: "Afboeking geblokkeerd", tone: "bg-amber-100 text-amber-800 border-amber-200" },

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

@@ -13,9 +13,9 @@ import { useServerFn } from "@tanstack/react-start";
 import { toast } from "sonner";
 import { ChevronDown, ChevronRight, RefreshCw, Send } from "lucide-react";
 import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
-import { supabase } from "../../integrations/supabase/client";
-import { useStockPushJobs, useCentralAuthBlockade } from "../../hooks/useStockPushJobs";
-import { enqueueTestStockPush } from "../../lib/stock-sync.functions";
+import { supabase } from "../../integrations/supabase/client.js";
+import { useStockPushJobs, useCentralAuthBlockade } from "../../hooks/useStockPushJobs.js";
+import { enqueueTestStockPush } from "../../lib/stock-sync.functions.js";
 const UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
 /** Een verwerker houdt een regel maximaal 5 minuten vast. */
 const LOCK_STALE_MS = 5 * 60000;

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

@@ -8,8 +8,8 @@ import { AlertTriangle, RotateCw } from "lucide-react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { toast } from "sonner";
-import { useStockSyncHealth } from "../../hooks/useStockSyncHealth";
-import { retryFailedStockSync } from "../../lib/stock-sync.functions";
+import { useStockSyncHealth } from "../../hooks/useStockSyncHealth.js";
+import { retryFailedStockSync } from "../../lib/stock-sync.functions.js";
 export function StockSyncStatus() {
     const { data } = useStockSyncHealth();
     const queryClient = useQueryClient();

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

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useEffect, useState } from "react";
 import { ShieldAlert } from "lucide-react";
-import { supabase } from "../../integrations/supabase/client";
+import { supabase } from "../../integrations/supabase/client.js";
 export function SupplyReadScopeAlert() {
     const [run, setRun] = useState(null);
     useEffect(() => {

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

@@ -1,4 +1,4 @@
-import type { TradeItem } from "../../lib/floriday-client";
+import type { TradeItem } from "../../lib/floriday-client.js";
 /**
  * Overzicht van producten die (nog) niet actief op Floriday staan. Er is geen concept-status
  * meer — het gaat puur om welke Floriday-velden ontbreken en of het product klaar is om te

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

@@ -3,10 +3,10 @@ import { useMemo, useState } from "react";
 import { useNavigate } from "@tanstack/react-router";
 import { Badge, Button } from "@flowselections/core";
 import { Link2, Loader2, Pencil, Send } from "lucide-react";
-import { validateDraftForPublish } from "../../lib/floriday-import-validator";
-import { updateDraftMeta } from "../../hooks/useLocalTradeItems";
-import { floriday } from "../../lib/floriday-client";
-import { relinkProducts } from "../../lib/floriday-relink";
+import { validateDraftForPublish } from "../../lib/floriday-import-validator.js";
+import { updateDraftMeta } from "../../hooks/useLocalTradeItems.js";
+import { floriday } from "../../lib/floriday-client.js";
+import { relinkProducts } from "../../lib/floriday-relink.js";
 import { toast } from "@flowselections/core";
 /**
  * Overzicht van producten die (nog) niet actief op Floriday staan. Er is geen concept-status
@@ -59,7 +59,7 @@ export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
             return;
         }
         try {
-            const { buildAddTradeItemPayload } = await import("../../lib/floriday-payload");
+            const { buildAddTradeItemPayload } = await import("../../lib/floriday-payload.js");
             const built = buildAddTradeItemPayload(payload);
             const res = await floriday.createTradeItem(connectionId, built);
             await updateDraftMeta(productId, {

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

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from "@tanstack/react-router";
 import { Card } from "@flowselections/core";
 import { ArrowLeft } from "lucide-react";
-import { useFloridayConnection } from "../../hooks/useFloridayConnection";
-import { useVoorraadData } from "../../hooks/useVoorraadData";
-import { ValidationOverviewTable } from "./ValidationOverviewTable";
+import { useFloridayConnection } from "../../hooks/useFloridayConnection.js";
+import { useVoorraadData } from "../../hooks/useVoorraadData.js";
+import { ValidationOverviewTable } from "./ValidationOverviewTable.js";
 export function ValidationPage() {
     const { activeId } = useFloridayConnection();
     const { items, loading, reload } = useVoorraadData(activeId);

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

@@ -3,20 +3,20 @@ import { useEffect, useMemo, useState } from "react";
 import { Link } from "@tanstack/react-router";
 import { Button, Card, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, useAuthState, } from "@flowselections/core";
 import { AlertTriangle, CheckCircle2, FileText, PackageX, Plus, Search, } from "lucide-react";
-import { useFloridayConnection } from "../../hooks/useFloridayConnection";
-import { supabase } from "../../integrations/supabase/client";
-import { useVoorraadData } from "../../hooks/useVoorraadData";
-import { StockSyncStatus } from "./StockSyncStatus";
-import { StockIntegrityAlert } from "./StockIntegrityAlert";
-import { SupplyReadScopeAlert } from "./SupplyReadScopeAlert";
-import { StockPushMonitor } from "./StockPushMonitor";
-import { ExcelExportButton } from "./ExcelExportButton";
-import { StockBulkButtons } from "./StockBulkButtons";
-import { VoorraadTable } from "./VoorraadTable";
-import { VoorraadPagination } from "./VoorraadPagination";
-import { StockHistoryChart } from "./StockHistoryChart";
-import { InventorySettingsDrawer } from "./InventorySettingsDrawer";
-import { useInventorySettings } from "../../hooks/useInventorySettings";
+import { useFloridayConnection } from "../../hooks/useFloridayConnection.js";
+import { supabase } from "../../integrations/supabase/client.js";
+import { useVoorraadData } from "../../hooks/useVoorraadData.js";
+import { StockSyncStatus } from "./StockSyncStatus.js";
+import { StockIntegrityAlert } from "./StockIntegrityAlert.js";
+import { SupplyReadScopeAlert } from "./SupplyReadScopeAlert.js";
+import { StockPushMonitor } from "./StockPushMonitor.js";
+import { ExcelExportButton } from "./ExcelExportButton.js";
+import { StockBulkButtons } from "./StockBulkButtons.js";
+import { VoorraadTable } from "./VoorraadTable.js";
+import { VoorraadPagination } from "./VoorraadPagination.js";
+import { StockHistoryChart } from "./StockHistoryChart.js";
+import { InventorySettingsDrawer } from "./InventorySettingsDrawer.js";
+import { useInventorySettings } from "../../hooks/useInventorySettings.js";
 function isLinkedToFloriday(i) {
     return Boolean(i.floridayId) || i.source === "published";
 }

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

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 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, stockKeysFor } from "../../hooks/useTradeItemStock";
-import { supabase } from "../../integrations/supabase/client";
-import { FloridaySentCard } from "./FloridaySentCard";
+import { useTradeItemStock, stockKeysFor } from "../../hooks/useTradeItemStock.js";
+import { supabase } from "../../integrations/supabase/client.js";
+import { FloridaySentCard } from "./FloridaySentCard.js";
 export function VoorraadStockCard({ connectionId, tradeItemId, draftId, productId }) {
     const keys = stockKeysFor({
         tradeItemId,

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

@@ -1,5 +1,5 @@
-import type { TradeItem } from "../../lib/floriday-client";
-import type { InventorySetting } from "../../hooks/useInventorySettings";
+import type { TradeItem } from "../../lib/floriday-client.js";
+import type { InventorySetting } from "../../hooks/useInventorySettings.js";
 /** Sleutel waarmee een rij aan zijn Floriday-voorraadinstelling wordt gekoppeld. */
 export declare function settingKeyOf(item: TradeItem): string | null;
 export declare function VoorraadTable({ items, loading, settingsByKey, selected, onToggleSelect, onToggleAll, onOpenSettings, }: {