@nextblock-cms/ecom 0.20.3 → 0.21.1

package/lib/pages/cms/products/index.cjs

@@ -0,0 +1 @@
+const e=require("./ProductsPage.cjs"),t=require("./inventory/InventoryPage.cjs"),n=require("./attributes/AttributeManagementPage.cjs"),r=require("./new/NewProductPage.cjs"),i=require("./[id]/edit/EditProductPage.cjs"),a=require("./components/CopyProductFromLanguage.cjs"),o=require("./categories/CategoryManagementPage.cjs");exports.AttributeManagementPage=n.AttributeManagementPage,exports.CategoryManagementPage=o.CategoryManagementPage,exports.CopyProductFromLanguage=a.CopyProductFromLanguage,exports.EditProductPage=i.EditProductPage,exports.InventoryPage=t.InventoryPage,exports.NewProductPage=r.NewProductPage,exports.ProductsPage=e.ProductsPage;

package/lib/pages/cms/products/index.es.js

@@ -0,0 +1,8 @@
+import { ProductsPage as e } from "./ProductsPage.es.js";
+import { InventoryPage as t } from "./inventory/InventoryPage.es.js";
+import { AttributeManagementPage as n } from "./attributes/AttributeManagementPage.es.js";
+import { NewProductPage as r } from "./new/NewProductPage.es.js";
+import { EditProductPage as i } from "./[id]/edit/EditProductPage.es.js";
+import { CopyProductFromLanguage as a } from "./components/CopyProductFromLanguage.es.js";
+import { CategoryManagementPage as o } from "./categories/CategoryManagementPage.es.js";
+export { n as AttributeManagementPage, o as CategoryManagementPage, a as CopyProductFromLanguage, i as EditProductPage, t as InventoryPage, r as NewProductPage, e as ProductsPage };

package/lib/pages/cms/products/inventory/InventoryPage.cjs

@@ -0,0 +1 @@
+const e=require("../../../../shared-inventory.cjs"),t=require("./InventoryTableClient.cjs");let n=require("react/jsx-runtime");async function r(){let r=await e.getInventoryItems();return(0,n.jsxs)(`div`,{className:`p-8 space-y-6`,children:[(0,n.jsxs)(`div`,{className:`space-y-2`,children:[(0,n.jsx)(`h1`,{className:`text-3xl font-bold`,children:`Inventory`}),(0,n.jsx)(`p`,{className:`max-w-3xl text-sm text-muted-foreground`,children:`Manage source-of-truth stock for every sellable SKU in one place. Matching SKUs share the same quantity across products, translations, and variants, and you can update those shared quantities inline or in bulk through CSV import and export.`})]}),(0,n.jsx)(t.InventoryTableClient,{initialItems:r})]})}exports.InventoryPage=r;

package/lib/pages/cms/products/inventory/InventoryPage.d.ts

@@ -1 +1 @@
-export declare function InventoryPage(): Promise<import("react").JSX.Element>;
+export declare function InventoryPage(): Promise<import('react').JSX.Element>;

package/lib/pages/cms/products/inventory/InventoryPage.es.js

@@ -1,16 +1,22 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { getInventoryItems as a } from "../../../../shared-inventory.es.js";
-import { InventoryTableClient as r } from "./InventoryTableClient.es.js";
-async function l() {
-  const n = await a();
-  return /* @__PURE__ */ t("div", { className: "p-8 space-y-6", children: [
-    /* @__PURE__ */ t("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e("h1", { className: "text-3xl font-bold", children: "Inventory" }),
-      /* @__PURE__ */ e("p", { className: "max-w-3xl text-sm text-muted-foreground", children: "Manage source-of-truth stock for every sellable SKU in one place. Matching SKUs share the same quantity across products, translations, and variants, and you can update those shared quantities inline or in bulk through CSV import and export." })
-    ] }),
-    /* @__PURE__ */ e(r, { initialItems: n })
-  ] });
+import { getInventoryItems as e } from "../../../../shared-inventory.es.js";
+import { InventoryTableClient as t } from "./InventoryTableClient.es.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/lib/pages/cms/products/inventory/InventoryPage.tsx
+async function i() {
+	let i = await e();
+	return /* @__PURE__ */ r("div", {
+		className: "p-8 space-y-6",
+		children: [/* @__PURE__ */ r("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ n("h1", {
+				className: "text-3xl font-bold",
+				children: "Inventory"
+			}), /* @__PURE__ */ n("p", {
+				className: "max-w-3xl text-sm text-muted-foreground",
+				children: "Manage source-of-truth stock for every sellable SKU in one place. Matching SKUs share the same quantity across products, translations, and variants, and you can update those shared quantities inline or in bulk through CSV import and export."
+			})]
+		}), /* @__PURE__ */ n(t, { initialItems: i })]
+	});
 }
