@nextblock-cms/ecom 0.20.1 → 0.21.0

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),d=require("lucide-react"),I=require("next/image"),f=process.env.NEXT_PUBLIC_R2_BASE_URL||"",h=o=>o?o.startsWith("http")||!f?o:`${f.replace(/\/+$/,"")}/${o.replace(/^\/+/,"")}`:"",_=({initialMedia:o,onUpdate:g,mediaPickerNode:p})=>{const[n,u]=i.useState(o),c=i.useRef(null),m=i.useRef(null);i.useEffect(()=>{u(o)},[o]);const x=(e,r)=>{c.current=r,e.dataTransfer.effectAllowed="move"},v=(e,r)=>{m.current=r,e.preventDefault()},b=e=>{e.preventDefault()},j=e=>{if(e.preventDefault(),c.current===null||m.current===null)return;const r=[...n],s=r[c.current];r.splice(c.current,1),r.splice(m.current,0,s),c.current=null,m.current=null;const a=r.map((l,N)=>({...l,sort_order:N}));u(a),g(a)},y=e=>{if(!e||n.some(a=>a.media_id===e.id))return;const r={id:`temp-${Date.now()}`,media_id:e.id,file_path:e.file_path||e.object_key,alt:e.description||e.file_name||"",sort_order:n.length,isNew:!0},s=[...n,r];u(s),g(s)},w=e=>{const s=n.filter((a,l)=>l!==e).map((a,l)=>({...a,sort_order:l}));u(s),g(s)};return t.jsxs("div",{className:"space-y-4",children:[t.jsxs("div",{className:"grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-4",children:[n.map((e,r)=>t.jsxs("div",{className:"group relative aspect-square bg-muted/40 rounded-lg border overflow-hidden cursor-move transition-all hover:shadow-md",draggable:!0,onDragStart:s=>x(s,r),onDragEnter:s=>v(s,r),onDragOver:b,onDrop:j,children:[r===0&&t.jsx("div",{className:"absolute top-2 left-2 z-10 bg-primary text-primary-foreground text-[10px] font-bold px-2 py-0.5 rounded shadow-sm",children:"MAIN"}),t.jsx("button",{type:"button",onClick:()=>w(r),className:"absolute top-1 right-1 z-20 p-1 bg-destructive/90 text-destructive-foreground rounded-full opacity-0 group-hover:opacity-100 transition-opacity",children:t.jsx(d.X,{className:"w-3 h-3"})}),t.jsx("div",{className:"absolute inset-0 bg-black/0 group-hover:bg-black/5 transition-colors pointer-events-none"}),t.jsx("div",{className:"absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",children:t.jsx(d.GripVertical,{className:"w-4 h-4 text-white drop-shadow-md"})}),h(e.file_path)?t.jsx(I,{src:h(e.file_path),alt:e.alt,fill:!0,className:"object-cover",sizes:"(max-width: 768px) 50vw, 33vw"}):t.jsx("div",{className:"flex h-full w-full items-center justify-center text-muted-foreground",children:t.jsx(d.Image,{className:"w-8 h-8 opacity-30"})})]},e.id)),p?i.cloneElement(p,{onSelect:y,children:t.jsxs("button",{type:"button",className:"group relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground hover:bg-muted/20 hover:border-muted-foreground/50 transition-all focus:outline-none focus:ring-2 focus:ring-primary",children:[t.jsx(d.Image,{className:"w-8 h-8 mb-2 opacity-50 group-hover:opacity-75 transition-opacity"}),t.jsx("span",{className:"text-sm font-medium",children:"Add Image"})]})}):t.jsxs("div",{className:"relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground",children:[t.jsx(d.Image,{className:"w-8 h-8 mb-2 opacity-30"}),t.jsx("span",{className:"text-xs text-center px-2",children:"Media Picker not injected"})]})]}),t.jsx("p",{className:"text-xs text-muted-foreground",children:"Drag and drop images to reorder. The first image will be used as the main product image."})]})};exports.ProductMediaManager=_;
+"use client";const e=require("../../../../../_virtual/_rolldown/runtime.cjs.js");let t=require("react");t=e.__toESM(t,1);let n=require("lucide-react"),r=require("react/jsx-runtime"),i=require("next/image");i=e.__toESM(i,1);var a=process.env.NEXT_PUBLIC_R2_BASE_URL||``,o=e=>e?e.startsWith(`http`)||!a?e:`${a.replace(/\/+$/,``)}/${e.replace(/^\/+/,``)}`:``,s=({initialMedia:e,onUpdate:a,mediaPickerNode:s})=>{let[c,l]=(0,t.useState)(e),u=(0,t.useRef)(null),d=(0,t.useRef)(null);(0,t.useEffect)(()=>{l(e)},[e]);let f=(e,t)=>{u.current=t,e.dataTransfer.effectAllowed=`move`},p=(e,t)=>{d.current=t,e.preventDefault()},m=e=>{e.preventDefault()},h=e=>{if(e.preventDefault(),u.current===null||d.current===null)return;let t=[...c],n=t[u.current];t.splice(u.current,1),t.splice(d.current,0,n),u.current=null,d.current=null;let r=t.map((e,t)=>({...e,sort_order:t}));l(r),a(r)},g=e=>{if(!e||c.some(t=>t.media_id===e.id))return;let t={id:`temp-${Date.now()}`,media_id:e.id,file_path:e.file_path||e.object_key,alt:e.description||e.file_name||``,sort_order:c.length,isNew:!0},n=[...c,t];l(n),a(n)},_=e=>{let t=c.filter((t,n)=>n!==e).map((e,t)=>({...e,sort_order:t}));l(t),a(t)};return(0,r.jsxs)(`div`,{className:`space-y-4`,children:[(0,r.jsxs)(`div`,{className:`grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-4`,children:[c.map((e,t)=>(0,r.jsxs)(`div`,{className:`group relative aspect-square bg-muted/40 rounded-lg border overflow-hidden cursor-move transition-all hover:shadow-md`,draggable:!0,onDragStart:e=>f(e,t),onDragEnter:e=>p(e,t),onDragOver:m,onDrop:h,children:[t===0&&(0,r.jsx)(`div`,{className:`absolute top-2 left-2 z-10 bg-primary text-primary-foreground text-[10px] font-bold px-2 py-0.5 rounded shadow-sm`,children:`MAIN`}),(0,r.jsx)(`button`,{type:`button`,onClick:()=>_(t),className:`absolute top-1 right-1 z-20 p-1 bg-destructive/90 text-destructive-foreground rounded-full opacity-0 group-hover:opacity-100 transition-opacity`,children:(0,r.jsx)(n.X,{className:`w-3 h-3`})}),(0,r.jsx)(`div`,{className:`absolute inset-0 bg-black/0 group-hover:bg-black/5 transition-colors pointer-events-none`}),(0,r.jsx)(`div`,{className:`absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity`,children:(0,r.jsx)(n.GripVertical,{className:`w-4 h-4 text-white drop-shadow-md`})}),o(e.file_path)?(0,r.jsx)(i.default,{src:o(e.file_path),alt:e.alt,fill:!0,className:`object-cover`,sizes:`(max-width: 768px) 50vw, 33vw`}):(0,r.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-muted-foreground`,children:(0,r.jsx)(n.Image,{className:`w-8 h-8 opacity-30`})})]},e.id)),s?t.default.cloneElement(s,{onSelect:g,children:(0,r.jsxs)(`button`,{type:`button`,className:`group relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground hover:bg-muted/20 hover:border-muted-foreground/50 transition-all focus:outline-none focus:ring-2 focus:ring-primary`,children:[(0,r.jsx)(n.Image,{className:`w-8 h-8 mb-2 opacity-50 group-hover:opacity-75 transition-opacity`}),(0,r.jsx)(`span`,{className:`text-sm font-medium`,children:`Add Image`})]})}):(0,r.jsxs)(`div`,{className:`relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground`,children:[(0,r.jsx)(n.Image,{className:`w-8 h-8 mb-2 opacity-30`}),(0,r.jsx)(`span`,{className:`text-xs text-center px-2`,children:`Media Picker not injected`})]})]}),(0,r.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Drag and drop images to reorder. The first image will be used as the main product image.`})]})};exports.ProductMediaManager=s;

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

@@ -1,104 +1,107 @@
-'use client';
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import D, { useState as j, useRef as f, useEffect as E } from "react";
-import { X as R, GripVertical as S, Image as p } from "lucide-react";
-import A from "next/image";
-const h = process.env.NEXT_PUBLIC_R2_BASE_URL || "", v = (s) => s ? s.startsWith("http") || !h ? s : `${h.replace(/\/+$/, "")}/${s.replace(/^\/+/, "")}` : "", z = ({ initialMedia: s, onUpdate: m, mediaPickerNode: g }) => {
-  const [n, d] = j(s), c = f(null), u = f(null);
-  E(() => {
-    d(s);
-  }, [s]);
-  const b = (e, r) => {
-    c.current = r, e.dataTransfer.effectAllowed = "move";
-  }, x = (e, r) => {
-    u.current = r, e.preventDefault();
-  }, y = (e) => {
-    e.preventDefault();
-  }, w = (e) => {
-    if (e.preventDefault(), c.current === null || u.current === null) return;
-    const r = [...n], o = r[c.current];
-    r.splice(c.current, 1), r.splice(u.current, 0, o), c.current = null, u.current = null;
-    const a = r.map((l, I) => ({
-      ...l,
-      sort_order: I
-    }));
-    d(a), m(a);
-  }, N = (e) => {
-    if (!e || n.some((a) => a.media_id === e.id))
-      return;
-    const r = {
-      id: `temp-${Date.now()}`,
-      // Temp ID
-      media_id: e.id,
-      file_path: e.file_path || e.object_key,
-      alt: e.description || e.file_name || "",
-      sort_order: n.length,
-      isNew: !0
-    }, o = [...n, r];
-    d(o), m(o);
-  }, _ = (e) => {
-    const o = n.filter((a, l) => l !== e).map((a, l) => ({ ...a, sort_order: l }));
-    d(o), m(o);
-  };
-  return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ i("div", { className: "grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-4", children: [
-      n.map((e, r) => /* @__PURE__ */ i(
-        "div",
-        {
-          className: "group relative aspect-square bg-muted/40 rounded-lg border overflow-hidden cursor-move transition-all hover:shadow-md",
-          draggable: !0,
-          onDragStart: (o) => b(o, r),
-          onDragEnter: (o) => x(o, r),
-          onDragOver: y,
-          onDrop: w,
-          children: [
-            r === 0 && /* @__PURE__ */ t("div", { className: "absolute top-2 left-2 z-10 bg-primary text-primary-foreground text-[10px] font-bold px-2 py-0.5 rounded shadow-sm", children: "MAIN" }),
-            /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                onClick: () => _(r),
-                className: "absolute top-1 right-1 z-20 p-1 bg-destructive/90 text-destructive-foreground rounded-full opacity-0 group-hover:opacity-100 transition-opacity",
-                children: /* @__PURE__ */ t(R, { className: "w-3 h-3" })
-              }
-            ),
-            /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/5 transition-colors pointer-events-none" }),
-            /* @__PURE__ */ t("div", { className: "absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ t(S, { className: "w-4 h-4 text-white drop-shadow-md" }) }),
-            v(e.file_path) ? /* @__PURE__ */ t(
-              A,
-              {
-                src: v(e.file_path),
-                alt: e.alt,
-                fill: !0,
-                className: "object-cover",
-                sizes: "(max-width: 768px) 50vw, 33vw"
-              }
-            ) : /* @__PURE__ */ t("div", { className: "flex h-full w-full items-center justify-center text-muted-foreground", children: /* @__PURE__ */ t(p, { className: "w-8 h-8 opacity-30" }) })
-          ]
-        },
-        e.id
-      )),
-      g ? D.cloneElement(g, {
-        onSelect: N,
-        children: /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            className: "group relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground hover:bg-muted/20 hover:border-muted-foreground/50 transition-all focus:outline-none focus:ring-2 focus:ring-primary",
-            children: [
-              /* @__PURE__ */ t(p, { className: "w-8 h-8 mb-2 opacity-50 group-hover:opacity-75 transition-opacity" }),
-              /* @__PURE__ */ t("span", { className: "text-sm font-medium", children: "Add Image" })
-            ]
-          }
-        )
-      }) : /* @__PURE__ */ i("div", { className: "relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground", children: [
-        /* @__PURE__ */ t(p, { className: "w-8 h-8 mb-2 opacity-30" }),
-        /* @__PURE__ */ t("span", { className: "text-xs text-center px-2", children: "Media Picker not injected" })
-      ] })
-    ] }),
-    /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: "Drag and drop images to reorder. The first image will be used as the main product image." })
-  ] });
-};
-export {
-  z as ProductMediaManager
+"use client";
+import e, { useEffect as t, useRef as n, useState as r } from "react";
+import { GripVertical as i, Image as a, X as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "next/image";
+//#region libs/ecommerce/src/lib/pages/cms/products/components/ProductMediaManager.tsx
+var u = process.env.NEXT_PUBLIC_R2_BASE_URL || "", d = (e) => e ? e.startsWith("http") || !u ? e : `${u.replace(/\/+$/, "")}/${e.replace(/^\/+/, "")}` : "", f = ({ initialMedia: u, onUpdate: f, mediaPickerNode: p }) => {
+	let [m, h] = r(u), g = n(null), _ = n(null);
+	t(() => {
+		h(u);
+	}, [u]);
+	let v = (e, t) => {
+		g.current = t, e.dataTransfer.effectAllowed = "move";
+	}, y = (e, t) => {
+		_.current = t, e.preventDefault();
+	}, b = (e) => {
+		e.preventDefault();
+	}, x = (e) => {
+		if (e.preventDefault(), g.current === null || _.current === null) return;
+		let t = [...m], n = t[g.current];
+		t.splice(g.current, 1), t.splice(_.current, 0, n), g.current = null, _.current = null;
+		let r = t.map((e, t) => ({
+			...e,
+			sort_order: t
+		}));
+		h(r), f(r);
+	}, S = (e) => {
+		if (!e || m.some((t) => t.media_id === e.id)) return;
+		let t = {
+			id: `temp-${Date.now()}`,
+			media_id: e.id,
+			file_path: e.file_path || e.object_key,
+			alt: e.description || e.file_name || "",
+			sort_order: m.length,
+			isNew: !0
+		}, n = [...m, t];
+		h(n), f(n);
+	}, C = (e) => {
+		let t = m.filter((t, n) => n !== e).map((e, t) => ({
+			...e,
+			sort_order: t
+		}));
+		h(t), f(t);
+	};
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ c("div", {
+			className: "grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-4",
+			children: [m.map((e, t) => /* @__PURE__ */ c("div", {
+				className: "group relative aspect-square bg-muted/40 rounded-lg border overflow-hidden cursor-move transition-all hover:shadow-md",
+				draggable: !0,
+				onDragStart: (e) => v(e, t),
+				onDragEnter: (e) => y(e, t),
+				onDragOver: b,
+				onDrop: x,
+				children: [
+					t === 0 && /* @__PURE__ */ s("div", {
+						className: "absolute top-2 left-2 z-10 bg-primary text-primary-foreground text-[10px] font-bold px-2 py-0.5 rounded shadow-sm",
+						children: "MAIN"
+					}),
+					/* @__PURE__ */ s("button", {
+						type: "button",
+						onClick: () => C(t),
+						className: "absolute top-1 right-1 z-20 p-1 bg-destructive/90 text-destructive-foreground rounded-full opacity-0 group-hover:opacity-100 transition-opacity",
+						children: /* @__PURE__ */ s(o, { className: "w-3 h-3" })
+					}),
+					/* @__PURE__ */ s("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/5 transition-colors pointer-events-none" }),
+					/* @__PURE__ */ s("div", {
+						className: "absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",
+						children: /* @__PURE__ */ s(i, { className: "w-4 h-4 text-white drop-shadow-md" })
+					}),
+					d(e.file_path) ? /* @__PURE__ */ s(l, {
+						src: d(e.file_path),
+						alt: e.alt,
+						fill: !0,
+						className: "object-cover",
+						sizes: "(max-width: 768px) 50vw, 33vw"
+					}) : /* @__PURE__ */ s("div", {
+						className: "flex h-full w-full items-center justify-center text-muted-foreground",
+						children: /* @__PURE__ */ s(a, { className: "w-8 h-8 opacity-30" })
+					})
+				]
+			}, e.id)), p ? e.cloneElement(p, {
+				onSelect: S,
+				children: /* @__PURE__ */ c("button", {
+					type: "button",
+					className: "group relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground hover:bg-muted/20 hover:border-muted-foreground/50 transition-all focus:outline-none focus:ring-2 focus:ring-primary",
+					children: [/* @__PURE__ */ s(a, { className: "w-8 h-8 mb-2 opacity-50 group-hover:opacity-75 transition-opacity" }), /* @__PURE__ */ s("span", {
+						className: "text-sm font-medium",
+						children: "Add Image"
+					})]
+				})
+			}) : /* @__PURE__ */ c("div", {
+				className: "relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground",
+				children: [/* @__PURE__ */ s(a, { className: "w-8 h-8 mb-2 opacity-30" }), /* @__PURE__ */ s("span", {
+					className: "text-xs text-center px-2",
+					children: "Media Picker not injected"
+				})]
+			})]
+		}), /* @__PURE__ */ s("p", {
+			className: "text-xs text-muted-foreground",
+			children: "Drag and drop images to reorder. The first image will be used as the main product image."
+		})]
+	});
 };
