@nextblock-cms/ecom 0.8.6 → 0.8.7

package/lib/pages/cms/products/attributes/components/AttributeManager.es.js

@@ -0,0 +1,291 @@
+'use client';
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useState as i } from "react";
+import { useRouter as V } from "next/navigation";
+import { Label as m, Input as h, Button as t, Badge as W } from "@nextblock-cms/ui";
+import { Plus as j, Trash2 as k, ChevronUp as X, ChevronDown as Y } from "lucide-react";
+function ae({
+  attributes: o,
+  languages: z,
+  createAttributeAction: P,
+  deleteAttributeAction: M,
+  createTermAction: _,
+  deleteTermAction: B,
+  reorderTermsAction: L,
+  updateTranslationsAction: R
+}) {
+  const l = V(), [p, N] = i(""), [x, w] = i(null), [U, y] = i(null), [T, b] = i(null), [A, $] = i(null), [u, C] = i({}), [I, q] = i(
+    () => o.reduce((e, s) => (e[s.id] = s.name_translations || {}, e), {})
+  ), [F, E] = i(
+    () => o.reduce((e, s) => {
+      for (const n of s.terms)
+        e[n.id] = n.value_translations || {};
+      return e;
+    }, {})
+  ), v = z.filter((e) => !e.is_default), G = async (e) => {
+    e.preventDefault();
+    const s = await P({ name: p });
+    if (!s.success) {
+      alert(s.error || "Failed to create attribute.");
+      return;
+    }
+    N(""), l.refresh();
+  }, H = async (e, s) => {
+    e.preventDefault(), w(s);
+    const n = await _({
+      attributeId: s,
+      value: u[s] || ""
+    });
+    if (w(null), !n.success) {
+      alert(n.error || "Failed to create term.");
+      return;
+    }
+    C((d) => ({
+      ...d,
+      [s]: ""
+    })), l.refresh();
+  }, J = async (e) => {
+    if (!window.confirm("Delete this attribute and all of its terms?"))
+      return;
+    const n = await M(e);
+    if (!n.success) {
+      alert(n.error || "Failed to delete attribute.");
+      return;
+    }
+    l.refresh();
+  }, K = async (e) => {
+    y(e);
+    const s = await B(e);
+    if (y(null), !s.success) {
+      alert(s.error || "Failed to delete term.");
+      return;
+    }
+    l.refresh();
+  }, S = async (e, s, n) => {
+    const d = e.terms.findIndex((g) => g.id === s), c = d + n;
+    if (d === -1 || c < 0 || c >= e.terms.length)
+      return;
+    const f = [...e.terms], [Q] = f.splice(d, 1);
+    f.splice(c, 0, Q), b(e.id);
+    const D = await L({
+      attributeId: e.id,
+      orderedTermIds: f.map((g) => g.id)
+    });
+    if (b(null), !D.success) {
+      alert(D.error || "Failed to reorder terms.");
+      return;
+    }
+    l.refresh();
+  }, O = async (e) => {
+    $(e.id);
+    const s = await R({
+      attributeId: e.id,
+      nameTranslations: I[e.id] || {},
+      termTranslations: e.terms.map((n) => ({
+        termId: n.id,
+        valueTranslations: F[n.id] || {}
+      }))
+    });
+    if ($(null), !s.success) {
+      alert(s.error || "Failed to save translations.");
+      return;
+    }
+    l.refresh();
+  };
+  return /* @__PURE__ */ a("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ r("form", { onSubmit: G, className: "rounded-lg border bg-card p-6 shadow-sm", children: /* @__PURE__ */ a("div", { className: "flex flex-wrap items-end gap-4", children: [
+      /* @__PURE__ */ a("div", { className: "flex-1 min-w-[220px] space-y-2", children: [
+        /* @__PURE__ */ r(m, { htmlFor: "attribute-name", children: "New Attribute" }),
+        /* @__PURE__ */ r(
+          h,
+          {
+            id: "attribute-name",
+            value: p,
+            onChange: (e) => N(e.target.value),
+            placeholder: "Material, Size, Color..."
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(t, { type: "submit", disabled: !p.trim(), children: [
+        /* @__PURE__ */ r(j, { className: "mr-2 h-4 w-4" }),
+        "Create Attribute"
+      ] })
+    ] }) }),
+    o.length === 0 ? /* @__PURE__ */ r("div", { className: "rounded-lg border border-dashed p-6 text-sm text-muted-foreground", children: "No global attributes have been created yet." }) : /* @__PURE__ */ r("div", { className: "grid gap-6", children: o.map((e) => /* @__PURE__ */ a("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
+      /* @__PURE__ */ a("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ r("h2", { className: "text-lg font-semibold", children: e.name }),
+          /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground", children: e.slug })
+        ] }),
+        /* @__PURE__ */ r(
+          t,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            onClick: () => J(e.id),
+            className: "text-muted-foreground hover:text-destructive",
+            children: /* @__PURE__ */ r(k, { className: "h-4 w-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("div", { className: "mt-4 space-y-2", children: e.terms.map((s, n) => /* @__PURE__ */ a(
+        "div",
+        {
+          className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border bg-muted/20 px-3 py-2",
+          children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ r(W, { variant: "secondary", className: "py-1.5", children: s.value }),
+              /* @__PURE__ */ a("span", { className: "text-xs text-muted-foreground", children: [
+                "Position ",
+                n + 1
+              ] })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ r(
+                t,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-8 w-8",
+                  onClick: () => S(e, s.id, -1),
+                  disabled: n === 0 || T === e.id,
+                  children: /* @__PURE__ */ r(X, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ r(
+                t,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-8 w-8",
+                  onClick: () => S(e, s.id, 1),
+                  disabled: n === e.terms.length - 1 || T === e.id,
+                  children: /* @__PURE__ */ r(Y, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ r(
+                t,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: () => K(s.id),
+                  className: "h-8 w-8 text-muted-foreground hover:text-destructive",
+                  disabled: U === s.id,
+                  children: /* @__PURE__ */ r(k, { className: "h-4 w-4" })
+                }
+              )
+            ] })
+          ]
+        },
+        s.id
+      )) }),
+      /* @__PURE__ */ a(
+        "form",
+        {
+          onSubmit: (s) => H(s, e.id),
+          className: "mt-6 flex flex-wrap items-end gap-3",
+          children: [
+            /* @__PURE__ */ a("div", { className: "flex-1 min-w-[220px] space-y-2", children: [
+              /* @__PURE__ */ r(m, { htmlFor: `term-input-${e.id}`, children: "Add Term" }),
+              /* @__PURE__ */ r(
+                h,
+                {
+                  id: `term-input-${e.id}`,
+                  value: u[e.id] || "",
+                  onChange: (s) => C((n) => ({
+                    ...n,
+                    [e.id]: s.target.value
+                  })),
+                  placeholder: `Add a term for ${e.name}`
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a(
+              t,
+              {
+                type: "submit",
+                variant: "outline",
+                disabled: !u[e.id]?.trim() || x === e.id,
+                children: [
+                  /* @__PURE__ */ r(j, { className: "mr-2 h-4 w-4" }),
+                  x === e.id ? "Saving..." : "Add Term"
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      v.length > 0 && /* @__PURE__ */ a("div", { className: "mt-6 border-t pt-6 space-y-4", children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("h3", { className: "font-medium", children: "Translations" }),
+            /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground", children: "Translate the attribute label and each term for every active site language." })
+          ] }),
+          /* @__PURE__ */ r(
+            t,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => O(e),
+              disabled: A === e.id,
+              children: A === e.id ? "Saving..." : "Save Translations"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r("div", { className: "grid gap-4 md:grid-cols-2", children: v.map((s) => /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ a(m, { htmlFor: `attribute-translation-${e.id}-${s.code}`, children: [
+            "Attribute Name (",
+            s.name,
+            ")"
+          ] }),
+          /* @__PURE__ */ r(
+            h,
+            {
+              id: `attribute-translation-${e.id}-${s.code}`,
+              value: I[e.id]?.[s.code] || "",
+              onChange: (n) => q((d) => ({
+                ...d,
+                [e.id]: {
+                  ...d[e.id] || {},
+                  [s.code]: n.target.value
+                }
+              })),
+              placeholder: e.name
+            }
+          )
+        ] }, `${e.id}-${s.code}`)) }),
+        /* @__PURE__ */ r("div", { className: "space-y-3", children: e.terms.map((s) => /* @__PURE__ */ a("div", { className: "rounded-lg border p-4 space-y-3", children: [
+          /* @__PURE__ */ a("div", { children: [
+            /* @__PURE__ */ r("p", { className: "font-medium", children: s.value }),
+            /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground", children: "Translate this term for each language." })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "grid gap-4 md:grid-cols-2", children: v.map((n) => /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ r(m, { htmlFor: `term-translation-${s.id}-${n.code}`, children: n.name }),
+            /* @__PURE__ */ r(
+              h,
+              {
+                id: `term-translation-${s.id}-${n.code}`,
+                value: F[s.id]?.[n.code] || "",
+                onChange: (d) => E((c) => ({
+                  ...c,
+                  [s.id]: {
+                    ...c[s.id] || {},
+                    [n.code]: d.target.value
+                  }
+                })),
+                placeholder: s.value
+              }
+            )
+          ] }, `${s.id}-${n.code}`)) })
+        ] }, `translations-${s.id}`)) })
+      ] })
+    ] }, e.id)) })
+  ] });
+}
+export {
+  ae as AttributeManager
+};

