@nextblock-cms/ecom 0.8.1 → 0.8.7

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

@@ -0,0 +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=_;

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

@@ -0,0 +1,104 @@
+'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
+};

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@nextblock-cms/ui"),h=require("@nextblock-cms/utils"),c=t=>String(t).padStart(2,"0");function d(t){if(!t)return"";const a=new Date(t);return Number.isNaN(a.getTime())?"":`${a.getFullYear()}-${c(a.getMonth()+1)}-${c(a.getDate())}T${c(a.getHours())}:${c(a.getMinutes())}`}function o(t){if(!t)return null;const a=new Date(t);return Number.isNaN(a.getTime())?null:a.toISOString()}function f({idPrefix:t="product",startAt:a,endAt:x,onChange:n,error:r,disabled:u,description:m,dense:i,bare:p}){const N=Intl.DateTimeFormat().resolvedOptions().timeZone,g=h.cn("h-7 text-xs",i||p?"w-[150px]":"w-[160px] sm:w-[180px]"),j=e.jsxs(e.Fragment,{children:[e.jsx(s.Label,{htmlFor:`${t}-sale-start-at`,className:"text-[10px] uppercase tracking-wider text-muted-foreground",children:"Starts"}),e.jsx(s.Input,{id:`${t}-sale-start-at`,type:"datetime-local",value:d(a),disabled:u,onChange:l=>n("sale_start_at",o(l.target.value)),className:g}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"→"}),e.jsx(s.Label,{htmlFor:`${t}-sale-end-at`,className:"text-[10px] uppercase tracking-wider text-muted-foreground",children:"Ends"}),e.jsx(s.Input,{id:`${t}-sale-end-at`,type:"datetime-local",value:d(x),disabled:u,onChange:l=>n("sale_end_at",o(l.target.value)),className:g})]});return p?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"min-w-0 space-y-1",children:[e.jsx(s.Label,{htmlFor:`${t}-sale-start-at`,className:"block text-[10px] uppercase font-bold tracking-widest text-muted-foreground",children:"Starts"}),e.jsx(s.Input,{id:`${t}-sale-start-at`,type:"datetime-local",value:d(a),disabled:u,onChange:l=>n("sale_start_at",o(l.target.value)),className:"h-8 w-full text-xs"})]}),e.jsxs("div",{className:"min-w-0 space-y-1",children:[e.jsx(s.Label,{htmlFor:`${t}-sale-end-at`,className:"block text-[10px] uppercase font-bold tracking-widest text-muted-foreground",children:"Ends"}),e.jsx(s.Input,{id:`${t}-sale-end-at`,type:"datetime-local",value:d(x),disabled:u,onChange:l=>n("sale_end_at",o(l.target.value)),className:"h-8 w-full text-xs"}),r?e.jsx("p",{className:"mt-0.5 text-[10px] text-destructive",children:r}):null]})]}):e.jsxs("div",{className:h.cn("rounded border border-dashed bg-muted/5 space-y-1",i?"p-1.5":"p-2"),children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-x-3 gap-y-1.5",children:[e.jsx("span",{className:"shrink-0 text-[11px] font-bold uppercase tracking-wider text-muted-foreground",children:"Sale window"}),j,e.jsxs("span",{className:"ml-auto text-[10px] text-muted-foreground",children:[N||"local time"," · empty = always on"]})]}),m&&!i?e.jsx("p",{className:"text-[10px] leading-snug text-muted-foreground",children:m}):null,r?e.jsx("p",{className:"text-[11px] text-destructive",children:r}):null]})}exports.SaleScheduleFields=f;

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