-export {
-  l as InventoryPage
-};
+//#endregion
+export { i as InventoryPage };

package/lib/pages/cms/products/inventory/InventoryTableClient.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("./actions.cjs");let t=require("react"),n=require("lucide-react"),r=require("react/jsx-runtime"),i=require("sonner"),a=require("@nextblock-cms/ui");function o(e){let t=String(e??``);return/[",\n]/.test(t)?`"${t.replace(/"/g,`""`)}"`:t}function s(e){return[[`sku`,`stock`,`usage_type`,`product_titles`,`languages`,`statuses`,`parent_product_skus`],...e.map(e=>[e.sku,e.stock,e.usageType,e.productTitles.join(`|`),e.languages.join(`|`),e.statuses.join(`|`),e.parentProductSkus.join(`|`)])].map(e=>e.map(e=>o(e)).join(`,`)).join(`
+`)}function c(e){return e.usageType===`mixed`?`Shared SKU`:e.usageType===`variant`?`Variant SKU ${e.sku}`:`Simple Product`}function l(e){return e.usageType===`variant`?`secondary`:`outline`}function u({initialItems:o}){let[u,d]=(0,t.useState)(o),[f,p]=(0,t.useState)(()=>o.reduce((e,t)=>(e[t.key]=String(t.stock),e),{})),[m,h]=(0,t.useState)(``),[g,_]=(0,t.useTransition)(),[v,y]=(0,t.useState)(null),b=(0,t.useRef)(null),x=(0,t.useMemo)(()=>{let e=m.trim().toLowerCase();return e?u.filter(t=>t.sku.toLowerCase().includes(e)||t.productTitles.join(` `).toLowerCase().includes(e)||t.parentProductSkus.join(` `).toLowerCase().includes(e)||t.languages.join(` `).toLowerCase().includes(e)):u},[u,m]),S=()=>{let e=s(u),t=new Blob([e],{type:`text/csv;charset=utf-8;`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`inventory-export.csv`,r.click(),URL.revokeObjectURL(n)},C=t=>{let n=f[t.key]??String(t.stock),r=Number.parseInt(n,10);if(!Number.isFinite(r)||r<0){i.toast.error(`Stock must be a non-negative whole number.`);return}y(t.key),_(async()=>{let n=await e.updateInventoryQuantityAction({sku:t.sku,stock:r});if(!n.success){i.toast.error(n.error||`Failed to update inventory.`),y(null);return}let a=typeof n.stock==`number`?n.stock:r;d(e=>e.map(e=>e.key===t.key?{...e,stock:a}:e)),p(e=>({...e,[t.key]:String(a)})),y(null),i.toast.success(`Inventory updated for ${t.sku}.`)})},w=()=>{b.current?.click()},T=async t=>{let n=await t.text();y(`import`),_(async()=>{let t=await e.importInventoryCsvAction(n);if(!t.success){i.toast.error(t.error||`Failed to import inventory CSV.`),y(null);return}let r=t.items||[];d(r),p(r.reduce((e,t)=>(e[t.key]=String(t.stock),e),{})),y(null),i.toast.success(`Imported ${t.updatedCount||0} inventory updates.`)})};return(0,r.jsxs)(`div`,{className:`space-y-4`,children:[(0,r.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-xl border bg-card p-4`,children:[(0,r.jsxs)(`div`,{className:`flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between`,children:[(0,r.jsxs)(`div`,{className:`relative w-full lg:max-w-md`,children:[(0,r.jsx)(n.Search,{className:`absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground`}),(0,r.jsx)(a.Input,{value:m,onChange:e=>h(e.target.value),placeholder:`Search by SKU, product title, parent SKU, or language...`,className:`pl-9`})]}),(0,r.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,r.jsx)(`input`,{ref:b,type:`file`,accept:`.csv,text/csv`,className:`hidden`,onChange:e=>{let t=e.target.files?.[0];t&&T(t),e.currentTarget.value=``}}),(0,r.jsxs)(a.Button,{type:`button`,variant:`outline`,onClick:w,disabled:g,children:[(0,r.jsx)(n.Upload,{className:`mr-2 h-4 w-4`}),`Import CSV`]}),(0,r.jsxs)(a.Button,{type:`button`,variant:`outline`,onClick:S,disabled:g,children:[(0,r.jsx)(n.Download,{className:`mr-2 h-4 w-4`}),`Export CSV`]})]})]}),(0,r.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Inventory is keyed by sellable SKU. Any product or variant using the same SKU shares the same quantity, and CSV imports can update those shared SKU quantities in bulk.`})]}),(0,r.jsx)(`div`,{className:`rounded-xl border bg-card`,children:(0,r.jsxs)(a.Table,{children:[(0,r.jsx)(a.TableHeader,{children:(0,r.jsxs)(a.TableRow,{children:[(0,r.jsx)(a.TableHead,{children:`SKU`}),(0,r.jsx)(a.TableHead,{children:`Usage`}),(0,r.jsx)(a.TableHead,{children:`Linked Products`}),(0,r.jsx)(a.TableHead,{children:`Languages`}),(0,r.jsx)(a.TableHead,{children:`Status`}),(0,r.jsx)(a.TableHead,{className:`w-[160px]`,children:`Quantity`}),(0,r.jsx)(a.TableHead,{className:`text-right`,children:`Actions`})]})}),(0,r.jsx)(a.TableBody,{children:x.length>0?x.map(e=>{let t=f[e.key]??String(e.stock),i=Number.parseInt(t,10),o=Number.isFinite(i)&&i!==e.stock,s=v===e.key;return(0,r.jsxs)(a.TableRow,{children:[(0,r.jsx)(a.TableCell,{className:`font-mono text-sm`,children:e.sku}),(0,r.jsx)(a.TableCell,{children:(0,r.jsx)(a.Badge,{variant:l(e),children:c(e)})}),(0,r.jsx)(a.TableCell,{children:(0,r.jsxs)(`div`,{className:`space-y-1`,children:[(0,r.jsx)(`p`,{className:`font-medium`,children:e.productTitles.join(`, `)}),e.usageType===`product`?null:(0,r.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Parent SKU`,e.parentProductSkus.length>1?`s`:``,`:`,` `,(0,r.jsx)(`span`,{className:`font-mono`,children:e.parentProductSkus.join(`, `)})]})]})}),(0,r.jsx)(a.TableCell,{children:(0,r.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:e.languages.map(t=>(0,r.jsx)(a.Badge,{variant:`outline`,children:t},`${e.key}:${t}`))})}),(0,r.jsx)(a.TableCell,{children:(0,r.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:e.statuses.map(t=>(0,r.jsx)(a.Badge,{variant:`outline`,children:t},`${e.key}:${t}`))})}),(0,r.jsx)(a.TableCell,{children:(0,r.jsx)(a.Input,{type:`number`,min:0,step:1,value:t,disabled:g,onChange:t=>p(n=>({...n,[e.key]:t.target.value})),className:`w-28`})}),(0,r.jsx)(a.TableCell,{className:`text-right`,children:(0,r.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,r.jsxs)(a.Button,{type:`button`,size:`sm`,variant:`ghost`,disabled:!o||g,onClick:()=>p(t=>({...t,[e.key]:String(e.stock)})),children:[(0,r.jsx)(n.RotateCcw,{className:`mr-2 h-4 w-4`}),`Reset`]}),(0,r.jsxs)(a.Button,{type:`button`,size:`sm`,disabled:!o||g,onClick:()=>C(e),children:[(0,r.jsx)(n.Save,{className:`mr-2 h-4 w-4`}),s?`Saving...`:`Save`]})]})})]},e.key)}):(0,r.jsx)(a.TableRow,{children:(0,r.jsx)(a.TableCell,{colSpan:7,className:`py-10 text-center text-muted-foreground`,children:`No inventory rows matched your search.`})})})]})})]})}exports.InventoryTableClient=u;

