@nextblock-cms/ecom 0.19.0 → 0.19.2

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

@@ -1,639 +1,408 @@
 'use client';
-import { jsxDEV as r } from "react/jsx-dev-runtime";
-import P from "next/link";
-import { useState as $, useMemo as M, useEffect as w } from "react";
-import { Badge as A, Button as T, Label as y, Input as B } from "@nextblock-cms/ui";
-import { extractSelectedTermsByAttribute as se, resolveTermValue as F, resolveAttributeName as z, generateVariantDrafts as re } from "../../../../variation-utils.es.js";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import F from "next/link";
+import { useState as R, useMemo as E, useEffect as v } from "react";
+import { Badge as D, Button as z, Label as P, Input as U } from "@nextblock-cms/ui";
+import { extractSelectedTermsByAttribute as re, resolveTermValue as L, resolveAttributeName as q, generateVariantDrafts as ne } from "../../../../variation-utils.es.js";
 import { CurrencyPriceFields as oe } from "./CurrencyPriceFields.es.js";
-import { SaleScheduleFields as ie } from "./SaleScheduleFields.es.js";
-import { normalizeSalePriceMap as te, normalizePriceMap as ne, convertMinorUnitAmount as L } from "../../../../currency.es.js";
-import { sanitizeVariantDraftsForStoreManagedCurrencies as q, getStoreManagedPriceCurrencyCodes as ce, resolveEditorCurrencyPriceMaps as me } from "../product-price-sync.es.js";
-import { majorUnitAmountToMinor as I, minorUnitAmountToMajor as K } from "@nextblock-cms/utils";
-const X = process.env.NEXT_PUBLIC_R2_BASE_URL || "", G = process.env.NEXT_PUBLIC_SUPABASE_URL || "", le = (c) => c.startsWith("http") ? c : X ? `${X.replace(/\/+$/, "")}/${c.replace(/^\/+/, "")}` : G ? `${G.replace(/\/+$/, "")}/storage/v1/object/public/media/${c.replace(/^\/+/, "")}` : c;
-function O(c, a = "USD") {
+import { SaleScheduleFields as se } from "./SaleScheduleFields.es.js";
+import { normalizeSalePriceMap as ie, normalizePriceMap as de, convertMinorUnitAmount as I } from "../../../../currency.es.js";
+import { sanitizeVariantDraftsForStoreManagedCurrencies as K, getStoreManagedPriceCurrencyCodes as ce, resolveEditorCurrencyPriceMaps as le } from "../product-price-sync.es.js";
+import { majorUnitAmountToMinor as X, minorUnitAmountToMajor as G } from "@nextblock-cms/utils";
+const O = process.env.NEXT_PUBLIC_R2_BASE_URL || "", Q = process.env.NEXT_PUBLIC_SUPABASE_URL || "", ae = (c) => c.startsWith("http") ? c : O ? `${O.replace(/\/+$/, "")}/${c.replace(/^\/+/, "")}` : Q ? `${Q.replace(/\/+$/, "")}/storage/v1/object/public/media/${c.replace(/^\/+/, "")}` : c;
+function W(c, m = "USD") {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
-    currency: a
+    currency: m
   }).format(c);
 }
