@nice2dev/ui-erp 1.0.11 → 1.0.14

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useMemo, useCallback } from "react";
+import React, { useState, useMemo, useCallback, forwardRef, useRef, useEffect } from "react";
 const DEFAULT_VIEW_CONFIG$1 = {
   timeUnit: "day",
   showUtilization: true,
@@ -128,13 +128,13 @@ const NiceResourceAllocation = ({
       return "transparent";
     }
     if (util.overallocated) {
-      return "rgba(239, 68, 68, 0.4)";
+      return "var(--nice-danger-tint-40, rgba(239, 68, 68, 0.4))";
     }
     if (util.utilizationPercent >= config.utilizationThreshold) {
-      return "rgba(245, 158, 11, 0.3)";
+      return "var(--nice-warning-tint-30, rgba(245, 158, 11, 0.3))";
     }
     if (util.utilizationPercent > 0) {
-      return "rgba(34, 197, 94, 0.2)";
+      return "var(--nice-success-tint-20, rgba(34, 197, 94, 0.2))";
     }
     return "transparent";
   };
@@ -235,11 +235,11 @@ const NiceResourceAllocation = ({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "allocation__legend", children: [
       /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
-        /* @__PURE__ */ jsx("span", { className: "legend-color", style: { backgroundColor: "rgba(34, 197, 94, 0.2)" } }),
+        /* @__PURE__ */ jsx("span", { className: "legend-color", style: { backgroundColor: "var(--nice-success-tint-20, rgba(34, 197, 94, 0.2))" } }),
         /* @__PURE__ */ jsx("span", { children: "Allocated" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
-        /* @__PURE__ */ jsx("span", { className: "legend-color", style: { backgroundColor: "rgba(245, 158, 11, 0.3)" } }),
+        /* @__PURE__ */ jsx("span", { className: "legend-color", style: { backgroundColor: "var(--nice-warning-tint-30, rgba(245, 158, 11, 0.3))" } }),
         /* @__PURE__ */ jsxs("span", { children: [
           "High Utilization (",
           ">",
@@ -249,7 +249,7 @@ const NiceResourceAllocation = ({
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "legend-item", children: [
-        /* @__PURE__ */ jsx("span", { className: "legend-color", style: { backgroundColor: "rgba(239, 68, 68, 0.4)" } }),
+        /* @__PURE__ */ jsx("span", { className: "legend-color", style: { backgroundColor: "var(--nice-danger-tint-40, rgba(239, 68, 68, 0.4))" } }),
         /* @__PURE__ */ jsx("span", { children: "Overallocated" })
       ] })
     ] }),
@@ -572,17 +572,17 @@ const NiceInventoryManager = ({
   const getStatusColor = (status) => {
     switch (status) {
       case "in-stock":
-        return "#22c55e";
+        return "var(--nice-success, #22c55e)";
       case "low-stock":
-        return "#f59e0b";
+        return "var(--nice-warning, #f59e0b)";
       case "out-of-stock":
-        return "#ef4444";
+        return "var(--nice-danger, #ef4444)";
       case "on-order":
-        return "#3b82f6";
+        return "var(--nice-primary, #3b82f6)";
       case "discontinued":
-        return "#6b7280";
+        return "var(--nice-text-secondary, #6b7280)";
       default:
-        return "#6b7280";
+        return "var(--nice-text-secondary, #6b7280)";
     }
   };
   const getTransactionIcon = (type) => {
@@ -1264,8 +1264,890 @@ const NiceInventoryManager = ({
     ] }) })
   ] });
 };
+const STATUS_COLOR = {
+  draft: "var(--nice-color-muted, #6b7280)",
+  issued: "var(--nice-color-info, #2563eb)",
+  sent: "var(--nice-color-info, #2563eb)",
+  paid: "var(--nice-color-success, #16a34a)",
+  "partially-paid": "var(--nice-color-warning, #ca8a04)",
+  overdue: "var(--nice-color-danger, #dc2626)",
+  cancelled: "var(--nice-color-muted, #6b7280)"
+};
+function lineNet(line) {
+  const gross = line.quantity * line.unitPrice.amount;
+  const discounted = line.discount ? gross * (1 - line.discount) : gross;
+  return Math.round(discounted);
+}
+function lineVat(line) {
+  return Math.round(lineNet(line) * line.vatRate);
+}
+function fmtMoney$1(amount, currency, locale) {
+  const code = typeof currency === "string" ? currency : currency.code;
+  const decimals = typeof currency === "string" ? 2 : currency.decimalPlaces ?? 2;
+  return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(amount / Math.pow(10, decimals));
+}
+function fmtDate$1(d, locale) {
+  const dt = d instanceof Date ? d : new Date(d);
+  return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(dt);
+}
+const NiceInvoiceView = forwardRef(
+  function NiceInvoiceView2({ invoice, locale, currency, hideSections, labels, onAction, showActions = false, density = "comfortable", className, style, id }, ref) {
+    var _a;
+    const cur = currency ?? invoice.currency ?? ((_a = invoice.lines[0]) == null ? void 0 : _a.unitPrice.currency) ?? "EUR";
+    const L = {
+      invoiceNumber: "Invoice",
+      issueDate: "Issue date",
+      dueDate: "Due date",
+      seller: "Seller",
+      buyer: "Buyer",
+      description: "Description",
+      qty: "Qty",
+      unitPrice: "Unit price",
+      vat: "VAT",
+      net: "Net",
+      gross: "Gross",
+      subtotal: "Subtotal",
+      vatTotal: "VAT total",
+      total: "Total",
+      vatBreakdown: "VAT breakdown",
+      timeline: "History",
+      notes: "Notes",
+      vatId: "VAT ID",
+      ...labels
+    };
+    const totals = useMemo(() => {
+      let net = 0;
+      let vat = 0;
+      const byRate = /* @__PURE__ */ new Map();
+      for (const ln of invoice.lines) {
+        const n = lineNet(ln);
+        const v = lineVat(ln);
+        net += n;
+        vat += v;
+        const cell = byRate.get(ln.vatRate) ?? { net: 0, vat: 0 };
+        cell.net += n;
+        cell.vat += v;
+        byRate.set(ln.vatRate, cell);
+      }
+      return { net, vat, gross: net + vat, byRate };
+    }, [invoice.lines]);
+    return /* @__PURE__ */ jsxs(
+      "article",
+      {
+        ref,
+        id,
+        className: `nice-invoice-view nice-invoice-view--${density} ${className ?? ""}`,
+        style,
+        "aria-label": `${L.invoiceNumber} ${invoice.invoiceNumber}`,
+        children: [
+          !(hideSections == null ? void 0 : hideSections.header) && /* @__PURE__ */ jsxs("header", { className: "nice-invoice-view__header", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs("div", { className: "nice-invoice-view__title", children: [
+                L.invoiceNumber,
+                " ",
+                /* @__PURE__ */ jsx("strong", { children: invoice.invoiceNumber })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "nice-invoice-view__dates", children: [
+                /* @__PURE__ */ jsxs("span", { children: [
+                  L.issueDate,
+                  ": ",
+                  fmtDate$1(invoice.issueDate, locale)
+                ] }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  L.dueDate,
+                  ": ",
+                  fmtDate$1(invoice.dueDate, locale)
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "nice-invoice-view__status", style: { color: STATUS_COLOR[invoice.status] }, children: [
+              /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "●" }),
+              " ",
+              invoice.status
+            ] }),
+            showActions && /* @__PURE__ */ jsxs("div", { className: "nice-invoice-view__actions", children: [
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onAction == null ? void 0 : onAction("download"), children: "↓" }),
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onAction == null ? void 0 : onAction("print"), children: "⎙" }),
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onAction == null ? void 0 : onAction("send"), children: "✉" })
+            ] })
+          ] }),
+          !(hideSections == null ? void 0 : hideSections.header) && /* @__PURE__ */ jsxs("section", { className: "nice-invoice-view__parties", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h4", { children: L.seller }),
+              /* @__PURE__ */ jsx("div", { children: invoice.seller.name }),
+              invoice.seller.vatId && /* @__PURE__ */ jsxs("div", { children: [
+                L.vatId,
+                ": ",
+                invoice.seller.vatId
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h4", { children: L.buyer }),
+              /* @__PURE__ */ jsx("div", { children: invoice.buyer.name }),
+              invoice.buyer.vatId && /* @__PURE__ */ jsxs("div", { children: [
+                L.vatId,
+                ": ",
+                invoice.buyer.vatId
+              ] })
+            ] })
+          ] }),
+          !(hideSections == null ? void 0 : hideSections.lines) && /* @__PURE__ */ jsxs("table", { className: "nice-invoice-view__lines", children: [
+            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+              /* @__PURE__ */ jsx("th", { children: L.description }),
+              /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.qty }),
+              /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.unitPrice }),
+              /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.vat }),
+              /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.net }),
+              /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.gross })
+            ] }) }),
+            /* @__PURE__ */ jsx("tbody", { children: invoice.lines.map((ln) => {
+              const n = lineNet(ln);
+              const v = lineVat(ln);
+              return /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("td", { children: ln.description }),
+                /* @__PURE__ */ jsxs("td", { className: "nice-num", children: [
+                  ln.quantity,
+                  ln.unit ? ` ${ln.unit}` : ""
+                ] }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(ln.unitPrice.amount, cur, locale) }),
+                /* @__PURE__ */ jsxs("td", { className: "nice-num", children: [
+                  (ln.vatRate * 100).toFixed(0),
+                  "%"
+                ] }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(n, cur, locale) }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(n + v, cur, locale) })
+              ] }, ln.id);
+            }) })
+          ] }),
+          !(hideSections == null ? void 0 : hideSections.vat) && totals.byRate.size > 0 && /* @__PURE__ */ jsxs("section", { className: "nice-invoice-view__vat", children: [
+            /* @__PURE__ */ jsx("h4", { children: L.vatBreakdown }),
+            /* @__PURE__ */ jsxs("table", { children: [
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("th", { children: L.vat }),
+                /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.net }),
+                /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.vat }),
+                /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.gross })
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: [...totals.byRate.entries()].sort((a, b) => b[0] - a[0]).map(([rate, c]) => /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsxs("td", { children: [
+                  (rate * 100).toFixed(0),
+                  "%"
+                ] }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(c.net, cur, locale) }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(c.vat, cur, locale) }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney$1(c.net + c.vat, cur, locale) })
+              ] }, rate)) })
+            ] })
+          ] }),
+          !(hideSections == null ? void 0 : hideSections.totals) && /* @__PURE__ */ jsxs("section", { className: "nice-invoice-view__totals", "aria-label": L.total, children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { children: L.subtotal }),
+              /* @__PURE__ */ jsx("span", { children: fmtMoney$1(totals.net, cur, locale) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { children: L.vatTotal }),
+              /* @__PURE__ */ jsx("span", { children: fmtMoney$1(totals.vat, cur, locale) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "nice-invoice-view__grand", children: [
+              /* @__PURE__ */ jsx("span", { children: L.total }),
+              /* @__PURE__ */ jsx("strong", { children: fmtMoney$1(totals.gross, cur, locale) })
+            ] })
+          ] }),
+          !(hideSections == null ? void 0 : hideSections.timeline) && invoice.history && invoice.history.length > 0 && /* @__PURE__ */ jsxs("section", { className: "nice-invoice-view__timeline", children: [
+            /* @__PURE__ */ jsx("h4", { children: L.timeline }),
+            /* @__PURE__ */ jsx("ol", { children: invoice.history.map((h, i) => /* @__PURE__ */ jsxs("li", { children: [
+              /* @__PURE__ */ jsx("span", { className: "nice-invoice-view__t-date", children: fmtDate$1(h.at, locale) }),
+              /* @__PURE__ */ jsx("span", { className: "nice-invoice-view__t-status", style: { color: STATUS_COLOR[h.status] }, children: h.status }),
+              h.note && /* @__PURE__ */ jsxs("span", { className: "nice-invoice-view__t-note", children: [
+                " — ",
+                h.note
+              ] })
+            ] }, i)) })
+          ] }),
+          !(hideSections == null ? void 0 : hideSections.notes) && invoice.notes && /* @__PURE__ */ jsxs("section", { className: "nice-invoice-view__notes", children: [
+            /* @__PURE__ */ jsx("h4", { children: L.notes }),
+            /* @__PURE__ */ jsx("p", { children: invoice.notes })
+          ] })
+        ]
+      }
+    );
+  }
+);
+function colorFor(occ, colors) {
+  if (occ <= 0.01) {
+    return colors.low;
+  }
+  if (occ < 0.5) {
+    return colors.low;
+  }
+  if (occ < 0.85) {
+    return colors.mid;
+  }
+  return colors.high;
+}
+const NiceWarehouseView = forwardRef(
+  function NiceWarehouseView2({
+    warehouseName,
+    cells,
+    colors = { low: "#dcfce7", mid: "#fde68a", high: "#fecaca" },
+    onCellClick,
+    showLegend = true,
+    cellSize = 48,
+    aisleEvery = 4,
+    className,
+    style,
+    id
+  }, ref) {
+    const [hovered, setHovered] = useState(null);
+    const grid = useMemo(() => {
+      const rows = /* @__PURE__ */ new Map();
+      for (const c of cells) {
+        const rowKey = c.row !== void 0 ? `r${c.row}` : c.location.rack ?? c.location.aisle ?? "0";
+        let arr = rows.get(rowKey);
+        if (!arr) {
+          arr = [];
+          rows.set(rowKey, arr);
+        }
+        arr.push(c);
+      }
+      return [...rows.entries()].map(([rowKey, arr]) => ({ rowKey, cells: arr }));
+    }, [cells]);
+    return /* @__PURE__ */ jsxs("div", { ref, id, className: `nice-warehouse-view ${className ?? ""}`, style, children: [
+      /* @__PURE__ */ jsxs("header", { className: "nice-warehouse-view__header", children: [
+        /* @__PURE__ */ jsx("h3", { children: warehouseName }),
+        showLegend && /* @__PURE__ */ jsxs("div", { className: "nice-warehouse-view__legend", "aria-label": "Occupancy legend", children: [
+          /* @__PURE__ */ jsx("span", { style: { background: colors.low } }),
+          " low",
+          /* @__PURE__ */ jsx("span", { style: { background: colors.mid } }),
+          " mid",
+          /* @__PURE__ */ jsx("span", { style: { background: colors.high } }),
+          " high"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "nice-warehouse-view__grid", role: "grid", "aria-label": warehouseName, children: grid.map(({ rowKey, cells: row }) => /* @__PURE__ */ jsx("div", { className: "nice-warehouse-view__row", role: "row", children: row.map((c, idx) => {
+        const key = [c.location.rack, c.location.aisle, c.location.shelf, c.location.bin].filter(Boolean).join("-") || String(idx);
+        const aisleBreak = aisleEvery > 0 && idx > 0 && idx % aisleEvery === 0;
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          aisleBreak && /* @__PURE__ */ jsx("div", { className: "nice-warehouse-view__aisle", "aria-hidden": true }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "gridcell",
+              className: "nice-warehouse-view__cell",
+              style: {
+                width: cellSize,
+                height: cellSize,
+                background: colorFor(c.occupancy, colors)
+              },
+              title: `${key} — ${(c.occupancy * 100).toFixed(0)}% (${c.items.length} items)`,
+              onClick: () => onCellClick == null ? void 0 : onCellClick(c),
+              onMouseEnter: () => setHovered(c),
+              onMouseLeave: () => setHovered(null),
+              children: /* @__PURE__ */ jsx("span", { className: "nice-warehouse-view__bin", children: c.location.bin ?? c.location.shelf ?? "" })
+            }
+          )
+        ] }, key);
+      }) }, rowKey)) }),
+      hovered && /* @__PURE__ */ jsxs("aside", { className: "nice-warehouse-view__details", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsxs("strong", { children: [
+          hovered.location.rack,
+          "/",
+          hovered.location.shelf,
+          "/",
+          hovered.location.bin
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          hovered.items.length,
+          " items · ",
+          (hovered.occupancy * 100).toFixed(0),
+          "% full"
+        ] }),
+        /* @__PURE__ */ jsxs("ul", { children: [
+          hovered.items.slice(0, 5).map((it) => /* @__PURE__ */ jsxs("li", { children: [
+            it.sku,
+            " — ",
+            it.name
+          ] }, it.id)),
+          hovered.items.length > 5 && /* @__PURE__ */ jsxs("li", { children: [
+            "…+",
+            hovered.items.length - 5
+          ] })
+        ] })
+      ] })
+    ] });
+  }
+);
+const STATUS_TINT = {
+  draft: "#6b7280",
+  "pending-approval": "#ca8a04",
+  approved: "#2563eb",
+  ordered: "#0891b2",
+  "partially-received": "#9333ea",
+  received: "#16a34a",
+  cancelled: "#dc2626"
+};
+function fmtMoney(amount, currency, locale) {
+  const code = typeof currency === "string" ? currency : currency.code;
+  const decimals = typeof currency === "string" ? 2 : currency.decimalPlaces ?? 2;
+  return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(
+    amount / Math.pow(10, decimals)
+  );
+}
+function fmtDate(d, locale) {
+  if (!d) {
+    return "—";
+  }
+  const dt = d instanceof Date ? d : new Date(d);
+  return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(dt);
+}
+const NicePurchaseOrder = forwardRef(
+  function NicePurchaseOrder2({
+    orders,
+    selectable = true,
+    initialSelectedId,
+    locale,
+    labels,
+    readOnly,
+    onOrderApprove,
+    onReceiveItems,
+    onOrderUpdate,
+    className,
+    style,
+    id
+  }, ref) {
+    var _a;
+    const [selectedId, setSelectedId] = useState(
+      initialSelectedId ?? ((_a = orders[0]) == null ? void 0 : _a.id)
+    );
+    const L = {
+      orderNumber: "PO #",
+      supplier: "Supplier",
+      status: "Status",
+      orderDate: "Ordered",
+      expected: "Expected",
+      total: "Total",
+      sku: "SKU",
+      name: "Item",
+      qty: "Qty",
+      received: "Recv",
+      unitPrice: "Unit",
+      lineTotal: "Subtotal",
+      notes: "Notes",
+      approve: "Approve",
+      receive: "Receive all",
+      ...labels
+    };
+    const selected = useMemo(
+      () => orders.find((o) => o.id === selectedId),
+      [orders, selectedId]
+    );
+    return /* @__PURE__ */ jsxs("div", { ref, id, className: `nice-purchase-order ${className ?? ""}`, style, children: [
+      /* @__PURE__ */ jsxs("table", { className: "nice-purchase-order__list", children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { children: L.orderNumber }),
+          /* @__PURE__ */ jsx("th", { children: L.supplier }),
+          /* @__PURE__ */ jsx("th", { children: L.status }),
+          /* @__PURE__ */ jsx("th", { children: L.orderDate }),
+          /* @__PURE__ */ jsx("th", { children: L.expected }),
+          /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.total })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: orders.map((o) => /* @__PURE__ */ jsxs(
+          "tr",
+          {
+            "aria-selected": o.id === selectedId,
+            className: o.id === selectedId ? "is-selected" : void 0,
+            onClick: () => selectable && setSelectedId(o.id),
+            children: [
+              /* @__PURE__ */ jsx("td", { children: o.orderNumber }),
+              /* @__PURE__ */ jsx("td", { children: o.supplier.name }),
+              /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("span", { style: { color: STATUS_TINT[o.status] }, children: [
+                "● ",
+                o.status
+              ] }) }),
+              /* @__PURE__ */ jsx("td", { children: fmtDate(o.orderDate, locale) }),
+              /* @__PURE__ */ jsx("td", { children: fmtDate(o.expectedDelivery, locale) }),
+              /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney(o.total.amount, o.total.currency, locale) })
+            ]
+          },
+          o.id
+        )) })
+      ] }),
+      selectable && selected && /* @__PURE__ */ jsxs(
+        "section",
+        {
+          className: "nice-purchase-order__detail",
+          "aria-label": `${L.orderNumber} ${selected.orderNumber}`,
+          children: [
+            /* @__PURE__ */ jsxs("header", { children: [
+              /* @__PURE__ */ jsxs("h3", { children: [
+                selected.orderNumber,
+                " — ",
+                selected.supplier.name
+              ] }),
+              !readOnly && /* @__PURE__ */ jsxs("div", { className: "nice-purchase-order__actions", children: [
+                selected.status === "pending-approval" && onOrderApprove && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onOrderApprove(selected.id), children: L.approve }),
+                (selected.status === "ordered" || selected.status === "partially-received") && onReceiveItems && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onReceiveItems(
+                      selected.id,
+                      selected.items.map((it) => ({
+                        itemId: it.itemId,
+                        quantity: it.quantity - (it.receivedQuantity ?? 0)
+                      }))
+                    ),
+                    children: L.receive
+                  }
+                ),
+                onOrderUpdate && selected.status === "draft" && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onOrderUpdate({ ...selected, status: "pending-approval" }),
+                    children: "Submit"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("table", { className: "nice-purchase-order__items", children: [
+              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("th", { children: L.sku }),
+                /* @__PURE__ */ jsx("th", { children: L.name }),
+                /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.qty }),
+                /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.received }),
+                /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.unitPrice }),
+                /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.lineTotal })
+              ] }) }),
+              /* @__PURE__ */ jsx("tbody", { children: selected.items.map((it) => /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("td", { children: it.sku }),
+                /* @__PURE__ */ jsx("td", { children: it.itemName }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: it.quantity }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: it.receivedQuantity ?? 0 }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney(it.unitPrice.amount, it.unitPrice.currency, locale) }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: fmtMoney(it.lineTotal.amount, it.lineTotal.currency, locale) })
+              ] }, it.itemId)) }),
+              /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsxs("tr", { children: [
+                /* @__PURE__ */ jsx("td", { colSpan: 5, className: "nice-num", children: L.total }),
+                /* @__PURE__ */ jsx("td", { className: "nice-num", children: /* @__PURE__ */ jsx("strong", { children: fmtMoney(selected.total.amount, selected.total.currency, locale) }) })
+              ] }) })
+            ] }),
+            selected.notes && /* @__PURE__ */ jsxs("p", { className: "nice-purchase-order__notes", children: [
+              /* @__PURE__ */ jsxs("strong", { children: [
+                L.notes,
+                ":"
+              ] }),
+              " ",
+              selected.notes
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+const NiceHRDashboard = forwardRef(
+  function NiceHRDashboard2({ employees, labels, hideWidgets, locale, density = "comfortable", onWidgetClick, className, style, id }, ref) {
+    const L = {
+      headcount: "Headcount",
+      fte: "FTE",
+      vacationBalance: "Avg vacation balance",
+      sickLeave: "Avg sick days (YTD)",
+      departments: "Departments",
+      activeEmployees: "Active",
+      ...labels
+    };
+    const stats = useMemo(() => {
+      const active = employees.filter((e) => e.active !== false);
+      const fte = active.reduce((s, e) => s + (e.fte ?? 1), 0);
+      const vacationAvg = active.length === 0 ? 0 : active.reduce((s, e) => s + (e.vacationBalanceDays ?? 0), 0) / active.length;
+      const sickAvg = active.length === 0 ? 0 : active.reduce((s, e) => s + (e.sickLeaveDaysYtd ?? 0), 0) / active.length;
+      const byDepartment = /* @__PURE__ */ new Map();
+      for (const e of active) {
+        const k = e.department ?? "—";
+        byDepartment.set(k, (byDepartment.get(k) ?? 0) + 1);
+      }
+      return { headcount: employees.length, active: active.length, fte, vacationAvg, sickAvg, byDepartment };
+    }, [employees]);
+    const fmt = (n, d = 1) => n.toLocaleString(locale, { maximumFractionDigits: d });
+    const Widget = ({ kind, label, value, hint }) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "nice-hr-dashboard__widget",
+        onClick: () => onWidgetClick == null ? void 0 : onWidgetClick(kind),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "nice-hr-dashboard__label", children: label }),
+          /* @__PURE__ */ jsx("span", { className: "nice-hr-dashboard__value", children: value }),
+          hint && /* @__PURE__ */ jsx("span", { className: "nice-hr-dashboard__hint", children: hint })
+        ]
+      }
+    );
+    return /* @__PURE__ */ jsxs("div", { ref, id, className: `nice-hr-dashboard nice-hr-dashboard--${density} ${className ?? ""}`, style, role: "group", "aria-label": "HR dashboard", children: [
+      !(hideWidgets == null ? void 0 : hideWidgets.headcount) && /* @__PURE__ */ jsx(Widget, { kind: "headcount", label: L.headcount, value: fmt(stats.headcount, 0), hint: `${L.activeEmployees}: ${fmt(stats.active, 0)}` }),
+      !(hideWidgets == null ? void 0 : hideWidgets.fte) && /* @__PURE__ */ jsx(Widget, { kind: "fte", label: L.fte, value: fmt(stats.fte, 2) }),
+      !(hideWidgets == null ? void 0 : hideWidgets.vacation) && /* @__PURE__ */ jsx(Widget, { kind: "vacation", label: L.vacationBalance, value: `${fmt(stats.vacationAvg, 1)} d` }),
+      !(hideWidgets == null ? void 0 : hideWidgets.sick) && /* @__PURE__ */ jsx(Widget, { kind: "sick", label: L.sickLeave, value: `${fmt(stats.sickAvg, 1)} d` }),
+      !(hideWidgets == null ? void 0 : hideWidgets.departments) && /* @__PURE__ */ jsx(
+        Widget,
+        {
+          kind: "departments",
+          label: L.departments,
+          value: fmt(stats.byDepartment.size, 0),
+          hint: /* @__PURE__ */ jsx("ul", { className: "nice-hr-dashboard__dept-list", children: [...stats.byDepartment.entries()].slice(0, 5).map(([d, n]) => /* @__PURE__ */ jsxs("li", { children: [
+            d,
+            ": ",
+            n
+          ] }, d)) })
+        }
+      )
+    ] });
+  }
+);
+const wait = (ms) => new Promise((r) => setTimeout(r, ms));
+const NICE_VAT_PRESETS = {
+  PL: [
+    { code: "PL-23", rate: 0.23, label: "23%", description: "Stawka podstawowa" },
+    { code: "PL-8", rate: 0.08, label: "8%", description: "Stawka obniżona" },
+    { code: "PL-5", rate: 0.05, label: "5%", description: "Stawka obniżona" },
+    { code: "PL-0", rate: 0, label: "0%", description: "Stawka zerowa (eksport)" },
+    { code: "PL-zw", rate: 0, label: "zw.", description: "Zwolnienie" }
+  ],
+  EU: [
+    { code: "EU-21", rate: 0.21, label: "21%" },
+    { code: "EU-19", rate: 0.19, label: "19%" },
+    { code: "EU-9", rate: 0.09, label: "9%" },
+    { code: "EU-0", rate: 0, label: "0%" }
+  ],
+  UK: [
+    { code: "UK-20", rate: 0.2, label: "20%", description: "Standard" },
+    { code: "UK-5", rate: 0.05, label: "5%", description: "Reduced" },
+    { code: "UK-0", rate: 0, label: "0%", description: "Zero" }
+  ]
+};
+const DEFAULT_SEED = {
+  invoices: [],
+  purchaseOrders: [],
+  inventory: [],
+  suppliers: [],
+  employees: [],
+  resources: [],
+  vatRates: NICE_VAT_PRESETS.PL
+};
+function useMockErpApi(options = {}) {
+  const { latencyMs = 300, errorRate = 0, seed } = options;
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [data, setData] = useState(() => ({ ...DEFAULT_SEED, ...seed }));
+  const settledRef = useRef(false);
+  const refresh = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    await wait(latencyMs);
+    if (Math.random() < errorRate) {
+      setError(new Error("Mock ERP API: simulated failure"));
+    } else {
+      setData((d) => ({ ...d }));
+    }
+    setLoading(false);
+  }, [latencyMs, errorRate]);
+  useEffect(() => {
+    if (settledRef.current) {
+      return;
+    }
+    settledRef.current = true;
+    void refresh();
+  }, [refresh]);
+  const writeWith = useCallback(
+    async (key, item) => {
+      await wait(latencyMs);
+      if (Math.random() < errorRate) {
+        throw new Error("Mock ERP API: write failed");
+      }
+      setData((d) => {
+        const arr = [...d[key]];
+        const idx = arr.findIndex((i) => i.id === item.id);
+        if (idx >= 0) {
+          arr[idx] = item;
+        } else {
+          arr.push(item);
+        }
+        return { ...d, [key]: arr };
+      });
+    },
+    [latencyMs, errorRate]
+  );
+  return useMemo(
+    () => ({
+      loading,
+      error,
+      invoices: data.invoices,
+      purchaseOrders: data.purchaseOrders,
+      inventory: data.inventory,
+      suppliers: data.suppliers,
+      employees: data.employees,
+      resources: data.resources,
+      vatRates: data.vatRates,
+      refresh,
+      upsertInvoice: (i) => writeWith("invoices", i),
+      upsertPurchaseOrder: (p) => writeWith("purchaseOrders", p),
+      upsertInventory: (i) => writeWith("inventory", i)
+    }),
+    [loading, error, data, refresh, writeWith]
+  );
+}
+const NiceVatTable = forwardRef(function NiceVatTable2({
+  country = "PL",
+  rates,
+  editable = false,
+  onChange,
+  onRemove,
+  locale,
+  labels,
+  density = "comfortable",
+  className,
+  style,
+  id
+}, ref) {
+  const [internal, setInternal] = useState(rates ?? NICE_VAT_PRESETS[country]);
+  const L = {
+    code: "Code",
+    rate: "Rate",
+    label: "Label",
+    description: "Description",
+    add: "+ Add",
+    remove: "Remove",
+    ...labels
+  };
+  const update = useCallback(
+    (next) => {
+      setInternal(next);
+      onChange == null ? void 0 : onChange(next);
+    },
+    [onChange]
+  );
+  const onCellEdit = (idx, key, raw) => {
+    const next = [...internal];
+    const r = { ...next[idx] };
+    if (key === "rate") {
+      const n = Number(raw.replace(",", "."));
+      if (!Number.isFinite(n)) {
+        return;
+      }
+      r.rate = n > 1 ? n / 100 : n;
+    } else if (key === "code" || key === "label" || key === "description") {
+      r[key] = raw;
+    }
+    next[idx] = r;
+    update(next);
+  };
+  const addRow = () => {
+    update([...internal, { code: `NEW-${internal.length + 1}`, rate: 0, label: "0%" }]);
+  };
+  const removeRow = (idx) => {
+    const code = internal[idx].code;
+    const next = internal.filter((_, i) => i !== idx);
+    update(next);
+    onRemove == null ? void 0 : onRemove(code);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      id,
+      className: `nice-vat-table nice-vat-table--${density} ${className ?? ""}`,
+      style,
+      children: [
+        /* @__PURE__ */ jsxs("table", { children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { children: L.code }),
+            /* @__PURE__ */ jsx("th", { className: "nice-num", children: L.rate }),
+            /* @__PURE__ */ jsx("th", { children: L.label }),
+            /* @__PURE__ */ jsx("th", { children: L.description }),
+            editable && /* @__PURE__ */ jsx("th", { "aria-label": L.remove })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: internal.map((r, idx) => /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("td", { children: editable ? /* @__PURE__ */ jsx("input", { value: r.code, onChange: (e) => onCellEdit(idx, "code", e.target.value) }) : r.code }),
+            /* @__PURE__ */ jsx("td", { className: "nice-num", children: editable ? /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                step: "0.01",
+                min: 0,
+                max: 1,
+                value: r.rate,
+                onChange: (e) => onCellEdit(idx, "rate", e.target.value)
+              }
+            ) : `${(r.rate * 100).toLocaleString(locale, { maximumFractionDigits: 2 })}%` }),
+            /* @__PURE__ */ jsx("td", { children: editable ? /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: r.label ?? "",
+                onChange: (e) => onCellEdit(idx, "label", e.target.value)
+              }
+            ) : r.label ?? "" }),
+            /* @__PURE__ */ jsx("td", { children: editable ? /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: r.description ?? "",
+                onChange: (e) => onCellEdit(idx, "description", e.target.value)
+              }
+            ) : r.description ?? "" }),
+            editable && /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => removeRow(idx), "aria-label": L.remove, children: "×" }) })
+          ] }, r.code)) })
+        ] }),
+        editable && /* @__PURE__ */ jsx("button", { type: "button", className: "nice-vat-table__add", onClick: addRow, children: L.add })
+      ]
+    }
+  );
+});
+function pad(n) {
+  return n < 10 ? `0${n}` : String(n);
+}
+function isoDate(d) {
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+}
+function escapeXml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+}
+function defaultBuildXml(opts) {
+  const { format, period, taxpayer, invoices } = opts;
+  const lines = [];
+  lines.push('<?xml version="1.0" encoding="UTF-8"?>');
+  lines.push(`<JPK xmlns="http://jpk.mf.gov.pl/wzor/2022/01/01/${format}/" formCode="${format}">`);
+  lines.push("  <Naglowek>");
+  lines.push(`    <KodFormularza>${format}</KodFormularza>`);
+  lines.push(`    <DataOd>${isoDate(period.from)}</DataOd>`);
+  lines.push(`    <DataDo>${isoDate(period.to)}</DataDo>`);
+  lines.push("  </Naglowek>");
+  lines.push("  <Podmiot1>");
+  lines.push(`    <NIP>${escapeXml(taxpayer.nip)}</NIP>`);
+  lines.push(`    <PelnaNazwa>${escapeXml(taxpayer.name)}</PelnaNazwa>`);
+  if (taxpayer.regon) {
+    lines.push(`    <REGON>${escapeXml(taxpayer.regon)}</REGON>`);
+  }
+  lines.push("  </Podmiot1>");
+  for (const inv of invoices) {
+    lines.push("  <Faktura>");
+    lines.push(`    <NumerFaktury>${escapeXml(inv.invoiceNumber)}</NumerFaktury>`);
+    lines.push(
+      `    <DataWystawienia>${isoDate(inv.issueDate instanceof Date ? inv.issueDate : new Date(inv.issueDate))}</DataWystawienia>`
+    );
+    lines.push(`    <NazwaNabywcy>${escapeXml(inv.buyer.name)}</NazwaNabywcy>`);
+    if (inv.buyer.vatId) {
+      lines.push(`    <NIPNabywcy>${escapeXml(inv.buyer.vatId)}</NIPNabywcy>`);
+    }
+    let net = 0;
+    let vat = 0;
+    for (const ln of inv.lines) {
+      const n = Math.round(ln.quantity * ln.unitPrice.amount * (1 - (ln.discount ?? 0)));
+      const v = Math.round(n * ln.vatRate);
+      net += n;
+      vat += v;
+    }
+    lines.push(`    <SumaNetto>${(net / 100).toFixed(2)}</SumaNetto>`);
+    lines.push(`    <SumaVAT>${(vat / 100).toFixed(2)}</SumaVAT>`);
+    lines.push(`    <SumaBrutto>${((net + vat) / 100).toFixed(2)}</SumaBrutto>`);
+    lines.push("  </Faktura>");
+  }
+  lines.push("</JPK>");
+  return lines.join("\n");
+}
+const NiceJpkExporter = forwardRef(
+  function NiceJpkExporter2({
+    invoices,
+    taxpayer,
+    defaultFormat = "JPK_V7M",
+    defaultPeriod,
+    buildXml = defaultBuildXml,
+    onExport,
+    filenameFor,
+    labels,
+    className,
+    style,
+    id
+  }, ref) {
+    const today = /* @__PURE__ */ new Date();
+    const [format, setFormat] = useState(defaultFormat);
+    const [from, setFrom] = useState(
+      isoDate((defaultPeriod == null ? void 0 : defaultPeriod.from) ?? new Date(today.getFullYear(), today.getMonth(), 1))
+    );
+    const [to, setTo] = useState(
+      isoDate((defaultPeriod == null ? void 0 : defaultPeriod.to) ?? new Date(today.getFullYear(), today.getMonth() + 1, 0))
+    );
+    const L = {
+      format: "Format",
+      from: "From",
+      to: "To",
+      export: "Export",
+      ...labels
+    };
+    const exportNow = useCallback(() => {
+      const opts = {
+        format,
+        period: { from: new Date(from), to: new Date(to) },
+        taxpayer,
+        invoices
+      };
+      const xml = buildXml(opts);
+      const blob = new Blob([xml], { type: "application/xml" });
+      const filename = (filenameFor == null ? void 0 : filenameFor(opts)) ?? `${format}_${from}_${to}.xml`;
+      onExport == null ? void 0 : onExport(xml, blob, opts);
+      if (typeof window !== "undefined" && typeof URL.createObjectURL === "function") {
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = filename;
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+        URL.revokeObjectURL(url);
+      }
+    }, [format, from, to, taxpayer, invoices, buildXml, onExport, filenameFor]);
+    return /* @__PURE__ */ jsxs("div", { ref, id, className: `nice-jpk-exporter ${className ?? ""}`, style, children: [
+      /* @__PURE__ */ jsxs("label", { children: [
+        L.format,
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: format,
+            onChange: (e) => setFormat(e.target.value),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "JPK_V7M", children: "JPK_V7M" }),
+              /* @__PURE__ */ jsx("option", { value: "JPK_V7K", children: "JPK_V7K" }),
+              /* @__PURE__ */ jsx("option", { value: "JPK_FA", children: "JPK_FA" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        L.from,
+        /* @__PURE__ */ jsx("input", { type: "date", value: from, onChange: (e) => setFrom(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        L.to,
+        /* @__PURE__ */ jsx("input", { type: "date", value: to, onChange: (e) => setTo(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: exportNow, children: L.export }),
+      /* @__PURE__ */ jsxs("small", { children: [
+        invoices.length,
+        " invoices ready"
+      ] })
+    ] });
+  }
+);
 export {
+  NICE_VAT_PRESETS,
+  NiceHRDashboard,
   NiceInventoryManager,
-  NiceResourceAllocation
+  NiceInvoiceView,
+  NiceJpkExporter,
+  NicePurchaseOrder,
+  NiceResourceAllocation,
+  NiceVatTable,
+  NiceWarehouseView,
+  defaultBuildXml as buildJpkXml,
+  useMockErpApi
 };
 //# sourceMappingURL=index.mjs.map