package/lib/pages/cms/products/inventory/InventoryTableClient.d.ts

@@ -2,5 +2,5 @@ import { InventoryItem } from '../../../../shared-inventory';
 interface InventoryTableClientProps {
     initialItems: InventoryItem[];
 }
-export declare function InventoryTableClient({ initialItems }: InventoryTableClientProps): import("react").JSX.Element;
+export declare function InventoryTableClient({ initialItems }: InventoryTableClientProps): import('react').JSX.Element;
 export {};

package/lib/pages/cms/products/inventory/InventoryTableClient.es.js

@@ -1,214 +1,235 @@
-'use client';
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useState as v, useTransition as V, useRef as $, useMemo as B } from "react";
-import { Input as j, Button as b, Table as D, TableHeader as F, TableRow as x, TableHead as p, TableBody as z, TableCell as u, Badge as w } from "@nextblock-cms/ui";
-import { Search as A, Upload as _, Download as q, RotateCcw as E, Save as H } from "lucide-react";
-import { toast as m } from "sonner";
-import { importInventoryCsvAction as O, updateInventoryQuantityAction as Q } from "./actions.es.js";
-function M(c) {
-  const i = String(c ?? "");
-  return /[",\n]/.test(i) ? `"${i.replace(/"/g, '""')}"` : i;
+"use client";
+import { importInventoryCsvAction as e, updateInventoryQuantityAction as t } from "./actions.es.js";
+import { useMemo as n, useRef as r, useState as i, useTransition as a } from "react";
+import { Download as o, RotateCcw as s, Save as c, Search as l, Upload as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { toast as p } from "sonner";
+import { Badge as m, Button as h, Input as g, Table as _, TableBody as v, TableCell as y, TableHead as b, TableHeader as x, TableRow as S } from "@nextblock-cms/ui";
+//#region src/lib/pages/cms/products/inventory/InventoryTableClient.tsx
+function C(e) {
+	let t = String(e ?? "");
+	return /[",\n]/.test(t) ? `"${t.replace(/"/g, "\"\"")}"` : t;
 }
-function G(c) {
-  const i = [
-    "sku",
-    "stock",
-    "usage_type",
-    "product_titles",
-    "languages",
-    "statuses",
-    "parent_product_skus"
-  ], k = c.map((l) => [
-    l.sku,
-    l.stock,
-    l.usageType,
-    l.productTitles.join("|"),
-    l.languages.join("|"),
-    l.statuses.join("|"),
-    l.parentProductSkus.join("|")
-  ]);
-  return [i, ...k].map((l) => l.map((h) => M(h)).join(",")).join(`
-`);
+function w(e) {
+	return [[
+		"sku",
+		"stock",
+		"usage_type",
+		"product_titles",
+		"languages",
+		"statuses",
+		"parent_product_skus"
+	], ...e.map((e) => [
+		e.sku,
+		e.stock,
+		e.usageType,
+		e.productTitles.join("|"),
+		e.languages.join("|"),
+		e.statuses.join("|"),
+		e.parentProductSkus.join("|")
+	])].map((e) => e.map((e) => C(e)).join(",")).join("\n");
 }
-function J(c) {
-  return c.usageType === "mixed" ? "Shared SKU" : c.usageType === "variant" ? `Variant SKU ${c.sku}` : "Simple Product";
+function T(e) {
+	return e.usageType === "mixed" ? "Shared SKU" : e.usageType === "variant" ? `Variant SKU ${e.sku}` : "Simple Product";
 }
-function W(c) {
-  return c.usageType === "variant" ? "secondary" : "outline";
+function E(e) {
+	return e.usageType === "variant" ? "secondary" : "outline";
 }
-function re({ initialItems: c }) {
-  const [i, k] = v(c), [l, h] = v(
-    () => c.reduce((e, n) => (e[n.key] = String(n.stock), e), {})
-  ), [S, I] = v(""), [y, N] = V(), [U, g] = v(null), C = $(null), T = B(() => {
-    const e = S.trim().toLowerCase();
-    return e ? i.filter((n) => n.sku.toLowerCase().includes(e) || n.productTitles.join(" ").toLowerCase().includes(e) || n.parentProductSkus.join(" ").toLowerCase().includes(e) || n.languages.join(" ").toLowerCase().includes(e)) : i;
-  }, [i, S]), K = () => {
-    const e = G(i), n = new Blob([e], { type: "text/csv;charset=utf-8;" }), s = URL.createObjectURL(n), o = document.createElement("a");
-    o.href = s, o.download = "inventory-export.csv", o.click(), URL.revokeObjectURL(s);
-  }, L = (e) => {
-    const n = l[e.key] ?? String(e.stock), s = Number.parseInt(n, 10);
-    if (!Number.isFinite(s) || s < 0) {
-      m.error("Stock must be a non-negative whole number.");
-      return;
-    }
-    g(e.key), N(async () => {
-      const o = await Q({
-        sku: e.sku,
-        stock: s
-      });
-      if (!o.success) {
-        m.error(o.error || "Failed to update inventory."), g(null);
-        return;
-      }
-      const d = typeof o.stock == "number" ? o.stock : s;
-      k(
-        (r) => r.map(
-          (f) => f.key === e.key ? {
-            ...f,
-            stock: d
-          } : f
-        )
-      ), h((r) => ({
-        ...r,
-        [e.key]: String(d)
-      })), g(null), m.success(`Inventory updated for ${e.sku}.`);
-    });
-  }, P = () => {
-    C.current?.click();
-  }, R = async (e) => {
-    const n = await e.text();
-    g("import"), N(async () => {
-      const s = await O(n);
-      if (!s.success) {
-        m.error(s.error || "Failed to import inventory CSV."), g(null);
-        return;
-      }
-      const o = s.items || [];
-      k(o), h(
-        o.reduce((d, r) => (d[r.key] = String(r.stock), d), {})
-      ), g(null), m.success(`Imported ${s.updatedCount || 0} inventory updates.`);
-    });
-  };
-  return /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ a("div", { className: "flex flex-col gap-3 rounded-xl border bg-card p-4", children: [
-      /* @__PURE__ */ a("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between", children: [
-        /* @__PURE__ */ a("div", { className: "relative w-full lg:max-w-md", children: [
-          /* @__PURE__ */ t(A, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-          /* @__PURE__ */ t(
-            j,
-            {
-              value: S,
-              onChange: (e) => I(e.target.value),
-              placeholder: "Search by SKU, product title, parent SKU, or language...",
-              className: "pl-9"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ t(
-            "input",
-            {
-              ref: C,
-              type: "file",
-              accept: ".csv,text/csv",
-              className: "hidden",
-              onChange: (e) => {
-                const n = e.target.files?.[0];
-                n && R(n), e.currentTarget.value = "";
-              }
-            }
-          ),
-          /* @__PURE__ */ a(b, { type: "button", variant: "outline", onClick: P, disabled: y, children: [
-            /* @__PURE__ */ t(_, { className: "mr-2 h-4 w-4" }),
-            "Import CSV"
-          ] }),
-          /* @__PURE__ */ a(b, { type: "button", variant: "outline", onClick: K, disabled: y, children: [
-            /* @__PURE__ */ t(q, { className: "mr-2 h-4 w-4" }),
-            "Export CSV"
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: "Inventory is keyed by sellable SKU. Any product or variant using the same SKU shares the same quantity, and CSV imports can update those shared SKU quantities in bulk." })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "rounded-xl border bg-card", children: /* @__PURE__ */ a(D, { children: [
-      /* @__PURE__ */ t(F, { children: /* @__PURE__ */ a(x, { children: [
-        /* @__PURE__ */ t(p, { children: "SKU" }),
-        /* @__PURE__ */ t(p, { children: "Usage" }),
-        /* @__PURE__ */ t(p, { children: "Linked Products" }),
-        /* @__PURE__ */ t(p, { children: "Languages" }),
-        /* @__PURE__ */ t(p, { children: "Status" }),
-        /* @__PURE__ */ t(p, { className: "w-[160px]", children: "Quantity" }),
-        /* @__PURE__ */ t(p, { className: "text-right", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ t(z, { children: T.length > 0 ? T.map((e) => {
-        const n = l[e.key] ?? String(e.stock), s = Number.parseInt(n, 10), o = Number.isFinite(s) && s !== e.stock, d = U === e.key;
-        return /* @__PURE__ */ a(x, { children: [
-          /* @__PURE__ */ t(u, { className: "font-mono text-sm", children: e.sku }),
-          /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(w, { variant: W(e), children: J(e) }) }),
-          /* @__PURE__ */ t(u, { children: /* @__PURE__ */ a("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ t("p", { className: "font-medium", children: e.productTitles.join(", ") }),
-            e.usageType !== "product" ? /* @__PURE__ */ a("p", { className: "text-xs text-muted-foreground", children: [
-              "Parent SKU",
-              e.parentProductSkus.length > 1 ? "s" : "",
-              ":",
-              " ",
-              /* @__PURE__ */ t("span", { className: "font-mono", children: e.parentProductSkus.join(", ") })
-            ] }) : null
-          ] }) }),
-          /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1", children: e.languages.map((r) => /* @__PURE__ */ t(w, { variant: "outline", children: r }, `${e.key}:${r}`)) }) }),
-          /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1", children: e.statuses.map((r) => /* @__PURE__ */ t(w, { variant: "outline", children: r }, `${e.key}:${r}`)) }) }),
-          /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(
-            j,
-            {
-              type: "number",
-              min: 0,
-              step: 1,
-              value: n,
-              disabled: y,
-              onChange: (r) => h((f) => ({
-                ...f,
-                [e.key]: r.target.value
-              })),
-              className: "w-28"
-            }
-          ) }),
-          /* @__PURE__ */ t(u, { className: "text-right", children: /* @__PURE__ */ a("div", { className: "flex justify-end gap-2", children: [
-            /* @__PURE__ */ a(
-              b,
-              {
-                type: "button",
-                size: "sm",
-                variant: "ghost",
-                disabled: !o || y,
-                onClick: () => h((r) => ({
-                  ...r,
-                  [e.key]: String(e.stock)
-                })),
-                children: [
-                  /* @__PURE__ */ t(E, { className: "mr-2 h-4 w-4" }),
-                  "Reset"
-                ]
-              }
-            ),
-            /* @__PURE__ */ a(
-              b,
-              {
-                type: "button",
-                size: "sm",
-                disabled: !o || y,
-                onClick: () => L(e),
-                children: [
-                  /* @__PURE__ */ t(H, { className: "mr-2 h-4 w-4" }),
-                  d ? "Saving..." : "Save"
-                ]
-              }
-            )
-          ] }) })
-        ] }, e.key);
-      }) : /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(u, { colSpan: 7, className: "py-10 text-center text-muted-foreground", children: "No inventory rows matched your search." }) }) })
-    ] }) })
-  ] });
+function D({ initialItems: C }) {
+	let [D, O] = i(C), [k, A] = i(() => C.reduce((e, t) => (e[t.key] = String(t.stock), e), {})), [j, M] = i(""), [N, P] = a(), [F, I] = i(null), L = r(null), R = n(() => {
+		let e = j.trim().toLowerCase();
+		return e ? D.filter((t) => t.sku.toLowerCase().includes(e) || t.productTitles.join(" ").toLowerCase().includes(e) || t.parentProductSkus.join(" ").toLowerCase().includes(e) || t.languages.join(" ").toLowerCase().includes(e)) : D;
+	}, [D, j]), z = () => {
+		let e = w(D), t = new Blob([e], { type: "text/csv;charset=utf-8;" }), n = URL.createObjectURL(t), r = document.createElement("a");
+		r.href = n, r.download = "inventory-export.csv", r.click(), URL.revokeObjectURL(n);
+	}, B = (e) => {
+		let n = k[e.key] ?? String(e.stock), r = Number.parseInt(n, 10);
+		if (!Number.isFinite(r) || r < 0) {
+			p.error("Stock must be a non-negative whole number.");
+			return;
+		}
+		I(e.key), P(async () => {
+			let n = await t({
+				sku: e.sku,
+				stock: r
+			});
+			if (!n.success) {
+				p.error(n.error || "Failed to update inventory."), I(null);
+				return;
+			}
+			let i = typeof n.stock == "number" ? n.stock : r;
+			O((t) => t.map((t) => t.key === e.key ? {
+				...t,
+				stock: i
+			} : t)), A((t) => ({
+				...t,
+				[e.key]: String(i)
+			})), I(null), p.success(`Inventory updated for ${e.sku}.`);
+		});
+	}, V = () => {
+		L.current?.click();
+	}, H = async (t) => {
+		let n = await t.text();
+		I("import"), P(async () => {
+			let t = await e(n);
+			if (!t.success) {
+				p.error(t.error || "Failed to import inventory CSV."), I(null);
+				return;
+			}
+			let r = t.items || [];
+			O(r), A(r.reduce((e, t) => (e[t.key] = String(t.stock), e), {})), I(null), p.success(`Imported ${t.updatedCount || 0} inventory updates.`);
+		});
+	};
+	return /* @__PURE__ */ f("div", {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ f("div", {
+			className: "flex flex-col gap-3 rounded-xl border bg-card p-4",
+			children: [/* @__PURE__ */ f("div", {
+				className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
+				children: [/* @__PURE__ */ f("div", {
+					className: "relative w-full lg:max-w-md",
+					children: [/* @__PURE__ */ d(l, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ d(g, {
+						value: j,
+						onChange: (e) => M(e.target.value),
+						placeholder: "Search by SKU, product title, parent SKU, or language...",
+						className: "pl-9"
+					})]
+				}), /* @__PURE__ */ f("div", {
+					className: "flex flex-wrap gap-2",
+					children: [
+						/* @__PURE__ */ d("input", {
+							ref: L,
+							type: "file",
+							accept: ".csv,text/csv",
+							className: "hidden",
+							onChange: (e) => {
+								let t = e.target.files?.[0];
+								t && H(t), e.currentTarget.value = "";
+							}
+						}),
+						/* @__PURE__ */ f(h, {
+							type: "button",
+							variant: "outline",
+							onClick: V,
+							disabled: N,
+							children: [/* @__PURE__ */ d(u, { className: "mr-2 h-4 w-4" }), "Import CSV"]
+						}),
+						/* @__PURE__ */ f(h, {
+							type: "button",
+							variant: "outline",
+							onClick: z,
+							disabled: N,
+							children: [/* @__PURE__ */ d(o, { className: "mr-2 h-4 w-4" }), "Export CSV"]
+						})
+					]
+				})]
+			}), /* @__PURE__ */ d("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Inventory is keyed by sellable SKU. Any product or variant using the same SKU shares the same quantity, and CSV imports can update those shared SKU quantities in bulk."
+			})]
+		}), /* @__PURE__ */ d("div", {
+			className: "rounded-xl border bg-card",
+			children: /* @__PURE__ */ f(_, { children: [/* @__PURE__ */ d(x, { children: /* @__PURE__ */ f(S, { children: [
+				/* @__PURE__ */ d(b, { children: "SKU" }),
+				/* @__PURE__ */ d(b, { children: "Usage" }),
+				/* @__PURE__ */ d(b, { children: "Linked Products" }),
+				/* @__PURE__ */ d(b, { children: "Languages" }),
+				/* @__PURE__ */ d(b, { children: "Status" }),
+				/* @__PURE__ */ d(b, {
+					className: "w-[160px]",
+					children: "Quantity"
+				}),
+				/* @__PURE__ */ d(b, {
+					className: "text-right",
+					children: "Actions"
+				})
+			] }) }), /* @__PURE__ */ d(v, { children: R.length > 0 ? R.map((e) => {
+				let t = k[e.key] ?? String(e.stock), n = Number.parseInt(t, 10), r = Number.isFinite(n) && n !== e.stock, i = F === e.key;
+				return /* @__PURE__ */ f(S, { children: [
+					/* @__PURE__ */ d(y, {
+						className: "font-mono text-sm",
+						children: e.sku
+					}),
+					/* @__PURE__ */ d(y, { children: /* @__PURE__ */ d(m, {
+						variant: E(e),
+						children: T(e)
+					}) }),
+					/* @__PURE__ */ d(y, { children: /* @__PURE__ */ f("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ d("p", {
+							className: "font-medium",
+							children: e.productTitles.join(", ")
+						}), e.usageType === "product" ? null : /* @__PURE__ */ f("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								"Parent SKU",
+								e.parentProductSkus.length > 1 ? "s" : "",
+								":",
+								" ",
+								/* @__PURE__ */ d("span", {
+									className: "font-mono",
+									children: e.parentProductSkus.join(", ")
+								})
+							]
+						})]
+					}) }),
+					/* @__PURE__ */ d(y, { children: /* @__PURE__ */ d("div", {
+						className: "flex flex-wrap gap-1",
+						children: e.languages.map((t) => /* @__PURE__ */ d(m, {
+							variant: "outline",
+							children: t
+						}, `${e.key}:${t}`))
+					}) }),
+					/* @__PURE__ */ d(y, { children: /* @__PURE__ */ d("div", {
+						className: "flex flex-wrap gap-1",
+						children: e.statuses.map((t) => /* @__PURE__ */ d(m, {
+							variant: "outline",
+							children: t
+						}, `${e.key}:${t}`))
+					}) }),
+					/* @__PURE__ */ d(y, { children: /* @__PURE__ */ d(g, {
+						type: "number",
+						min: 0,
+						step: 1,
+						value: t,
+						disabled: N,
+						onChange: (t) => A((n) => ({
+							...n,
+							[e.key]: t.target.value
+						})),
+						className: "w-28"
+					}) }),
+					/* @__PURE__ */ d(y, {
+						className: "text-right",
+						children: /* @__PURE__ */ f("div", {
+							className: "flex justify-end gap-2",
+							children: [/* @__PURE__ */ f(h, {
+								type: "button",
+								size: "sm",
+								variant: "ghost",
+								disabled: !r || N,
+								onClick: () => A((t) => ({
+									...t,
+									[e.key]: String(e.stock)
+								})),
+								children: [/* @__PURE__ */ d(s, { className: "mr-2 h-4 w-4" }), "Reset"]
+							}), /* @__PURE__ */ f(h, {
+								type: "button",
+								size: "sm",
+								disabled: !r || N,
+								onClick: () => B(e),
+								children: [/* @__PURE__ */ d(c, { className: "mr-2 h-4 w-4" }), i ? "Saving..." : "Save"]
+							})]
+						})
+					})
+				] }, e.key);
+			}) : /* @__PURE__ */ d(S, { children: /* @__PURE__ */ d(y, {
+				colSpan: 7,
+				className: "py-10 text-center text-muted-foreground",
+				children: "No inventory rows matched your search."
+			}) }) })] })
+		})]
+	});
 }
-export {
-  re as InventoryTableClient
-};
+//#endregion
+export { D as InventoryTableClient };

package/lib/pages/cms/products/inventory/actions.cjs

@@ -0,0 +1,3 @@
+"use server";const e=require("../../../../shared-inventory.cjs");let t=require("@nextblock-cms/db/server"),n=require("next/cache");function r(e){let t=[],n=[],r=``,i=!1;for(let a=0;a<e.length;a+=1){let o=e[a],s=e[a+1];if(o===`"`){i&&s===`"`?(r+=`"`,a+=1):i=!i;continue}if(o===`,`&&!i){n.push(r),r=``;continue}if((o===`
+`||o===`\r`)&&!i){o===`\r`&&s===`
+`&&(a+=1),(r.length>0||n.length>0)&&(n.push(r),t.push(n)),n=[],r=``;continue}r+=o}return(r.length>0||n.length>0)&&(n.push(r),t.push(n)),t.filter(e=>e.some(e=>e.trim().length>0))}function i(e){return e.sku}async function a(t){try{let r=Math.max(0,Math.trunc(t.stock));return await e.setSharedInventoryQuantity({sku:t.sku,stock:r}),(0,n.revalidatePath)(`/cms/products`),(0,n.revalidatePath)(`/cms/products/inventory`),{success:!0,itemKey:i(t),stock:r}}catch(e){return{success:!1,error:e instanceof Error?e.message:`Failed to update inventory.`}}}async function o(i){try{let a=r(i);if(a.length<2)return{success:!1,error:`The CSV file is empty.`};let[o,...s]=a,c=o.map(e=>e.trim().toLowerCase()),l=c.indexOf(`sku`),u=c.indexOf(`stock`);if(l===-1||u===-1)return{success:!1,error:`The CSV format is invalid. Please import a file exported from the Inventory page.`};let d=(0,t.getServiceRoleSupabaseClient)(),f=0;for(let t of s){let n=(t[l]||``).trim(),r=Number.parseInt((t[u]||``).trim(),10);if(n){if(!Number.isFinite(r)||r<0)return{success:!1,error:`Invalid stock value for SKU "${n}".`};await e.setSharedInventoryQuantity({sku:n,stock:r},d),f+=1}}let p=await e.getInventoryItems(d);return(0,n.revalidatePath)(`/cms/products`),(0,n.revalidatePath)(`/cms/products/inventory`),{success:!0,updatedCount:f,items:p}}catch(e){return{success:!1,error:e instanceof Error?e.message:`Failed to import inventory CSV.`}}}exports.importInventoryCsvAction=o,exports.updateInventoryQuantityAction=a;