@nextblock-cms/ecom 0.20.1 → 0.21.0

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

@@ -1,175 +1,134 @@
-'use server';
-import { createClient as o, getServiceRoleSupabaseClient as d } from "@nextblock-cms/db/server";
-import { getProduct as l, getProducts as _, copyProductFromLanguage as m } from "../../../product-actions.es.js";
-import { syncSingleFreemiusProduct as p, syncFreemiusProductsToSupabase as g } from "../../../providers/freemius.es.js";
-import { revalidatePath as c } from "next/cache";
-async function v(r) {
-  const t = o(), { data: a, count: e, error: s } = await await _(t, { ...r, status: "all" });
-  if (s) throw new Error(s.message);
-  return { data: a, count: e };
+"use server";
+import { copyProductFromLanguage as e, getProduct as t, getProducts as n } from "../../../product-actions.es.js";
+import { syncFreemiusProductsToSupabase as r, syncSingleFreemiusProduct as i } from "../../../providers/freemius.es.js";
+import { createClient as a, getServiceRoleSupabaseClient as o } from "@nextblock-cms/db/server";
+import { revalidatePath as s } from "next/cache";
+//#region libs/ecommerce/src/lib/pages/cms/products/actions.ts
+async function c(e) {
+	let t = a(), { data: r, count: i, error: o } = await await n(t, {
+		...e,
+		status: "all"
+	});
+	if (o) throw Error(o.message);
+	return {
+		data: r,
+		count: i
+	};
 }
-async function P(r) {
-  const t = o(), { data: a, error: e } = await l(t, r);
-  if (e) throw new Error(e.message);
-  return a;
+async function l(e) {
+	let n = a(), { data: r, error: i } = await t(n, e);
+	if (i) throw Error(i.message);
+	return r;
 }
-async function E() {
-  try {
-    const r = await g();
-    return c("/cms/products", "page"), { success: !0, data: r };
-  } catch (r) {
-    return { error: r.message || "Failed to sync with Freemius" };
-  }
+async function u() {
+	try {
+		let e = await r();
+		return s("/cms/products", "page"), {
+			success: !0,
+			data: e
+		};
+	} catch (e) {
+		return { error: e.message || "Failed to sync with Freemius" };
+	}
 }
-async function F(r) {
-  try {
-    const t = await p(r);
-    return c("/cms/products", "page"), c("/cms/products/[id]/edit", "page"), { success: !0, data: t };
-  } catch (t) {
-    return { error: t.message || "Failed to sync product with Freemius" };
-  }
+async function d(e) {
+	try {
+		let t = await i(e);
+		return s("/cms/products", "page"), s("/cms/products/[id]/edit", "page"), {
+			success: !0,
+			data: t
+		};
+	} catch (e) {
+		return { error: e.message || "Failed to sync product with Freemius" };
+	}
 }
-async function S(r, t) {
-  try {
-    const a = o();
-    return await m(a, r, t), c("/cms/products"), c(`/cms/products/${r}/edit`), { success: !0 };
-  } catch (a) {
-    return { success: !1, error: a.message || "Failed to copy product content" };
-  }
+async function f(t, n) {
+	try {
+		let r = a();
+		return await e(r, t, n), s("/cms/products"), s(`/cms/products/${t}/edit`), { success: !0 };
+	} catch (e) {
+		return {
+			success: !1,
+			error: e.message || "Failed to copy product content"
+		};
+	}
 }
-async function q(r) {
-  const t = o(), { data: a, error: e } = await t.from("products").select("id, title, language_id, slug").eq("translation_group_id", r);
-  if (e) throw new Error(e.message);
-  return a;
+async function p(e) {
+	let { data: t, error: n } = await a().from("products").select("id, title, language_id, slug").eq("translation_group_id", e);
+	if (n) throw Error(n.message);
+	return t;
 }
-async function C() {
-  const r = d(), { data: t, error: a } = await r.from("product_attributes").select(`
-      id,
-      name,
-      name_translations,
-      slug,
-      product_attribute_terms (
-        id,
-        attribute_id,
-        value,
-        slug,
-        sort_order,
-        value_translations
-      )
-    `);
-  if (a)
-    throw new Error(a.message);
-  return (t || []).map((e) => ({
-    ...e,
-    product_attribute_terms: (e.product_attribute_terms || []).sort(
-      (s, u) => (s.sort_order ?? Number.MAX_SAFE_INTEGER) - (u.sort_order ?? Number.MAX_SAFE_INTEGER) || s.value.localeCompare(u.value)
-    )
-  })).sort((e, s) => e.name.localeCompare(s.name));
+async function m() {
+	let { data: e, error: t } = await o().from("product_attributes").select("\n      id,\n      name,\n      name_translations,\n      slug,\n      product_attribute_terms (\n        id,\n        attribute_id,\n        value,\n        slug,\n        sort_order,\n        value_translations\n      )\n    ");
+	if (t) throw Error(t.message);
+	return (e || []).map((e) => ({
+		...e,
+		product_attribute_terms: (e.product_attribute_terms || []).sort((e, t) => (e.sort_order ?? 2 ** 53 - 1) - (t.sort_order ?? 2 ** 53 - 1) || e.value.localeCompare(t.value))
+	})).sort((e, t) => e.name.localeCompare(t.name));
 }
-async function A(r) {
-  const t = o(), { data: a, error: e } = await t.from("freemius_plans").select(`
-      id,
-      name,
-      title,
-      freemius_pricing (
-        id,
-        license_quota,
-        api_monthly_price,
-        api_annual_price,
-        api_lifetime_price,
-        override_monthly_price,
-        override_annual_price,
-        override_lifetime_price,
-        is_active
-      )
-    `).eq("product_id", r);
-  if (e) throw new Error(e.message);
-  return a;
+async function h(e) {
+	let { data: t, error: n } = await a().from("freemius_plans").select("\n      id,\n      name,\n      title,\n      freemius_pricing (\n        id,\n        license_quota,\n        api_monthly_price,\n        api_annual_price,\n        api_lifetime_price,\n        override_monthly_price,\n        override_annual_price,\n        override_lifetime_price,\n        is_active\n      )\n    ").eq("product_id", e);
+	if (n) throw Error(n.message);
+	return t;
 }
-async function N(r, t) {
-  const a = o(), { error: e } = await a.from("freemius_pricing").update({
-    ...t,
-    updated_at: (/* @__PURE__ */ new Date()).toISOString()
-  }).eq("id", r);
-  return e ? { success: !1, error: e.message } : (c("/cms/products"), { success: !0 });
+async function g(e, t) {
+	let { error: n } = await a().from("freemius_pricing").update({
+		...t,
+		updated_at: (/* @__PURE__ */ new Date()).toISOString()
+	}).eq("id", e);
+	return n ? {
+		success: !1,
+		error: n.message
+	} : (s("/cms/products"), { success: !0 });
 }
-async function T(r) {
-  const t = o(), { data: a } = await t.from("products").select("translation_group_id").eq("id", r).maybeSingle();
-  let e = [r];
-  if (a?.translation_group_id) {
-    const { data: n } = await t.from("products").select("id").eq("translation_group_id", a.translation_group_id);
-    n && n.length > 0 && (e = n.map((i) => i.id));
-  }
-  const { data: s, error: u } = await t.from("freemius_plans").select(`
-      id,
-      name,
-      title,
-      freemius_pricing (
-        id,
-        license_quota,
-        api_monthly_price,
-        api_annual_price,
-        api_lifetime_price,
-        override_monthly_price,
-        override_annual_price,
-        override_lifetime_price,
-        is_active
-      )
-    `).in("product_id", e);
-  if (u) throw new Error(u.message);
-  return (s || []).map((n) => ({
-    id: n.id,
-    name: n.name,
-    title: n.title,
-    pricing: (n.freemius_pricing || []).filter((i) => i.is_active !== !1).map((i) => ({
-      id: i.id,
-      license_quota: i.license_quota,
-      monthly_price: i.override_monthly_price ?? i.api_monthly_price,
-      annual_price: i.override_annual_price ?? i.api_annual_price,
-      lifetime_price: i.override_lifetime_price ?? i.api_lifetime_price,
-      is_active: i.is_active
-    }))
-  }));
+async function _(e) {
+	let t = a(), { data: n } = await t.from("products").select("translation_group_id").eq("id", e).maybeSingle(), r = [e];
+	if (n?.translation_group_id) {
+		let { data: e } = await t.from("products").select("id").eq("translation_group_id", n.translation_group_id);
+		e && e.length > 0 && (r = e.map((e) => e.id));
+	}
+	let { data: i, error: o } = await t.from("freemius_plans").select("\n      id,\n      name,\n      title,\n      freemius_pricing (\n        id,\n        license_quota,\n        api_monthly_price,\n        api_annual_price,\n        api_lifetime_price,\n        override_monthly_price,\n        override_annual_price,\n        override_lifetime_price,\n        is_active\n      )\n    ").in("product_id", r);
+	if (o) throw Error(o.message);
+	return (i || []).map((e) => ({
+		id: e.id,
+		name: e.name,
+		title: e.title,
+		pricing: (e.freemius_pricing || []).filter((e) => e.is_active !== !1).map((e) => ({
+			id: e.id,
+			license_quota: e.license_quota,
+			monthly_price: e.override_monthly_price ?? e.api_monthly_price,
+			annual_price: e.override_annual_price ?? e.api_annual_price,
+			lifetime_price: e.override_lifetime_price ?? e.api_lifetime_price,
+			is_active: e.is_active
+		}))
+	}));
 }
-async function B() {
-  const r = o(), { data: t, error: a } = await r.from("categories").select("id, name, slug, description, created_at, name_translations, description_translations, product_categories(count)").order("name", { ascending: !0 });
-  if (a) throw new Error(a.message);
-  return (t || []).map((e) => {
-    const s = e.product_categories?.[0]?.count ?? e.product_categories?.count ?? 0;
-    return {
-      id: e.id,
-      name: e.name,
-      slug: e.slug,
-      description: e.description ?? "",
-      created_at: e.created_at,
-      productCount: Number(s),
-      name_translations: e.name_translations || {},
-      description_translations: e.description_translations || {}
-    };
-  });
+async function v() {
+	let { data: e, error: t } = await a().from("categories").select("id, name, slug, description, created_at, name_translations, description_translations, product_categories(count)").order("name", { ascending: !0 });
+	if (t) throw Error(t.message);
+	return (e || []).map((e) => {
+		let t = e.product_categories?.[0]?.count ?? e.product_categories?.count ?? 0;
+		return {
+			id: e.id,
+			name: e.name,
+			slug: e.slug,
+			description: e.description ?? "",
+			created_at: e.created_at,
+			productCount: Number(t),
+			name_translations: e.name_translations || {},
+			description_translations: e.description_translations || {}
+		};
+	});
 }
-async function G(r) {
-  const t = o(), { data: a, error: e } = await t.from("categories").select("id, name, slug, description, created_at").eq("slug", r).maybeSingle();
-  if (e) throw new Error(e.message);
-  return a;
+async function y(e) {
+	let { data: t, error: n } = await a().from("categories").select("id, name, slug, description, created_at").eq("slug", e).maybeSingle();
+	if (n) throw Error(n.message);
+	return t;
 }
-async function I(r) {
-  const t = o(), { data: a, error: e } = await t.from("product_categories").select("category:categories(id, name, slug, description, name_translations, description_translations, created_at)").eq("product_id", r);
-  if (e) throw new Error(e.message);
-  return (a || []).map((s) => s.category).filter(Boolean);
+async function b(e) {
+	let { data: t, error: n } = await a().from("product_categories").select("category:categories(id, name, slug, description, name_translations, description_translations, created_at)").eq("product_id", e);
+	if (n) throw Error(n.message);
+	return (t || []).map((e) => e.category).filter(Boolean);
 }
-export {
-  S as copyProductFromLanguageAction,
-  B as getCategoriesWithCount,
-  G as getCategoryBySlug,
-  A as getFreemiusPricingByProductId,
-  C as getGlobalProductAttributes,
-  P as getProduct,
-  I as getProductCategories,
-  q as getProductTranslations,
-  v as getProducts,
-  T as getPublicFreemiusPricing,
-  E as triggerFreemiusSync,
-  F as triggerSingleProductSync,
-  N as updateFreemiusOverride
-};
+//#endregion
+export { f as copyProductFromLanguageAction, v as getCategoriesWithCount, y as getCategoryBySlug, h as getFreemiusPricingByProductId, m as getGlobalProductAttributes, l as getProduct, b as getProductCategories, p as getProductTranslations, c as getProducts, _ as getPublicFreemiusPricing, u as triggerFreemiusSync, d as triggerSingleProductSync, g as updateFreemiusOverride };

package/lib/pages/cms/products/attributes/AttributeManagementPage.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("next/link"),o=require("lucide-react"),u=require("@nextblock-cms/ui"),l=require("@nextblock-cms/db/server"),d=require("../actions.cjs.js"),t=require("../server-actions.cjs.js"),m=require("./components/AttributeManager.cjs.js");async function A(){const[a,i]=await Promise.all([d.getGlobalProductAttributes(),l.getActiveLanguagesServerSide()]),n=(a||[]).map(r=>({id:r.id,name:r.name,name_translations:r.name_translations||{},slug:r.slug,terms:(r.product_attribute_terms||[]).map(s=>({...s,value_translations:s.value_translations||{}}))}));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(u.Button,{variant:"outline",size:"icon",asChild:!0,children:e.jsx(c,{href:"/cms/products",children:e.jsx(o.ArrowLeft,{className:"h-4 w-4"})})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold",children:"Global Attribute Management"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Define reusable attributes and terms for variation-based physical products."})]})]})}),e.jsx(m.AttributeManager,{attributes:n,createAttributeAction:t.createProductAttributeAction,deleteAttributeAction:t.deleteProductAttributeAction,createTermAction:t.createProductAttributeTermAction,deleteTermAction:t.deleteProductAttributeTermAction,reorderTermsAction:t.reorderProductAttributeTermsAction,updateTranslationsAction:t.updateProductAttributeTranslationsAction,languages:i})]})}exports.AttributeManagementPage=A;
+const e=require("../../../../../_virtual/_rolldown/runtime.cjs.js"),t=require("../actions.cjs.js"),n=require("../server-actions.cjs.js"),r=require("./components/AttributeManager.cjs.js");let i=require("next/link");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime"),s=require("@nextblock-cms/db/server"),c=require("@nextblock-cms/ui");async function l(){let[e,l]=await Promise.all([t.getGlobalProductAttributes(),(0,s.getActiveLanguagesServerSide)()]),u=(e||[]).map(e=>({id:e.id,name:e.name,name_translations:e.name_translations||{},slug:e.slug,terms:(e.product_attribute_terms||[]).map(e=>({...e,value_translations:e.value_translations||{}}))}));return(0,o.jsxs)(`div`,{className:`space-y-8 w-full max-w-[1200px] mx-auto px-6 py-8`,children:[(0,o.jsx)(`div`,{className:`flex flex-wrap items-center justify-between gap-4`,children:(0,o.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,o.jsx)(c.Button,{variant:`outline`,size:`icon`,asChild:!0,children:(0,o.jsx)(i.default,{href:`/cms/products`,children:(0,o.jsx)(a.ArrowLeft,{className:`h-4 w-4`})})}),(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`h1`,{className:`text-2xl font-bold`,children:`Global Attribute Management`}),(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Define reusable attributes and terms for variation-based physical products.`})]})]})}),(0,o.jsx)(r.AttributeManager,{attributes:u,createAttributeAction:n.createProductAttributeAction,deleteAttributeAction:n.deleteProductAttributeAction,createTermAction:n.createProductAttributeTermAction,deleteTermAction:n.deleteProductAttributeTermAction,reorderTermsAction:n.reorderProductAttributeTermsAction,updateTranslationsAction:n.updateProductAttributeTranslationsAction,languages:l})]})}exports.AttributeManagementPage=l;

package/lib/pages/cms/products/attributes/AttributeManagementPage.d.ts

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

package/lib/pages/cms/products/attributes/AttributeManagementPage.es.js

@@ -1,48 +1,56 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import s from "next/link";
-import { ArrowLeft as c } from "lucide-react";
-import { Button as l } from "@nextblock-cms/ui";
-import { getActiveLanguagesServerSide as m } from "@nextblock-cms/db/server";
-import { getGlobalProductAttributes as u } from "../actions.es.js";
-import { updateProductAttributeTranslationsAction as d, reorderProductAttributeTermsAction as A, deleteProductAttributeTermAction as p, createProductAttributeTermAction as f, deleteProductAttributeAction as b, createProductAttributeAction as g } from "../server-actions.es.js";
-import { AttributeManager as x } from "./components/AttributeManager.es.js";
-async function j() {
-  const [i, o] = await Promise.all([
-    u(),
-    m()
-  ]), n = (i || []).map((e) => ({
-    id: e.id,
-    name: e.name,
-    name_translations: e.name_translations || {},
-    slug: e.slug,
-    terms: (e.product_attribute_terms || []).map((a) => ({
-      ...a,
-      value_translations: a.value_translations || {}
-    }))
-  }));
-  return /* @__PURE__ */ r("div", { className: "space-y-8 w-full max-w-[1200px] mx-auto px-6 py-8", children: [
-    /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center justify-between gap-4", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ t(l, { variant: "outline", size: "icon", asChild: !0, children: /* @__PURE__ */ t(s, { href: "/cms/products", children: /* @__PURE__ */ t(c, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ r("div", { children: [
-        /* @__PURE__ */ t("h1", { className: "text-2xl font-bold", children: "Global Attribute Management" }),
-        /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: "Define reusable attributes and terms for variation-based physical products." })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ t(
-      x,
-      {
-        attributes: n,
-        createAttributeAction: g,
-        deleteAttributeAction: b,
-        createTermAction: f,
-        deleteTermAction: p,
-        reorderTermsAction: A,
-        updateTranslationsAction: d,
-        languages: o
-      }
-    )
-  ] });
+import { getGlobalProductAttributes as e } from "../actions.es.js";
+import { createProductAttributeAction as t, createProductAttributeTermAction as n, deleteProductAttributeAction as r, deleteProductAttributeTermAction as i, reorderProductAttributeTermsAction as a, updateProductAttributeTranslationsAction as o } from "../server-actions.es.js";
+import { AttributeManager as s } from "./components/AttributeManager.es.js";
+import c from "next/link";
+import { ArrowLeft as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { getActiveLanguagesServerSide as f } from "@nextblock-cms/db/server";
+import { Button as p } from "@nextblock-cms/ui";
+//#region libs/ecommerce/src/lib/pages/cms/products/attributes/AttributeManagementPage.tsx
+async function m() {
+	let [m, h] = await Promise.all([e(), f()]), g = (m || []).map((e) => ({
+		id: e.id,
+		name: e.name,
+		name_translations: e.name_translations || {},
+		slug: e.slug,
+		terms: (e.product_attribute_terms || []).map((e) => ({
+			...e,
+			value_translations: e.value_translations || {}
+		}))
+	}));
+	return /* @__PURE__ */ d("div", {
+		className: "space-y-8 w-full max-w-[1200px] mx-auto px-6 py-8",
+		children: [/* @__PURE__ */ u("div", {
+			className: "flex flex-wrap items-center justify-between gap-4",
+			children: /* @__PURE__ */ d("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ u(p, {
+					variant: "outline",
+					size: "icon",
+					asChild: !0,
+					children: /* @__PURE__ */ u(c, {
+						href: "/cms/products",
+						children: /* @__PURE__ */ u(l, { className: "h-4 w-4" })
+					})
+				}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+					className: "text-2xl font-bold",
+					children: "Global Attribute Management"
+				}), /* @__PURE__ */ u("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Define reusable attributes and terms for variation-based physical products."
+				})] })]
+			})
+		}), /* @__PURE__ */ u(s, {
+			attributes: g,
+			createAttributeAction: t,
+			deleteAttributeAction: r,
+			createTermAction: n,
+			deleteTermAction: i,
+			reorderTermsAction: a,
+			updateTranslationsAction: o,
+			languages: h
+		})]
+	});
 }
-export {
-  j as AttributeManagementPage
-};
+//#endregion
+export { m as AttributeManagementPage };

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

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

package/lib/pages/cms/products/attributes/components/AttributeManager.d.ts

@@ -46,5 +46,5 @@ interface AttributeManagerProps {
         error?: string;
     }>;
 }
-export declare function AttributeManager({ attributes, languages, createAttributeAction, deleteAttributeAction, createTermAction, deleteTermAction, reorderTermsAction, updateTranslationsAction, }: AttributeManagerProps): import("react").JSX.Element;
+export declare function AttributeManager({ attributes, languages, createAttributeAction, deleteAttributeAction, createTermAction, deleteTermAction, reorderTermsAction, updateTranslationsAction, }: AttributeManagerProps): import('react').JSX.Element;
 export {};