PO logic

client/src/modules/purchasing/PurchaseFormPage.tsx

@@ -1,4 +1,4 @@
-import type { InventoryItemOptionDto, PurchaseLineInput, PurchaseOrderInput, PurchaseVendorOptionDto } from "@mrp/shared";
+import type { InventoryItemOptionDto, PurchaseLineInput, PurchaseOrderInput, PurchaseVendorOptionDto, SalesOrderPlanningDto, SalesOrderPlanningNodeDto } from "@mrp/shared";
 import { useEffect, useState } from "react";
 import { Link, useNavigate, useParams, useSearchParams } from "react-router-dom";
 
@@ -13,6 +13,8 @@ export function PurchaseFormPage({ mode }: { mode: "create" | "edit" }) {
   const { orderId } = useParams();
   const [searchParams] = useSearchParams();
   const seededVendorId = searchParams.get("vendorId");
+  const planningOrderId = searchParams.get("planningOrderId");
+  const selectedPlanningItemId = searchParams.get("itemId");
   const [form, setForm] = useState<PurchaseOrderInput>(emptyPurchaseOrderInput);
   const [status, setStatus] = useState(mode === "create" ? "Create a new purchase order." : "Loading purchase order...");
   const [vendors, setVendors] = useState<PurchaseVendorOptionDto[]>([]);
@@ -23,6 +25,14 @@ export function PurchaseFormPage({ mode }: { mode: "create" | "edit" }) {
   const [activeLinePicker, setActiveLinePicker] = useState<number | null>(null);
   const [isSaving, setIsSaving] = useState(false);
 
+  function collectRecommendedPurchaseNodes(node: SalesOrderPlanningNodeDto): SalesOrderPlanningNodeDto[] {
+    const nodes = node.recommendedPurchaseQuantity > 0 ? [node] : [];
+    for (const child of node.children) {
+      nodes.push(...collectRecommendedPurchaseNodes(child));
+    }
+    return nodes;
+  }
+
   const subtotal = form.lines.reduce((sum: number, line: PurchaseLineInput) => sum + line.quantity * line.unitCost, 0);
   const taxAmount = subtotal * (form.taxPercent / 100);
   const total = subtotal + taxAmount + form.freightAmount;
@@ -45,6 +55,75 @@ export function PurchaseFormPage({ mode }: { mode: "create" | "edit" }) {
     api.getInventoryItemOptions(token).then((options) => setItemOptions(options.filter((option: InventoryItemOptionDto) => option.isPurchasable))).catch(() => setItemOptions([]));
   }, [mode, seededVendorId, token]);
 
+  useEffect(() => {
+    if (!token || mode !== "create" || !planningOrderId || itemOptions.length === 0) {
+      return;
+    }
+
+    api.getSalesOrderPlanning(token, planningOrderId)
+      .then((planning: SalesOrderPlanningDto) => {
+        const recommendedNodes = planning.lines.flatMap((line) =>
+          collectRecommendedPurchaseNodes(line.rootNode).map((node) => ({
+            salesOrderLineId: line.lineId,
+            ...node,
+          }))
+        );
+        const filteredNodes = selectedPlanningItemId
+          ? recommendedNodes.filter((node) => node.itemId === selectedPlanningItemId)
+          : recommendedNodes;
+        const recommendedLines = filteredNodes.map((node, index) => {
+          const inventoryItem = itemOptions.find((option) => option.id === node.itemId);
+          return {
+            itemId: node.itemId,
+            description: node.itemName,
+            quantity: node.recommendedPurchaseQuantity,
+            unitOfMeasure: node.unitOfMeasure,
+            unitCost: inventoryItem?.defaultCost ?? 0,
+            salesOrderId: planning.orderId,
+            salesOrderLineId: node.salesOrderLineId,
+            position: (index + 1) * 10,
+          } satisfies PurchaseLineInput;
+        });
+
+        if (recommendedLines.length === 0) {
+          return;
+        }
+
+        const preferredVendorIds = [
+          ...new Set(
+            recommendedLines
+              .map((line) => itemOptions.find((option) => option.id === line.itemId)?.preferredVendorId)
+              .filter((vendorId): vendorId is string => Boolean(vendorId))
+          ),
+        ];
+        const autoVendorId = seededVendorId || (preferredVendorIds.length === 1 ? preferredVendorIds[0] : null);
+
+        setForm((current) => ({
+          ...current,
+          vendorId: current.vendorId || autoVendorId || "",
+          notes: current.notes || `Demand-planning recommendation from sales order ${planning.documentNumber}.`,
+          lines: current.lines.length > 0 ? current.lines : recommendedLines,
+        }));
+        if (autoVendorId) {
+          const autoVendor = vendors.find((vendor) => vendor.id === autoVendorId);
+          if (autoVendor) {
+            setVendorSearchTerm(autoVendor.name);
+          }
+        }
+        setLineSearchTerms((current) =>
+          current.length > 0 ? current : recommendedLines.map((line) => itemOptions.find((option) => option.id === line.itemId)?.sku ?? "")
+        );
+        setStatus(
+          preferredVendorIds.length > 1 && !seededVendorId
+            ? `Loaded ${recommendedLines.length} recommended buy lines from ${planning.documentNumber}. Multiple preferred vendors exist, so confirm the vendor before saving.`
+            : `Loaded ${recommendedLines.length} recommended buy lines from ${planning.documentNumber}.`
+        );
+      })
+      .catch(() => {
+        setStatus("Unable to load demand-planning recommendations.");
+      });
+  }, [itemOptions, mode, planningOrderId, seededVendorId, selectedPlanningItemId, token, vendors]);
+
   useEffect(() => {
     if (!token || mode !== "edit" || !orderId) {
       return;
@@ -59,12 +138,14 @@ export function PurchaseFormPage({ mode }: { mode: "create" | "edit" }) {
           taxPercent: document.taxPercent,
           freightAmount: document.freightAmount,
           notes: document.notes,
-          lines: document.lines.map((line: { itemId: string; description: string; quantity: number; unitOfMeasure: PurchaseLineInput["unitOfMeasure"]; unitCost: number; position: number }) => ({
+          lines: document.lines.map((line: { itemId: string; description: string; quantity: number; unitOfMeasure: PurchaseLineInput["unitOfMeasure"]; unitCost: number; position: number; salesOrderId: string | null; salesOrderLineId: string | null }) => ({
             itemId: line.itemId,
             description: line.description,
             quantity: line.quantity,
             unitOfMeasure: line.unitOfMeasure,
             unitCost: line.unitCost,
+            salesOrderId: line.salesOrderId,
+            salesOrderLineId: line.salesOrderLineId,
             position: line.position,
           })),
         });
@@ -308,6 +389,8 @@ export function PurchaseFormPage({ mode }: { mode: "create" | "edit" }) {
                                     ...line,
                                     itemId: option.id,
                                     description: line.description || option.name,
+                                    salesOrderId: line.salesOrderId ?? null,
+                                    salesOrderLineId: line.salesOrderLineId ?? null,
                                   });
                                   updateLineSearchTerm(index, option.sku);
                                   setActiveLinePicker(null);