@nextblock-cms/ecom 0.8.1 → 0.8.7

package/lib/pages/cms/products/components/VariationsEditor.es.js

@@ -0,0 +1,408 @@
+'use client';
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import F from "next/link";
+import { useState as R, useMemo as E, useEffect as v } from "react";
+import { Badge as D, Button as z, Label as P, Input as U } from "@nextblock-cms/ui";
+import { extractSelectedTermsByAttribute as re, resolveTermValue as L, resolveAttributeName as q, generateVariantDrafts as ne } from "../../../../variation-utils.es.js";
+import { CurrencyPriceFields as oe } from "./CurrencyPriceFields.es.js";
+import { SaleScheduleFields as se } from "./SaleScheduleFields.es.js";
+import { normalizeSalePriceMap as ie, normalizePriceMap as de, convertMinorUnitAmount as I } from "../../../../currency.es.js";
+import { sanitizeVariantDraftsForStoreManagedCurrencies as K, getStoreManagedPriceCurrencyCodes as ce, resolveEditorCurrencyPriceMaps as le } from "../product-price-sync.es.js";
+import { majorUnitAmountToMinor as X, minorUnitAmountToMajor as G } from "@nextblock-cms/utils";
+const O = process.env.NEXT_PUBLIC_R2_BASE_URL || "", Q = process.env.NEXT_PUBLIC_SUPABASE_URL || "", ae = (c) => c.startsWith("http") ? c : O ? `${O.replace(/\/+$/, "")}/${c.replace(/^\/+/, "")}` : Q ? `${Q.replace(/\/+$/, "")}/storage/v1/object/public/media/${c.replace(/^\/+/, "")}` : c;
+function W(c, m = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: m
+  }).format(c);
+}
+function me(c) {
+  return Object.entries(c).filter(([, m]) => m.length > 0).map(([m, _]) => ({ attribute_id: m, term_ids: _ }));
+}
+function Ne({
+  globalAttributes: c,
+  currentLanguageCode: m,
+  baseSku: _,
+  basePrice: $,
+  basePrices: M,
+  baseSalePrice: w,
+  baseSalePrices: A,
+  currencies: d,
+  availableVariantImages: x = [],
+  initialVariationAttributes: b,
+  initialVariants: T,
+  onChange: B
+}) {
+  const [g, H] = R(() => b && b.length > 0 ? b.reduce((e, r) => (e[r.attribute_id] = r.term_ids, e), {}) : re(T || [])), [h, f] = R(
+    K(
+      T || [],
+      d
+    )
+  ), y = E(
+    () => c.map((e) => ({
+      attribute_id: e.id,
+      attribute_name: q(e, m),
+      terms: e.terms.filter((r) => (g[e.id] || []).includes(r.id)).map((r) => ({
+        ...r,
+        value: L(r, m)
+      }))
+    })).filter((e) => e.terms.length > 0),
+    [m, c, g]
+  );
+  v(() => {
+    if (y.length === 0) {
+      f([]);
+      return;
+    }
+    f(
+      (e) => K(
+        ne({
+          baseSku: _,
+          basePrice: $,
+          basePrices: de(M),
+          baseSalePrice: w,
+          baseSalePrices: ie(A),
+          selectedAttributes: y,
+          previousVariants: e
+        }),
+        d
+      )
+    );
+  }, [$, M, w, A, _, d, y]), v(() => {
+    B({
+      variationAttributes: me(g),
+      variants: h
+    });
+  }, [B, g, h]);
+  const J = h.reduce(
+    (e, r) => e + (r.stock_quantity || 0),
+    0
+  ), k = d.find((e) => e.is_default) ?? d[0], N = E(
+    () => ce(d),
+    [d]
+  ), Y = (e, r) => {
+    H((t) => {
+      const n = new Set(t[e] || []);
+      return n.has(r) ? n.delete(r) : n.add(r), {
+        ...t,
+        [e]: [...n]
+      };
+    });
+  }, C = (e, r, t) => {
+    f(
+      (n) => n.map((s) => {
+        if (s.combination_key !== e)
+          return s;
+        if (r === "sku")
+          return {
+            ...s,
+            sku: t
+          };
+        if (r === "upc")
+          return {
+            ...s,
+            upc: t
+          };
+        if (r === "sale_price" && t === "")
+          return {
+            ...s,
+            sale_price: null
+          };
+        if (r === "prices" || r === "sale_prices")
+          return s;
+        const l = t === "" ? 0 : Number(t);
+        return {
+          ...s,
+          [r]: Number.isFinite(l) ? l : 0
+        };
+      })
+    );
+  }, Z = (e, r, t) => {
+    f(
+      (n) => n.map(
+        (s) => s.combination_key === e ? { ...s, [r]: t } : s
+      )
+    );
+  }, V = (e, r, t, n) => {
+    const s = d.find((l) => l.is_default) ?? d[0];
+    f(
+      (l) => l.map((p) => {
+        if (p.combination_key !== e)
+          return p;
+        const u = {
+          ...t === "prices" ? p.prices : p.sale_prices,
+          [r]: n
+        };
+        return {
+          ...p,
+          [t]: u,
+          ...r === s?.code ? t === "prices" ? { price: n ?? 0 } : { sale_price: n } : {}
+        };
+      })
+    );
+  }, ee = (e) => {
+    const r = d.find((n) => n.is_default) ?? d[0], t = new Set(N);
+    r && f(
+      (n) => n.map((s) => {
+        if (s.combination_key !== e)
+          return s;
+        const l = d.reduce((u, a) => {
+          if (a.code !== r.code && t.has(a.code))
+            return u;
+          const S = I({
+            amount: X(s.price, r.code),
+            fromCurrencyCode: r.code,
+            toCurrencyCode: a.code,
+            currencies: d,
+            applyRounding: !0
+          });
+          return u[a.code] = G(S, a.code), u;
+        }, {}), p = d.reduce(
+          (u, a) => {
+            if (a.code !== r.code && t.has(a.code))
+              return u;
+            if (typeof s.sale_price != "number")
+              return u[a.code] = null, u;
+            const S = I({
+              amount: X(s.sale_price, r.code),
+              fromCurrencyCode: r.code,
+              toCurrencyCode: a.code,
+              currencies: d,
+              applyRounding: !0
+            });
+            return u[a.code] = G(S, a.code), u;
+          },
+          {}
+        );
+        return {
+          ...s,
+          prices: l,
+          sale_prices: p
+        };
+      })
+    );
+  }, te = (e, r) => {
+    const t = x.find((l) => l.media_id === r);
+    if (!t)
+      return;
+    const n = t.file_path, s = ae(n);
+    f(
+      (l) => l.map(
+        (p) => p.combination_key === e ? {
+          ...p,
+          main_media_id: t.media_id,
+          main_image_url: s
+        } : p
+      )
+    );
+  }, j = (e) => {
+    f(
+      (r) => r.map(
+        (t) => t.combination_key === e ? {
+          ...t,
+          main_media_id: null,
+          main_image_url: null
+        } : t
+      )
+    );
+  };
+  return c.length === 0 ? /* @__PURE__ */ i("div", { className: "rounded-lg border border-dashed p-6 text-sm text-muted-foreground", children: [
+    "No global attributes have been created yet. Create them first in",
+    " ",
+    /* @__PURE__ */ o(F, { href: "/cms/products/attributes", className: "font-medium text-primary underline-offset-4 hover:underline", children: "Attribute Management" }),
+    "."
+  ] }) : /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ i("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ o("span", { className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Attributes" }),
+          /* @__PURE__ */ i(D, { variant: "outline", className: "text-[10px] px-1.5 h-4", children: [
+            h.length,
+            " variants"
+          ] }),
+          /* @__PURE__ */ i(D, { variant: "secondary", className: "text-[10px] px-1.5 h-4", children: [
+            "Stock: ",
+            J
+          ] })
+        ] }),
+        /* @__PURE__ */ o(z, { asChild: !0, variant: "outline", size: "sm", className: "h-7 text-xs px-3", children: /* @__PURE__ */ o(F, { href: "/cms/products/attributes", children: "Manage" }) })
+      ] }),
+      /* @__PURE__ */ o("div", { className: "grid gap-2 lg:grid-cols-2", children: c.map((e) => {
+        const r = g[e.id] || [];
+        return /* @__PURE__ */ i("div", { className: "flex items-center gap-3 rounded border p-2.5", children: [
+          /* @__PURE__ */ i("div", { className: "shrink-0 w-[100px]", children: [
+            /* @__PURE__ */ o("span", { className: "text-sm font-bold block leading-tight", children: q(e, m) }),
+            /* @__PURE__ */ i("span", { className: "text-[10px] text-muted-foreground leading-none", children: [
+              r.length,
+              " selected"
+            ] })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-1.5 flex-1", children: e.terms.map((t) => {
+            const n = r.includes(t.id);
+            return /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                onClick: () => Y(e.id, t.id),
+                className: `rounded-full border px-2.5 py-0.5 text-[11px] font-medium transition-colors ${n ? "border-primary bg-primary/10 text-primary" : "border-border bg-background text-foreground hover:border-primary/40"}`,
+                children: L(t, m)
+              },
+              t.id
+            );
+          }) })
+        ] }, e.id);
+      }) })
+    ] }),
+    h.length === 0 ? /* @__PURE__ */ o("div", { className: "rounded border border-dashed p-3 text-xs text-muted-foreground text-center", children: "Select terms above to generate variations." }) : /* @__PURE__ */ o("div", { className: "space-y-2", children: h.map((e) => {
+      const r = le({
+        currencies: d,
+        prices: e.prices || {},
+        salePrices: e.sale_prices || {},
+        fallbackPrice: e.price,
+        fallbackSalePrice: e.sale_price
+      });
+      return /* @__PURE__ */ i("div", { className: "rounded border p-3 space-y-2", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ o("span", { className: "text-sm font-bold", children: e.label }),
+            /* @__PURE__ */ o("span", { className: "text-xs text-muted-foreground", children: e.selected_options.map((t) => `${t.attribute_name}: ${t.term_value}`).join(" · ") })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ i("span", { children: [
+              "Reg: ",
+              W(e.price, k?.code || "USD")
+            ] }),
+            /* @__PURE__ */ i("span", { children: [
+              "Sale:",
+              " ",
+              e.sale_price !== null && e.sale_price !== void 0 ? W(e.sale_price, k?.code || "USD") : "—"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "grid grid-cols-3 gap-2.5", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ o(P, { htmlFor: `variant-sku-${e.combination_key}`, className: "text-xs uppercase font-bold text-muted-foreground tracking-wider shrink-0", children: "SKU" }),
+            /* @__PURE__ */ o(
+              U,
+              {
+                id: `variant-sku-${e.combination_key}`,
+                value: e.sku,
+                onChange: (t) => C(e.combination_key, "sku", t.target.value),
+                placeholder: "SKU",
+                className: "h-8 text-sm font-mono"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ o(P, { htmlFor: `variant-upc-${e.combination_key}`, className: "text-xs uppercase font-bold text-muted-foreground tracking-wider shrink-0", children: "UPC" }),
+            /* @__PURE__ */ o(
+              U,
+              {
+                id: `variant-upc-${e.combination_key}`,
+                value: e.upc ?? "",
+                onChange: (t) => C(e.combination_key, "upc", t.target.value),
+                placeholder: "—",
+                className: "h-8 text-sm font-mono"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ o(P, { htmlFor: `variant-stock-${e.combination_key}`, className: "text-xs uppercase font-bold text-muted-foreground tracking-wider shrink-0", children: "Qty" }),
+            /* @__PURE__ */ o(
+              U,
+              {
+                id: `variant-stock-${e.combination_key}`,
+                type: "number",
+                min: "0",
+                value: e.stock_quantity,
+                onChange: (t) => C(
+                  e.combination_key,
+                  "stock_quantity",
+                  t.target.value
+                ),
+                className: "h-8 text-sm font-mono w-20"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ o(
+          oe,
+          {
+            idPrefix: `variant-${e.combination_key}`,
+            currencies: d,
+            prices: r.prices,
+            salePrices: r.salePrices,
+            managedCurrencyCodes: N,
+            onPriceChange: (t, n) => V(
+              e.combination_key,
+              t,
+              "prices",
+              n
+            ),
+            onSalePriceChange: (t, n) => V(
+              e.combination_key,
+              t,
+              "sale_prices",
+              n
+            ),
+            onAutoFill: () => ee(e.combination_key),
+            helperText: N.length > 0 ? `Store-managed currencies derive from ${k?.code || "the base currency"}.` : void 0,
+            trailing: /* @__PURE__ */ o(
+              se,
+              {
+                idPrefix: `variant-${e.combination_key}`,
+                startAt: e.sale_start_at,
+                endAt: e.sale_end_at,
+                onChange: (t, n) => Z(e.combination_key, t, n),
+                bare: !0
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-3 pt-1.5 border-t border-muted/30", children: [
+          e.main_image_url && /* @__PURE__ */ o("div", { className: "h-9 w-9 overflow-hidden rounded border bg-background shrink-0", children: /* @__PURE__ */ o(
+            "img",
+            {
+              src: e.main_image_url,
+              alt: `${e.label} image`,
+              className: "h-full w-full object-cover"
+            }
+          ) }),
+          /* @__PURE__ */ o("span", { className: "text-xs uppercase font-bold text-muted-foreground tracking-wider shrink-0", children: "Image" }),
+          x.length > 0 ? /* @__PURE__ */ i(
+            "select",
+            {
+              className: "flex h-8 rounded-md border border-input bg-background px-2 py-1 text-sm min-w-[180px]",
+              value: e.main_media_id ?? "",
+              onChange: (t) => {
+                if (!t.target.value) {
+                  j(e.combination_key);
+                  return;
+                }
+                te(e.combination_key, t.target.value);
+              },
+              children: [
+                /* @__PURE__ */ o("option", { value: "", children: "Use parent image" }),
+                x.map((t, n) => /* @__PURE__ */ o("option", { value: t.media_id, children: t.alt?.trim() || `Gallery image ${n + 1}` }, t.media_id))
+              ]
+            }
+          ) : /* @__PURE__ */ o("span", { className: "text-xs text-muted-foreground", children: "Add gallery images first." }),
+          e.main_media_id && /* @__PURE__ */ o(
+            z,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-7 text-xs px-2 text-muted-foreground hover:text-destructive",
+              onClick: () => j(e.combination_key),
+              children: "Remove"
+            }
+          )
+        ] })
+      ] }, e.combination_key);
+    }) })
+  ] });
+}
+export {
+  Ne as VariationsEditor
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../../shared-inventory.cjs.js"),s=require("./InventoryTableClient.cjs.js");async function a(){const t=await n.getInventoryItems();return e.jsxs("div",{className:"p-8 space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h1",{className:"text-3xl font-bold",children:"Inventory"}),e.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."})]}),e.jsx(s.InventoryTableClient,{initialItems:t})]})}exports.InventoryPage=a;

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

@@ -0,0 +1,16 @@
+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 })
+  ] });
+}
+export {
+  l as InventoryPage
+};

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

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

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

@@ -0,0 +1,214 @@
+'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;
+}
+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 J(c) {
+  return c.usageType === "mixed" ? "Shared SKU" : c.usageType === "variant" ? `Variant SKU ${c.sku}` : "Simple Product";
+}
+function W(c) {
+  return c.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." }) }) })
+    ] }) })
+  ] });
+}
+export {
+  re as InventoryTableClient
+};

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

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