@flowselections/floriday-voorraad 1.0.20 → 1.0.22

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

@@ -0,0 +1,7 @@
+interface Props {
+    productId: string | null;
+    floridayId: string | null;
+}
+export declare function ArtikelCompositionCard({ productId, floridayId }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ArtikelCompositionCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArtikelCompositionCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelCompositionCard.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAqFD,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,KAAK,kDAgNtE"}

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

@@ -0,0 +1,196 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Badge } from "@flowselections/core";
+import { Loader2, Package } from "lucide-react";
+import { supabase } from "../../integrations/supabase/client";
+async function resolveNames(productIds, floridayIds) {
+    const resolved = new Map();
+    const uuidLike = [...productIds, ...floridayIds].filter((v) => /^[0-9a-f-]{36}$/i.test(v));
+    const [prodRes, flRes, draftRes] = await Promise.all([
+        productIds.length
+            ? supabase.from("products").select("id,product,barcode").in("id", productIds)
+            : Promise.resolve({ data: [] }),
+        floridayIds.length
+            ? supabase
+                .from("floriday_trade_items_cache")
+                .select("floriday_id,data")
+                .in("floriday_id", floridayIds)
+            : Promise.resolve({ data: [] }),
+        uuidLike.length
+            ? supabase
+                .from("trade_item_drafts")
+                .select("id,data,floriday_id")
+                .in("id", uuidLike)
+            : Promise.resolve({ data: [] }),
+    ]);
+    (Array.isArray(prodRes.data) ? prodRes.data : []).forEach((p) => {
+        resolved.set(`product:${p.id}`, {
+            name: String(p.product ?? p.id),
+            code: p.barcode ? String(p.barcode) : undefined,
+        });
+    });
+    (Array.isArray(flRes.data) ? flRes.data : []).forEach((n) => {
+        const nm = n.data?.tradeItemName?.nl ??
+            n.data?.tradeItemName?.en ??
+            Object.values(n.data?.tradeItemName ?? {})[0] ??
+            n.floriday_id;
+        const code = n.data?.supplierArticleCode ??
+            n.data?.articleCode ??
+            n.data?.gtin ??
+            undefined;
+        resolved.set(`floriday:${n.floriday_id}`, {
+            name: String(nm),
+            code: code ? String(code) : undefined,
+        });
+    });
+    (Array.isArray(draftRes.data) ? draftRes.data : []).forEach((d) => {
+        const data = d.data ?? {};
+        const nm = data.name || data.vbnName || d.id;
+        const code = data.articleCode || data.gtin || undefined;
+        resolved.set(`draft:${d.id}`, {
+            name: String(nm),
+            code: code ? String(code) : undefined,
+        });
+    });
+    return { resolved };
+}
+export function ArtikelCompositionCard({ productId, floridayId }) {
+    const [loading, setLoading] = useState(true);
+    const [sections, setSections] = useState([]);
+    useEffect(() => {
+        let cancelled = false;
+        (async () => {
+            setLoading(true);
+            const out = [];
+            // ---- Productgroep ----
+            let groupQ = supabase
+                .from("product_groups")
+                .select("id,name,description")
+                .limit(1);
+            if (productId && floridayId) {
+                groupQ = groupQ.or(`head_product_id.eq.${productId},head_trade_item_floriday_id.eq.${floridayId}`);
+            }
+            else if (productId) {
+                groupQ = groupQ.eq("head_product_id", productId);
+            }
+            else if (floridayId) {
+                groupQ = groupQ.eq("head_trade_item_floriday_id", floridayId);
+            }
+            else {
+                groupQ = groupQ.eq("id", "00000000-0000-0000-0000-000000000000");
+            }
+            const groupRes = await groupQ.maybeSingle();
+            if (groupRes.data) {
+                const group = groupRes.data;
+                const { data: pgi } = await supabase
+                    .from("product_group_items")
+                    .select("id,trade_item_id,quantity,sort_order")
+                    .eq("product_group_id", group.id)
+                    .order("sort_order", { ascending: true });
+                const items = Array.isArray(pgi) ? pgi : [];
+                const tradeIds = items.map((i) => String(i.trade_item_id));
+                const uuidIds = tradeIds.filter((v) => /^[0-9a-f-]{36}$/i.test(v));
+                const nonUuidIds = tradeIds.filter((v) => !/^[0-9a-f-]{36}$/i.test(v));
+                // uuid → could be either product uuid or a floriday uuid. Look both up.
+                const { resolved } = await resolveNames(uuidIds, [...uuidIds, ...nonUuidIds]);
+                const rows = items.map((i) => {
+                    const id = String(i.trade_item_id);
+                    const r = resolved.get(`floriday:${id}`) ??
+                        resolved.get(`product:${id}`) ??
+                        resolved.get(`draft:${id}`);
+                    return {
+                        key: i.id,
+                        refId: id,
+                        name: r?.name ?? id,
+                        code: r?.code,
+                        quantity: i.quantity ?? undefined,
+                        kind: "artikel",
+                    };
+                });
+                out.push({
+                    kind: "productgroep",
+                    title: `Productgroep: ${group.name}`,
+                    description: group.description || `${rows.length} artikelen in deze productgroep`,
+                    rows,
+                });
+            }
+            // ---- Samenstelling (BOM) ----
+            let bomQ = supabase
+                .from("product_bom_items")
+                .select("id,component_product_id,component_trade_item_floriday_id,quantity,unit,notes,sort_order")
+                .order("sort_order", { ascending: true });
+            if (productId && floridayId) {
+                bomQ = bomQ.or(`parent_product_id.eq.${productId},parent_trade_item_floriday_id.eq.${floridayId}`);
+            }
+            else if (productId) {
+                bomQ = bomQ.eq("parent_product_id", productId);
+            }
+            else if (floridayId) {
+                bomQ = bomQ.eq("parent_trade_item_floriday_id", floridayId);
+            }
+            else {
+                bomQ = bomQ.eq("id", "00000000-0000-0000-0000-000000000000");
+            }
+            const bomRes = await bomQ;
+            const bomItems = Array.isArray(bomRes.data) ? bomRes.data : [];
+            if (bomItems.length > 0) {
+                const prodIds = bomItems
+                    .map((r) => r.component_product_id)
+                    .filter((v) => Boolean(v));
+                const flIds = bomItems
+                    .map((r) => r.component_trade_item_floriday_id)
+                    .filter((v) => Boolean(v));
+                const { resolved } = await resolveNames(prodIds, flIds);
+                const rows = bomItems.map((r) => {
+                    if (r.component_product_id) {
+                        const id = String(r.component_product_id);
+                        const res = resolved.get(`product:${id}`) ?? resolved.get(`draft:${id}`);
+                        return {
+                            key: r.id,
+                            refId: id,
+                            name: res?.name ?? id,
+                            code: res?.code,
+                            quantity: r.quantity ?? undefined,
+                            unit: r.unit ?? null,
+                            detail: r.notes ?? undefined,
+                            kind: "artikel",
+                        };
+                    }
+                    const id = String(r.component_trade_item_floriday_id ?? "");
+                    const res = resolved.get(`floriday:${id}`) ?? resolved.get(`draft:${id}`);
+                    return {
+                        key: r.id,
+                        refId: id,
+                        name: res?.name ?? id,
+                        code: res?.code,
+                        quantity: r.quantity ?? undefined,
+                        unit: r.unit ?? null,
+                        detail: r.notes ?? undefined,
+                        kind: "artikel",
+                    };
+                });
+                out.push({
+                    kind: "samenstelling",
+                    title: "Samenstelling",
+                    description: `${rows.length} onderdelen in dit ontworpen product`,
+                    rows,
+                });
+            }
+            if (!cancelled) {
+                setSections(out);
+                setLoading(false);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [productId, floridayId]);
+    if (loading) {
+        return (_jsx(Card, { children: _jsxs(CardContent, { className: "flex items-center gap-2 py-4 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Samenstelling laden\u2026"] }) }));
+    }
+    if (sections.length === 0)
+        return null;
+    return (_jsx(_Fragment, { children: sections.map((s) => (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx(CardTitle, { children: s.title }), _jsx(Badge, { className: s.kind === "productgroep"
+                                        ? "bg-indigo-500/15 text-indigo-700 border-indigo-500/30"
+                                        : "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: s.kind === "productgroep" ? "Productgroep" : "Samenstelling" })] }), _jsx(CardDescription, { children: s.description })] }), _jsx(CardContent, { children: s.rows.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground py-4 text-center", children: "Nog geen onderdelen toegevoegd." })) : (_jsx("ul", { className: "divide-y", children: s.rows.map((r) => (_jsxs("li", { className: "flex items-center gap-3 py-2", children: [_jsx("div", { className: "h-8 w-8 rounded bg-muted flex items-center justify-center shrink-0", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-medium text-sm truncate", children: r.name }), r.code && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.code })), r.detail && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.detail }))] }), r.quantity !== undefined && r.quantity !== null && (_jsxs("div", { className: "text-sm tabular-nums text-muted-foreground shrink-0", children: [r.quantity, r.unit ? ` ${r.unit}` : ""] }))] }, r.key))) })) })] }, s.kind))) }));
+}

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

@@ -1,5 +1,6 @@
-export declare function ArtikelWizard({ draftId: initialDraftId, tradeItemId, }?: {
+export declare function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId, }?: {
     draftId?: string;
     tradeItemId?: string;
+    productId?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ArtikelWizard.d.ts.map

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":"AAiJA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,GACZ,GAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAO,2CA+/BjD"}
+{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AAoJA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EACX,SAAS,GACV,GAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,2CA8lCrE"}