-function ae(c) {
-  return Object.entries(c).filter(([, a]) => a.length > 0).map(([a, f]) => ({ attribute_id: a, term_ids: f }));
+function me(c) {
+  return Object.entries(c).filter(([, m]) => m.length > 0).map(([m, _]) => ({ attribute_id: m, term_ids: _ }));
 }
-function _e({
+function Ne({
   globalAttributes: c,
-  currentLanguageCode: a,
-  baseSku: f,
-  basePrice: V,
-  basePrices: E,
-  baseSalePrice: R,
-  baseSalePrices: j,
-  currencies: n,
+  currentLanguageCode: m,
+  baseSku: _,
+  basePrice: $,
+  basePrices: M,
+  baseSalePrice: w,
+  baseSalePrices: A,
+  currencies: d,
   availableVariantImages: x = [],
-  initialVariationAttributes: h,
-  initialVariants: D,
-  onChange: v
+  initialVariationAttributes: b,
+  initialVariants: T,
+  onChange: B
 }) {
-  const [b, Q] = $(() => h && h.length > 0 ? h.reduce((e, o) => (e[o.attribute_id] = o.term_ids, e), {}) : se(D || [])), [N, p] = $(
-    q(
-      D || [],
-      n
+  const [g, H] = R(() => b && b.length > 0 ? b.reduce((e, r) => (e[r.attribute_id] = r.term_ids, e), {}) : re(T || [])), [h, f] = R(
+    K(
+      T || [],
+      d
     )
-  ), k = M(
+  ), y = E(
     () => c.map((e) => ({
       attribute_id: e.id,
-      attribute_name: z(e, a),
-      terms: e.terms.filter((o) => (b[e.id] || []).includes(o.id)).map((o) => ({
-        ...o,
-        value: F(o, a)
+      attribute_name: q(e, m),
+      terms: e.terms.filter((r) => (g[e.id] || []).includes(r.id)).map((r) => ({
+        ...r,
+        value: L(r, m)
       }))
     })).filter((e) => e.terms.length > 0),
-    [a, c, b]
+    [m, c, g]
   );
-  w(() => {
-    if (k.length === 0) {
-      p([]);
+  v(() => {
+    if (y.length === 0) {
+      f([]);
       return;
     }
-    p(
-      (e) => q(
-        re({
-          baseSku: f,
-          basePrice: V,
-          basePrices: ne(E),
-          baseSalePrice: R,
-          baseSalePrices: te(j),
-          selectedAttributes: k,
+    f(
+      (e) => K(
+        ne({
+          baseSku: _,
+          basePrice: $,
+          basePrices: de(M),
+          baseSalePrice: w,
+          baseSalePrices: ie(A),
+          selectedAttributes: y,
           previousVariants: e
         }),
-        n
+        d
       )
     );
-  }, [V, E, R, j, f, n, k]), w(() => {
-    v({
-      variationAttributes: ae(b),
-      variants: N
+  }, [$, M, w, A, _, d, y]), v(() => {
+    B({
+      variationAttributes: me(g),
+      variants: h
     });
-  }, [v, b, N]);
-  const W = N.reduce(
-    (e, o) => e + (o.stock_quantity || 0),
+  }, [B, g, h]);
+  const J = h.reduce(
+    (e, r) => e + (r.stock_quantity || 0),
     0
-  ), g = n.find((e) => e.is_default) ?? n[0], _ = M(
-    () => ce(n),
-    [n]
-  ), J = (e, o) => {
-    Q((s) => {
-      const i = new Set(s[e] || []);
-      return i.has(o) ? i.delete(o) : i.add(o), {
-        ...s,
-        [e]: [...i]
+  ), k = d.find((e) => e.is_default) ?? d[0], N = E(
+    () => ce(d),
+    [d]
+  ), Y = (e, r) => {
+    H((t) => {
+      const n = new Set(t[e] || []);
+      return n.has(r) ? n.delete(r) : n.add(r), {
+        ...t,
+        [e]: [...n]
       };
     });
-  }, C = (e, o, s) => {
-    p(
-      (i) => i.map((t) => {
-        if (t.combination_key !== e)
-          return t;
-        if (o === "sku")
+  }, C = (e, r, t) => {
+    f(
+      (n) => n.map((s) => {
+        if (s.combination_key !== e)
+          return s;
+        if (r === "sku")
           return {
-            ...t,
-            sku: s
+            ...s,
+            sku: t
           };
-        if (o === "upc")
+        if (r === "upc")
           return {
-            ...t,
-            upc: s
+            ...s,
+            upc: t
           };
-        if (o === "sale_price" && s === "")
+        if (r === "sale_price" && t === "")
           return {
-            ...t,
+            ...s,
             sale_price: null
           };
-        if (o === "prices" || o === "sale_prices")
-          return t;
-        const m = s === "" ? 0 : Number(s);
+        if (r === "prices" || r === "sale_prices")
+          return s;
+        const l = t === "" ? 0 : Number(t);
         return {
-          ...t,
-          [o]: Number.isFinite(m) ? m : 0
+          ...s,
+          [r]: Number.isFinite(l) ? l : 0
         };
       })
     );
-  }, Y = (e, o, s) => {
-    p(
-      (i) => i.map(
-        (t) => t.combination_key === e ? { ...t, [o]: s } : t
+  }, Z = (e, r, t) => {
+    f(
+      (n) => n.map(
+        (s) => s.combination_key === e ? { ...s, [r]: t } : s
       )
     );
-  }, H = (e, o, s, i) => {
-    const t = n.find((m) => m.is_default) ?? n[0];
-    p(
-      (m) => m.map((d) => {
-        if (d.combination_key !== e)
-          return d;
+  }, V = (e, r, t, n) => {
+    const s = d.find((l) => l.is_default) ?? d[0];
+    f(
+      (l) => l.map((p) => {
+        if (p.combination_key !== e)
+          return p;
         const u = {
-          ...s === "prices" ? d.prices : d.sale_prices,
-          [o]: i
+          ...t === "prices" ? p.prices : p.sale_prices,
+          [r]: n
         };
         return {
-          ...d,
-          [s]: u,
-          ...o === t?.code ? s === "prices" ? { price: i ?? 0 } : { sale_price: i } : {}
+          ...p,
+          [t]: u,
+          ...r === s?.code ? t === "prices" ? { price: n ?? 0 } : { sale_price: n } : {}
         };
       })
     );
-  }, Z = (e) => {
-    const o = n.find((i) => i.is_default) ?? n[0], s = new Set(_);
-    o && p(
-      (i) => i.map((t) => {
-        if (t.combination_key !== e)
-          return t;
-        const m = n.reduce((u, l) => {
-          if (l.code !== o.code && s.has(l.code))
+  }, ee = (e) => {
+    const r = d.find((n) => n.is_default) ?? d[0], t = new Set(N);
+    r && f(
+      (n) => n.map((s) => {
+        if (s.combination_key !== e)
+          return s;
+        const l = d.reduce((u, a) => {
+          if (a.code !== r.code && t.has(a.code))
             return u;
-          const U = L({
-            amount: I(t.price, o.code),
-            fromCurrencyCode: o.code,
-            toCurrencyCode: l.code,
-            currencies: n,
+          const S = I({
+            amount: X(s.price, r.code),
+            fromCurrencyCode: r.code,
+            toCurrencyCode: a.code,
+            currencies: d,
             applyRounding: !0
           });
-          return u[l.code] = K(U, l.code), u;
-        }, {}), d = n.reduce(
-          (u, l) => {
-            if (l.code !== o.code && s.has(l.code))
+          return u[a.code] = G(S, a.code), u;
+        }, {}), p = d.reduce(
+          (u, a) => {
+            if (a.code !== r.code && t.has(a.code))
               return u;
-            if (typeof t.sale_price != "number")
-              return u[l.code] = null, u;
-            const U = L({
-              amount: I(t.sale_price, o.code),
-              fromCurrencyCode: o.code,
-              toCurrencyCode: l.code,
-              currencies: n,
+            if (typeof s.sale_price != "number")
+              return u[a.code] = null, u;
+            const S = I({
+              amount: X(s.sale_price, r.code),
+              fromCurrencyCode: r.code,
+              toCurrencyCode: a.code,
+              currencies: d,
               applyRounding: !0
             });
-            return u[l.code] = K(U, l.code), u;
+            return u[a.code] = G(S, a.code), u;
           },
           {}
         );
         return {
-          ...t,
-          prices: m,
-          sale_prices: d
+          ...s,
+          prices: l,
+          sale_prices: p
         };
       })
     );
-  }, ee = (e, o) => {
-    const s = x.find((m) => m.media_id === o);
-    if (!s)
+  }, te = (e, r) => {
+    const t = x.find((l) => l.media_id === r);
+    if (!t)
       return;
-    const i = s.file_path, t = le(i);
-    p(
-      (m) => m.map(
-        (d) => d.combination_key === e ? {
-          ...d,
-          main_media_id: s.media_id,
-          main_image_url: t
-        } : d
+    const n = t.file_path, s = ae(n);
+    f(
+      (l) => l.map(
+        (p) => p.combination_key === e ? {
+          ...p,
+          main_media_id: t.media_id,
+          main_image_url: s
+        } : p
       )
     );
-  }, S = (e) => {
-    p(
-      (o) => o.map(
-        (s) => s.combination_key === e ? {
-          ...s,
+  }, j = (e) => {
+    f(
+      (r) => r.map(
+        (t) => t.combination_key === e ? {
+          ...t,
           main_media_id: null,
           main_image_url: null
-        } : s
+        } : t
       )
     );
   };
-  return c.length === 0 ? /* @__PURE__ */ r("div", { className: "rounded-lg border border-dashed p-6 text-sm text-muted-foreground", children: [
+  return c.length === 0 ? /* @__PURE__ */ i("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",
     " ",
-    /* @__PURE__ */ r(P, { href: "/cms/products/attributes", className: "font-medium text-primary underline-offset-4 hover:underline", children: "Attribute Management" }, void 0, !1, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-      lineNumber: 402,
-      columnNumber: 9
-    }, this),
+    /* @__PURE__ */ o(F, { href: "/cms/products/attributes", className: "font-medium text-primary underline-offset-4 hover:underline", children: "Attribute Management" }),
     "."
-  ] }, void 0, !0, {
-    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-    lineNumber: 400,
-    columnNumber: 7
-  }, this) : /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ r("span", { className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Attributes" }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 416,
-            columnNumber: 13
-          }, this),
-          /* @__PURE__ */ r(A, { variant: "outline", className: "text-[10px] px-1.5 h-4", children: [
-            N.length,
+  ] }) : /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ i("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ o("span", { className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Attributes" }),
+          /* @__PURE__ */ i(D, { variant: "outline", className: "text-[10px] px-1.5 h-4", children: [
+            h.length,
             " variants"
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 417,
-            columnNumber: 13
-          }, this),
-          /* @__PURE__ */ r(A, { variant: "secondary", className: "text-[10px] px-1.5 h-4", children: [
+          ] }),
+          /* @__PURE__ */ i(D, { variant: "secondary", className: "text-[10px] px-1.5 h-4", children: [
             "Stock: ",
-            W
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 418,
-            columnNumber: 13
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-          lineNumber: 415,
-          columnNumber: 11
-        }, this),
-        /* @__PURE__ */ r(T, { asChild: !0, variant: "outline", size: "sm", className: "h-7 text-xs px-3", children: /* @__PURE__ */ r(P, { href: "/cms/products/attributes", children: "Manage" }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-          lineNumber: 421,
-          columnNumber: 13
-        }, this) }, void 0, !1, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-          lineNumber: 420,
-          columnNumber: 11
-        }, this)
-      ] }, void 0, !0, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-        lineNumber: 414,
-        columnNumber: 9
-      }, this),
-      /* @__PURE__ */ r("div", { className: "grid gap-2 lg:grid-cols-2", children: c.map((e) => {
-        const o = b[e.id] || [];
-        return /* @__PURE__ */ r("div", { className: "flex items-center gap-3 rounded border p-2.5", children: [
-          /* @__PURE__ */ r("div", { className: "shrink-0 w-[100px]", children: [
-            /* @__PURE__ */ r("span", { className: "text-sm font-bold block leading-tight", children: z(e, a) }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-              lineNumber: 432,
-              columnNumber: 19
-            }, this),
-            /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground leading-none", children: [
-              o.length,
+            J
+          ] })
+        ] }),
+        /* @__PURE__ */ o(z, { asChild: !0, variant: "outline", size: "sm", className: "h-7 text-xs px-3", children: /* @__PURE__ */ o(F, { href: "/cms/products/attributes", children: "Manage" }) })
+      ] }),
+      /* @__PURE__ */ o("div", { className: "grid gap-2 lg:grid-cols-2", children: c.map((e) => {
+        const r = g[e.id] || [];
+        return /* @__PURE__ */ i("div", { className: "flex items-center gap-3 rounded border p-2.5", children: [
+          /* @__PURE__ */ i("div", { className: "shrink-0 w-[100px]", children: [
+            /* @__PURE__ */ o("span", { className: "text-sm font-bold block leading-tight", children: q(e, m) }),
+            /* @__PURE__ */ i("span", { className: "text-[10px] text-muted-foreground leading-none", children: [
+              r.length,
               " selected"
-            ] }, void 0, !0, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-              lineNumber: 433,
-              columnNumber: 19
-            }, this)
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 431,
-            columnNumber: 17
-          }, this),
-          /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-1.5 flex-1", children: e.terms.map((s) => {
-            const i = o.includes(s.id);
-            return /* @__PURE__ */ r(
+            ] })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "flex flex-wrap gap-1.5 flex-1", children: e.terms.map((t) => {
+            const n = r.includes(t.id);
+            return /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
-                onClick: () => J(e.id, s.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: F(s, a)
+                onClick: () => Y(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: L(t, m)
               },
-              s.id,
-              !1,
-              {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-                lineNumber: 440,
-                columnNumber: 23
-              },
-              this
+              t.id
             );
-          }) }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 435,
-            columnNumber: 17
-          }, this)
-        ] }, e.id, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-          lineNumber: 430,
-          columnNumber: 15
-        }, this);
-      }) }, void 0, !1, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-        lineNumber: 425,
-        columnNumber: 9
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-      lineNumber: 413,
-      columnNumber: 7
-    }, this),
-    N.length === 0 ? /* @__PURE__ */ r("div", { className: "rounded border border-dashed p-3 text-xs text-muted-foreground text-center", children: "Select terms above to generate variations." }, void 0, !1, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-      lineNumber: 463,
-      columnNumber: 9
-    }, this) : /* @__PURE__ */ r("div", { className: "space-y-2", children: N.map((e) => {
-      const o = me({
-        currencies: n,
+          }) })
+        ] }, e.id);
+      }) })
+    ] }),
+    h.length === 0 ? /* @__PURE__ */ o("div", { className: "rounded border border-dashed p-3 text-xs text-muted-foreground text-center", children: "Select terms above to generate variations." }) : /* @__PURE__ */ o("div", { className: "space-y-2", children: h.map((e) => {
+      const r = le({
+        currencies: d,
         prices: e.prices || {},
         salePrices: e.sale_prices || {},
         fallbackPrice: e.price,
         fallbackSalePrice: e.sale_price
       });
-      return /* @__PURE__ */ r("div", { className: "rounded border p-3 space-y-2", children: [
-        /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ r("span", { className: "text-sm font-bold", children: e.label }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-              lineNumber: 482,
-              columnNumber: 21
-            }, this),
-            /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground", children: e.selected_options.map((s) => `${s.attribute_name}: ${s.term_value}`).join(" · ") }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-              lineNumber: 483,
-              columnNumber: 21
-            }, this)
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 481,
-            columnNumber: 19
-          }, this),
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ r("span", { children: [
+      return /* @__PURE__ */ i("div", { className: "rounded border p-3 space-y-2", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ o("span", { className: "text-sm font-bold", children: e.label }),
+            /* @__PURE__ */ o("span", { className: "text-xs text-muted-foreground", children: e.selected_options.map((t) => `${t.attribute_name}: ${t.term_value}`).join(" · ") })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ i("span", { children: [
               "Reg: ",
-              O(e.price, g?.code || "USD")
-            ] }, void 0, !0, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-              lineNumber: 490,
-              columnNumber: 21
-            }, this),
-            /* @__PURE__ */ r("span", { children: [
+              W(e.price, k?.code || "USD")
+            ] }),
+            /* @__PURE__ */ i("span", { children: [
               "Sale:",
               " ",
-              e.sale_price !== null && e.sale_price !== void 0 ? O(e.sale_price, g?.code || "USD") : "—"
-            ] }, void 0, !0, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-              lineNumber: 491,
-              columnNumber: 21
-            }, this)
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 489,
-            columnNumber: 19
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-          lineNumber: 480,
-          columnNumber: 17
-        }, this),
-        /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-2.5", children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ r(y, { htmlFor: `variant-sku-${e.combination_key}`, className: "text-xs uppercase font-bold text-muted-foreground tracking-wider shrink-0", children: "SKU" }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-              lineNumber: 503,
-              columnNumber: 21
-            }, this),
-            /* @__PURE__ */ r(
-              B,
+              e.sale_price !== null && e.sale_price !== void 0 ? W(e.sale_price, k?.code || "USD") : "—"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "grid grid-cols-3 gap-2.5", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ o(P, { htmlFor: `variant-sku-${e.combination_key}`, className: "text-xs uppercase font-bold text-muted-foreground tracking-wider shrink-0", children: "SKU" }),
+            /* @__PURE__ */ o(
+              U,
               {
                 id: `variant-sku-${e.combination_key}`,
                 value: e.sku,
-                onChange: (s) => C(e.combination_key, "sku", s.target.value),
+                onChange: (t) => C(e.combination_key, "sku", t.target.value),
                 placeholder: "SKU",
                 className: "h-8 text-sm font-mono"
-              },
-              void 0,
-              !1,
-              {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-                lineNumber: 504,
-                columnNumber: 21
-              },
-              this
+              }
             )
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 502,
-            columnNumber: 19
-          }, this),
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ r(y, { htmlFor: `variant-upc-${e.combination_key}`, className: "text-xs uppercase font-bold text-muted-foreground tracking-wider shrink-0", children: "UPC" }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-              lineNumber: 515,
-              columnNumber: 21
-            }, this),
-            /* @__PURE__ */ r(
-              B,
+          ] }),
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ o(P, { htmlFor: `variant-upc-${e.combination_key}`, className: "text-xs uppercase font-bold text-muted-foreground tracking-wider shrink-0", children: "UPC" }),
+            /* @__PURE__ */ o(
+              U,
               {
                 id: `variant-upc-${e.combination_key}`,
                 value: e.upc ?? "",
-                onChange: (s) => C(e.combination_key, "upc", s.target.value),
+                onChange: (t) => C(e.combination_key, "upc", t.target.value),
                 placeholder: "—",
                 className: "h-8 text-sm font-mono"
-              },
-              void 0,
-              !1,
-              {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-                lineNumber: 516,
-                columnNumber: 21
-              },
-              this
+              }
             )
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 514,
-            columnNumber: 19
-          }, this),
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ r(y, { htmlFor: `variant-stock-${e.combination_key}`, className: "text-xs uppercase font-bold text-muted-foreground tracking-wider shrink-0", children: "Qty" }, void 0, !1, {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-              lineNumber: 527,
-              columnNumber: 21
-            }, this),
-            /* @__PURE__ */ r(
-              B,
+          ] }),
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ o(P, { htmlFor: `variant-stock-${e.combination_key}`, className: "text-xs uppercase font-bold text-muted-foreground tracking-wider shrink-0", children: "Qty" }),
+            /* @__PURE__ */ o(
+              U,
               {
                 id: `variant-stock-${e.combination_key}`,
                 type: "number",
                 min: "0",
                 value: e.stock_quantity,
-                onChange: (s) => C(
+                onChange: (t) => C(
                   e.combination_key,
                   "stock_quantity",
-                  s.target.value
+                  t.target.value
                 ),
                 className: "h-8 text-sm font-mono w-20"
-              },
-              void 0,
-              !1,
-              {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-                lineNumber: 528,
-                columnNumber: 21
-              },
-              this
+              }
             )
-          ] }, void 0, !0, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 526,
-            columnNumber: 19
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-          lineNumber: 501,
-          columnNumber: 17
-        }, this),
-        /* @__PURE__ */ r(
+          ] })
+        ] }),
+        /* @__PURE__ */ o(
           oe,
           {
             idPrefix: `variant-${e.combination_key}`,
-            currencies: n,
-            prices: o.prices,
-            salePrices: o.salePrices,
-            managedCurrencyCodes: _,
-            onPriceChange: (s, i) => H(
+            currencies: d,
+            prices: r.prices,
+            salePrices: r.salePrices,
+            managedCurrencyCodes: N,
+            onPriceChange: (t, n) => V(
               e.combination_key,
-              s,
+              t,
               "prices",
-              i
+              n
             ),
-            onSalePriceChange: (s, i) => H(
+            onSalePriceChange: (t, n) => V(
               e.combination_key,
-              s,
+              t,
               "sale_prices",
-              i
+              n
             ),
-            onAutoFill: () => Z(e.combination_key),
-            helperText: _.length > 0 ? `Store-managed currencies derive from ${g?.code || "the base currency"}.` : void 0,
-            trailing: /* @__PURE__ */ r(
-              ie,
+            onAutoFill: () => ee(e.combination_key),
+            helperText: N.length > 0 ? `Store-managed currencies derive from ${k?.code || "the base currency"}.` : void 0,
+            trailing: /* @__PURE__ */ o(
+              se,
               {
                 idPrefix: `variant-${e.combination_key}`,
                 startAt: e.sale_start_at,
                 endAt: e.sale_end_at,
-                onChange: (s, i) => Y(e.combination_key, s, i),
+                onChange: (t, n) => Z(e.combination_key, t, n),
                 bare: !0
-              },
-              void 0,
-              !1,
-              {
-                fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-                lineNumber: 575,
-                columnNumber: 21
-              },
-              this
+              }
             )
-          },
-          void 0,
-          !1,
-          {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 546,
-            columnNumber: 17
-          },
-          this
+          }
         ),
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-3 pt-1.5 border-t border-muted/30", children: [
-          e.main_image_url && /* @__PURE__ */ r("div", { className: "h-9 w-9 overflow-hidden rounded border bg-background shrink-0", children: /* @__PURE__ */ r(
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-3 pt-1.5 border-t border-muted/30", children: [
+          e.main_image_url && /* @__PURE__ */ o("div", { className: "h-9 w-9 overflow-hidden rounded border bg-background shrink-0", children: /* @__PURE__ */ o(
             "img",
             {
               src: e.main_image_url,
               alt: `${e.label} image`,
               className: "h-full w-full object-cover"
-            },
-            void 0,
-            !1,
-            {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-              lineNumber: 591,
-              columnNumber: 23
-            },
-            this
-          ) }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 590,
-            columnNumber: 21
-          }, this),
-          /* @__PURE__ */ r("span", { className: "text-xs uppercase font-bold text-muted-foreground tracking-wider shrink-0", children: "Image" }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 598,
-            columnNumber: 19
-          }, this),
-          x.length > 0 ? /* @__PURE__ */ r(
+            }
+          ) }),
+          /* @__PURE__ */ o("span", { className: "text-xs uppercase font-bold text-muted-foreground tracking-wider shrink-0", children: "Image" }),
+          x.length > 0 ? /* @__PURE__ */ i(
             "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: (s) => {
-                if (!s.target.value) {
-                  S(e.combination_key);
+              onChange: (t) => {
+                if (!t.target.value) {
+                  j(e.combination_key);
                   return;
                 }
-                ee(e.combination_key, s.target.value);
+                te(e.combination_key, t.target.value);
               },
               children: [
-                /* @__PURE__ */ r("option", { value: "", children: "Use parent image" }, void 0, !1, {
-                  fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-                  lineNumber: 611,
-                  columnNumber: 23
-                }, this),
-                x.map((s, i) => /* @__PURE__ */ r("option", { value: s.media_id, children: s.alt?.trim() || `Gallery image ${i + 1}` }, s.media_id, !1, {
-                  fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-                  lineNumber: 613,
-                  columnNumber: 25
-                }, this))
+                /* @__PURE__ */ o("option", { value: "", children: "Use parent image" }),
+                x.map((t, n) => /* @__PURE__ */ o("option", { value: t.media_id, children: t.alt?.trim() || `Gallery image ${n + 1}` }, t.media_id))
               ]
-            },
-            void 0,
-            !0,
-            {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-              lineNumber: 600,
-              columnNumber: 21
-            },
-            this
-          ) : /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground", children: "Add gallery images first." }, void 0, !1, {
-            fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-            lineNumber: 619,
-            columnNumber: 21
-          }, this),
-          e.main_media_id && /* @__PURE__ */ r(
-            T,
+            }
+          ) : /* @__PURE__ */ o("span", { className: "text-xs text-muted-foreground", children: "Add gallery images first." }),
+          e.main_media_id && /* @__PURE__ */ o(
+            z,
             {
               type: "button",
               variant: "ghost",
               size: "sm",
               className: "h-7 text-xs px-2 text-muted-foreground hover:text-destructive",
-              onClick: () => S(e.combination_key),
+              onClick: () => j(e.combination_key),
               children: "Remove"
-            },
-            void 0,
-            !1,
-            {
-              fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-              lineNumber: 622,
-              columnNumber: 21
-            },
-            this
+            }
           )
-        ] }, void 0, !0, {
-          fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-          lineNumber: 588,
-          columnNumber: 17
-        }, this)
-      ] }, e.combination_key, !0, {
-        fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-        lineNumber: 478,
-        columnNumber: 15
-      }, this);
-    }) }, void 0, !1, {
-      fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-      lineNumber: 467,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/pages/cms/products/components/VariationsEditor.tsx",
-    lineNumber: 411,
-    columnNumber: 5
-  }, this);
+        ] })
+      ] }, e.combination_key);
+    }) })
+  ] });
 }
 export {
-  _e as VariationsEditor
+  Ne as VariationsEditor
 };