@flowselections/floriday-voorraad 1.0.94 → 1.0.96

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

@@ -1 +1 @@
-{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AA6MA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EACX,SAAS,EACT,WAAW,GACZ,GAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACjB,+BA6uEL"}
+{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AA8MA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EACX,SAAS,EACT,WAAW,GACZ,GAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACjB,+BA0tEL"}

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { saveOwnPackings, packingRowsFromWizard } from "../../lib/product-packings.js";
 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";
@@ -405,11 +406,12 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                                         ? crypto.randomUUID()
                                         : `pk-${Date.now()}`,
                                     source: "VBN",
-                                    loadCarrier: "DANISH_TROLLEY",
+                                    loadCarrier: "",
                                     packagingType: "",
-                                    unitsPerPackage: ppc || 1,
-                                    packagesPerLayer: cpl || 1,
-                                    layersPerLoadCarrier: lpc || 1,
+                                    // Leeg laten wat niet bekend is; nooit aanvullen.
+                                    unitsPerPackage: ppc,
+                                    packagesPerLayer: cpl,
+                                    layersPerLoadCarrier: lpc,
                                     isPrimary: true,
                                     isCustomerSpecific: false,
                                     customerOrganizationIds: [],
@@ -1424,36 +1426,23 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                     if (!item) {
                         throw new Error("Het product kon niet worden teruggelezen");
                     }
-                    // Lokale kopie pas bijwerken nadat de handelsomgeving bevestigd heeft.
-                    try {
-                        await supabase
-                            .from("floriday_trade_items_cache")
-                            .update({
-                            data: item,
-                            fetched_at: new Date().toISOString(),
-                        })
-                            .eq("connection_id", activeId)
-                            .eq("floriday_id", resolvedTradeItemId);
-                    }
-                    catch {
-                        /* wordt automatisch bijgewerkt bij de volgende synchronisatie */
-                    }
+                    // De Floriday-kopie is van Floriday-authenticatie; Voorraad schrijft er nooit in.
                     // Floriday heeft de belading nu bevestigd: direct wegschrijven op
                     // het product, zodat andere modules niet hoeven te wachten op de
                     // 5-minuten-cron. De trigger/cron blijft het vangnet.
                     const targetProductId = productId ?? draftId ?? null;
                     const confirmedPacking = pickPrimaryPacking(item?.packingConfigurations);
-                    if (targetProductId && confirmedPacking) {
+                    if (targetProductId) {
                         try {
                             await writeConfirmedPacking({
                                 productId: targetProductId,
-                                packing: confirmedPacking,
-                                source: "wizard_publish",
+                                connectionId: activeId,
+                                item,
                             });
                             setPackingStatus({
-                                known: true,
-                                confirmedAt: new Date().toISOString(),
-                                source: "wizard_publish",
+                                known: Boolean(confirmedPacking),
+                                confirmedAt: confirmedPacking ? new Date().toISOString() : null,
+                                source: "product_packings:floriday",
                                 packing: confirmedPacking,
                             });
                         }
@@ -1553,6 +1542,10 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
             if (draftFloridayId && data.warehouseId) {
                 await saveWarehousePreference(draftFloridayId, data.warehouseId);
             }
+            // Eigen artikel (zonder Floriday): verpakkingen uit de wizard opslaan.
+            if (newId && !draftFloridayId && !publishedTradeItemId) {
+                await saveOwnPackings(newId, packingRowsFromWizard(data.packingConfigurations));
+            }
             setDraftId(newId);
             toast.success(draftId ? "Artikel bijgewerkt" : "Artikel opgeslagen");
             navigate({ to: "/voorraad" });
@@ -1586,6 +1579,9 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
             });
             if (localId && localId !== draftId)
                 setDraftId(localId);
+            if (localId && !pushTargetId) {
+                await saveOwnPackings(localId, packingRowsFromWizard(snapshot.packingConfigurations));
+            }
         }
         catch (e) {
             const msg = e.message || "Onbekende fout";
@@ -1624,23 +1620,7 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
             if (!res?.attemptId) {
                 throw new Error("Gateway gaf geen attemptId terug");
             }
-            try {
-                const cachePayload = {
-                    ...buildAddTradeItemPayload(snapshot),
-                    tradeItemId: pushTargetId,
-                };
-                await supabase
-                    .from("floriday_trade_items_cache")
-                    .update({
-                    data: cachePayload,
-                    fetched_at: new Date().toISOString(),
-                })
-                    .eq("connection_id", activeId)
-                    .eq("floriday_id", pushTargetId);
-            }
-            catch {
-                /* niet kritiek; sync corrigeert */
-            }
+            // Geen eigen kopie in floriday_trade_items_cache: Floriday-auth vult die.
             if (localId) {
                 await markLocalSyncStatus(localId, {
                     dirty: false,

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

@@ -1 +1 @@
-{"version":3,"file":"FloridayTakeoverPanel.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayTakeoverPanel.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,sBAAsB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAoCvF;AAED,wBAAgB,qBAAqB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAoStF"}
+{"version":3,"file":"FloridayTakeoverPanel.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FloridayTakeoverPanel.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,sBAAsB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAoCvF;AAED,wBAAgB,qBAAqB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,sCAkTtF"}

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

@@ -7,6 +7,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * Toont ook "Floriday leidend voor X, ERP voor Y" en de alleen-lezen-stand
  * (uit Floriday-authenticatie: floriday_write_mode()).
  */
+import { copyPackingsFromFloriday, PACKING_INCOMPLETE_TEXT } from "../../lib/product-packings.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useServerFn } from "@tanstack/react-start";
 import { toast } from "sonner";
@@ -143,11 +144,27 @@ export function FloridayTakeoverPanel({ connectionId }) {
             stock_source: r.stockSource, price_source: r.priceSource, offer_forms: r.forms,
         }));
         const { data, error } = await sb.rpc("floriday_takeover_apply", { p_connection_id: connectionId, p_items: items });
-        setBusy(false);
         if (error) {
+            setBusy(false);
             toast.error("Overnemen is niet gelukt; er is niets veranderd.", { description: error.message });
             return;
         }
+        // Nieuw aangemaakte artikelen: verpakkingen exact uit de Floriday-kopie overnemen.
+        // Bestaande artikelen volgen pas na akkoord op de herstellijst.
+        const createdIds = chosen.filter((r) => r.action === "aanmaken").map((r) => r.tradeItemId);
+        if (createdIds.length) {
+            try {
+                const { data: prods } = await sb.from("products").select("id").in("floriday_trade_item_id", createdIds);
+                const res = await copyPackingsFromFloriday(sb, connectionId, (prods ?? []).map((p) => p.id));
+                if (res.no_packings_in_floriday) {
+                    toast.warning(`${res.no_packings_in_floriday} artikelen hebben in Floriday geen verpakking. ${PACKING_INCOMPLETE_TEXT}.`);
+                }
+            }
+            catch (e) {
+                toast.error("Verpakkingen konden niet worden overgenomen.", { description: e.message });
+            }
+        }
+        setBusy(false);
         toast.success(`${data?.items ?? 0} artikelen overgenomen${data?.created_products ? `, ${data.created_products} nieuw` : ""}.`);
         setRows(null);
         loadRuns();

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":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAgH3D,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,+BA4qBA"}

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

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { positiveIntOrNull, saveOwnPackings } from "../../lib/product-packings.js";
 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";
@@ -26,7 +27,14 @@ const COLUMNS = [
     "Minimum voorraad",
     "Gereserveerde voorraad",
     "Inkomende voorraad",
+    "Fust (VBN-code)",
+    "Ladingdrager",
+    "Stuks per fust",
+    "Fusten per laag",
+    "Lagen per ladingdrager",
 ];
+/** Verpakkingskolommen (alleen eigen artikelen zonder Floriday); leeg blijft leeg. */
+const PACKING_COLUMNS = ["Fust (VBN-code)", "Ladingdrager", "Stuks per fust", "Fusten per laag", "Lagen per ladingdrager"];
 const ACTIVE = ["ontvangen", "bezig", "gestopt"];
 const rpc = (fn, args) => supabase.rpc(fn, args);
 function parseNumber(val) {
@@ -65,6 +73,7 @@ const STATUS_LABEL = {
 };
 export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
     const fileRef = useRef(null);
+    const packingByCode = useRef(new Map());
     const [open, setOpen] = useState(false);
     const [busy, setBusy] = useState(null);
     const [progress, setProgress] = useState(null);
@@ -205,6 +214,7 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
             const wb = XLSX.read(buf, { type: "array" });
             const sheet = wb.Sheets[wb.SheetNames[0]];
             const rows = XLSX.utils.sheet_to_json(sheet, { defval: "" });
+            packingByCode.current = new Map();
             const out = [];
             let existing = 0;
             let fresh = 0;
@@ -245,6 +255,29 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
                     }
                     base[key] = p.value;
                 }
+                if (PACKING_COLUMNS.some((c) => String(row[c] ?? "").trim() !== "")) {
+                    const read = (c) => {
+                        const raw = String(row[c] ?? "").trim();
+                        const v = positiveIntOrNull(raw);
+                        if (raw !== "" && v === null)
+                            throw new Error(`${c}: geen geldig heel getal groter dan 0`);
+                        return v;
+                    };
+                    try {
+                        packingByCode.current.set(code, [{
+                                vbn_package_code: read("Fust (VBN-code)"),
+                                load_carrier: String(row["Ladingdrager"] ?? "").trim() || null,
+                                pieces_per_package: read("Stuks per fust"),
+                                packages_per_layer: read("Fusten per laag"),
+                                layers_per_load_carrier: read("Lagen per ladingdrager"),
+                                is_primary: true,
+                            }]);
+                    }
+                    catch (err) {
+                        out.push({ ...base, error: err.message });
+                        return;
+                    }
+                }
                 const custom = readCustomValues(row);
                 base.custom_values = Object.keys(custom).length ? custom : null;
                 const ex = byCode.get(code);
@@ -344,6 +377,32 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
                 done = data.done_chunks ?? done + 1;
                 setProgress({ done, total, rows: Math.min(done * chunkSize, totalRows), totalRows });
             }
