@nextblock-cms/ecom 0.20.3 → 0.21.1

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

@@ -12,5 +12,5 @@ interface SaleScheduleFieldsProps {
     /** Inline STARTS → ENDS only, no box / heading (e.g. inside a variant row). */
     bare?: boolean;
 }
-export declare function SaleScheduleFields({ idPrefix, startAt, endAt, onChange, error, disabled, description, dense, bare, }: SaleScheduleFieldsProps): import("react").JSX.Element;
+export declare function SaleScheduleFields({ idPrefix, startAt, endAt, onChange, error, disabled, description, dense, bare, }: SaleScheduleFieldsProps): import('react').JSX.Element;
 export {};

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

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

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

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

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

@@ -1,3 +1,3 @@
 export declare function SyncFreemiusButton({ title }: {
     title?: string;
-}): import("react").JSX.Element;
+}): import('react').JSX.Element;

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

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

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

@@ -0,0 +1,5 @@
+"use client";const e=require("../actions.cjs");let t=require("react"),n=require("lucide-react"),r=require("react/jsx-runtime"),i=require("sonner"),a=require("next/navigation"),o=require("@nextblock-cms/ui");function s({productId:s,hasOpenDraft:c=!1}){let l=(0,a.useRouter)(),[u,d]=(0,t.useState)(!1);return(0,r.jsxs)(o.Button,{variant:`outline`,onClick:async()=>{if(!s){i.toast.error(`Product ID is missing`);return}if(!c||window.confirm(`You have unpublished draft changes for this product.
+
+Syncing updates the live pricing now, but publishing your draft afterward will overwrite it with the draft’s older values. Publish or discard your draft first to keep the synced prices.
+
+Sync anyway?`)){d(!0);try{let t=await e.triggerSingleProductSync(s);t.error?i.toast.error(t.error):(i.toast.success(`Pricing sync complete!`),l.refresh())}catch(e){i.toast.error(e.message||`An unexpected error occurred during sync`)}finally{d(!1)}}},disabled:u,className:`gap-2`,children:[(0,r.jsx)(n.RefreshCw,{className:`w-4 h-4 ${u?`animate-spin`:``}`}),u?`Syncing...`:`Sync Plans & Pricing from Freemius`]})}exports.SyncFreemiusPricingButton=s;

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

@@ -3,5 +3,5 @@ interface SyncFreemiusPricingButtonProps {
     /** True when an unpublished product draft is open — publishing it later would revert the synced pricing. */
     hasOpenDraft?: boolean;
 }
-export declare function SyncFreemiusPricingButton({ productId, hasOpenDraft }: SyncFreemiusPricingButtonProps): import("react").JSX.Element;
+export declare function SyncFreemiusPricingButton({ productId, hasOpenDraft }: SyncFreemiusPricingButtonProps): import('react').JSX.Element;
 export {};

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

@@ -1,49 +1,37 @@
-'use client';
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { useRouter as f } from "next/navigation";
-import { Button as l } from "@nextblock-cms/ui";
-import { RefreshCw as d } from "lucide-react";
-import { toast as e } from "sonner";
-import { triggerSingleProductSync as m } from "../actions.es.js";
-function v({ productId: i, hasOpenDraft: s = !1 }) {
-  const o = f(), [n, t] = u(!1);
-  return /* @__PURE__ */ c(
-    l,
-    {
-      variant: "outline",
-      onClick: async () => {
-        if (!i) {
-          e.error("Product ID is missing");
-          return;
-        }
-        if (!(s && !window.confirm(
-          `You have unpublished draft changes for this product.
-
-Syncing updates the live pricing now, but publishing your draft afterward will overwrite it with the draft’s older values. Publish or discard your draft first to keep the synced prices.
-
-Sync anyway?`
-        ))) {
-          t(!0);
-          try {
-            const r = await m(i);
-            r.error ? e.error(r.error) : (e.success("Pricing sync complete!"), o.refresh());
-          } catch (r) {
-            e.error(r.message || "An unexpected error occurred during sync");
-          } finally {
-            t(!1);
-          }
-        }
-      },
-      disabled: n,
-      className: "gap-2",
-      children: [
-        /* @__PURE__ */ a(d, { className: `w-4 h-4 ${n ? "animate-spin" : ""}` }),
-        n ? "Syncing..." : "Sync Plans & Pricing from Freemius"
-      ]
-    }
-  );
+"use client";
+import { triggerSingleProductSync as e } from "../actions.es.js";
+import { useState as t } from "react";
+import { RefreshCw as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { toast as a } from "sonner";
+import { useRouter as o } from "next/navigation";
+import { Button as s } from "@nextblock-cms/ui";
+//#region src/lib/pages/cms/products/components/SyncFreemiusPricingButton.tsx
+function c({ productId: c, hasOpenDraft: l = !1 }) {
+	let u = o(), [d, f] = t(!1);
+	return /* @__PURE__ */ i(s, {
+		variant: "outline",
+		onClick: async () => {
+			if (!c) {
+				a.error("Product ID is missing");
+				return;
+			}
+			if (!l || window.confirm("You have unpublished draft changes for this product.\n\nSyncing updates the live pricing now, but publishing your draft afterward will overwrite it with the draft’s older values. Publish or discard your draft first to keep the synced prices.\n\nSync anyway?")) {
+				f(!0);
+				try {
+					let t = await e(c);
+					t.error ? a.error(t.error) : (a.success("Pricing sync complete!"), u.refresh());
+				} catch (e) {
+					a.error(e.message || "An unexpected error occurred during sync");
+				} finally {
+					f(!1);
+				}
+			}
+		},
+		disabled: d,
+		className: "gap-2",
+		children: [/* @__PURE__ */ r(n, { className: `w-4 h-4 ${d ? "animate-spin" : ""}` }), d ? "Syncing..." : "Sync Plans & Pricing from Freemius"]
+	});
 }
-export {
-  v as SyncFreemiusPricingButton
-};
+//#endregion
+export { c as SyncFreemiusPricingButton };

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

@@ -1 +1 @@
-export declare function SyncProductForm(): import("react").JSX.Element;
+export declare function SyncProductForm(): import('react').JSX.Element;

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

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

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

@@ -22,5 +22,5 @@ interface VariationsEditorProps {
         variants: ProductFormValues['variants'];
     }) => void;
 }
-export declare function VariationsEditor({ globalAttributes, currentLanguageCode, baseSku, basePrice, basePrices, baseSalePrice, baseSalePrices, currencies, availableVariantImages, initialVariationAttributes, initialVariants, onChange, }: VariationsEditorProps): import("react").JSX.Element;
+export declare function VariationsEditor({ globalAttributes, currentLanguageCode, baseSku, basePrice, basePrices, baseSalePrice, baseSalePrices, currencies, availableVariantImages, initialVariationAttributes, initialVariants, onChange, }: VariationsEditorProps): import('react').JSX.Element;
 export {};