package/lib/pages/cms/products/categories/CategoryManagementPage.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("next/link"),i=require("lucide-react"),n=require("@nextblock-cms/ui"),o=require("@nextblock-cms/db/server"),c=require("../actions.cjs.js"),t=require("../server-actions.cjs.js"),g=require("./components/CategoryManager.cjs.js");async function l(){const[r,a]=await Promise.all([c.getCategoriesWithCount(),o.getActiveLanguagesServerSide()]);return e.jsxs("div",{className:"space-y-8 w-full max-w-[1200px] mx-auto px-6 py-8",children:[e.jsx("div",{className:"flex flex-wrap items-center justify-between gap-4",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(n.Button,{variant:"outline",size:"icon",asChild:!0,children:e.jsx(s,{href:"/cms/products",children:e.jsx(i.ArrowLeft,{className:"h-4 w-4"})})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold",children:"Category Management"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Create and manage product categories for organizing your e-commerce catalog."})]})]})}),e.jsx(g.CategoryManager,{initialCategories:r,createCategory:t.createCategoryAction,updateCategory:t.updateCategoryAction,deleteCategory:t.deleteCategoryAction,languages:a})]})}exports.CategoryManagementPage=l;

package/lib/pages/cms/products/categories/CategoryManagementPage.es.js