@@ -0,0 +1,137 @@
+'use client';
+import { jsxs as s, Fragment as f, jsx as t } from "react/jsx-runtime";
+import { Label as o, Input as u } from "@nextblock-cms/ui";
+import { cn as w } from "@nextblock-cms/utils";
+const d = (e) => String(e).padStart(2, "0");
+function m(e) {
+  if (!e)
+    return "";
+  const a = new Date(e);
+  return Number.isNaN(a.getTime()) ? "" : `${a.getFullYear()}-${d(a.getMonth() + 1)}-${d(
+    a.getDate()
+  )}T${d(a.getHours())}:${d(a.getMinutes())}`;
+}
+function i(e) {
+  if (!e)
+    return null;
+  const a = new Date(e);
+  return Number.isNaN(a.getTime()) ? null : a.toISOString();
+}
+function k({
+  idPrefix: e = "product",
+  startAt: a,
+  endAt: x,
+  onChange: n,
+  error: r,
+  disabled: c,
+  description: g,
+  dense: p,
+  bare: h
+}) {
+  const v = Intl.DateTimeFormat().resolvedOptions().timeZone, N = w("h-7 text-xs", p || h ? "w-[150px]" : "w-[160px] sm:w-[180px]"), $ = /* @__PURE__ */ s(f, { children: [
+    /* @__PURE__ */ t(
+      o,
+      {
+        htmlFor: `${e}-sale-start-at`,
+        className: "text-[10px] uppercase tracking-wider text-muted-foreground",
+        children: "Starts"
+      }
+    ),
+    /* @__PURE__ */ t(
+      u,
+      {
+        id: `${e}-sale-start-at`,
+        type: "datetime-local",
+        value: m(a),
+        disabled: c,
+        onChange: (l) => n("sale_start_at", i(l.target.value)),
+        className: N
+      }
+    ),
+    /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: "→" }),
+    /* @__PURE__ */ t(
+      o,
+      {
+        htmlFor: `${e}-sale-end-at`,
+        className: "text-[10px] uppercase tracking-wider text-muted-foreground",
+        children: "Ends"
+      }
+    ),
+    /* @__PURE__ */ t(
+      u,
+      {
+        id: `${e}-sale-end-at`,
+        type: "datetime-local",
+        value: m(x),
+        disabled: c,
+        onChange: (l) => n("sale_end_at", i(l.target.value)),
+        className: N
+      }
+    )
+  ] });
+  return h ? /* @__PURE__ */ s(f, { children: [
+    /* @__PURE__ */ s("div", { className: "min-w-0 space-y-1", children: [
+      /* @__PURE__ */ t(
+        o,
+        {
+          htmlFor: `${e}-sale-start-at`,
+          className: "block text-[10px] uppercase font-bold tracking-widest text-muted-foreground",
+          children: "Starts"
+        }
+      ),
+      /* @__PURE__ */ t(
+        u,
+        {
+          id: `${e}-sale-start-at`,
+          type: "datetime-local",
+          value: m(a),
+          disabled: c,
+          onChange: (l) => n("sale_start_at", i(l.target.value)),
+          className: "h-8 w-full text-xs"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: "min-w-0 space-y-1", children: [
+      /* @__PURE__ */ t(
+        o,
+        {
+          htmlFor: `${e}-sale-end-at`,
+          className: "block text-[10px] uppercase font-bold tracking-widest text-muted-foreground",
+          children: "Ends"
+        }
+      ),
+      /* @__PURE__ */ t(
+        u,
+        {
+          id: `${e}-sale-end-at`,
+          type: "datetime-local",
+          value: m(x),
+          disabled: c,
+          onChange: (l) => n("sale_end_at", i(l.target.value)),
+          className: "h-8 w-full text-xs"
+        }
+      ),
+      r ? /* @__PURE__ */ t("p", { className: "mt-0.5 text-[10px] text-destructive", children: r }) : null
+    ] })
+  ] }) : /* @__PURE__ */ s(
+    "div",
+    {
+      className: w("rounded border border-dashed bg-muted/5 space-y-1", p ? "p-1.5" : "p-2"),
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1.5", children: [
+          /* @__PURE__ */ t("span", { className: "shrink-0 text-[11px] font-bold uppercase tracking-wider text-muted-foreground", children: "Sale window" }),
+          $,
+          /* @__PURE__ */ s("span", { className: "ml-auto text-[10px] text-muted-foreground", children: [
+            v || "local time",
+            " · empty = always on"
+          ] })
+        ] }),
+        g && !p ? /* @__PURE__ */ t("p", { className: "text-[10px] leading-snug text-muted-foreground", children: g }) : null,
+        r ? /* @__PURE__ */ t("p", { className: "text-[11px] text-destructive", children: r }) : null
+      ]
+    }
+  );
+}
+export {
+  k as SaleScheduleFields
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),u=require("@nextblock-cms/ui"),a=require("lucide-react"),t=require("sonner"),l=require("../actions.cjs.js");function d({title:c="Sync Full Store"}){const[r,s]=i.useState(!1),o=async()=>{s(!0);try{const e=await l.triggerFreemiusSync();e.error?t.toast.error(e.error):t.toast.success(`Full store sync complete! Found ${e.data?.count||0} products.`)}catch(e){t.toast.error(e.message||"An unexpected error occurred during sync")}finally{s(!1)}};return n.jsxs(u.Button,{variant:"secondary",onClick:o,disabled:r,className:"gap-2",children:[n.jsx(a.RefreshCw,{className:`w-4 h-4 ${r?"animate-spin":""}`}),r?"Syncing...":c]})}exports.SyncFreemiusButton=d;

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