+            // Verpakkingen uit het bestand vastleggen, alleen voor eigen artikelen (zonder Floriday).
+            const packingErrors = [];
+            const codes = [...packingByCode.current.keys()];
+            for (let i = 0; i < codes.length; i += 200) {
+                const part = codes.slice(i, i + 200);
+                const { data: prods } = await supabase
+                    .from("products")
+                    .select("id,article_number,floriday_trade_item_id")
+                    .in("article_number", part);
+                for (const pr of (prods ?? [])) {
+                    if (pr.floriday_trade_item_id)
+                        continue; // Floriday-artikel: verpakking komt uit Floriday
+                    const rows = packingByCode.current.get(String(pr.article_number));
+                    if (!rows)
+                        continue;
+                    try {
+                        await saveOwnPackings(pr.id, rows);
+                    }
+                    catch (err) {
+                        packingErrors.push(`${pr.article_number}: ${err.message}`);
+                    }
+                }
+            }
+            packingByCode.current = new Map();
+            if (packingErrors.length)
+                toast.error(`Verpakking niet opgeslagen bij ${packingErrors.length} artikelen`, { description: packingErrors.slice(0, 5).join("; ") });
             const { data: fin } = await supabase
                 .from("stock_import_runs")
                 .select("updated_rows,created_rows,skipped_rows")

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