@@ -0,0 +1,36 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import o from "next/link";
+import { ArrowLeft as i } from "lucide-react";
+import { Button as n } from "@nextblock-cms/ui";
+import { getActiveLanguagesServerSide as c } from "@nextblock-cms/db/server";
+import { getCategoriesWithCount as m } from "../actions.es.js";
+import { deleteCategoryAction as s, updateCategoryAction as g, createCategoryAction as l } from "../server-actions.es.js";
+import { CategoryManager as d } from "./components/CategoryManager.es.js";
+async function w() {
+  const [r, a] = await Promise.all([
+    m(),
+    c()
+  ]);
+  return /* @__PURE__ */ t("div", { className: "space-y-8 w-full max-w-[1200px] mx-auto px-6 py-8", children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center justify-between gap-4", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e(n, { variant: "outline", size: "icon", asChild: !0, children: /* @__PURE__ */ e(o, { href: "/cms/products", children: /* @__PURE__ */ e(i, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("h1", { className: "text-2xl font-bold", children: "Category Management" }),
+        /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Create and manage product categories for organizing your e-commerce catalog." })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(
+      d,
+      {
+        initialCategories: r,
+        createCategory: l,
+        updateCategory: g,
+        deleteCategory: s,
+        languages: a
+      }
+    )
+  ] });
+}
+export {
+  w as CategoryManagementPage
+};