@@ -0,0 +1,36 @@
+'use client';
+import { jsxs as o, jsx as c } from "react/jsx-runtime";
+import { useState as a } from "react";
+import { Button as i } from "@nextblock-cms/ui";
+import { RefreshCw as m } from "lucide-react";
+import { toast as n } from "sonner";
+import { triggerFreemiusSync as l } from "../actions.es.js";
+function h({ title: s = "Sync Full Store" }) {
+  const [e, t] = a(!1);
+  return /* @__PURE__ */ o(
+    i,
+    {
+      variant: "secondary",
+      onClick: async () => {
+        t(!0);
+        try {
+          const r = await l();
+          r.error ? n.error(r.error) : n.success(`Full store sync complete! Found ${r.data?.count || 0} products.`);
+        } catch (r) {
+          n.error(r.message || "An unexpected error occurred during sync");
+        } finally {
+          t(!1);
+        }
+      },
+      disabled: e,
+      className: "gap-2",
+      children: [
+        /* @__PURE__ */ c(m, { className: `w-4 h-4 ${e ? "animate-spin" : ""}` }),
+        e ? "Syncing..." : s
+      ]
+    }
+  );
+}
+export {
+  h as SyncFreemiusButton
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),u=require("@nextblock-cms/ui"),a=require("lucide-react"),r=require("sonner"),l=require("../actions.cjs.js");function g({productId:s}){const[n,t]=o.useState(!1),c=async()=>{if(!s){r.toast.error("Product ID is missing");return}t(!0);try{const e=await l.triggerSingleProductSync(s);e.error?r.toast.error(e.error):r.toast.success("Pricing sync complete!")}catch(e){r.toast.error(e.message||"An unexpected error occurred during sync")}finally{t(!1)}};return i.jsxs(u.Button,{variant:"outline",onClick:c,disabled:n,className:"gap-2",children:[i.jsx(a.RefreshCw,{className:`w-4 h-4 ${n?"animate-spin":""}`}),n?"Syncing...":"Sync Prices from Freemius"]})}exports.SyncFreemiusPricingButton=g;

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

@@ -0,0 +1,40 @@
+'use client';
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { Button as a } from "@nextblock-cms/ui";
+import { RefreshCw as m } from "lucide-react";
+import { toast as e } from "sonner";
+import { triggerSingleProductSync as l } from "../actions.es.js";
+function P({ productId: s }) {
+  const [n, i] = c(!1);
+  return /* @__PURE__ */ t(
+    a,
+    {
+      variant: "outline",
+      onClick: async () => {
+        if (!s) {
+          e.error("Product ID is missing");
+          return;
+        }
+        i(!0);
+        try {
+          const r = await l(s);
+          r.error ? e.error(r.error) : e.success("Pricing sync complete!");
+        } catch (r) {
+          e.error(r.message || "An unexpected error occurred during sync");
+        } finally {
+          i(!1);
+        }
+      },
+      disabled: n,
+      className: "gap-2",
+      children: [
+        /* @__PURE__ */ o(m, { className: `w-4 h-4 ${n ? "animate-spin" : ""}` }),
+        n ? "Syncing..." : "Sync Prices from Freemius"
+      ]
+    }
+  );
+}
+export {
+  P as SyncFreemiusPricingButton
+};

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

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