@nextblock-cms/ecom 0.11.2 → 0.12.0

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

@@ -1,46 +1,46 @@
 'use client';
 import { jsxs as s, jsx as e, Fragment as Me } from "react/jsx-runtime";
-import q, { useState as A, useRef as Ve, useEffect as k, useCallback as Y } from "react";
+import U, { useState as A, useRef as Ve, useEffect as k, useCallback as X } from "react";
 import { zodResolver as De } from "@hookform/resolvers/zod";
 import { AlertCircle as Ae, CheckCircle2 as er, Info as rr } from "lucide-react";
-import { Select as le, SelectTrigger as ne, SelectValue as ce, SelectContent as ue, SelectItem as F, Badge as L, Label as N, Input as P, Button as Te } from "@nextblock-cms/ui";
+import { Select as le, SelectTrigger as ne, SelectValue as ce, SelectContent as ue, SelectItem as F, Badge as Y, Label as x, Input as y, Button as Te } from "@nextblock-cms/ui";
 import { productSchema as tr } from "../../../../product-schema.es.js";
 import { useForm as sr } from "react-hook-form";
 import { ProductMediaManager as ar } from "./ProductMediaManager.es.js";
-import { SyncFreemiusPricingButton as dr } from "./SyncFreemiusPricingButton.es.js";
-import { VariationsEditor as ir } from "./VariationsEditor.es.js";
+import { SyncFreemiusPricingButton as ir } from "./SyncFreemiusPricingButton.es.js";
+import { VariationsEditor as dr } from "./VariationsEditor.es.js";
 import { CurrencyPriceFields as Ie } from "./CurrencyPriceFields.es.js";
-import { SaleScheduleFields as je } from "./SaleScheduleFields.es.js";
+import { SaleScheduleFields as Re } from "./SaleScheduleFields.es.js";
 import { ProductCategorySelector as or } from "./ProductCategorySelector.es.js";
 import { getStoreManagedPriceCurrencyCodes as lr, resolveEditorCurrencyPriceMaps as nr, sanitizeProductFormValuesForStoreManagedCurrencies as Be } from "../product-price-sync.es.js";
 import { derivePaymentProviderFromProductType as cr } from "../../../../types.es.js";