package/lib/pages/cms/products/categories/components/CategoryManager.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),c=require("lucide-react"),l=require("sonner"),_=require("next/navigation"),s=require("@nextblock-cms/ui");function O({initialCategories:g=[],languages:q=[],createCategory:A,updateCategory:L,deleteCategory:E}){const y=_.useRouter(),[v,I]=n.useState(g),[o,m]=n.useState(!1),[d,w]=n.useState(null),[u,h]=n.useState(""),[C,x]=n.useState(""),[k,p]=n.useState(""),[S,b]=n.useState({}),[T,f]=n.useState({}),[F,j]=n.useState(!1),z=(q||[]).filter(t=>!t.is_default);n.useEffect(()=>{I(g)},[g]);const D=t=>t.toLowerCase().trim().replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,"").replace(/-+/g,"-").replace(/^-|-$/g,""),$=t=>{const r=t.target.value;h(r),!F&&!d&&x(D(r))},M=t=>{x(D(t.target.value)),j(!0)},P=t=>{w(t),h(t.name),x(t.slug),p(t.description||""),b(t.name_translations||{}),f(t.description_translations||{}),j(!0)},N=()=>{w(null),h(""),x(""),p(""),b({}),f({}),j(!1)},B=async t=>{if(t.preventDefault(),!u.trim()){l.toast.error("Category name is required.");return}m(!0);const r=l.toast.loading(d?"Updating category...":"Creating category...");try{const a={name:u.trim(),slug:C.trim()||void 0,description:k.trim()||void 0,nameTranslations:S,descriptionTranslations:T};let i;d?i=await L(d.id,a):i=await A(a),i.success?(l.toast.success(d?"Category updated successfully!":"Category created successfully!",{id:r}),N(),y.refresh()):l.toast.error(i.error||"Failed to save category.",{id:r})}catch(a){l.toast.error(a.message||"An unexpected error occurred.",{id:r})}finally{m(!1)}},R=async t=>{const r=`Are you sure you want to delete the category "${t.name}"? This will detach it from any assigned products.`;if(!window.confirm(r))return;m(!0);const a=l.toast.loading("Deleting category...");try{const i=await E(t.id);i.success?(l.toast.success("Category deleted successfully!",{id:a}),d?.id===t.id&&N(),y.refresh()):l.toast.error(i.error||"Failed to delete category.",{id:a})}catch(i){l.toast.error(i.message||"An unexpected error occurred.",{id:a})}finally{m(!1)}};return e.jsxs("div",{className:"grid gap-6 md:grid-cols-12 items-start",children:[e.jsx("div",{className:"md:col-span-4 space-y-4",children:e.jsxs(s.Card,{className:"p-5 shadow-lg border-t-4 border-t-amber-500 bg-card/65 backdrop-blur-md transition-all duration-300",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx(c.FolderPlus,{className:"h-5 w-5 text-amber-500"}),e.jsx("h2",{className:"text-base font-bold tracking-tight",children:d?"Edit Category":"Add New Category"})]}),e.jsxs("form",{onSubmit:B,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(s.Label,{htmlFor:"name",className:"text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",children:"Name"}),e.jsx(s.Input,{id:"name",placeholder:"e.g. T-Shirts",value:u,onChange:$,disabled:o,className:"h-8 text-sm",required:!0})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs(s.Label,{htmlFor:"slug",className:"text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none flex items-center justify-between w-full",children:[e.jsx("span",{children:"Slug"}),!F&&!d&&e.jsx("span",{className:"text-[10px] text-amber-600 dark:text-amber-400 capitalize",children:"Auto-generating"})]}),e.jsx(s.Input,{id:"slug",placeholder:"e.g. t-shirts",value:C,onChange:M,disabled:o,className:"h-8 text-sm font-mono"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(s.Label,{htmlFor:"description",className:"text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",children:"Description"}),e.jsx(s.Textarea,{id:"description",placeholder:"Optional description of the category...",value:k,onChange:t=>p(t.target.value),disabled:o,className:"text-sm min-h-[90px] resize-none"})]}),z.length>0&&e.jsxs("div",{className:"border-t border-border/50 pt-4 mt-4 space-y-4",children:[e.jsx("h3",{className:"text-xs uppercase font-bold text-muted-foreground tracking-wider",children:"Translations"}),z.map(t=>e.jsxs("div",{className:"space-y-3 p-3 rounded-md bg-muted/30 border border-border/30",children:[e.jsx("span",{className:"text-[11px] font-bold text-amber-600 dark:text-amber-400 uppercase tracking-wider",children:t.name}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs(s.Label,{htmlFor:`name-${t.code}`,className:"text-[10px] uppercase font-bold text-muted-foreground tracking-wider leading-none",children:["Name (",t.code,")"]}),e.jsx(s.Input,{id:`name-${t.code}`,placeholder:`Translation for ${u||"Name"}`,value:S[t.code]||"",onChange:r=>b(a=>({...a,[t.code]:r.target.value})),disabled:o,className:"h-8 text-sm"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs(s.Label,{htmlFor:`desc-${t.code}`,className:"text-[10px] uppercase font-bold text-muted-foreground tracking-wider leading-none",children:["Description (",t.code,")"]}),e.jsx(s.Textarea,{id:`desc-${t.code}`,placeholder:"Translation for Description",value:T[t.code]||"",onChange:r=>f(a=>({...a,[t.code]:r.target.value})),disabled:o,className:"text-sm min-h-[60px] resize-none"})]})]},t.code))]}),e.jsxs("div",{className:"flex items-center gap-2 pt-2",children:[e.jsx(s.Button,{type:"submit",disabled:o,size:"sm",className:"flex-1 bg-amber-600 hover:bg-amber-500 text-white font-medium shadow-md shadow-amber-600/10 h-8 text-xs cursor-pointer",children:o?e.jsxs(e.Fragment,{children:[e.jsx(c.Loader2,{className:"mr-1.5 h-3.5 w-3.5 animate-spin"}),"Saving..."]}):d?"Update Category":"Create Category"}),d&&e.jsx(s.Button,{type:"button",onClick:N,disabled:o,variant:"outline",size:"sm",className:"h-8 text-xs border-dashed cursor-pointer",children:"Cancel"})]})]})]})}),e.jsx("div",{className:"md:col-span-8",children:e.jsxs(s.Card,{className:"p-4 shadow-lg bg-card/65 backdrop-blur-md border border-border/40",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4 pb-2 border-b border-border/50",children:[e.jsx(c.FolderKanban,{className:"h-5 w-5 text-muted-foreground"}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-base font-bold tracking-tight",children:"Active Categories"}),e.jsx("p",{className:"text-[11px] text-muted-foreground leading-none mt-0.5",children:"Categories are shared globally across languages."})]})]}),v.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center py-12 px-4 text-center border-2 border-dashed border-border/60 rounded-lg bg-muted/20 animate-in fade-in duration-300",children:[e.jsx(c.HelpCircle,{className:"h-10 w-10 text-muted-foreground/50 mb-3"}),e.jsx("h3",{className:"text-sm font-bold text-muted-foreground",children:"No Categories Found"}),e.jsx("p",{className:"text-xs text-muted-foreground/80 max-w-sm mt-1",children:"Add your first category using the form on the left to start organizing your catalog products."})]}):e.jsx("div",{className:"overflow-x-auto border rounded-lg bg-background/50",children:e.jsxs("table",{className:"w-full text-left border-collapse text-xs",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b bg-muted/40 font-bold uppercase tracking-wider text-muted-foreground/85 select-none",children:[e.jsx("th",{className:"p-3 pl-4",children:"Name"}),e.jsx("th",{className:"p-3",children:"Slug"}),e.jsx("th",{className:"p-3 text-center",children:"Products"}),e.jsx("th",{className:"p-3 pr-4 text-right",children:"Actions"})]})}),e.jsx("tbody",{className:"divide-y divide-border/60",children:v.map(t=>e.jsxs("tr",{className:"hover:bg-muted/10 transition-colors group",children:[e.jsxs("td",{className:"p-3 pl-4",children:[e.jsx("div",{className:"font-semibold text-slate-800 dark:text-slate-100",children:t.name}),t.description&&e.jsx("div",{className:"text-[10px] text-muted-foreground mt-0.5 max-w-xs truncate leading-normal",title:t.description,children:t.description})]}),e.jsx("td",{className:"p-3",children:e.jsxs("code",{className:"px-1.5 py-0.5 rounded bg-muted/65 font-mono text-[10px]",children:["/",t.slug]})}),e.jsx("td",{className:"p-3 text-center",children:e.jsx("span",{className:"inline-flex items-center justify-center px-2 py-0.5 rounded-full text-[10px] font-bold bg-amber-500/10 text-amber-800 dark:text-amber-300 border border-amber-500/15",children:t.productCount})}),e.jsx("td",{className:"p-3 pr-4 text-right",children:e.jsxs("div",{className:"flex items-center justify-end gap-1.5",children:[e.jsx(s.Button,{variant:"outline",size:"icon",disabled:o,onClick:()=>P(t),className:"h-7 w-7 opacity-85 hover:opacity-100 group-hover:border-amber-500/30 cursor-pointer",title:"Edit Category",children:e.jsx(c.Edit2,{className:"h-3.5 w-3.5 text-muted-foreground group-hover:text-amber-600 dark:group-hover:text-amber-400"})}),e.jsx(s.Button,{variant:"outline",size:"icon",disabled:o,onClick:()=>R(t),className:"h-7 w-7 opacity-85 hover:opacity-100 group-hover:border-red-500/30 cursor-pointer",title:"Delete Category",children:e.jsx(c.Trash2,{className:"h-3.5 w-3.5 text-muted-foreground group-hover:text-red-500"})})]})})]},t.id))})]})})]})})]})}exports.CategoryManager=O;

