@open-mercato/core 0.4.5-develop-f4858e0ef3 → 0.4.5-develop-4849712ccb

package/dist/modules/sales/commands/shared.js

@@ -1,4 +1,5 @@
 import { CrudHttpError } from "@open-mercato/shared/lib/crud/errors";
+import { findOneWithDecryption } from "@open-mercato/shared/lib/encryption/find";
 import { assertFound } from "@open-mercato/shared/lib/crud/errors";
 import { ensureOrganizationScope, ensureSameScope, ensureTenantScope } from "@open-mercato/shared/lib/commands/scope";
 import { extractUndoPayload } from "@open-mercato/shared/lib/commands/undo";
@@ -10,8 +11,11 @@ function toNumericString(value) {
   if (value === void 0 || value === null) return null;
   return value.toString();
 }
-async function requireScopedEntity(em, entityClass, id, message) {
-  const entity = await em.findOne(entityClass, { id, deletedAt: null });
+async function requireScopedEntity(em, entityClass, id, message, scope = { organizationId: null, tenantId: null }) {
+  const where = { id, deletedAt: null };
+  if (scope.organizationId) where.organizationId = scope.organizationId;
+  if (scope.tenantId) where.tenantId = scope.tenantId;
+  const entity = await findOneWithDecryption(em, entityClass, where, {}, scope);
   if (!entity) throw new CrudHttpError(404, { error: message });
   return entity;
 }

package/dist/modules/sales/commands/shared.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/sales/commands/shared.ts"],
-  "sourcesContent": ["import type { EntityManager } from '@mikro-orm/postgresql'\nimport { CrudHttpError } from '@open-mercato/shared/lib/crud/errors'\nimport type { CommandRuntimeContext } from '@open-mercato/shared/lib/commands'\nexport { assertFound } from '@open-mercato/shared/lib/crud/errors'\nexport { ensureOrganizationScope, ensureSameScope, ensureTenantScope } from '@open-mercato/shared/lib/commands/scope'\nexport { extractUndoPayload } from '@open-mercato/shared/lib/commands/undo'\n\nexport function cloneJson<T>(value: T): T {\n  if (value === null || value === undefined) return value\n  return JSON.parse(JSON.stringify(value)) as T\n}\n\nexport function toNumericString(value: number | null | undefined): string | null {\n  if (value === undefined || value === null) return null\n  return value.toString()\n}\n\nexport async function requireScopedEntity<T extends { id: string; deletedAt?: Date | null }>(\n  em: EntityManager,\n  entityClass: { new (): T },\n  id: string,\n  message: string\n): Promise<T> {\n  const entity = await em.findOne(entityClass, { id, deletedAt: null })\n  if (!entity) throw new CrudHttpError(404, { error: message })\n  return entity\n}\n"],
-  "mappings": "AACA,SAAS,qBAAqB;AAE9B,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB,iBAAiB,yBAAyB;AAC5E,SAAS,0BAA0B;AAE5B,SAAS,UAAa,OAAa;AACxC,MAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,SAAO,KAAK,MAAM,KAAK,UAAU,KAAK,CAAC;AACzC;AAEO,SAAS,gBAAgB,OAAiD;AAC/E,MAAI,UAAU,UAAa,UAAU,KAAM,QAAO;AAClD,SAAO,MAAM,SAAS;AACxB;AAEA,eAAsB,oBACpB,IACA,aACA,IACA,SACY;AACZ,QAAM,SAAS,MAAM,GAAG,QAAQ,aAAa,EAAE,IAAI,WAAW,KAAK,CAAC;AACpE,MAAI,CAAC,OAAQ,OAAM,IAAI,cAAc,KAAK,EAAE,OAAO,QAAQ,CAAC;AAC5D,SAAO;AACT;",
+  "sourcesContent": ["import type { EntityManager } from '@mikro-orm/postgresql'\nimport { CrudHttpError } from '@open-mercato/shared/lib/crud/errors'\nimport { findOneWithDecryption } from '@open-mercato/shared/lib/encryption/find'\nimport type { CommandRuntimeContext } from '@open-mercato/shared/lib/commands'\nexport { assertFound } from '@open-mercato/shared/lib/crud/errors'\nexport { ensureOrganizationScope, ensureSameScope, ensureTenantScope } from '@open-mercato/shared/lib/commands/scope'\nexport { extractUndoPayload } from '@open-mercato/shared/lib/commands/undo'\n\nexport function cloneJson<T>(value: T): T {\n  if (value === null || value === undefined) return value\n  return JSON.parse(JSON.stringify(value)) as T\n}\n\nexport function toNumericString(value: number | null | undefined): string | null {\n  if (value === undefined || value === null) return null\n  return value.toString()\n}\n\nexport async function requireScopedEntity<T extends { id: string; deletedAt?: Date | null }>(\n  em: EntityManager,\n  entityClass: { new (): T },\n  id: string,\n  message: string,\n  scope: { organizationId: string | null; tenantId: string | null } = { organizationId: null, tenantId: null },\n): Promise<T> {\n  const where: Record<string, unknown> = { id, deletedAt: null }\n  if (scope.organizationId) where.organizationId = scope.organizationId\n  if (scope.tenantId) where.tenantId = scope.tenantId\n  const entity = await findOneWithDecryption(em, entityClass, where, {}, scope)\n  if (!entity) throw new CrudHttpError(404, { error: message })\n  return entity\n}\n"],
+  "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AAEtC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB,iBAAiB,yBAAyB;AAC5E,SAAS,0BAA0B;AAE5B,SAAS,UAAa,OAAa;AACxC,MAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,SAAO,KAAK,MAAM,KAAK,UAAU,KAAK,CAAC;AACzC;AAEO,SAAS,gBAAgB,OAAiD;AAC/E,MAAI,UAAU,UAAa,UAAU,KAAM,QAAO;AAClD,SAAO,MAAM,SAAS;AACxB;AAEA,eAAsB,oBACpB,IACA,aACA,IACA,SACA,QAAoE,EAAE,gBAAgB,MAAM,UAAU,KAAK,GAC/F;AACZ,QAAM,QAAiC,EAAE,IAAI,WAAW,KAAK;AAC7D,MAAI,MAAM,eAAgB,OAAM,iBAAiB,MAAM;AACvD,MAAI,MAAM,SAAU,OAAM,WAAW,MAAM;AAC3C,QAAM,SAAS,MAAM,sBAAsB,IAAI,aAAa,OAAO,CAAC,GAAG,KAAK;AAC5E,MAAI,CAAC,OAAQ,OAAM,IAAI,cAAc,KAAK,EAAE,OAAO,QAAQ,CAAC;AAC5D,SAAO;AACT;",
   "names": []
 }

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