-import { convertMinorUnitAmount as Re } from "../../../../currency.es.js";
-import { majorUnitAmountToMinor as Oe, minorUnitAmountToMajor as qe } from "@nextblock-cms/utils";
-function Q({ title: r, description: a, action: x, children: h, hideHeader: C }) {
+import { convertMinorUnitAmount as je } from "../../../../currency.es.js";
+import { majorUnitAmountToMinor as Oe, minorUnitAmountToMajor as Ue } from "@nextblock-cms/utils";
+function Q({ title: r, description: a, action: b, children: h, hideHeader: C }) {
   return /* @__PURE__ */ s("section", { className: "rounded-lg border bg-card p-3 shadow-sm space-y-3", children: [
     !C && /* @__PURE__ */ s("div", { className: "flex items-start justify-between gap-4 flex-wrap border-b border-muted/50 pb-2 mb-1", children: [
       /* @__PURE__ */ s("div", { className: "space-y-0.5", children: [
         /* @__PURE__ */ e("h2", { className: "text-sm font-bold tracking-tight", children: r }),
         a ? /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground leading-none", children: a }) : null
       ] }),
-      x
+      b
     ] }),
     /* @__PURE__ */ e("div", { className: C ? "" : "pt-1", children: h })
   ] });
 }
-function ur(r, a, x) {
+function ur(r, a, b) {
   const h = a ? Number.parseInt(a, 10) : void 0;
-  return r?.language_id || (Number.isFinite(h) ? h : void 0) || x.find((C) => C.is_default)?.id || x[0]?.id || 1;
+  return r?.language_id || (Number.isFinite(h) ? h : void 0) || b.find((C) => C.is_default)?.id || b[0]?.id || 1;
 }
-function ze(r, a, x, h, C) {
-  const T = (h.find((y) => y.is_default) ?? h[0])?.code || "USD", R = r?.prices && Object.keys(r.prices).length > 0 ? r.prices : {
+function qe(r, a, b, h, C) {
+  const T = (h.find((v) => v.is_default) ?? h[0])?.code || "USD", j = r?.prices && Object.keys(r.prices).length > 0 ? r.prices : {
     [T]: typeof r?.price == "number" ? r.price / 100 : 0
-  }, z = r?.sale_prices && Object.keys(r.sale_prices).length > 0 ? r.sale_prices : typeof r?.sale_price == "number" ? {
+  }, q = r?.sale_prices && Object.keys(r.sale_prices).length > 0 ? r.sale_prices : typeof r?.sale_price == "number" ? {
     [T]: r.sale_price / 100
-  } : {}, U = r?.product_type || "", I = r?.payment_provider || (r?.product_type ? cr(r.product_type) : "stripe");
+  } : {}, z = r?.product_type || "", I = r?.payment_provider || (r?.product_type ? cr(r.product_type) : "stripe");
   return {
     ...Be({
-      product_type: U || "physical",
+      product_type: z || "physical",
       payment_provider: I,
       title: r?.title || "",
       slug: r?.slug || "",
@@ -48,12 +48,13 @@ function ze(r, a, x, h, C) {
       upc: r?.upc || "",
       is_taxable: r?.is_taxable ?? !0,
       price: typeof r?.price == "number" ? r.price / 100 : 0,
-      prices: R,
+      prices: j,
       sale_price: typeof r?.sale_price == "number" ? r.sale_price / 100 : null,
-      sale_prices: z,
+      sale_prices: q,
       stock: r?.stock || 0,
       meta_title: r?.meta_title || "",
       meta_description: r?.meta_description || "",
+      custom_canonical: r?.custom_canonical || "",
       short_description: r?.short_description || "",
       description_json: r?.description_json || {
         type: "doc",
@@ -67,32 +68,32 @@ function ze(r, a, x, h, C) {
       language_id: ur(
         r,
         a,
-        x
+        b
       ),
       translation_group_id: r?.translation_group_id || C || void 0,
-      product_media: r?.product_media?.map((y) => ({
-        media_id: y.media_id
+      product_media: r?.product_media?.map((v) => ({
+        media_id: v.media_id
       })) || [],
       category_ids: r?.category_ids || [],
       variation_attributes: r?.variation_attributes || [],
-      variants: r?.variants?.map((y) => ({
-        ...y,
-        prices: y.prices || {},
-        sale_prices: y.sale_prices || {}
+      variants: r?.variants?.map((v) => ({
+        ...v,
+        prices: v.prices || {},
+        sale_prices: v.sale_prices || {}
       })) || []
     }, h),
-    product_type: U,
+    product_type: z,
     payment_provider: I
   };
 }
-function Ue(r) {
+function ze(r) {
   return r ? r.map((a) => ({
     id: a.id || a.media_id,
     media_id: a.media_id,
     file_path: a.media?.file_path || a.media?.object_key || "",
     alt: a.media?.alt_text || "",
     sort_order: a.sort_order ?? 0
-  })).sort((a, x) => a.sort_order - x.sort_order) : [];
+  })).sort((a, b) => a.sort_order - b.sort_order) : [];
 }
 function mr(r) {
   return r.map((a) => ({ media_id: a.media_id }));
@@ -108,33 +109,33 @@ const hr = (r) => r.toString().toLowerCase().trim().replace(/\s+/g, "-").replace
 function Tr({
   initialData: r,
   isEdit: a = !1,
-  mediaPickerNode: x,
+  mediaPickerNode: b,
   availableLanguagesProp: h,
   globalAttributesProp: C,
   currenciesProp: W,
   translationGroupId: T,
-  targetLanguageId: R,
-  freemiusDashboardNode: z,
-  enabledProviders: U,
+  targetLanguageId: j,
+  freemiusDashboardNode: q,
+  enabledProviders: z,
   configStatus: I,
   createAction: Z,
-  updateAction: y,
+  updateAction: v,
   availableCategoriesProp: Ee = []
 }) {
-  const [B, E] = A(!1), [G, D] = A(() => !!r?.variants?.length), c = q.useMemo(
-    () => W.filter((t) => t.is_active !== !1).sort((t, i) => t.is_default !== i.is_default ? t.is_default ? -1 : 1 : t.code.localeCompare(i.code)),
+  const [B, E] = A(!1), [G, D] = A(() => !!r?.variants?.length), c = U.useMemo(
+    () => W.filter((t) => t.is_active !== !1).sort((t, d) => t.is_default !== d.is_default ? t.is_default ? -1 : 1 : t.code.localeCompare(d.code)),
     [W]
-  ), l = q.useMemo(
+  ), l = U.useMemo(
     () => c.find((t) => t.is_default) ?? c[0],
     [c]
-  ), K = q.useMemo(
+  ), K = U.useMemo(
     () => lr(c),
     [c]
   ), me = sr({
     resolver: De(tr),
-    defaultValues: ze(
+    defaultValues: qe(
       r,
-      R,
+      j,
       h,
       c,
       T
@@ -142,7 +143,7 @@ function Tr({
   }), {
     register: n,
     handleSubmit: ee,
-    setValue: d,
+    setValue: i,
     reset: pe,
     watch: o,
     setError: $,
@@ -157,21 +158,21 @@ function Tr({
     if (!xe) return;
     const t = JSON.stringify(te);
     if (t === re.current) return;
-    const i = setTimeout(() => {
+    const d = setTimeout(() => {
       B || (re.current = t, ee(Fe)());
     }, 1e3);
-    return () => clearTimeout(i);
+    return () => clearTimeout(d);
   }, [te, a, xe, B, ee]);
-  const ye = o("title"), O = o("product_type"), p = O === "digital" ? "freemius" : O === "physical" ? "stripe" : void 0, b = O === "physical", be = O === "digital", se = p ? U[p] : !1, ae = p ? I[p].hasKeys : !1, He = !!o("freemius_product_id"), ve = Number(o("trial_period_days") || 0), Ne = !!o("trial_requires_payment_method"), Je = o("variants") || [], M = o("price"), j = o("sale_price"), v = o("prices") || {}, V = o("sale_prices") || {}, S = (Je?.length || 0) > 0, Xe = o("language_id"), Ye = h.find((t) => t.id === Xe)?.code || h.find((t) => t.is_default)?.code || h[0]?.code, X = q.useMemo(
+  const ye = o("title"), O = o("product_type"), p = O === "digital" ? "freemius" : O === "physical" ? "stripe" : void 0, N = O === "physical", be = O === "digital", se = p ? z[p] : !1, ae = p ? I[p].hasKeys : !1, He = !!o("freemius_product_id"), ve = Number(o("trial_period_days") || 0), Ne = !!o("trial_requires_payment_method"), Je = o("variants") || [], M = o("price"), R = o("sale_price"), P = o("prices") || {}, V = o("sale_prices") || {}, S = (Je?.length || 0) > 0, Le = o("language_id"), Xe = h.find((t) => t.id === Le)?.code || h.find((t) => t.is_default)?.code || h[0]?.code, L = U.useMemo(
     () => nr({
       currencies: c,
-      prices: v,
+      prices: P,
       salePrices: V,
       fallbackPrice: M,
-      fallbackSalePrice: j
+      fallbackSalePrice: R
     }),
-    [M, j, c, v, V]
-  ), Le = q.useMemo(
+    [M, R, c, P, V]
+  ), Ye = U.useMemo(
     () => r?.variants?.map((t) => ({
       ...t,
       prices: t.prices || {},
@@ -182,150 +183,150 @@ function Tr({
   k(() => {
     if (he.title && !a) {
       const t = hr(ye);
-      d("slug", t, { shouldValidate: !0 });
+      i("slug", t, { shouldValidate: !0 });
     }
-  }, [ye, he.title, d, a]);
-  const [de, Pe] = A(
-    () => Ue(r?.product_media)
-  ), [ie, Se] = A(/* @__PURE__ */ new Set());
+  }, [ye, he.title, i, a]);
+  const [ie, Pe] = A(
+    () => ze(r?.product_media)
+  ), [de, Se] = A(/* @__PURE__ */ new Set());
   k(() => {
     pe(
-      ze(
+      qe(
         r,
-        R,
+        j,
         h,
         c,
         T
       )
-    ), Pe(Ue(r?.product_media)), Se(/* @__PURE__ */ new Set()), D(!!r?.variants?.length);
+    ), Pe(ze(r?.product_media)), Se(/* @__PURE__ */ new Set()), D(!!r?.variants?.length);
   }, [
     h,
     c,
     r,
     pe,
-    R,
+    j,
     T
   ]);
   const Qe = (t) => {
-    const i = new Set(t.map((m) => m.id)), u = de.filter((m) => !i.has(m.id)), g = new Set(ie);
+    const d = new Set(t.map((m) => m.id)), u = ie.filter((m) => !d.has(m.id)), g = new Set(de);
     u.forEach((m) => {
       m.media_id && g.add(m.media_id);
-    }), Se(g), Pe(t), d("product_media", mr(t), { shouldDirty: !0 }), d("explicitly_removed_media_ids", Array.from(g), {
+    }), Se(g), Pe(t), i("product_media", mr(t), { shouldDirty: !0 }), i("explicitly_removed_media_ids", Array.from(g), {
       shouldDirty: !0
     });
   };
   k(() => {
-    d("explicitly_removed_media_ids", Array.from(ie));
-  }, [ie, d]), k(() => {
+    i("explicitly_removed_media_ids", Array.from(de));
+  }, [de, i]), k(() => {
     S && D(!0);
   }, [S]), k(() => {
     n("is_taxable"), n("price"), n("sale_price"), n("payment_provider"), n("trial_requires_payment_method");
   }, [n]), k(() => {
     if (!be) {
-      d("trial_period_days", 0, { shouldDirty: !1, shouldValidate: !0 }), d("trial_requires_payment_method", !1, {
+      i("trial_period_days", 0, { shouldDirty: !1, shouldValidate: !0 }), i("trial_requires_payment_method", !1, {
         shouldDirty: !1,
         shouldValidate: !0
       });
       return;
     }
-    ve <= 0 && d("trial_requires_payment_method", !1, {
+    ve <= 0 && i("trial_requires_payment_method", !1, {
       shouldDirty: !1,
       shouldValidate: !0
     });
-  }, [be, d, ve]), k(() => {
-    p && d("payment_provider", p, {
+  }, [be, i, ve]), k(() => {
+    p && i("payment_provider", p, {
       shouldDirty: !1,
       shouldValidate: !0
     });
-  }, [p, d]), k(() => {
-    l && v[l.code] === void 0 && d(
+  }, [p, i]), k(() => {
+    l && P[l.code] === void 0 && i(
       "prices",
       {
-        ...v,
+        ...P,
         [l.code]: M || 0
       },
       { shouldDirty: !1 }
     );
-  }, [M, l, v, d]);
-  const we = Y(
-    (t, i) => {
+  }, [M, l, P, i]);
+  const we = X(
+    (t, d) => {
       const u = {
-        ...v,
-        [t]: i
+        ...P,
+        [t]: d
       };
-      d("prices", u, { shouldDirty: !0, shouldValidate: !0 }), t === l?.code && d("price", i, { shouldDirty: !0, shouldValidate: !0 });
+      i("prices", u, { shouldDirty: !0, shouldValidate: !0 }), t === l?.code && i("price", d, { shouldDirty: !0, shouldValidate: !0 });
     },
-    [l?.code, v, d]
-  ), ke = Y(
-    (t, i) => {
+    [l?.code, P, i]
+  ), ke = X(
+    (t, d) => {
       const u = {
         ...V,
-        [t]: i
+        [t]: d
       };
-      d("sale_prices", u, {
+      i("sale_prices", u, {
         shouldDirty: !0,
         shouldValidate: !0
-      }), t === l?.code && d("sale_price", i, { shouldDirty: !0, shouldValidate: !0 });
+      }), t === l?.code && i("sale_price", d, { shouldDirty: !0, shouldValidate: !0 });
     },
-    [l?.code, V, d]
-  ), Ce = Y(() => {
+    [l?.code, V, i]
+  ), Ce = X(() => {
     if (!l)
       return;
-    const t = new Set(K), i = v[l.code] ?? M ?? 0, u = V[l.code] ?? j ?? null, g = c.reduce((w, _) => {
+    const t = new Set(K), d = P[l.code] ?? M ?? 0, u = V[l.code] ?? R ?? null, g = c.reduce((w, _) => {
       if (_.code !== l.code && t.has(_.code))
         return w;
-      const oe = Re({
-        amount: Oe(i, l.code),
+      const oe = je({
+        amount: Oe(d, l.code),
         fromCurrencyCode: l.code,
         toCurrencyCode: _.code,
         currencies: c,
         applyRounding: !0
       });
-      return w[_.code] = qe(oe, _.code), w;
+      return w[_.code] = Ue(oe, _.code), w;
     }, {}), m = c.reduce(
       (w, _) => {
         if (_.code !== l.code && t.has(_.code))
           return w;
         if (typeof u != "number")
           return (_.code === l.code || !t.has(_.code)) && (w[_.code] = null), w;
-        const oe = Re({
+        const oe = je({
           amount: Oe(u, l.code),
           fromCurrencyCode: l.code,
           toCurrencyCode: _.code,
           currencies: c,
           applyRounding: !0
         });
-        return w[_.code] = qe(oe, _.code), w;
+        return w[_.code] = Ue(oe, _.code), w;
       },
       {}
     );
-    d("prices", g, { shouldDirty: !0, shouldValidate: !0 }), d("sale_prices", m, {
+    i("prices", g, { shouldDirty: !0, shouldValidate: !0 }), i("sale_prices", m, {
       shouldDirty: !0,
       shouldValidate: !0
-    }), d("price", g[l.code] ?? i, {
+    }), i("price", g[l.code] ?? d, {
       shouldDirty: !0,
       shouldValidate: !0
-    }), d("sale_price", m[l.code] ?? null, {
+    }), i("sale_price", m[l.code] ?? null, {
       shouldDirty: !0,
       shouldValidate: !0
     });
   }, [
     c,
     l,
-    v,
+    P,
     V,
-    d,
+    i,
     K,
     M,
-    j
-  ]), We = Y(
+    R
+  ]), We = X(
     ({
       variationAttributes: t,
-      variants: i
+      variants: d
     }) => {
-      d("variation_attributes", t, { shouldDirty: !0 }), d("variants", i, { shouldDirty: !0, shouldValidate: !0 });
+      i("variation_attributes", t, { shouldDirty: !0 }), i("variants", d, { shouldDirty: !0, shouldValidate: !0 });
     },
-    [d]
+    [i]
   ), Fe = async (t) => {
     E(!0), H(!0), J(null);
     try {
@@ -345,34 +346,34 @@ function Tr({
         }), a ? J(m) : alert(m), E(!1), H(!1);
         return;
       }
-      const i = b ? 0 : Math.max(0, Number(t.trial_period_days || 0)), u = {
+      const d = N ? 0 : Math.max(0, Number(t.trial_period_days || 0)), u = {
         ...t,
         product_type: t.product_type,
         payment_provider: p,
-        freemius_product_id: b ? "" : t.freemius_product_id,
-        freemius_plan_id: b ? "" : t.freemius_plan_id,
-        trial_period_days: i,
-        trial_requires_payment_method: !b && i > 0 ? t.trial_requires_payment_method : !1,
-        upc: b ? t.upc : null,
-        is_taxable: b ? t.is_taxable : !1,
-        variation_attributes: b ? t.variation_attributes : [],
-        variants: b ? t.variants : []
+        freemius_product_id: N ? "" : t.freemius_product_id,
+        freemius_plan_id: N ? "" : t.freemius_plan_id,
+        trial_period_days: d,
+        trial_requires_payment_method: !N && d > 0 ? t.trial_requires_payment_method : !1,
+        upc: N ? t.upc : null,
+        is_taxable: N ? t.is_taxable : !1,
+        variation_attributes: N ? t.variation_attributes : [],
+        variants: N ? t.variants : []
       }, g = Be(
         u,
         c
       );
-      if (a && y)
-        await y(g), $e(/* @__PURE__ */ new Date());
+      if (a && v)
+        await v(g), $e(/* @__PURE__ */ new Date());
       else if (Z)
         await Z(g);
       else
         throw new Error("Product form action is not configured.");
-    } catch (i) {
-      if (console.error(i), i.message === "NEXT_REDIRECT")
+    } catch (d) {
+      if (console.error(d), d.message === "NEXT_REDIRECT")
         return;
-      let u = i.message || "An error occurred while saving.";
-      if (i.code === "23505") {
-        const g = i.message?.toLowerCase() || "";
+      let u = d.message || "An error occurred while saving.";
+      if (d.code === "23505") {
+        const g = d.message?.toLowerCase() || "";
         g.includes("products_slug_key") || g.includes("slug") ? (u = "This slug is already in use. Please choose another one.", $("slug", {
           type: "manual",
           message: u
@@ -385,7 +386,7 @@ function Tr({
     } finally {
       E(!1), H(!1);
     }
-  }, Ze = S ? "bg-muted/60 text-muted-foreground opacity-70" : "", Ge = pr(de);
+  }, Ze = S ? "bg-muted/60 text-muted-foreground opacity-70" : "", Ge = pr(ie);
   return /* @__PURE__ */ s("form", { onSubmit: ee(Fe), className: "space-y-2.5 pb-4", children: [
     /* @__PURE__ */ e("input", { type: "hidden", ...n("translation_group_id") }),
     /* @__PURE__ */ e("input", { type: "hidden", ...n("payment_provider") }),
@@ -399,7 +400,7 @@ function Tr({
           /* @__PURE__ */ e("div", { className: "flex h-9 items-center", children: /* @__PURE__ */ s(
             le,
             {
-              onValueChange: (t) => d("product_type", t, {
+              onValueChange: (t) => i("product_type", t, {
                 shouldDirty: !0,
                 shouldValidate: !0
               }),
@@ -417,7 +418,7 @@ function Tr({
         /* @__PURE__ */ s("div", { className: "flex items-center gap-6", children: [
           /* @__PURE__ */ s("div", { className: "flex h-9 items-center gap-3", children: [
             /* @__PURE__ */ e("span", { className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-wider leading-none", children: "Payment Provider" }),
-            /* @__PURE__ */ e(L, { variant: "outline", className: "text-xs py-1 font-bold bg-muted/30 leading-none", children: p ? p === "stripe" ? "Stripe" : "Freemius" : "—" })
+            /* @__PURE__ */ e(Y, { variant: "outline", className: "text-xs py-1 font-bold bg-muted/30 leading-none", children: p ? p === "stripe" ? "Stripe" : "Freemius" : "—" })
           ] }),
           p && /* @__PURE__ */ e("div", { className: "flex h-9 items-center gap-2", children: se && ae ? /* @__PURE__ */ s("span", { className: "flex items-center gap-1.5 text-emerald-600 text-[10px] font-bold bg-emerald-50 px-2 py-1 rounded-full border border-emerald-100 uppercase leading-none", children: [
             /* @__PURE__ */ e(er, { className: "h-3 w-3" }),
@@ -457,37 +458,41 @@ function Tr({
             ] }),
             /* @__PURE__ */ s("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-2.5", children: [
               /* @__PURE__ */ s("div", { className: "col-span-2 space-y-1", children: [
-                /* @__PURE__ */ e(N, { htmlFor: "title", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Title" }),
-                /* @__PURE__ */ e(P, { id: "title", placeholder: "Product title", ...n("title"), className: "h-8 text-sm" }),
+                /* @__PURE__ */ e(x, { htmlFor: "title", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Title" }),
+                /* @__PURE__ */ e(y, { id: "title", placeholder: "Product title", ...n("title"), className: "h-8 text-sm" }),
                 f.title && /* @__PURE__ */ e("p", { className: "text-destructive text-[11px] leading-none", children: f.title.message })
               ] }),
               /* @__PURE__ */ s("div", { className: "col-span-2 space-y-1", children: [
-                /* @__PURE__ */ e(N, { htmlFor: "slug", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Slug" }),
-                /* @__PURE__ */ e(P, { id: "slug", placeholder: "product-slug", ...n("slug"), className: "h-8 text-sm" }),
+                /* @__PURE__ */ e(x, { htmlFor: "slug", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Slug" }),
+                /* @__PURE__ */ e(y, { id: "slug", placeholder: "product-slug", ...n("slug"), className: "h-8 text-sm" }),
                 f.slug && /* @__PURE__ */ e("p", { className: "text-destructive text-[11px] leading-none", children: f.slug.message })
               ] }),
               /* @__PURE__ */ s("div", { className: "col-span-1 space-y-1", children: [
-                /* @__PURE__ */ e(N, { htmlFor: "sku", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "SKU" }),
-                /* @__PURE__ */ e(P, { id: "sku", placeholder: "SKU", ...n("sku"), className: "h-8 text-sm font-mono" }),
+                /* @__PURE__ */ e(x, { htmlFor: "sku", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "SKU" }),
+                /* @__PURE__ */ e(y, { id: "sku", placeholder: "SKU", ...n("sku"), className: "h-8 text-sm font-mono" }),
                 f.sku && /* @__PURE__ */ e("p", { className: "text-destructive text-[11px] leading-none", children: f.sku.message })
               ] }),
               /* @__PURE__ */ s("div", { className: "col-span-1 space-y-1", children: [
-                /* @__PURE__ */ e(N, { htmlFor: "upc_ean", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "UPC / EAN" }),
-                /* @__PURE__ */ e(P, { id: "upc_ean", placeholder: "000000000", ...n("upc"), className: "h-8 text-sm font-mono", readOnly: S })
+                /* @__PURE__ */ e(x, { htmlFor: "upc_ean", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "UPC / EAN" }),
+                /* @__PURE__ */ e(y, { id: "upc_ean", placeholder: "000000000", ...n("upc"), className: "h-8 text-sm font-mono", readOnly: S })
               ] })
             ] }),
-            /* @__PURE__ */ s("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-2.5 mt-2", children: [
-              /* @__PURE__ */ s("div", { className: "lg:col-span-2 col-span-2 space-y-1", children: [
-                /* @__PURE__ */ e(N, { htmlFor: "meta_title", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Meta Title" }),
-                /* @__PURE__ */ e(P, { id: "meta_title", ...n("meta_title"), placeholder: "SEO page title (50-60 chars)", className: "h-8 text-sm" })
+            /* @__PURE__ */ s("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-12 gap-2.5 mt-2", children: [
+              /* @__PURE__ */ s("div", { className: `${a ? "lg:col-span-3" : "lg:col-span-4"} col-span-2 space-y-1`, children: [
+                /* @__PURE__ */ e(x, { htmlFor: "meta_title", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Meta Title" }),
+                /* @__PURE__ */ e(y, { id: "meta_title", ...n("meta_title"), placeholder: "SEO page title (50-60 chars)", className: "h-8 text-sm" })
+              ] }),
+              /* @__PURE__ */ s("div", { className: "lg:col-span-4 col-span-2 space-y-1", children: [
+                /* @__PURE__ */ e(x, { htmlFor: "meta_description", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Meta Description" }),
+                /* @__PURE__ */ e(y, { id: "meta_description", ...n("meta_description"), placeholder: "SEO description (150-160 chars)", className: "h-8 text-sm" })
               ] }),
-              /* @__PURE__ */ s("div", { className: `lg:col-span-${a ? "3" : "4"} col-span-2 space-y-1`, children: [
-                /* @__PURE__ */ e(N, { htmlFor: "meta_description", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Meta Description" }),
-                /* @__PURE__ */ e(P, { id: "meta_description", ...n("meta_description"), placeholder: "SEO description (150-160 chars)", className: "h-8 text-sm" })
+              /* @__PURE__ */ s("div", { className: `${a ? "lg:col-span-3" : "lg:col-span-4"} col-span-2 space-y-1`, children: [
+                /* @__PURE__ */ e(x, { htmlFor: "custom_canonical", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Canonical URL (optional)" }),
+                /* @__PURE__ */ e(y, { id: "custom_canonical", ...n("custom_canonical"), placeholder: "Blank = self-referencing. Absolute https://… URL or /relative path to override.", className: "h-8 text-sm" })
               ] }),
-              a && /* @__PURE__ */ s("div", { className: "lg:col-span-1 col-span-2 space-y-1", children: [
-                /* @__PURE__ */ e(N, { htmlFor: "status", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Status" }),
-                /* @__PURE__ */ s(le, { onValueChange: (t) => d("status", t, { shouldDirty: !0 }), value: o("status"), children: [
+              a && /* @__PURE__ */ s("div", { className: "lg:col-span-2 col-span-2 space-y-1", children: [
+                /* @__PURE__ */ e(x, { htmlFor: "status", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Status" }),
+                /* @__PURE__ */ s(le, { onValueChange: (t) => i("status", t, { shouldDirty: !0 }), value: o("status"), children: [
                   /* @__PURE__ */ e(ne, { className: "h-8 text-xs", children: /* @__PURE__ */ e(ce, { placeholder: "Status" }) }),
                   /* @__PURE__ */ s(ue, { children: [
                     /* @__PURE__ */ e(F, { value: "draft", children: "Draft" }),
@@ -510,13 +515,13 @@ function Tr({
             {
               categories: Ee,
               selectedIds: o("category_ids") || [],
-              onChange: (t) => d("category_ids", t, { shouldDirty: !0, shouldValidate: !0 })
+              onChange: (t) => i("category_ids", t, { shouldDirty: !0, shouldValidate: !0 })
             }
           )
         }
       ),
       /* @__PURE__ */ s("section", { className: "rounded-lg border bg-card p-3 shadow-sm space-y-3", children: [
-        b && /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-4 flex-wrap border-b border-muted/50 pb-2", children: [
+        N && /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-4 flex-wrap border-b border-muted/50 pb-2", children: [
           /* @__PURE__ */ e("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ s("div", { className: "space-y-0.5", children: [
             /* @__PURE__ */ e("h2", { className: "text-sm font-bold tracking-tight", children: "Pricing & Inventory" }),
             /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground leading-none", children: "Manage simple or variant pricing." })
@@ -525,7 +530,7 @@ function Tr({
             /* @__PURE__ */ s("div", { className: "flex items-center gap-2 bg-muted/40 rounded-md px-2.5 py-1.5", children: [
               /* @__PURE__ */ e("span", { className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Stock" }),
               /* @__PURE__ */ e(
-                P,
+                y,
                 {
                   id: "stock",
                   type: "number",
@@ -537,18 +542,18 @@ function Tr({
                 }
               )
             ] }),
-            S ? /* @__PURE__ */ e(L, { variant: "secondary", className: "text-[11px] py-0 px-2 h-5", children: "Variant pricing" }) : null
+            S ? /* @__PURE__ */ e(Y, { variant: "secondary", className: "text-[11px] py-0 px-2 h-5", children: "Variant pricing" }) : null
           ] })
         ] }),
-        b ? /* @__PURE__ */ s("div", { className: "space-y-3", children: [
+        N ? /* @__PURE__ */ s("div", { className: "space-y-3", children: [
           /* @__PURE__ */ s("div", { className: "w-full", children: [
             /* @__PURE__ */ e(
               Ie,
               {
                 idPrefix: "product",
                 currencies: c,
-                prices: X.prices,
-                salePrices: X.salePrices,
+                prices: L.prices,
+                salePrices: L.salePrices,
                 managedCurrencyCodes: K,
                 onPriceChange: we,
                 onSalePriceChange: ke,
@@ -556,12 +561,12 @@ function Tr({
                 readOnly: S,
                 helperText: S ? "Parent prices stay as a fallback, but active variants define the live shopper price." : void 0,
                 trailing: /* @__PURE__ */ e(
-                  je,
+                  Re,
                   {
                     idPrefix: "product",
                     startAt: o("sale_start_at"),
                     endAt: o("sale_end_at"),
-                    onChange: (t, i) => d(t, i, { shouldDirty: !0, shouldValidate: !0 }),
+                    onChange: (t, d) => i(t, d, { shouldDirty: !0, shouldValidate: !0 }),
                     error: f.sale_end_at?.message,
                     bare: !0
                   }
@@ -587,19 +592,19 @@ function Tr({
             )
           ] }),
           G && /* @__PURE__ */ e("div", { className: "border-t pt-3", children: /* @__PURE__ */ e(
-            ir,
+            dr,
             {
               globalAttributes: C,
-              currentLanguageCode: Ye,
+              currentLanguageCode: Xe,
               baseSku: o("sku") || "",
               basePrice: M || 0,
-              basePrices: v,
-              baseSalePrice: typeof j == "number" ? j : null,
+              basePrices: P,
+              baseSalePrice: typeof R == "number" ? R : null,
               baseSalePrices: V,
               currencies: c,
               availableVariantImages: Ge,
               initialVariationAttributes: r?.variation_attributes,
-              initialVariants: Le,
+              initialVariants: Ye,
               onChange: We
             }
           ) })
@@ -607,27 +612,27 @@ function Tr({
           /* @__PURE__ */ s("div", { className: "space-y-4", children: [
             /* @__PURE__ */ s("div", { className: "flex items-end gap-4 w-full", children: [
               /* @__PURE__ */ s("div", { className: "flex-1", children: [
-                /* @__PURE__ */ e(N, { htmlFor: "freemius_product_id", className: "text-[11px] uppercase tracking-wider text-muted-foreground font-bold mb-1.5 block", children: "Freemius Product ID" }),
-                /* @__PURE__ */ e(P, { id: "freemius_product_id", ...n("freemius_product_id"), className: "h-9" })
+                /* @__PURE__ */ e(x, { htmlFor: "freemius_product_id", className: "text-[11px] uppercase tracking-wider text-muted-foreground font-bold mb-1.5 block", children: "Freemius Product ID" }),
+                /* @__PURE__ */ e(y, { id: "freemius_product_id", ...n("freemius_product_id"), className: "h-9" })
               ] }),
               /* @__PURE__ */ s("div", { className: "flex-1", children: [
-                /* @__PURE__ */ e(N, { htmlFor: "freemius_plan_id", className: "text-[11px] uppercase tracking-wider text-muted-foreground font-bold mb-1.5 block", children: "Freemius Plan ID" }),
-                /* @__PURE__ */ e(P, { id: "freemius_plan_id", ...n("freemius_plan_id"), className: "h-9" })
+                /* @__PURE__ */ e(x, { htmlFor: "freemius_plan_id", className: "text-[11px] uppercase tracking-wider text-muted-foreground font-bold mb-1.5 block", children: "Freemius Plan ID" }),
+                /* @__PURE__ */ e(y, { id: "freemius_plan_id", ...n("freemius_plan_id"), className: "h-9" })
               ] }),
-              He ? /* @__PURE__ */ e(dr, { productId: o("freemius_product_id") }) : null
+              He ? /* @__PURE__ */ e(ir, { productId: o("freemius_product_id") }) : null
             ] }),
             /* @__PURE__ */ s("div", { className: "bg-muted/10 border rounded-md overflow-hidden", children: [
               /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-6 bg-muted/20 border-b p-2.5 px-4", children: [
                 /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e("span", { className: "text-[11px] font-bold uppercase tracking-wider text-muted-foreground", children: "Free Trial" }),
-                  /* @__PURE__ */ s(L, { variant: "outline", className: "font-mono text-xs shadow-sm bg-background", children: [
+                  /* @__PURE__ */ s(Y, { variant: "outline", className: "font-mono text-xs shadow-sm bg-background", children: [
                     String(o("trial_period_days") || 0),
                     " Days"
                   ] })
                 ] }),
                 /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e("span", { className: "text-[11px] font-bold uppercase tracking-wider text-muted-foreground", children: "Card Required" }),
-                  /* @__PURE__ */ e(L, { variant: Ne ? "default" : "secondary", className: "text-xs shadow-sm", children: Ne ? "Yes" : "No" })
+                  /* @__PURE__ */ e(Y, { variant: Ne ? "default" : "secondary", className: "text-xs shadow-sm", children: Ne ? "Yes" : "No" })
                 ] }),
                 /* @__PURE__ */ e("span", { className: "text-[10px] text-muted-foreground ml-auto", children: "Managed in Freemius dashboard" }),
                 /* @__PURE__ */ e("input", { type: "hidden", ...n("trial_period_days", { valueAsNumber: !0 }) })
@@ -638,20 +643,20 @@ function Tr({
                   {
                     idPrefix: "product",
                     currencies: c,
-                    prices: X.prices,
-                    salePrices: X.salePrices,
+                    prices: L.prices,
+                    salePrices: L.salePrices,
                     managedCurrencyCodes: K,
                     onPriceChange: we,
                     onSalePriceChange: ke,
                     onAutoFill: Ce,
                     readOnly: !0,
                     trailing: /* @__PURE__ */ e(
-                      je,
+                      Re,
                       {
                         idPrefix: "product",
                         startAt: o("sale_start_at"),
                         endAt: o("sale_end_at"),
-                        onChange: (t, i) => d(t, i, { shouldDirty: !0, shouldValidate: !0 }),
+                        onChange: (t, d) => i(t, d, { shouldDirty: !0, shouldValidate: !0 }),
                         error: f.sale_end_at?.message,
                         bare: !0
                       }
@@ -662,20 +667,20 @@ function Tr({
               ] })
             ] })
           ] }),
-          z && /* @__PURE__ */ e("div", { className: "pt-2 border-t", children: z })
+          q && /* @__PURE__ */ e("div", { className: "pt-2 border-t", children: q })
         ] })
       ] }),
       /* @__PURE__ */ e(Q, { title: "Product Description", hideHeader: !0, children: /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ e(N, { htmlFor: "short_description", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Short Description" }),
-        /* @__PURE__ */ e(P, { id: "short_description", ...n("short_description"), placeholder: "Brief summary for product cards...", className: "h-8 text-sm" })
+        /* @__PURE__ */ e(x, { htmlFor: "short_description", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Short Description" }),
+        /* @__PURE__ */ e(y, { id: "short_description", ...n("short_description"), placeholder: "Brief summary for product cards...", className: "h-8 text-sm" })
       ] }) }) }),
       /* @__PURE__ */ s(Q, { title: "Media Gallery", description: "Drag to reorder. First image is the hero.", children: [
         /* @__PURE__ */ e(
           ar,
           {
-            initialMedia: de,
+            initialMedia: ie,
             onUpdate: Qe,
-            mediaPickerNode: x
+            mediaPickerNode: b
           }
         ),
         /* @__PURE__ */ e("input", { type: "hidden", ...n("product_media") })
@@ -683,7 +688,7 @@ function Tr({
       !a && /* @__PURE__ */ s("div", { className: "rounded-lg border bg-card p-3 px-4 shadow-sm flex items-center justify-between gap-3 flex-wrap", children: [
         /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e("span", { className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Status" }),
-          /* @__PURE__ */ s(le, { onValueChange: (t) => d("status", t), value: o("status"), children: [
+          /* @__PURE__ */ s(le, { onValueChange: (t) => i("status", t), value: o("status"), children: [
             /* @__PURE__ */ e(ne, { className: "h-8 w-[110px] text-sm", children: /* @__PURE__ */ e(ce, { placeholder: "Status" }) }),
             /* @__PURE__ */ s(ue, { children: [
               /* @__PURE__ */ e(F, { value: "draft", children: "Draft" }),