package/lib/pages/cms/products/categories/components/CategoryManager.es.js

@@ -0,0 +1,263 @@
+'use client';
+import { jsxs as t, jsx as r, Fragment as R } from "react/jsx-runtime";
+import { useState as i, useEffect as G } from "react";
+import { FolderPlus as J, Loader2 as Q, FolderKanban as V, HelpCircle as W, Edit2 as X, Trash2 as Y } from "lucide-react";
+import { toast as l } from "sonner";
+import { useRouter as Z } from "next/navigation";
+import { Card as j, Label as c, Input as w, Textarea as I, Button as g } from "@nextblock-cms/ui";
+function oe({
+  initialCategories: h = [],
+  languages: L = [],
+  createCategory: M,
+  updateCategory: P,
+  deleteCategory: _
+}) {
+  const C = Z(), [k, q] = i(h), [d, m] = i(!1), [o, F] = i(null), [u, b] = i(""), [S, p] = i(""), [T, x] = i(""), [z, f] = i({}), [D, N] = i({}), [A, y] = i(!1), E = (L || []).filter((e) => !e.is_default);
+  G(() => {
+    q(h);
+  }, [h]);
+  const $ = (e) => e.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "").replace(/-+/g, "-").replace(/^-|-$/g, ""), U = (e) => {
+    const a = e.target.value;
+    b(a), !A && !o && p($(a));
+  }, B = (e) => {
+    p($(e.target.value)), y(!0);
+  }, H = (e) => {
+    F(e), b(e.name), p(e.slug), x(e.description || ""), f(e.name_translations || {}), N(e.description_translations || {}), y(!0);
+  }, v = () => {
+    F(null), b(""), p(""), x(""), f({}), N({}), y(!1);
+  }, K = async (e) => {
+    if (e.preventDefault(), !u.trim()) {
+      l.error("Category name is required.");
+      return;
+    }
+    m(!0);
+    const a = l.loading(
+      o ? "Updating category..." : "Creating category..."
+    );
+    try {
+      const s = {
+        name: u.trim(),
+        slug: S.trim() || void 0,
+        description: T.trim() || void 0,
+        nameTranslations: z,
+        descriptionTranslations: D
+      };
+      let n;
+      o ? n = await P(o.id, s) : n = await M(s), n.success ? (l.success(
+        o ? "Category updated successfully!" : "Category created successfully!",
+        { id: a }
+      ), v(), C.refresh()) : l.error(n.error || "Failed to save category.", { id: a });
+    } catch (s) {
+      l.error(s.message || "An unexpected error occurred.", { id: a });
+    } finally {
+      m(!1);
+    }
+  }, O = async (e) => {
+    const a = `Are you sure you want to delete the category "${e.name}"? This will detach it from any assigned products.`;
+    if (!window.confirm(a))
+      return;
+    m(!0);
+    const s = l.loading("Deleting category...");
+    try {
+      const n = await _(e.id);
+      n.success ? (l.success("Category deleted successfully!", { id: s }), o?.id === e.id && v(), C.refresh()) : l.error(n.error || "Failed to delete category.", { id: s });
+    } catch (n) {
+      l.error(n.message || "An unexpected error occurred.", { id: s });
+    } finally {
+      m(!1);
+    }
+  };
+  return /* @__PURE__ */ t("div", { className: "grid gap-6 md:grid-cols-12 items-start", children: [
+    /* @__PURE__ */ r("div", { className: "md:col-span-4 space-y-4", children: /* @__PURE__ */ t(j, { className: "p-5 shadow-lg border-t-4 border-t-amber-500 bg-card/65 backdrop-blur-md transition-all duration-300", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-4", children: [
+        /* @__PURE__ */ r(J, { className: "h-5 w-5 text-amber-500" }),
+        /* @__PURE__ */ r("h2", { className: "text-base font-bold tracking-tight", children: o ? "Edit Category" : "Add New Category" })
+      ] }),
+      /* @__PURE__ */ t("form", { onSubmit: K, className: "space-y-4", children: [
+        /* @__PURE__ */ t("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ r(c, { htmlFor: "name", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Name" }),
+          /* @__PURE__ */ r(
+            w,
+            {
+              id: "name",
+              placeholder: "e.g. T-Shirts",
+              value: u,
+              onChange: U,
+              disabled: d,
+              className: "h-8 text-sm",
+              required: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ t(c, { htmlFor: "slug", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ r("span", { children: "Slug" }),
+            !A && !o && /* @__PURE__ */ r("span", { className: "text-[10px] text-amber-600 dark:text-amber-400 capitalize", children: "Auto-generating" })
+          ] }),
+          /* @__PURE__ */ r(
+            w,
+            {
+              id: "slug",
+              placeholder: "e.g. t-shirts",
+              value: S,
+              onChange: B,
+              disabled: d,
+              className: "h-8 text-sm font-mono"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ r(c, { htmlFor: "description", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Description" }),
+          /* @__PURE__ */ r(
+            I,
+            {
+              id: "description",
+              placeholder: "Optional description of the category...",
+              value: T,
+              onChange: (e) => x(e.target.value),
+              disabled: d,
+              className: "text-sm min-h-[90px] resize-none"
+            }
+          )
+        ] }),
+        E.length > 0 && /* @__PURE__ */ t("div", { className: "border-t border-border/50 pt-4 mt-4 space-y-4", children: [
+          /* @__PURE__ */ r("h3", { className: "text-xs uppercase font-bold text-muted-foreground tracking-wider", children: "Translations" }),
+          E.map((e) => /* @__PURE__ */ t("div", { className: "space-y-3 p-3 rounded-md bg-muted/30 border border-border/30", children: [
+            /* @__PURE__ */ r("span", { className: "text-[11px] font-bold text-amber-600 dark:text-amber-400 uppercase tracking-wider", children: e.name }),
+            /* @__PURE__ */ t("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ t(c, { htmlFor: `name-${e.code}`, className: "text-[10px] uppercase font-bold text-muted-foreground tracking-wider leading-none", children: [
+                "Name (",
+                e.code,
+                ")"
+              ] }),
+              /* @__PURE__ */ r(
+                w,
+                {
+                  id: `name-${e.code}`,
+                  placeholder: `Translation for ${u || "Name"}`,
+                  value: z[e.code] || "",
+                  onChange: (a) => f((s) => ({ ...s, [e.code]: a.target.value })),
+                  disabled: d,
+                  className: "h-8 text-sm"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ t(c, { htmlFor: `desc-${e.code}`, className: "text-[10px] uppercase font-bold text-muted-foreground tracking-wider leading-none", children: [
+                "Description (",
+                e.code,
+                ")"
+              ] }),
+              /* @__PURE__ */ r(
+                I,
+                {
+                  id: `desc-${e.code}`,
+                  placeholder: "Translation for Description",
+                  value: D[e.code] || "",
+                  onChange: (a) => N((s) => ({ ...s, [e.code]: a.target.value })),
+                  disabled: d,
+                  className: "text-sm min-h-[60px] resize-none"
+                }
+              )
+            ] })
+          ] }, e.code))
+        ] }),
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-2 pt-2", children: [
+          /* @__PURE__ */ r(
+            g,
+            {
+              type: "submit",
+              disabled: d,
+              size: "sm",
+              className: "flex-1 bg-amber-600 hover:bg-amber-500 text-white font-medium shadow-md shadow-amber-600/10 h-8 text-xs cursor-pointer",
+              children: d ? /* @__PURE__ */ t(R, { children: [
+                /* @__PURE__ */ r(Q, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }),
+                "Saving..."
+              ] }) : o ? "Update Category" : "Create Category"
+            }
+          ),
+          o && /* @__PURE__ */ r(
+            g,
+            {
+              type: "button",
+              onClick: v,
+              disabled: d,
+              variant: "outline",
+              size: "sm",
+              className: "h-8 text-xs border-dashed cursor-pointer",
+              children: "Cancel"
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ r("div", { className: "md:col-span-8", children: /* @__PURE__ */ t(j, { className: "p-4 shadow-lg bg-card/65 backdrop-blur-md border border-border/40", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-4 pb-2 border-b border-border/50", children: [
+        /* @__PURE__ */ r(V, { className: "h-5 w-5 text-muted-foreground" }),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ r("h2", { className: "text-base font-bold tracking-tight", children: "Active Categories" }),
+          /* @__PURE__ */ r("p", { className: "text-[11px] text-muted-foreground leading-none mt-0.5", children: "Categories are shared globally across languages." })
+        ] })
+      ] }),
+      k.length === 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center border-2 border-dashed border-border/60 rounded-lg bg-muted/20 animate-in fade-in duration-300", children: [
+        /* @__PURE__ */ r(W, { className: "h-10 w-10 text-muted-foreground/50 mb-3" }),
+        /* @__PURE__ */ r("h3", { className: "text-sm font-bold text-muted-foreground", children: "No Categories Found" }),
+        /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground/80 max-w-sm mt-1", children: "Add your first category using the form on the left to start organizing your catalog products." })
+      ] }) : /* @__PURE__ */ r("div", { className: "overflow-x-auto border rounded-lg bg-background/50", children: /* @__PURE__ */ t("table", { className: "w-full text-left border-collapse text-xs", children: [
+        /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ t("tr", { className: "border-b bg-muted/40 font-bold uppercase tracking-wider text-muted-foreground/85 select-none", children: [
+          /* @__PURE__ */ r("th", { className: "p-3 pl-4", children: "Name" }),
+          /* @__PURE__ */ r("th", { className: "p-3", children: "Slug" }),
+          /* @__PURE__ */ r("th", { className: "p-3 text-center", children: "Products" }),
+          /* @__PURE__ */ r("th", { className: "p-3 pr-4 text-right", children: "Actions" })
+        ] }) }),
+        /* @__PURE__ */ r("tbody", { className: "divide-y divide-border/60", children: k.map((e) => /* @__PURE__ */ t(
+          "tr",
+          {
+            className: "hover:bg-muted/10 transition-colors group",
+            children: [
+              /* @__PURE__ */ t("td", { className: "p-3 pl-4", children: [
+                /* @__PURE__ */ r("div", { className: "font-semibold text-slate-800 dark:text-slate-100", children: e.name }),
+                e.description && /* @__PURE__ */ r("div", { className: "text-[10px] text-muted-foreground mt-0.5 max-w-xs truncate leading-normal", title: e.description, children: e.description })
+              ] }),
+              /* @__PURE__ */ r("td", { className: "p-3", children: /* @__PURE__ */ t("code", { className: "px-1.5 py-0.5 rounded bg-muted/65 font-mono text-[10px]", children: [
+                "/",
+                e.slug
+              ] }) }),
+              /* @__PURE__ */ r("td", { className: "p-3 text-center", children: /* @__PURE__ */ r("span", { className: "inline-flex items-center justify-center px-2 py-0.5 rounded-full text-[10px] font-bold bg-amber-500/10 text-amber-800 dark:text-amber-300 border border-amber-500/15", children: e.productCount }) }),
+              /* @__PURE__ */ r("td", { className: "p-3 pr-4 text-right", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-end gap-1.5", children: [
+                /* @__PURE__ */ r(
+                  g,
+                  {
+                    variant: "outline",
+                    size: "icon",
+                    disabled: d,
+                    onClick: () => H(e),
+                    className: "h-7 w-7 opacity-85 hover:opacity-100 group-hover:border-amber-500/30 cursor-pointer",
+                    title: "Edit Category",
+                    children: /* @__PURE__ */ r(X, { className: "h-3.5 w-3.5 text-muted-foreground group-hover:text-amber-600 dark:group-hover:text-amber-400" })
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  g,
+                  {
+                    variant: "outline",
+                    size: "icon",
+                    disabled: d,
+                    onClick: () => O(e),
+                    className: "h-7 w-7 opacity-85 hover:opacity-100 group-hover:border-red-500/30 cursor-pointer",
+                    title: "Delete Category",
+                    children: /* @__PURE__ */ r(Y, { className: "h-3.5 w-3.5 text-muted-foreground group-hover:text-red-500" })
+                  }
+                )
+              ] }) })
+            ]
+          },
+          e.id
+        )) })
+      ] }) })
+    ] }) })
+  ] });
+}
+export {
+  oe as CategoryManager
+};

