@flowselections/floriday-voorraad 1.0.16 → 1.0.18

package/dist-lib/hooks/useTradeItemSupplyLine.js

@@ -0,0 +1,49 @@
+import { useEffect } from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { supabase } from "../integrations/supabase/client";
+/**
+ * Leest de meest recente supply-line voor een trade item en luistert realtime
+ * op wijzigingen zodat de UI direct meebeweegt na een push naar Floriday.
+ */
+export function useTradeItemSupplyLine(tradeItemId) {
+    const queryClient = useQueryClient();
+    const key = ["trade-item-supply-line", tradeItemId];
+    const query = useQuery({
+        queryKey: key,
+        enabled: Boolean(tradeItemId),
+        queryFn: async () => {
+            if (!tradeItemId)
+                return null;
+            const { data, error } = await supabase
+                .from("trade_item_supply_lines")
+                .select("id,supply_line_id,trade_item_id,price_per_piece,currency,available_quantity,period_start,period_end,packing_configuration_id,endpoint_family,year,week,updated_at")
+                .eq("trade_item_id", tradeItemId)
+                .order("updated_at", { ascending: false })
+                .limit(1)
+                .maybeSingle();
+            if (error)
+                throw error;
+            return data ?? null;
+        },
+    });
+    useEffect(() => {
+        if (!tradeItemId)
+            return;
+        const channel = supabase
+            .channel(`supply-line:${tradeItemId}`)
+            .on("postgres_changes", {
+            event: "*",
+            schema: "public",
+            table: "trade_item_supply_lines",
+            filter: `trade_item_id=eq.${tradeItemId}`,
+        }, () => {
+            queryClient.invalidateQueries({ queryKey: key });
+        })
+            .subscribe();
+        return () => {
+            supabase.removeChannel(channel);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [tradeItemId]);
+    return query;
+}

package/dist-lib/hooks/useVoorraadData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAkD5E;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EA6E1D"}
+{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAkD5E;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EA4H1D"}

package/dist-lib/hooks/useVoorraadData.js

@@ -74,7 +74,7 @@ export function useVoorraadData(connectionId) {
                 supabase
                     .from("products")
                     .select("id,product,barcode,image_url,trade_item_key")
-                    .like("trade_item_key", "product:%")
+                    .or("trade_item_key.is.null,trade_item_key.like.product:%")
                     .limit(1000),
                 fetchStockMap(connectionId),
             ]);
@@ -102,12 +102,44 @@ export function useVoorraadData(connectionId) {
     useEffect(() => {
         loadPublished();
     }, [loadPublished]);
+    // Realtime: refresh stock map whenever any trade_item_stock row for this
+    // connection changes (insert/update/delete). Keeps Voorraad in sync with
+    // reservations, order completions, wizard saves, imports, etc.
+    useEffect(() => {
+        if (!connectionId)
+            return;
+        const channel = supabase
+            .channel(`voorraad-stock-${connectionId}`)
+            .on("postgres_changes", {
+            event: "*",
+            schema: "public",
+            table: "trade_item_stock",
+            filter: `connection_id=eq.${connectionId}`,
+        }, () => {
+            fetchStockMap(connectionId).then(setStockMap).catch(() => { });
+        })
+            .on("postgres_changes", { event: "*", schema: "public", table: "products" }, () => {
+            loadPublished();
+        })
+            .on("postgres_changes", { event: "*", schema: "public", table: "floriday_trade_items_cache", filter: `connection_id=eq.${connectionId}` }, () => {
+            loadPublished();
+        })
+            .subscribe();
+        return () => {
+            supabase.removeChannel(channel);
+        };
+    }, [connectionId, loadPublished]);
     const reload = useCallback(async () => {
         await Promise.all([loadPublished(), reloadLocal()]);
     }, [loadPublished, reloadLocal]);
+    const linkedProductIds = new Set(localItems
+        .map((i) => i.productId)
+        .filter((id) => Boolean(id)));
     const merged = [
-        ...erpItems.map((i) => applyStock(i, stockMap.get(i.tradeItemKey ?? ""))),
-        ...localItems.map((i) => applyStock(i, stockMap.get(i.localId ? `draft:${i.localId}` : ""))),
+        ...erpItems
+            .filter((i) => !i.productId || !linkedProductIds.has(i.productId))
+            .map((i) => applyStock(i, stockMap.get(i.tradeItemKey ?? ""))),
+        ...localItems.map((i) => applyStock(i, stockMap.get(i.tradeItemKey ?? (i.localId ? `draft:${i.localId}` : "")))),
         ...publishedItems.map((i) => applyStock(i, stockMap.get(i.id))),
     ];
     return {