@@ -20,6 +20,42 @@ import { emitSalesDocumentTotalsRefresh } from "@open-mercato/core/modules/sales
 import { LineItemDialog } from "./LineItemDialog.js";
 import { formatMoney, normalizeNumber } from "./lineItemUtils.js";
 import { extractCustomFieldValues } from "./customFieldHelpers.js";
+import { canonicalizeUnitCode } from "@open-mercato/shared/lib/units/unitCodes";
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isSalesLineUomSnapshot(value) {
+  if (!isPlainObject(value)) return false;
+  return value.version === 1 && typeof value.enteredQuantity === "string" && typeof value.toBaseFactor === "string" && typeof value.normalizedQuantity === "string";
+}
+function extractUomSnapshot(item) {
+  const raw = item.uom_snapshot ?? item.uomSnapshot;
+  if (isSalesLineUomSnapshot(raw)) return raw;
+  return null;
+}
+function resolveUnitPriceReference(snapshot) {
+  if (!snapshot) return null;
+  const ref = isSalesLineUomSnapshot(snapshot) ? snapshot.unitPriceReference : isPlainObject(snapshot) ? isPlainObject(snapshot.unitPriceReference) ? snapshot.unitPriceReference : isPlainObject(snapshot.unit_price_reference) ? snapshot.unit_price_reference : null : null;
+  if (!ref || !isPlainObject(ref)) return null;
+  const refRecord = ref;
+  const grossPerReference = normalizeNumber(
+    refRecord.grossPerReference ?? refRecord.gross_per_reference,
+    Number.NaN
+  );
+  if (!Number.isFinite(grossPerReference)) return null;
+  const referenceUnitCode = typeof refRecord.referenceUnitCode === "string" ? refRecord.referenceUnitCode : typeof refRecord.reference_unit_code === "string" ? refRecord.reference_unit_code : typeof refRecord.referenceUnit === "string" ? refRecord.referenceUnit : null;
+  if (!referenceUnitCode) return null;
+  return { grossPerReference, referenceUnitCode };
+}
+function getUomFields(item) {
+  const uomSnapshot = extractUomSnapshot(item);
+  return {
+    normalizedQuantity: item.normalized_quantity ?? item.normalizedQuantity ?? null,
+    normalizedUnit: item.normalized_unit ?? item.normalizedUnit ?? null,
+    quantityUnit: item.quantity_unit ?? item.quantityUnit ?? null,
+    uomSnapshot
+  };
+}
 function SalesDocumentItemsSection({
   documentId,
   kind,
@@ -38,9 +74,13 @@ function SalesDocumentItemsSection({
   const [loading, setLoading] = React.useState(false);
   const [error, setError] = React.useState(null);
   const [dialogOpen, setDialogOpen] = React.useState(false);
-  const [lineForEdit, setLineForEdit] = React.useState(null);
+  const [lineForEdit, setLineForEdit] = React.useState(
+    null
+  );
   const [lineStatusMap, setLineStatusMap] = React.useState({});
-  const [shippedTotals, setShippedTotals] = React.useState(/* @__PURE__ */ new Map());
+  const [shippedTotals, setShippedTotals] = React.useState(
+    /* @__PURE__ */ new Map()
+  );
   const resourcePath = React.useMemo(
     () => kind === "order" ? "sales/order-lines" : "sales/quote-lines",
     [kind]
@@ -52,11 +92,9 @@ function SalesDocumentItemsSection({
   const loadLineStatuses = React.useCallback(async () => {
     try {
       const params = new URLSearchParams({ page: "1", pageSize: "100" });
-      const response = await apiCall(
-        `/api/sales/order-line-statuses?${params.toString()}`,
-        void 0,
-        { fallback: { items: [] } }
-      );
+      const response = await apiCall(`/api/sales/order-line-statuses?${params.toString()}`, void 0, {
+        fallback: { items: [] }
+      });
       const entries = normalizeDictionaryEntries(response.result?.items ?? []);
       setLineStatusMap(createDictionaryMap(entries));
     } catch (err) {
@@ -68,64 +106,88 @@ function SalesDocumentItemsSection({
     setLoading(true);
     setError(null);
     try {
-      const params = new URLSearchParams({ page: "1", pageSize: "200", [documentKey]: documentId });
-      const response = await apiCall(
-        `/api/${resourcePath}?${params.toString()}`,
-        void 0,
-        { fallback: { items: [] } }
-      );
+      const params = new URLSearchParams({
+        page: "1",
+        pageSize: "100",
+        [documentKey]: documentId
+      });
+      const response = await apiCall(`/api/${resourcePath}?${params.toString()}`, void 0, {
+        fallback: { items: [] }
+      });
       if (response.ok && Array.isArray(response.result?.items)) {
-        const mapped = response.result.items.flatMap((item) => {
-          const id = typeof item.id === "string" ? item.id : null;
-          if (!id) return [];
-          const taxRate = normalizeNumber(item.tax_rate ?? item.taxRate, 0);
-          const customFields = extractCustomFieldValues(item);
-          const name = typeof item.name === "string" ? item.name : typeof item.catalog_snapshot === "object" && item.catalog_snapshot && typeof item.catalog_snapshot.name === "string" ? item.catalog_snapshot.name : null;
-          const quantity = normalizeNumber(item.quantity, 0);
-          const unitPriceNetRaw = normalizeNumber(item.unit_price_net ?? item.unitPriceNet, Number.NaN);
-          const unitPriceGrossRaw = normalizeNumber(
-            item.unit_price_gross ?? item.unitPriceGross,
-            Number.NaN
-          );
-          const unitPriceNet = Number.isFinite(unitPriceNetRaw) ? unitPriceNetRaw : Number.isFinite(unitPriceGrossRaw) ? unitPriceGrossRaw / (1 + taxRate / 100) : 0;
-          const unitPriceGross = Number.isFinite(unitPriceGrossRaw) ? unitPriceGrossRaw : Number.isFinite(unitPriceNetRaw) ? unitPriceNetRaw * (1 + taxRate / 100) : 0;
-          const totalNetRaw = normalizeNumber(
-            item.total_net_amount ?? item.totalNetAmount,
-            Number.NaN
-          );
-          const totalGrossRaw = normalizeNumber(
-            item.total_gross_amount ?? item.totalGrossAmount,
-            Number.NaN
-          );
-          const totalNet = Number.isFinite(totalNetRaw) ? totalNetRaw : unitPriceNet * quantity;
-          const totalGross = Number.isFinite(totalGrossRaw) ? totalGrossRaw : unitPriceGross * quantity;
-          const priceModeRaw = item?.metadata && typeof item.metadata === "object" ? item.metadata.priceMode : null;
-          const priceMode = priceModeRaw === "net" ? "net" : "gross";
-          const customFieldSetId = typeof item.custom_field_set_id === "string" ? item.custom_field_set_id : typeof item.customFieldSetId === "string" ? item.customFieldSetId : null;
-          const statusEntryId = typeof item.status_entry_id === "string" ? item.status_entry_id : typeof item.statusEntryId === "string" ? item.statusEntryId : null;
-          const status = typeof item.status === "string" ? item.status : null;
-          const record = {
-            id,
-            name,
-            productId: typeof item.product_id === "string" ? item.product_id : null,
-            productVariantId: typeof item.product_variant_id === "string" ? item.product_variant_id : null,
-            quantity,
-            currencyCode: typeof item.currency_code === "string" ? item.currency_code : typeof currencyCode === "string" ? currencyCode : null,
-            unitPriceNet,
-            unitPriceGross,
-            taxRate,
-            totalNet,
-            totalGross,
-            priceMode,
-            metadata: item.metadata ?? null,
-            catalogSnapshot: item.catalog_snapshot ?? null,
-            customFieldSetId,
-            customFields: Object.keys(customFields).length ? customFields : null,
-            status,
-            statusEntryId
-          };
-          return [record];
-        });
+        const mapped = response.result.items.flatMap(
+          (item) => {
+            const id = typeof item.id === "string" ? item.id : null;
+            if (!id) return [];
+            const taxRate = normalizeNumber(
+              item.tax_rate ?? item.taxRate,
+              0
+            );
+            const customFields = extractCustomFieldValues(
+              item
+            );
+            const name = typeof item.name === "string" ? item.name : typeof item.catalog_snapshot === "object" && item.catalog_snapshot && typeof item.catalog_snapshot.name === "string" ? item.catalog_snapshot.name : null;
+            const quantity = normalizeNumber(item.quantity, 0);
+            const uomFields = getUomFields(item);
+            const quantityUnit = canonicalizeUnitCode(uomFields.quantityUnit);
+            const normalizedQuantity = normalizeNumber(
+              uomFields.normalizedQuantity,
+              quantity
+            );
+            const normalizedUnit = canonicalizeUnitCode(uomFields.normalizedUnit) ?? quantityUnit;
+            const uomSnapshot = uomFields.uomSnapshot;
+            const unitPriceNetRaw = normalizeNumber(
+              item.unit_price_net ?? item.unitPriceNet,
+              Number.NaN
+            );
+            const unitPriceGrossRaw = normalizeNumber(
+              item.unit_price_gross ?? item.unitPriceGross,
+              Number.NaN
+            );
+            const unitPriceNet = Number.isFinite(unitPriceNetRaw) ? unitPriceNetRaw : Number.isFinite(unitPriceGrossRaw) ? unitPriceGrossRaw / (1 + taxRate / 100) : 0;
+            const unitPriceGross = Number.isFinite(unitPriceGrossRaw) ? unitPriceGrossRaw : Number.isFinite(unitPriceNetRaw) ? unitPriceNetRaw * (1 + taxRate / 100) : 0;
+            const totalNetRaw = normalizeNumber(
+              item.total_net_amount ?? item.totalNetAmount,
+              Number.NaN
+            );
+            const totalGrossRaw = normalizeNumber(
+              item.total_gross_amount ?? item.totalGrossAmount,
+              Number.NaN
+            );
+            const totalNet = Number.isFinite(totalNetRaw) ? totalNetRaw : unitPriceNet * quantity;
+            const totalGross = Number.isFinite(totalGrossRaw) ? totalGrossRaw : unitPriceGross * quantity;
+            const priceModeRaw = item.metadata && typeof item.metadata === "object" ? item.metadata.priceMode : null;
+            const priceMode = priceModeRaw === "net" ? "net" : "gross";
+            const customFieldSetId = typeof item.custom_field_set_id === "string" ? item.custom_field_set_id : typeof item.customFieldSetId === "string" ? item.customFieldSetId : null;
+            const statusEntryId = typeof item.status_entry_id === "string" ? item.status_entry_id : typeof item.statusEntryId === "string" ? item.statusEntryId : null;
+            const status = typeof item.status === "string" ? item.status : null;
+            const record = {
+              id,
+              name,
+              productId: typeof item.product_id === "string" ? item.product_id : null,
+              productVariantId: typeof item.product_variant_id === "string" ? item.product_variant_id : null,
+              quantity,
+              quantityUnit,
+              normalizedQuantity,
+              normalizedUnit,
+              currencyCode: typeof item.currency_code === "string" ? item.currency_code : typeof currencyCode === "string" ? currencyCode : null,
+              unitPriceNet,
+              unitPriceGross,
+              taxRate,
+              totalNet,
+              totalGross,
+              priceMode,
+              uomSnapshot,
+              metadata: item.metadata ?? null,
+              catalogSnapshot: item.catalog_snapshot ?? null,
+              customFieldSetId,
+              customFields: Object.keys(customFields).length ? customFields : null,
+              status,
+              statusEntryId
+            };
+            return [record];
+          }
+        );
         setItems(mapped);
         if (onItemsChange) onItemsChange(mapped);
       } else {
@@ -146,12 +208,14 @@ function SalesDocumentItemsSection({
       return;
     }
     try {
-      const params = new URLSearchParams({ page: "1", pageSize: "200", orderId: documentId });
-      const response = await apiCall(
-        `/api/sales/shipments?${params.toString()}`,
-        void 0,
-        { fallback: { items: [] } }
-      );
+      const params = new URLSearchParams({
+        page: "1",
+        pageSize: "100",
+        orderId: documentId
+      });
+      const response = await apiCall(`/api/sales/shipments?${params.toString()}`, void 0, {
+        fallback: { items: [] }
+      });
       if (response.ok && Array.isArray(response.result?.items)) {
         const totals = /* @__PURE__ */ new Map();
         response.result.items.forEach((shipment) => {
@@ -228,7 +292,10 @@ function SalesDocumentItemsSection({
   const handleDelete = React.useCallback(
     async (line) => {
       const confirmed = await confirm({
-        title: t("sales.documents.items.deleteConfirm", "Delete this line item?"),
+        title: t(
+          "sales.documents.items.deleteConfirm",
+          "Delete this line item?"
+        ),
         variant: "destructive"
       });
       if (!confirmed) return;
@@ -240,7 +307,10 @@ function SalesDocumentItemsSection({
             organizationId: resolvedOrganizationId ?? void 0,
             tenantId: resolvedTenantId ?? void 0
           },
-          errorMessage: t("sales.documents.items.errorDelete", "Failed to delete line.")
+          errorMessage: t(
+            "sales.documents.items.errorDelete",
+            "Failed to delete line."
+          )
         });
         if (result.ok) {
           flash(t("sales.documents.items.deleted", "Line removed."), "success");
@@ -250,11 +320,24 @@ function SalesDocumentItemsSection({
       } catch (err) {
         console.error("sales.document.items.delete", err);
         const normalized = normalizeCrudServerError(err);
-        const fallback = t("sales.documents.items.errorDelete", "Failed to delete line.");
+        const fallback = t(
+          "sales.documents.items.errorDelete",
+          "Failed to delete line."
+        );
         flash(normalized.message || fallback, "error");
       }
     },
-    [confirm, documentId, documentKey, kind, loadItems, resolvedOrganizationId, resourcePath, t, resolvedTenantId]
+    [
+      confirm,
+      documentId,
+      documentKey,
+      kind,
+      loadItems,
+      resolvedOrganizationId,
+      resourcePath,
+      t,
+      resolvedTenantId
+    ]
   );
   const renderStatus = React.useCallback(
     (line) => {
@@ -286,7 +369,14 @@ function SalesDocumentItemsSection({
     const variantThumb = meta && typeof meta.variantThumbnail === "string" && meta.variantThumbnail || variantSnapshot && typeof variantSnapshot.thumbnailUrl === "string" && variantSnapshot.thumbnailUrl || null;
     const thumbnail = variantThumb ?? productThumb;
     if (thumbnail) {
-      return /* @__PURE__ */ jsx("img", { src: thumbnail, alt: record.name ?? record.id, className: "h-10 w-10 rounded border object-cover" });
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: thumbnail,
+          alt: record.name ?? record.id,
+          className: "h-10 w-10 rounded border object-cover"
+        }
+      );
     }
     return /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded border bg-muted text-xs text-muted-foreground", children: "N/A" });
   };
@@ -326,7 +416,15 @@ function SalesDocumentItemsSection({
         const variantLabel = variantTitle ?? variantSku;
         const variantSuffix = variantSku && variantLabel && variantSku !== variantLabel ? ` \u2022 ${variantSku}` : "";
         const showProductSku = productSku && productSku !== variantSku ? productSku : null;
-        const shippedQuantity = Math.max(0, shippedTotals.get(item.id) ?? 0);
+        const shippedQuantity = Math.max(
+          0,
+          shippedTotals.get(item.id) ?? 0
+        );
+        const quantityLabel = item.quantityUnit ? `${item.quantity} ${item.quantityUnit}` : String(item.quantity);
+        const showNormalized = Number.isFinite(item.normalizedQuantity) && item.normalizedQuantity > 0 && (item.normalizedUnit ?? null) && (Math.abs(item.normalizedQuantity - item.quantity) > 1e-6 || (item.normalizedUnit ?? null) !== (item.quantityUnit ?? null));
+        const unitPriceReference = resolveUnitPriceReference(
+          item.uomSnapshot
+        );
         return /* @__PURE__ */ jsxs(
           "tr",
           {
@@ -346,32 +444,64 @@ function SalesDocumentItemsSection({
               ] }) }),
               /* @__PURE__ */ jsx("td", { className: "px-3 py-3", children: /* @__PURE__ */ jsx("div", { className: "flex items-center", children: renderStatus(item) }) }),
               /* @__PURE__ */ jsx("td", { className: "px-3 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-                /* @__PURE__ */ jsx("span", { className: "font-medium", children: item.quantity }),
-                shippedQuantity > 0 ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("sales.documents.items.table.shipped", "{{shipped}} / {{total}} shipped", {
-                  shipped: shippedQuantity,
-                  total: item.quantity
-                }) }) : null
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: quantityLabel }),
+                showNormalized ? /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+                  item.normalizedQuantity,
+                  " ",
+                  item.normalizedUnit
+                ] }) : null,
+                shippedQuantity > 0 ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+                  "sales.documents.items.table.shipped",
+                  "{{shipped}} / {{total}} shipped",
+                  {
+                    shipped: shippedQuantity,
+                    total: item.quantity
+                  }
+                ) }) : null
               ] }) }),
               /* @__PURE__ */ jsx("td", { className: "px-3 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
                 /* @__PURE__ */ jsxs("span", { className: "font-mono text-sm", children: [
-                  formatMoney(item.unitPriceGross, item.currencyCode ?? currencyCode ?? void 0),
+                  formatMoney(
+                    item.unitPriceGross,
+                    item.currencyCode ?? currencyCode ?? void 0
+                  ),
                   " ",
                   /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("sales.documents.items.table.gross", "gross") })
                 ] }),
                 /* @__PURE__ */ jsxs("span", { className: "font-mono text-xs text-muted-foreground", children: [
-                  formatMoney(item.unitPriceNet, item.currencyCode ?? currencyCode ?? void 0),
+                  formatMoney(
+                    item.unitPriceNet,
+                    item.currencyCode ?? currencyCode ?? void 0
+                  ),
                   " ",
                   t("sales.documents.items.table.net", "net")
-                ] })
+                ] }),
+                unitPriceReference ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+                  "sales.documents.items.table.unitPriceReference",
+                  "{{value}} per 1 {{unit}}",
+                  {
+                    value: formatMoney(
+                      unitPriceReference.grossPerReference,
+                      item.currencyCode ?? currencyCode ?? void 0
+                    ),
+                    unit: unitPriceReference.referenceUnitCode
+                  }
+                ) }) : null
               ] }) }),
               /* @__PURE__ */ jsx("td", { className: "px-3 py-3 font-semibold", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
                 /* @__PURE__ */ jsxs("span", { children: [
-                  formatMoney(item.totalGross, item.currencyCode ?? currencyCode ?? void 0),
+                  formatMoney(
+                    item.totalGross,
+                    item.currencyCode ?? currencyCode ?? void 0
+                  ),
                   " ",
                   /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-muted-foreground", children: t("sales.documents.items.table.gross", "gross") })
                 ] }),
                 /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-muted-foreground", children: [
-                  formatMoney(item.totalNet, item.currencyCode ?? currencyCode ?? void 0),
+                  formatMoney(
+                    item.totalNet,
+                    item.currencyCode ?? currencyCode ?? void 0
+                  ),
                   " ",
                   t("sales.documents.items.table.net", "net")
                 ] })