package/lib/pages/cms/products/components/CopyProductFromLanguage.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("@nextblock-cms/ui"),j=require("../actions.cjs.js"),L=require("next/navigation"),h=require("lucide-react");function k({productId:i,currentLanguageId:C,translationGroupId:l,allSiteLanguages:x}){const[d,p]=n.useState(!1),[r,S]=n.useState(null),[y,v]=n.useState([]),[m,f]=n.useState(!1),[o,c]=n.useState(null),[u,b]=n.useTransition(),P=L.useRouter();n.useEffect(()=>{d&&l&&(async()=>{f(!0);try{const g=(await j.getProductTranslations(l)).filter(D=>D.id!==i);v(g)}catch(a){console.error("Error fetching translations:",a)}finally{f(!1)}})()},[d,l,i]);const T=async()=>{if(!r){c({type:"error",text:"Please select a source version to copy from."});return}c(null),b(async()=>{const s=await j.copyProductFromLanguageAction(i,r);s.success?(c({type:"success",text:"Content copied successfully. The page will now refresh."}),setTimeout(()=>{p(!1),P.refresh()},1500)):c({type:"error",text:s.error||"Failed to copy content."})})},w=x.find(s=>s.id===C);return e.jsxs(t.Dialog,{open:d,onOpenChange:p,children:[e.jsx(t.DialogTrigger,{asChild:!0,children:e.jsxs(t.Button,{variant:"outline",title:"Copy content from another language",children:[e.jsx(h.Copy,{className:"h-4 w-4 mr-2"}),"Copy Content..."]})}),e.jsxs(t.DialogContent,{children:[e.jsxs(t.DialogHeader,{children:[e.jsx(t.DialogTitle,{children:"Copy Content from Another Language"}),e.jsxs(t.DialogDescription,{children:["Select a source version to copy from. This will replace the title, description, and media of the current product (",w?.name,"). This action cannot be undone."]})]}),e.jsxs("div",{className:"space-y-4 py-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{htmlFor:"sourceProduct",children:"Select Source Version"}),e.jsxs(t.Select,{onValueChange:s=>S(s),disabled:u||m,value:r||void 0,children:[e.jsx(t.SelectTrigger,{id:"sourceProduct",children:e.jsx(t.SelectValue,{placeholder:m?"Loading versions...":"Select a version..."})}),e.jsx(t.SelectContent,{children:y.length>0?y.map(s=>{const a=x.find(g=>g.id===s.language_id);return e.jsxs(t.SelectItem,{value:s.id,children:[s.title," (",a?.name||"Unknown Language",")"]},s.id)}):e.jsx(t.SelectItem,{value:"none",disabled:!0,children:"No other versions available"})})]})]}),o&&e.jsxs("div",{className:`p-3 rounded-md text-sm flex items-center gap-2 ${o.type==="success"?"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400":"bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"}`,children:[o.type==="success"?e.jsx(h.CheckCircle2,{className:"h-5 w-5"}):e.jsx(h.AlertCircle,{className:"h-5 w-5"}),o.text]})]}),e.jsxs(t.DialogFooter,{children:[e.jsx(t.DialogClose,{asChild:!0,children:e.jsx(t.Button,{variant:"outline",children:"Cancel"})}),e.jsx(t.Button,{onClick:T,disabled:u||!r||r==="none",children:u?"Copying...":"Copy Content & Replace"})]})]})]})}exports.CopyProductFromLanguage=k;