@open-mercato/core 0.6.1-develop.3291.1.6fad645fd0 → 0.6.1

package/dist/modules/sales/components/documents/LineItemDialog.js

@@ -19,6 +19,11 @@ import {
 } from "@open-mercato/ui/primitives/dialog";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Input } from "@open-mercato/ui/primitives/input";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle
+} from "@open-mercato/ui/primitives/alert";
 import {
   Select,
   SelectContent,
@@ -133,6 +138,36 @@ function normalizeUnitPriceInputValue(value) {
   if (!Number.isFinite(rounded)) return "";
   return rounded.toString();
 }
+function mapProductOption(item) {
+  const id = typeof item.id === "string" ? item.id : null;
+  if (!id) return null;
+  const productItem = item;
+  const title = typeof item.title === "string" ? item.title : typeof productItem.name === "string" ? productItem.name : id;
+  const sku = typeof productItem.sku === "string" ? productItem.sku : null;
+  const thumbnail = typeof productItem.default_media_url === "string" ? productItem.default_media_url : typeof productItem.defaultMediaUrl === "string" ? productItem.defaultMediaUrl : null;
+  const pricing = typeof productItem.pricing === "object" && productItem.pricing ? productItem.pricing : null;
+  const metadata = typeof productItem.metadata === "object" && productItem.metadata ? productItem.metadata : null;
+  const pricingMeta = pricing;
+  const metaMeta = metadata;
+  const pricingTaxRateId = typeof pricingMeta?.tax_rate_id === "string" && pricingMeta.tax_rate_id.trim().length ? pricingMeta.tax_rate_id.trim() : typeof pricingMeta?.taxRateId === "string" && pricingMeta.taxRateId.trim().length ? pricingMeta.taxRateId.trim() : null;
+  const metaTaxRateId = typeof metaMeta?.taxRateId === "string" && metaMeta.taxRateId.trim().length ? metaMeta.taxRateId.trim() : typeof metaMeta?.tax_rate_id === "string" && metaMeta.tax_rate_id.trim().length ? metaMeta.tax_rate_id.trim() : null;
+  const taxRateValue = normalizeNumber(
+    pricingMeta?.tax_rate ?? pricingMeta?.taxRate ?? productItem.tax_rate ?? productItem.taxRate,
+    Number.NaN
+  );
+  const uomFields = getUomProductFields(item);
+  return {
+    id,
+    title,
+    sku,
+    thumbnailUrl: thumbnail,
+    taxRateId: pricingTaxRateId ?? metaTaxRateId ?? null,
+    taxRate: Number.isFinite(taxRateValue) ? taxRateValue : null,
+    defaultUnit: uomFields.defaultUnit,
+    defaultSalesUnit: uomFields.defaultSalesUnit,
+    defaultSalesUnitQuantity: Number.isFinite(uomFields.defaultSalesUnitQuantity) ? uomFields.defaultSalesUnitQuantity : null
+  };
+}
 function LineItemDialog({
   open,
   kind,
@@ -163,6 +198,7 @@ function LineItemDialog({
   const [taxRates, setTaxRates] = React.useState([]);
   const [lineStatuses, setLineStatuses] = React.useState([]);
   const [unitOptions, setUnitOptions] = React.useState([]);
+  const [deletedCatalogReference, setDeletedCatalogReference] = React.useState(false);
   const [, setLineStatusLoading] = React.useState(false);
   const productOptionsRef = React.useRef(/* @__PURE__ */ new Map());
   const variantOptionsRef = React.useRef(/* @__PURE__ */ new Map());
@@ -228,6 +264,7 @@ function LineItemDialog({
       setVariantOption(null);
       setPriceOptions([]);
       setUnitOptions([]);
+      setDeletedCatalogReference(false);
       setEditingId(null);
       setFormResetKey((prev) => prev + 1);
     },
@@ -272,6 +309,23 @@ function LineItemDialog({
       return [];
     }
   }, []);
+  const loadProductOptionById = React.useCallback(
+    async (productId) => {
+      if (!productId) return null;
+      const response = await apiCall(
+        `/api/catalog/products?id=${encodeURIComponent(productId)}&pageSize=1`,
+        void 0,
+        { fallback: { items: [] } }
+      );
+      const items = Array.isArray(response.result?.items) ? response.result.items : [];
+      const matched = items.find((entry) => entry.id === productId) ?? items[0] ?? null;
+      if (!matched) return null;
+      const option = mapProductOption(matched);
+      if (option) productOptionsRef.current.set(option.id, option);
+      return option;
+    },
+    []
+  );
   const loadProductOptions = React.useCallback(
     async (query) => {
       const params = new URLSearchParams({ pageSize: "8" });
@@ -285,51 +339,21 @@ function LineItemDialog({
       });
       const items = Array.isArray(response.result?.items) ? response.result?.items ?? [] : [];
       const mapped = items.map((item) => {
-        const id = typeof item.id === "string" ? item.id : null;
-        if (!id) return null;
-        const productItem = item;
-        const title = typeof item.title === "string" ? item.title : typeof productItem.name === "string" ? productItem.name : id;
-        const sku = typeof productItem.sku === "string" ? productItem.sku : null;
-        const thumbnail = typeof productItem.default_media_url === "string" ? productItem.default_media_url : typeof productItem.defaultMediaUrl === "string" ? productItem.defaultMediaUrl : null;
-        const pricing = typeof productItem.pricing === "object" && productItem.pricing ? productItem.pricing : null;
-        const metadata = typeof productItem.metadata === "object" && productItem.metadata ? productItem.metadata : null;
-        const pricingMeta = pricing;
-        const metaMeta = metadata;
-        const pricingTaxRateId = typeof pricingMeta?.tax_rate_id === "string" && pricingMeta.tax_rate_id.trim().length ? pricingMeta.tax_rate_id.trim() : typeof pricingMeta?.taxRateId === "string" && pricingMeta.taxRateId.trim().length ? pricingMeta.taxRateId.trim() : null;
-        const metaTaxRateId = typeof metaMeta?.taxRateId === "string" && metaMeta.taxRateId.trim().length ? metaMeta.taxRateId.trim() : typeof metaMeta?.tax_rate_id === "string" && metaMeta.tax_rate_id.trim().length ? metaMeta.tax_rate_id.trim() : null;
-        const taxRateValue = normalizeNumber(
-          pricingMeta?.tax_rate ?? pricingMeta?.taxRate ?? productItem.tax_rate ?? productItem.taxRate,
-          Number.NaN
-        );
-        const uomFields = getUomProductFields(item);
-        const defaultUnit = uomFields.defaultUnit;
-        const defaultSalesUnit = uomFields.defaultSalesUnit;
-        const defaultSalesUnitQuantity = uomFields.defaultSalesUnitQuantity;
+        const option = mapProductOption(item);
+        if (!option) return null;
         return {
-          id,
-          title,
-          subtitle: sku ?? void 0,
-          icon: thumbnail ? /* @__PURE__ */ jsx(
+          id: option.id,
+          title: option.title,
+          subtitle: option.sku ?? void 0,
+          icon: option.thumbnailUrl ? /* @__PURE__ */ jsx(
             "img",
             {
-              src: thumbnail,
-              alt: title,
+              src: option.thumbnailUrl,
+              alt: option.title,
               className: "h-8 w-8 rounded object-cover"
             }
-          ) : buildPlaceholder(title),
-          option: {
-            id,
-            title,
-            sku,
-            thumbnailUrl: thumbnail,
-            taxRateId: pricingTaxRateId ?? metaTaxRateId ?? null,
-            taxRate: Number.isFinite(taxRateValue) ? taxRateValue : null,
-            defaultUnit,
-            defaultSalesUnit,
-            defaultSalesUnitQuantity: Number.isFinite(
-              defaultSalesUnitQuantity
-            ) ? defaultSalesUnitQuantity : null
-          }
+          ) : buildPlaceholder(option.title),
+          option
         };
       }).filter(
         (entry) => Boolean(entry)
@@ -897,6 +921,18 @@ function LineItemDialog({
               setFormValue?.("catalogSnapshot", null);
               setFormValue?.("quantityUnit", null);
             } else {
+              if (deletedCatalogReference) {
+                setDeletedCatalogReference(false);
+                setProductOption(null);
+                setVariantOption(null);
+                setPriceOptions([]);
+                setUnitOptions([]);
+                setFormValue?.("productId", null);
+                setFormValue?.("variantId", null);
+                setFormValue?.("priceId", null);
+                setFormValue?.("catalogSnapshot", null);
+                setFormValue?.("quantityUnit", null);
+              }
               setFormValue?.("unitPrice", "");
               setFormValue?.("priceMode", "gross");
             }
@@ -931,6 +967,27 @@ function LineItemDialog({
           ] });
         }
       },
+      ...deletedCatalogReference ? [
+        {
+          id: "deletedCatalogReference",
+          label: t(
+            "sales.documents.items.deletedCatalogReference.label",
+            "Deleted catalog item"
+          ),
+          type: "custom",
+          layout: "full",
+          component: () => /* @__PURE__ */ jsxs(Alert, { status: "information", style: "lighter", children: [
+            /* @__PURE__ */ jsx(AlertTitle, { children: t(
+              "sales.documents.items.deletedCatalogReference.title",
+              "This catalog item was deleted"
+            ) }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: t(
+              "sales.documents.items.deletedCatalogReference.description",
+              "The saved line data is kept and the line is shown as a custom line. Switch to Catalog item to replace it with an existing product."
+            ) })
+          ] })
+        }
+      ] : [],
       ...!isCustomLine ? [
         {
           id: "productId",
@@ -949,6 +1006,7 @@ function LineItemDialog({
               value: typeof value === "string" ? value : null,
               onChange: (next) => {
                 const selectedOption = next ? productOptionsRef.current.get(next) ?? null : null;
+                if (next) setDeletedCatalogReference(false);
                 setProductOption(selectedOption);
                 setVariantOption(null);
                 setPriceOptions([]);
@@ -1622,6 +1680,7 @@ function LineItemDialog({
     loadProductOptions,
     loadVariantOptions,
     fetchLineStatusItems,
+    deletedCatalogReference,
     priceLoading,
     priceOptions,
     productOption,
@@ -1652,6 +1711,8 @@ function LineItemDialog({
       resetForm();
       return;
     }
+    let cancelled = false;
+    setDeletedCatalogReference(false);
     setEditingId(initialLine.id);
     const nextForm = defaultForm(initialLine.currencyCode ?? currencyCode);
     const meta = initialLine.metadata ?? {};
@@ -1767,18 +1828,72 @@ function LineItemDialog({
       variantOptionsRef.current.set(initialLine.productVariantId, option);
       resolvedVariantOption = option;
     }
-    if (resolvedProductOption) setProductOption(resolvedProductOption);
-    if (resolvedVariantOption) setVariantOption(resolvedVariantOption);
+    if (resolvedProductOption) {
+      setProductOption(resolvedProductOption);
+    } else {
+      setProductOption(null);
+    }
+    if (resolvedVariantOption) {
+      setVariantOption(resolvedVariantOption);
+    } else {
+      setVariantOption(null);
+    }
     const customValues = extractCustomFieldValues(
       initialLine
     );
     const merged = { ...nextForm, ...customValues };
+    const markDeletedCatalogReference = () => {
+      if (cancelled) return;
+      const nextMerged = { ...merged, lineMode: "custom" };
+      setDeletedCatalogReference(true);
+      setProductOption(null);
+      setVariantOption(null);
+      setPriceOptions([]);
+      setUnitOptions([]);
+      setInitialValues(nextMerged);
+      setLineMode("custom");
+      setFormResetKey((prev) => prev + 1);
+    };
     setInitialValues(merged);
     setLineMode(merged.lineMode);
     setFormResetKey((prev) => prev + 1);
     if (initialLine.productId) {
+      void (async () => {
+        try {
+          const currentProduct = await loadProductOptionById(
+            initialLine.productId
+          );
+          if (cancelled) return;
+          if (!currentProduct) {
+            markDeletedCatalogReference();
+            return;
+          }
+          if (merged.lineMode !== "custom") {
+            setProductOption(currentProduct);
+          }
+          if (initialLine.productVariantId) {
+            await loadVariantOptions(
+              initialLine.productId,
+              currentProduct.thumbnailUrl
+            );
+            if (cancelled) return;
+            const currentVariant = variantOptionsRef.current.get(initialLine.productVariantId) ?? null;
+            if (!currentVariant) {
+              markDeletedCatalogReference();
+              return;
+            }
+            if (merged.lineMode !== "custom") {
+              setVariantOption(currentVariant);
+            }
+          }
+          setDeletedCatalogReference(false);
+        } catch (err) {
+          console.error("sales.document.items.verifyCatalogReference", err);
+        }
+      })();
       void loadProductUnits(initialLine.productId, resolvedProductOption).then(
         (options) => {
+          if (cancelled) return;
           const requestedUnit = normalizeUnitCode(nextForm.quantityUnit);
           if (requestedUnit && !options.some((entry) => entry.code === requestedUnit)) {
             setUnitOptions((prev) => [
@@ -1798,12 +1913,17 @@ function LineItemDialog({
       setPriceOptions([]);
       setUnitOptions([]);
     }
+    return () => {
+      cancelled = true;
+    };
   }, [
     currencyCode,
     findTaxRateIdByValue,
     initialLine,
+    loadProductOptionById,
     loadPrices,
     loadProductUnits,
+    loadVariantOptions,
     open,
     resetForm
   ]);