@nextblock-cms/ecom 0.13.4 → 0.13.5

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

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