@@ -1 +1 @@
-{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AA6EzE,oFAAoF;AACpF,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAE3D;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,aAAa,EACb,QAAQ,EACR,cAAc,EACd,WAAW,EACX,cAAc,GACf,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,+BAuSA"}
+{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AA8EzE,oFAAoF;AACpF,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAE3D;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,aAAa,EACb,QAAQ,EACR,cAAc,EACd,WAAW,EACX,cAAc,GACf,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,+BAwTA"}

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

@@ -7,6 +7,7 @@ import { supabase } from "../../integrations/supabase/client.js";
 import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields.js";
 import { formatCustomValue } from "../../lib/voorraad-custom-fields.js";
 import { InventoryStatusBadge } from "./InventoryStatusBadge.js";
+import { loadIncompletePackingIds, PACKING_INCOMPLETE_TEXT } from "../../lib/product-packings.js";
 import { PRODUCT_TYPE_CLASSES, PRODUCT_TYPE_HELP, PRODUCT_TYPE_LABELS, toStructureType } from "../../lib/product-types.js";
 const columns = [
     { key: "quantity", label: "Liggend" },
@@ -89,6 +90,20 @@ export function settingKeyOf(item) {
 }
 export function VoorraadTable({ items, loading, settingsByKey, selected, onToggleSelect, onToggleAll, onOpenSettings, }) {
     const navigate = useNavigate();
+    // Artikelen zonder volledige primaire verpakking (karindeling kan ze niet plannen).
+    const [incompletePacking, setIncompletePacking] = useState(new Set());
+    const productIdsKey = items.map((i) => i.productId ?? "").join(",");
+    useEffect(() => {
+        let cancelled = false;
+        const ids = items.map((i) => i.productId).filter((x) => Boolean(x));
+        loadIncompletePackingIds(ids)
+            .then((set) => { if (!cancelled)
+            setIncompletePacking(set); })
+            .catch(() => { if (!cancelled)
+            setIncompletePacking(new Set()); });
+        return () => { cancelled = true; };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [productIdsKey]);
     const { fields } = useVoorraadCustomFields();
     const { visible, toggle } = useVisibleColumns();
     const allExtraColumns = fields.filter((f) => f.show_in_columns);
@@ -135,7 +150,7 @@ export function VoorraadTable({ items, loading, settingsByKey, selected, onToggl
                                                 open();
                                             }
                                         }
-                                        : undefined, "aria-label": clickable ? `Bewerk ${item.name}` : undefined, children: [onToggleSelect && (_jsx("td", { className: "p-3", onClick: (e) => e.stopPropagation(), children: _jsx(Checkbox, { checked: settingProductId ? selected?.has(settingProductId) : false, disabled: !settingProductId, onCheckedChange: () => settingProductId && onToggleSelect(settingProductId), "aria-label": `Selecteer ${item.name}` }) })), _jsx("td", { className: "p-2", children: thumbUrl ? (_jsx("img", { src: thumbUrl, alt: item.name, className: "h-10 w-10 rounded object-cover", loading: "lazy" })) : (_jsx("div", { className: "h-10 w-10 rounded bg-muted flex items-center justify-center", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) })) }), _jsxs("td", { className: "p-3", children: [_jsxs("div", { className: "flex flex-col items-start gap-1", children: [_jsx("span", { className: "font-medium text-foreground", children: item.name }), _jsxs("div", { role: "status", "aria-label": floriday
+                                        : undefined, "aria-label": clickable ? `Bewerk ${item.name}` : undefined, children: [onToggleSelect && (_jsx("td", { className: "p-3", onClick: (e) => e.stopPropagation(), children: _jsx(Checkbox, { checked: settingProductId ? selected?.has(settingProductId) : false, disabled: !settingProductId, onCheckedChange: () => settingProductId && onToggleSelect(settingProductId), "aria-label": `Selecteer ${item.name}` }) })), _jsx("td", { className: "p-2", children: thumbUrl ? (_jsx("img", { src: thumbUrl, alt: item.name, className: "h-10 w-10 rounded object-cover", loading: "lazy" })) : (_jsx("div", { className: "h-10 w-10 rounded bg-muted flex items-center justify-center", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) })) }), _jsxs("td", { className: "p-3", children: [_jsxs("div", { className: "flex flex-col items-start gap-1", children: [_jsx("span", { className: "font-medium text-foreground", children: item.name }), item.productId && incompletePacking.has(item.productId) && (_jsx("span", { className: "text-[11px] font-medium text-destructive", children: PACKING_INCOMPLETE_TEXT })), _jsxs("div", { role: "status", "aria-label": floriday
                                                                 ? "Online in Floriday"
                                                                 : "Niet online in Floriday", title: floriday
                                                                 ? "Online in Floriday"