+//#endregion
+export { f as ProductMediaManager };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),K=require("next/image"),y=require("next/link"),W=require("next/navigation"),i=require("react"),x=require("lucide-react"),t=require("@nextblock-cms/ui"),A=require("@nextblock-cms/utils"),X=require("./DeleteProductButton.cjs.js"),R=process.env.NEXT_PUBLIC_R2_BASE_URL||"";function G(n){return n?n.startsWith("http")||!R?n:`${R.replace(/\/+$/,"")}/${n.replace(/^\/+/,"")}`:null}function J({products:n,languageLabels:N,defaultCurrencyCode:k,deleteProductAction:E,bulkDeleteProductsAction:H,bulkDraftProductsAction:I}){const $=W.useRouter(),[o,m]=i.useState(()=>new Set),[g,q]=i.useState(""),[C,f]=i.useState(null),[j,p]=i.useState(null),[P,z]=i.useTransition(),T=i.useMemo(()=>{const s=g.trim().toLowerCase();return s?n.filter(l=>{const r=N[String(l.language_id)]||"";return[l.title,l.sku,l.slug,l.status,r].filter(Boolean).join(" ").toLowerCase().includes(s)}):n},[N,n,g]),[L,b]=i.useState(1),[c,V]=i.useState(25);i.useEffect(()=>{b(1)},[g]);const S=T.length,v=Math.max(1,Math.ceil(S/c)),d=Math.min(L,v),w=i.useMemo(()=>{const s=(d-1)*c;return T.slice(s,s+c)},[T,d,c]),B=i.useMemo(()=>n.map(s=>s.id),[n]),u=i.useMemo(()=>w.map(s=>s.id),[w]),h=i.useMemo(()=>n.filter(s=>o.has(s.id)),[n,o]).length,D=h>1,U=u.filter(s=>o.has(s)).length,_=u.length>0&&u.every(s=>o.has(s)),Q=U>0&&!_;i.useEffect(()=>{const s=new Set(B);m(l=>{const r=new Set(Array.from(l).filter(a=>s.has(a)));return r.size===l.size?l:r})},[B]);const O=s=>{m(l=>{const r=new Set(l);return s?u.forEach(a=>r.add(a)):u.forEach(a=>r.delete(a)),r})},F=(s,l)=>{m(r=>{const a=new Set(r);return l?a.add(s):a.delete(s),a})},M=(s,l,r)=>{if(h===0){f("Select at least one product first.");return}window.confirm(l)&&(f(null),p(s),z(async()=>{try{const a=await r(Array.from(o));if(!a.success){f(a.error||"Bulk action failed. Please try again."),p(null);return}m(new Set),$.refresh()}catch(a){console.error("Bulk product action failed:",a),f("Bulk action failed. Please try again.")}finally{p(null)}}))};return e.jsxs("div",{className:"rounded-lg border overflow-hidden dark:border-slate-700",children:[e.jsxs("div",{className:"flex min-h-14 flex-wrap items-center justify-between gap-3 border-b bg-muted/20 px-4 py-3",children:[e.jsxs("div",{className:"flex min-w-[260px] flex-1 flex-wrap items-center gap-3",children:[e.jsxs("div",{className:"relative w-full max-w-sm",children:[e.jsx(x.Search,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),e.jsx(t.Input,{value:g,onChange:s=>q(s.target.value),placeholder:"Search products...",className:"h-9 pl-9","aria-label":"Search products"})]}),h>0?e.jsxs("span",{className:"text-sm font-medium text-foreground",children:[h," selected"]}):null,C?e.jsx("span",{className:"text-sm text-destructive",children:C}):null]}),D?e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsxs(t.Button,{variant:"outline",size:"sm",disabled:P,onClick:()=>M("Moving to draft...",`Move ${h} selected products to draft?`,I),children:[e.jsx(x.Archive,{className:"mr-2 h-4 w-4"}),j==="Moving to draft..."?j:"Set Draft"]}),e.jsxs(t.Button,{variant:"destructive",size:"sm",disabled:P,onClick:()=>M("Deleting...",`Delete ${h} selected products? This action cannot be undone.`,H),children:[e.jsx(x.Trash2,{className:"mr-2 h-4 w-4"}),j==="Deleting..."?j:"Delete"]})]}):null]}),e.jsxs(t.Table,{children:[e.jsx(t.TableHeader,{children:e.jsxs(t.TableRow,{children:[e.jsx(t.TableHead,{className:"w-12",children:e.jsx(t.Checkbox,{checked:_?!0:Q?"indeterminate":!1,onCheckedChange:s=>O(s===!0),"aria-label":"Select all products on this page"})}),e.jsx(t.TableHead,{children:"Image"}),e.jsx(t.TableHead,{children:"Title"}),e.jsx(t.TableHead,{children:"SKU"}),e.jsx(t.TableHead,{children:"Price"}),e.jsx(t.TableHead,{children:"Language"}),e.jsx(t.TableHead,{children:"SEO"}),e.jsx(t.TableHead,{children:"Stock"}),e.jsx(t.TableHead,{children:"Status"}),e.jsx(t.TableHead,{className:"text-right",children:"Actions"})]})}),e.jsx(t.TableBody,{children:w.length>0?w.map(s=>{const l=G(s.product_media?.[0]?.media?.file_path||s.product_media?.[0]?.media?.object_key);return e.jsxs(t.TableRow,{"data-state":o.has(s.id)?"selected":void 0,children:[e.jsx(t.TableCell,{children:e.jsx(t.Checkbox,{checked:o.has(s.id),onCheckedChange:r=>F(s.id,r===!0),"aria-label":`Select ${s.title}`})}),e.jsx(t.TableCell,{children:l?e.jsx(K,{src:l,alt:s.title,width:40,height:40,className:"w-10 h-10 object-cover rounded"}):e.jsx("div",{className:"w-10 h-10 bg-gray-200 rounded flex items-center justify-center text-xs text-gray-500",children:"No Img"})}),e.jsx(t.TableCell,{className:"font-medium",children:e.jsx(y,{href:`/cms/products/${s.id}/edit`,className:"hover:underline",children:s.title})}),e.jsx(t.TableCell,{children:s.sku}),e.jsx(t.TableCell,{children:e.jsxs("div",{className:"flex items-baseline gap-2",children:[e.jsx("span",{className:s.sale_price?"font-semibold text-primary":"",children:typeof(s.sale_price??s.price)=="number"?A.formatPrice(s.sale_price??s.price??0,k):"N/A"}),s.sale_price?e.jsx("span",{className:"text-sm text-muted-foreground line-through",children:A.formatPrice(s.price??0,k)}):null]})}),e.jsx(t.TableCell,{children:e.jsx(t.Badge,{variant:"outline",children:N[String(s.language_id)]||"N/A"})}),e.jsx(t.TableCell,{children:e.jsx(t.SeoScoreBadge,{score:s.seo_score})}),e.jsx(t.TableCell,{children:s.stock}),e.jsx(t.TableCell,{children:e.jsx("span",{className:`px-2 py-1 rounded text-xs ${s.status==="active"?"bg-green-100 text-green-800":s.status==="archived"?"bg-gray-100 text-gray-800":"bg-yellow-100 text-yellow-800"}`,children:s.status})}),e.jsxs(t.TableCell,{className:"text-right flex justify-end gap-2 items-center",children:[s.slug?e.jsx(y,{href:`/product/${s.slug}`,target:"_blank",rel:"noopener noreferrer",children:e.jsx(t.Button,{variant:"outline",size:"sm",children:"View Product"})}):null,e.jsx(y,{href:`/cms/products/${s.id}/edit`,children:e.jsx(t.Button,{variant:"ghost",size:"sm",children:"Edit"})}),e.jsx(X.DeleteProductButton,{productName:s.title,isIcon:!0,deleteAction:()=>E(s.id)})]})]},s.id)}):e.jsx(t.TableRow,{children:e.jsx(t.TableCell,{colSpan:10,className:"text-center py-10",children:n.length===0?"No products found.":"No products match your search."})})})]}),S>0&&e.jsxs("div",{className:"flex flex-col sm:flex-row items-center justify-between gap-4 px-2 py-4 text-sm text-muted-foreground",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{children:"Rows per page:"}),e.jsxs(t.Select,{value:String(c),onValueChange:s=>{V(Number(s)),b(1)},children:[e.jsx(t.SelectTrigger,{className:"h-8 w-[70px]",children:e.jsx(t.SelectValue,{placeholder:String(c)})}),e.jsx(t.SelectContent,{side:"top",children:[10,25,50,100].map(s=>e.jsx(t.SelectItem,{value:String(s),children:s},s))})]}),e.jsxs("span",{className:"ml-2",children:["Showing ",(d-1)*c+1," to ",Math.min(d*c,S)," of ",S," products"]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{children:["Page ",d," of ",v]}),e.jsx(t.Button,{variant:"outline",size:"sm",className:"h-8 w-8 p-0",onClick:()=>b(s=>Math.max(1,s-1)),disabled:d<=1,"aria-label":"Previous page",children:e.jsx(x.ChevronLeft,{className:"h-4 w-4"})}),e.jsx(t.Button,{variant:"outline",size:"sm",className:"h-8 w-8 p-0",onClick:()=>b(s=>Math.min(v,s+1)),disabled:d>=v,"aria-label":"Next page",children:e.jsx(x.ChevronRight,{className:"h-4 w-4"})})]})]})]})}exports.ProductsBulkTable=J;
+"use client";const e=require("../../../../../_virtual/_rolldown/runtime.cjs.js"),t=require("./DeleteProductButton.cjs.js");let n=require("next/link");n=e.__toESM(n,1);let r=require("react"),i=require("lucide-react"),a=require("@nextblock-cms/utils"),o=require("react/jsx-runtime"),s=require("next/navigation"),c=require("next/image");c=e.__toESM(c,1);let l=require("@nextblock-cms/ui");var u=process.env.NEXT_PUBLIC_R2_BASE_URL||``;function d(e){return e?e.startsWith(`http`)||!u?e:`${u.replace(/\/+$/,``)}/${e.replace(/^\/+/,``)}`:null}function f({products:e,languageLabels:u,defaultCurrencyCode:f,deleteProductAction:p,bulkDeleteProductsAction:m,bulkDraftProductsAction:h}){let g=(0,s.useRouter)(),[_,v]=(0,r.useState)(()=>new Set),[y,b]=(0,r.useState)(``),[x,S]=(0,r.useState)(null),[C,w]=(0,r.useState)(null),[T,E]=(0,r.useTransition)(),D=(0,r.useMemo)(()=>{let t=y.trim().toLowerCase();return t?e.filter(e=>{let n=u[String(e.language_id)]||``;return[e.title,e.sku,e.slug,e.status,n].filter(Boolean).join(` `).toLowerCase().includes(t)}):e},[u,e,y]),[O,k]=(0,r.useState)(1),[A,j]=(0,r.useState)(25);(0,r.useEffect)(()=>{k(1)},[y]);let M=D.length,N=Math.max(1,Math.ceil(M/A)),P=Math.min(O,N),F=(0,r.useMemo)(()=>{let e=(P-1)*A;return D.slice(e,e+A)},[D,P,A]),I=(0,r.useMemo)(()=>e.map(e=>e.id),[e]),L=(0,r.useMemo)(()=>F.map(e=>e.id),[F]),R=(0,r.useMemo)(()=>e.filter(e=>_.has(e.id)),[e,_]).length,z=R>1,B=L.filter(e=>_.has(e)).length,V=L.length>0&&L.every(e=>_.has(e)),H=B>0&&!V;(0,r.useEffect)(()=>{let e=new Set(I);v(t=>{let n=new Set(Array.from(t).filter(t=>e.has(t)));return n.size===t.size?t:n})},[I]);let U=e=>{v(t=>{let n=new Set(t);return e?L.forEach(e=>n.add(e)):L.forEach(e=>n.delete(e)),n})},W=(e,t)=>{v(n=>{let r=new Set(n);return t?r.add(e):r.delete(e),r})},G=(e,t,n)=>{if(R===0){S(`Select at least one product first.`);return}window.confirm(t)&&(S(null),w(e),E(async()=>{try{let e=await n(Array.from(_));if(!e.success){S(e.error||`Bulk action failed. Please try again.`),w(null);return}v(new Set),g.refresh()}catch(e){console.error(`Bulk product action failed:`,e),S(`Bulk action failed. Please try again.`)}finally{w(null)}}))};return(0,o.jsxs)(`div`,{className:`rounded-lg border overflow-hidden dark:border-slate-700`,children:[(0,o.jsxs)(`div`,{className:`flex min-h-14 flex-wrap items-center justify-between gap-3 border-b bg-muted/20 px-4 py-3`,children:[(0,o.jsxs)(`div`,{className:`flex min-w-[260px] flex-1 flex-wrap items-center gap-3`,children:[(0,o.jsxs)(`div`,{className:`relative w-full max-w-sm`,children:[(0,o.jsx)(i.Search,{className:`pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground`}),(0,o.jsx)(l.Input,{value:y,onChange:e=>b(e.target.value),placeholder:`Search products...`,className:`h-9 pl-9`,"aria-label":`Search products`})]}),R>0?(0,o.jsxs)(`span`,{className:`text-sm font-medium text-foreground`,children:[R,` selected`]}):null,x?(0,o.jsx)(`span`,{className:`text-sm text-destructive`,children:x}):null]}),z?(0,o.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,o.jsxs)(l.Button,{variant:`outline`,size:`sm`,disabled:T,onClick:()=>G(`Moving to draft...`,`Move ${R} selected products to draft?`,h),children:[(0,o.jsx)(i.Archive,{className:`mr-2 h-4 w-4`}),C===`Moving to draft...`?C:`Set Draft`]}),(0,o.jsxs)(l.Button,{variant:`destructive`,size:`sm`,disabled:T,onClick:()=>G(`Deleting...`,`Delete ${R} selected products? This action cannot be undone.`,m),children:[(0,o.jsx)(i.Trash2,{className:`mr-2 h-4 w-4`}),C===`Deleting...`?C:`Delete`]})]}):null]}),(0,o.jsxs)(l.Table,{children:[(0,o.jsx)(l.TableHeader,{children:(0,o.jsxs)(l.TableRow,{children:[(0,o.jsx)(l.TableHead,{className:`w-12`,children:(0,o.jsx)(l.Checkbox,{checked:V?!0:H?`indeterminate`:!1,onCheckedChange:e=>U(e===!0),"aria-label":`Select all products on this page`})}),(0,o.jsx)(l.TableHead,{children:`Image`}),(0,o.jsx)(l.TableHead,{children:`Title`}),(0,o.jsx)(l.TableHead,{children:`SKU`}),(0,o.jsx)(l.TableHead,{children:`Price`}),(0,o.jsx)(l.TableHead,{children:`Language`}),(0,o.jsx)(l.TableHead,{children:`SEO`}),(0,o.jsx)(l.TableHead,{children:`Stock`}),(0,o.jsx)(l.TableHead,{children:`Status`}),(0,o.jsx)(l.TableHead,{className:`text-right`,children:`Actions`})]})}),(0,o.jsx)(l.TableBody,{children:F.length>0?F.map(e=>{let r=d(e.product_media?.[0]?.media?.file_path||e.product_media?.[0]?.media?.object_key);return(0,o.jsxs)(l.TableRow,{"data-state":_.has(e.id)?`selected`:void 0,children:[(0,o.jsx)(l.TableCell,{children:(0,o.jsx)(l.Checkbox,{checked:_.has(e.id),onCheckedChange:t=>W(e.id,t===!0),"aria-label":`Select ${e.title}`})}),(0,o.jsx)(l.TableCell,{children:r?(0,o.jsx)(c.default,{src:r,alt:e.title,width:40,height:40,className:`w-10 h-10 object-cover rounded`}):(0,o.jsx)(`div`,{className:`w-10 h-10 bg-gray-200 rounded flex items-center justify-center text-xs text-gray-500`,children:`No Img`})}),(0,o.jsx)(l.TableCell,{className:`font-medium`,children:(0,o.jsx)(n.default,{href:`/cms/products/${e.id}/edit`,className:`hover:underline`,children:e.title})}),(0,o.jsx)(l.TableCell,{children:e.sku}),(0,o.jsx)(l.TableCell,{children:(0,o.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,o.jsx)(`span`,{className:e.sale_price?`font-semibold text-primary`:``,children:typeof(e.sale_price??e.price)==`number`?(0,a.formatPrice)(e.sale_price??e.price??0,f):`N/A`}),e.sale_price?(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground line-through`,children:(0,a.formatPrice)(e.price??0,f)}):null]})}),(0,o.jsx)(l.TableCell,{children:(0,o.jsx)(l.Badge,{variant:`outline`,children:u[String(e.language_id)]||`N/A`})}),(0,o.jsx)(l.TableCell,{children:(0,o.jsx)(l.SeoScoreBadge,{score:e.seo_score})}),(0,o.jsx)(l.TableCell,{children:e.stock}),(0,o.jsx)(l.TableCell,{children:(0,o.jsx)(`span`,{className:`px-2 py-1 rounded text-xs ${e.status===`active`?`bg-green-100 text-green-800`:e.status===`archived`?`bg-gray-100 text-gray-800`:`bg-yellow-100 text-yellow-800`}`,children:e.status})}),(0,o.jsxs)(l.TableCell,{className:`text-right flex justify-end gap-2 items-center`,children:[e.slug?(0,o.jsx)(n.default,{href:`/product/${e.slug}`,target:`_blank`,rel:`noopener noreferrer`,children:(0,o.jsx)(l.Button,{variant:`outline`,size:`sm`,children:`View Product`})}):null,(0,o.jsx)(n.default,{href:`/cms/products/${e.id}/edit`,children:(0,o.jsx)(l.Button,{variant:`ghost`,size:`sm`,children:`Edit`})}),(0,o.jsx)(t.DeleteProductButton,{productName:e.title,isIcon:!0,deleteAction:()=>p(e.id)})]})]},e.id)}):(0,o.jsx)(l.TableRow,{children:(0,o.jsx)(l.TableCell,{colSpan:10,className:`text-center py-10`,children:e.length===0?`No products found.`:`No products match your search.`})})})]}),M>0&&(0,o.jsxs)(`div`,{className:`flex flex-col sm:flex-row items-center justify-between gap-4 px-2 py-4 text-sm text-muted-foreground`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,o.jsx)(`span`,{children:`Rows per page:`}),(0,o.jsxs)(l.Select,{value:String(A),onValueChange:e=>{j(Number(e)),k(1)},children:[(0,o.jsx)(l.SelectTrigger,{className:`h-8 w-[70px]`,children:(0,o.jsx)(l.SelectValue,{placeholder:String(A)})}),(0,o.jsx)(l.SelectContent,{side:`top`,children:[10,25,50,100].map(e=>(0,o.jsx)(l.SelectItem,{value:String(e),children:e},e))})]}),(0,o.jsxs)(`span`,{className:`ml-2`,children:[`Showing `,(P-1)*A+1,` to `,Math.min(P*A,M),` of `,M,` products`]})]}),(0,o.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,o.jsxs)(`span`,{children:[`Page `,P,` of `,N]}),(0,o.jsx)(l.Button,{variant:`outline`,size:`sm`,className:`h-8 w-8 p-0`,onClick:()=>k(e=>Math.max(1,e-1)),disabled:P<=1,"aria-label":`Previous page`,children:(0,o.jsx)(i.ChevronLeft,{className:`h-4 w-4`})}),(0,o.jsx)(l.Button,{variant:`outline`,size:`sm`,className:`h-8 w-8 p-0`,onClick:()=>k(e=>Math.min(N,e+1)),disabled:P>=N,"aria-label":`Next page`,children:(0,o.jsx)(i.ChevronRight,{className:`h-4 w-4`})})]})]})]})}exports.ProductsBulkTable=f;

package/lib/pages/cms/products/components/ProductsBulkTable.d.ts

@@ -29,5 +29,5 @@ interface ProductsBulkTableProps {
     bulkDeleteProductsAction: (productIds: string[]) => BulkActionResult;
     bulkDraftProductsAction: (productIds: string[]) => BulkActionResult;
 }
-export declare function ProductsBulkTable({ products, languageLabels, defaultCurrencyCode, deleteProductAction, bulkDeleteProductsAction, bulkDraftProductsAction, }: ProductsBulkTableProps): import("react").JSX.Element;
+export declare function ProductsBulkTable({ products, languageLabels, defaultCurrencyCode, deleteProductAction, bulkDeleteProductsAction, bulkDraftProductsAction, }: ProductsBulkTableProps): import('react').JSX.Element;
 export {};