@nextblock-cms/ecom 0.20.1 → 0.21.0

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

@@ -1,700 +1,879 @@
-'use client';
-import { jsxs as s, jsx as e, Fragment as Fe } from "react/jsx-runtime";
-import U, { useState as V, useRef as Me, useEffect as P, useCallback as $ } from "react";
-import { zodResolver as er } from "@hookform/resolvers/zod";
-import { AlertCircle as Ve, CheckCircle2 as rr, Info as tr } from "lucide-react";
-import { Select as sr, SelectTrigger as ir, SelectValue as ar, SelectContent as dr, SelectItem as Te, Badge as H, Label as w, Input as x, Button as Ae } from "@nextblock-cms/ui";
-import { productSchema as or } from "../../../../product-schema.es.js";
-import { useForm as nr } from "react-hook-form";
-import { ProductMediaManager as lr } from "./ProductMediaManager.es.js";
-import { SyncFreemiusPricingButton as cr } from "./SyncFreemiusPricingButton.es.js";
-import { VariationsEditor as ur } from "./VariationsEditor.es.js";
-import { CurrencyPriceFields as Ie } from "./CurrencyPriceFields.es.js";
-import { SaleScheduleFields as Re } from "./SaleScheduleFields.es.js";
-import { ProductCategorySelector as mr } from "./ProductCategorySelector.es.js";
-import { getStoreManagedPriceCurrencyCodes as pr, resolveEditorCurrencyPriceMaps as hr, sanitizeProductFormValuesForStoreManagedCurrencies as Be } from "../product-price-sync.es.js";
-import { derivePaymentProviderFromProductType as fr } from "../../../../types.es.js";
-import { convertMinorUnitAmount as je } from "../../../../currency.es.js";
-import { majorUnitAmountToMinor as Oe, minorUnitAmountToMajor as Ue } from "@nextblock-cms/utils";
-function J({ title: r, description: i, action: y, children: m, 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 }),
-        i ? /* @__PURE__ */ e("p", { className: "text-[11px] text-muted-foreground leading-none", children: i }) : null
-      ] }),
-      y
-    ] }),
-    /* @__PURE__ */ e("div", { className: C ? "" : "pt-1", children: m })
-  ] });
+"use client";
+import { derivePaymentProviderFromProductType as e } from "../../../../types.es.js";
+import { convertMinorUnitAmount as t } from "../../../../currency.es.js";
+import { productSchema as n } from "../../../../product-schema.es.js";
+import { ProductMediaManager as r } from "./ProductMediaManager.es.js";
+import { SyncFreemiusPricingButton as i } from "./SyncFreemiusPricingButton.es.js";
+import { CurrencyPriceFields as a } from "./CurrencyPriceFields.es.js";
+import { SaleScheduleFields as o } from "./SaleScheduleFields.es.js";
+import { getStoreManagedPriceCurrencyCodes as ee, resolveEditorCurrencyPriceMaps as te, sanitizeProductFormValuesForStoreManagedCurrencies as ne } from "../product-price-sync.es.js";
+import { VariationsEditor as s } from "./VariationsEditor.es.js";
+import { ProductCategorySelector as c } from "./ProductCategorySelector.es.js";
+import l, { useCallback as u, useEffect as d, useRef as re, useState as f } from "react";
+import { AlertCircle as ie, CheckCircle2 as ae, Info as oe } from "lucide-react";
+import { majorUnitAmountToMinor as se, minorUnitAmountToMajor as ce } from "@nextblock-cms/utils";
+import { Fragment as le, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useForm as ue } from "react-hook-form";
+import { zodResolver as de } from "@hookform/resolvers/zod";
+import { Badge as h, Button as fe, Input as g, Label as _, Select as pe, SelectContent as me, SelectItem as he, SelectTrigger as ge, SelectValue as _e } from "@nextblock-cms/ui";
+//#region libs/ecommerce/src/lib/pages/cms/products/components/ProductForm.tsx
+function v({ title: e, description: t, action: n, children: r, hideHeader: i }) {
+	return /* @__PURE__ */ m("section", {
+		className: "rounded-lg border bg-card p-3 shadow-sm space-y-3",
+		children: [!i && /* @__PURE__ */ m("div", {
+			className: "flex items-start justify-between gap-4 flex-wrap border-b border-muted/50 pb-2 mb-1",
+			children: [/* @__PURE__ */ m("div", {
+				className: "space-y-0.5",
+				children: [/* @__PURE__ */ p("h2", {
+					className: "text-sm font-bold tracking-tight",
+					children: e
+				}), t ? /* @__PURE__ */ p("p", {
+					className: "text-[11px] text-muted-foreground leading-none",
+					children: t
+				}) : null]
+			}), n]
+		}), /* @__PURE__ */ p("div", {
+			className: i ? "" : "pt-1",
+			children: r
+		})]
+	});
 }
-function gr(r, i, y) {
-  const m = i ? Number.parseInt(i, 10) : void 0;
-  return r?.language_id || (Number.isFinite(m) ? m : void 0) || y.find((C) => C.is_default)?.id || y[0]?.id || 1;
+function y(e, t, n) {
+	let r = t ? Number.parseInt(t, 10) : void 0;
+	return e?.language_id || (Number.isFinite(r) ? r : void 0) || n.find((e) => e.is_default)?.id || n[0]?.id || 1;
 }
-function qe(r, i, y, m, C) {
-  const T = (m.find((b) => b.is_default) ?? m[0])?.code || "USD", j = r?.prices && Object.keys(r.prices).length > 0 ? r.prices : {
-    [T]: typeof r?.price == "number" ? r.price / 100 : 0
-  }, q = r?.sale_prices && Object.keys(r.sale_prices).length > 0 ? r.sale_prices : typeof r?.sale_price == "number" ? {
-    [T]: r.sale_price / 100
-  } : {}, z = r?.product_type || "", A = r?.payment_provider || (r?.product_type ? fr(r.product_type) : "stripe");
-  return {
-    ...Be({
-      product_type: z || "physical",
-      payment_provider: A,
-      title: r?.title || "",
-      slug: r?.slug || "",
-      sku: r?.sku || "",
-      upc: r?.upc || "",
-      is_taxable: r?.is_taxable ?? !0,
-      price: typeof r?.price == "number" ? r.price / 100 : 0,
-      prices: j,
-      sale_price: typeof r?.sale_price == "number" ? r.sale_price / 100 : null,
-      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",
-        content: [{ type: "paragraph" }]
-      },
-      freemius_product_id: r?.freemius_product_id || "",
-      freemius_plan_id: r?.freemius_plan_id || "",
-      trial_period_days: r?.trial_period_days ?? 0,
-      trial_requires_payment_method: r?.trial_requires_payment_method ?? !1,
-      status: r?.status || "draft",
-      language_id: gr(
-        r,
-        i,
-        y
-      ),
-      translation_group_id: r?.translation_group_id || C || void 0,
-      product_media: r?.product_media?.map((b) => ({
-        media_id: b.media_id
-      })) || [],
-      category_ids: r?.category_ids || [],
-      variation_attributes: r?.variation_attributes || [],
-      variants: r?.variants?.map((b) => ({
-        ...b,
-        prices: b.prices || {},
-        sale_prices: b.sale_prices || {}
-      })) || []
-    }, m),
-    product_type: z,
-    payment_provider: A
-  };
+function ve(t, n, r, i, a) {
+	let o = (i.find((e) => e.is_default) ?? i[0])?.code || "USD", ee = t?.prices && Object.keys(t.prices).length > 0 ? t.prices : { [o]: typeof t?.price == "number" ? t.price / 100 : 0 }, te = t?.sale_prices && Object.keys(t.sale_prices).length > 0 ? t.sale_prices : typeof t?.sale_price == "number" ? { [o]: t.sale_price / 100 } : {}, s = t?.product_type || "", c = t?.payment_provider || (t?.product_type ? e(t.product_type) : "stripe");
+	return {
+		...ne({
+			product_type: s || "physical",
+			payment_provider: c,
+			title: t?.title || "",
+			slug: t?.slug || "",
+			sku: t?.sku || "",
+			upc: t?.upc || "",
+			is_taxable: t?.is_taxable ?? !0,
+			price: typeof t?.price == "number" ? t.price / 100 : 0,
+			prices: ee,
+			sale_price: typeof t?.sale_price == "number" ? t.sale_price / 100 : null,
+			sale_prices: te,
+			stock: t?.stock || 0,
+			meta_title: t?.meta_title || "",
+			meta_description: t?.meta_description || "",
+			custom_canonical: t?.custom_canonical || "",
+			short_description: t?.short_description || "",
+			description_json: t?.description_json || {
+				type: "doc",
+				content: [{ type: "paragraph" }]
+			},
+			freemius_product_id: t?.freemius_product_id || "",
+			freemius_plan_id: t?.freemius_plan_id || "",
+			trial_period_days: t?.trial_period_days ?? 0,
+			trial_requires_payment_method: t?.trial_requires_payment_method ?? !1,
+			status: t?.status || "draft",
+			language_id: y(t, n, r),
+			translation_group_id: t?.translation_group_id || a || void 0,
+			product_media: t?.product_media?.map((e) => ({ media_id: e.media_id })) || [],
+			category_ids: t?.category_ids || [],
+			variation_attributes: t?.variation_attributes || [],
+			variants: t?.variants?.map((e) => ({
+				...e,
+				prices: e.prices || {},
+				sale_prices: e.sale_prices || {}
+			})) || []
+		}, i),
+		product_type: s,
+		payment_provider: c
+	};
 }
-function ze(r) {
-  return r ? r.map((i) => ({
-    id: i.id || i.media_id,
-    media_id: i.media_id,
-    file_path: i.media?.file_path || i.media?.object_key || "",
-    alt: i.media?.alt_text || "",
-    sort_order: i.sort_order ?? 0
-  })).sort((i, y) => i.sort_order - y.sort_order) : [];
+function ye(e) {
+	return e ? e.map((e) => ({
+		id: e.id || e.media_id,
+		media_id: e.media_id,
+		file_path: e.media?.file_path || e.media?.object_key || "",
+		alt: e.media?.alt_text || "",
+		sort_order: e.sort_order ?? 0
+	})).sort((e, t) => e.sort_order - t.sort_order) : [];
 }
-function _r(r) {
-  return r.map((i) => ({ media_id: i.media_id }));
+function be(e) {
+	return e.map((e) => ({ media_id: e.media_id }));
 }
-function xr(r) {
-  return r.map((i) => ({
-    media_id: i.media_id,
-    file_path: i.file_path,
-    alt: i.alt
-  }));
+function xe(e) {
+	return e.map((e) => ({
+		media_id: e.media_id,
+		file_path: e.file_path,
+		alt: e.alt
+	}));
 }
-const yr = (r) => r.toString().toLowerCase().trim().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "");
-function Ur({
-  initialData: r,
-  isEdit: i = !1,
-  mediaPickerNode: y,
-  availableLanguagesProp: m,
-  globalAttributesProp: C,
-  currenciesProp: L,
-  translationGroupId: T,
-  targetLanguageId: j,
-  freemiusDashboardNode: q,
-  enabledProviders: z,
-  configStatus: A,
-  createAction: X,
-  updateAction: b,
-  availableCategoriesProp: Ee = [],
-  hasOpenDraft: Ke = !1,
-  onSeoChange: ae
-}) {
-  const [B, Y] = V(!1), [Q, W] = V(() => !!r?.variants?.length), c = U.useMemo(
-    () => L.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)),
-    [L]
-  ), o = U.useMemo(
-    () => c.find((t) => t.is_default) ?? c[0],
-    [c]
-  ), E = U.useMemo(
-    () => pr(c),
-    [c]
-  ), de = nr({
-    resolver: er(or),
-    defaultValues: qe(
-      r,
-      j,
-      m,
-      c,
-      T
-    )
-  }), {
-    register: n,
-    handleSubmit: Z,
-    setValue: a,
-    reset: oe,
-    watch: l,
-    setError: G,
-    formState: { errors: p, dirtyFields: ne }
-  } = de, le = Me(!0), D = Me(null), [$e, ee] = V(!1), [ce, re] = V(null), [ue, He] = V(null), I = l(), me = de.formState.isDirty, pe = I.title, he = I.meta_title, fe = I.meta_description;
-  P(() => {
-    ae?.({
-      title: pe,
-      meta_title: he,
-      meta_description: fe
-    });
-  }, [pe, he, fe, ae]), P(() => {
-    if (!i) return;
-    if (le.current) {
-      le.current = !1, D.current = JSON.stringify(I);
-      return;
-    }
-    if (!me) return;
-    const t = JSON.stringify(I);
-    if (t === D.current) return;
-    const d = setTimeout(() => {
-      B || (D.current = t, Z(Ce)());
-    }, 400);
-    return () => clearTimeout(d);
-  }, [I, i, me, B, Z]);
-  const ge = l("title"), O = l("product_type"), h = O === "digital" ? "freemius" : O === "physical" ? "stripe" : void 0, v = O === "physical", _e = O === "digital", xe = h ? z[h] : !1, ye = h ? A[h].hasKeys : !1, Je = !!l("freemius_product_id"), be = Number(l("trial_period_days") || 0), ve = !!l("trial_requires_payment_method"), Le = l("variants") || [], F = l("price"), R = l("sale_price"), N = l("prices") || {}, M = l("sale_prices") || {}, S = (Le?.length || 0) > 0, Xe = l("language_id"), Ye = m.find((t) => t.id === Xe)?.code || m.find((t) => t.is_default)?.code || m[0]?.code, K = U.useMemo(
-    () => hr({
-      currencies: c,
-      prices: N,
-      salePrices: M,
-      fallbackPrice: F,
-      fallbackSalePrice: R
-    }),
-    [F, R, c, N, M]
-  ), Qe = U.useMemo(
-    () => r?.variants?.map((t) => ({
-      ...t,
-      prices: t.prices || {},
-      sale_prices: t.sale_prices || {}
-    })),
-    [r?.variants]
-  );
-  P(() => {
-    if (ne.title && !i) {
-      const t = yr(ge);
-      a("slug", t, { shouldValidate: !0 });
-    }
-  }, [ge, ne.title, a, i]);
-  const [te, Ne] = V(
-    () => ze(r?.product_media)
-  ), [se, Pe] = V(/* @__PURE__ */ new Set());
-  P(() => {
-    oe(
-      qe(
-        r,
-        j,
-        m,
-        c,
-        T
-      )
-    ), Ne(ze(r?.product_media)), Pe(/* @__PURE__ */ new Set()), W(!!r?.variants?.length);
-  }, [
-    m,
-    c,
-    r,
-    oe,
-    j,
-    T
-  ]);
-  const We = (t) => {
-    const d = new Set(t.map((_) => _.id)), u = te.filter((_) => !d.has(_.id)), f = new Set(se);
-    u.forEach((_) => {
-      _.media_id && f.add(_.media_id);
-    }), Pe(f), Ne(t), a("product_media", _r(t), { shouldDirty: !0 }), a("explicitly_removed_media_ids", Array.from(f), {
-      shouldDirty: !0
-    });
-  };
-  P(() => {
-    a("explicitly_removed_media_ids", Array.from(se));
-  }, [se, a]), P(() => {
-    S && W(!0);
-  }, [S]), P(() => {
-    n("is_taxable"), n("price"), n("sale_price"), n("payment_provider"), n("trial_requires_payment_method");
-  }, [n]), P(() => {
-    if (!_e) {
-      a("trial_period_days", 0, { shouldDirty: !1, shouldValidate: !0 }), a("trial_requires_payment_method", !1, {
-        shouldDirty: !1,
-        shouldValidate: !0
-      });
-      return;
-    }
-    be <= 0 && a("trial_requires_payment_method", !1, {
-      shouldDirty: !1,
-      shouldValidate: !0
-    });
-  }, [_e, a, be]), P(() => {
-    h && a("payment_provider", h, {
-      shouldDirty: !1,
-      shouldValidate: !0
-    });
-  }, [h, a]), P(() => {
-    o && N[o.code] === void 0 && a(
-      "prices",
-      {
-        ...N,
-        [o.code]: F || 0
-      },
-      { shouldDirty: !1 }
-    );
-  }, [F, o, N, a]);
-  const we = $(
-    (t, d) => {
-      const u = {
-        ...N,
-        [t]: d
-      };
-      a("prices", u, { shouldDirty: !0, shouldValidate: !0 }), t === o?.code && a("price", d, { shouldDirty: !0, shouldValidate: !0 });
-    },
-    [o?.code, N, a]
-  ), Se = $(
-    (t, d) => {
-      const u = {
-        ...M,
-        [t]: d
-      };
-      a("sale_prices", u, {
-        shouldDirty: !0,
-        shouldValidate: !0
-      }), t === o?.code && a("sale_price", d, { shouldDirty: !0, shouldValidate: !0 });
-    },
-    [o?.code, M, a]
-  ), ke = $(() => {
-    if (!o)
-      return;
-    const t = new Set(E), d = N[o.code] ?? F ?? 0, u = M[o.code] ?? R ?? null, f = c.reduce((k, g) => {
-      if (g.code !== o.code && t.has(g.code))
-        return k;
-      const ie = je({
-        amount: Oe(d, o.code),
-        fromCurrencyCode: o.code,
-        toCurrencyCode: g.code,
-        currencies: c,
-        applyRounding: !0
-      });
-      return k[g.code] = Ue(ie, g.code), k;
-    }, {}), _ = c.reduce(
-      (k, g) => {
-        if (g.code !== o.code && t.has(g.code))
-          return k;
-        if (typeof u != "number")
-          return (g.code === o.code || !t.has(g.code)) && (k[g.code] = null), k;
-        const ie = je({
-          amount: Oe(u, o.code),
-          fromCurrencyCode: o.code,
-          toCurrencyCode: g.code,
-          currencies: c,
-          applyRounding: !0
-        });
-        return k[g.code] = Ue(ie, g.code), k;
-      },
-      {}
-    );
-    a("prices", f, { shouldDirty: !0, shouldValidate: !0 }), a("sale_prices", _, {
-      shouldDirty: !0,
-      shouldValidate: !0
-    }), a("price", f[o.code] ?? d, {
-      shouldDirty: !0,
-      shouldValidate: !0
-    }), a("sale_price", _[o.code] ?? null, {
-      shouldDirty: !0,
-      shouldValidate: !0
-    });
-  }, [
-    c,
-    o,
-    N,
-    M,
-    a,
-    E,
-    F,
-    R
-  ]), Ze = $(
-    ({
-      variationAttributes: t,
-      variants: d
-    }) => {
-      a("variation_attributes", t, { shouldDirty: !0 }), a("variants", d, { shouldDirty: !0, shouldValidate: !0 });
-    },
-    [a]
-  ), Ce = async (t) => {
-    Y(!0), ee(!0), re(null);
-    try {
-      if (!h) {
-        const _ = "Select whether this product is physical or digital before saving.";
-        G("product_type", {
-          type: "manual",
-          message: _
-        }), i ? re(_) : alert(_), Y(!1), ee(!1);
-        return;
-      }
-      const d = v ? 0 : Math.max(0, Number(t.trial_period_days || 0)), u = {
-        ...t,
-        product_type: t.product_type,
-        payment_provider: h,
-        freemius_product_id: v ? "" : t.freemius_product_id,
-        freemius_plan_id: v ? "" : t.freemius_plan_id,
-        trial_period_days: d,
-        trial_requires_payment_method: !v && d > 0 ? t.trial_requires_payment_method : !1,
-        upc: v ? t.upc : null,
-        is_taxable: v ? t.is_taxable : !1,
-        variation_attributes: v ? t.variation_attributes : [],
-        variants: v ? t.variants : []
-      }, f = Be(
-        u,
-        c
-      );
-      if (i && b)
-        await b(f), He(/* @__PURE__ */ new Date());
-      else if (X)
-        await X(f);
-      else
-        throw new Error("Product form action is not configured.");
-    } catch (d) {
-      if (console.error(d), d.message === "NEXT_REDIRECT")
-        return;
-      let u = d.message || "An error occurred while saving.";
-      if (d.code === "23505") {
-        const f = d.message?.toLowerCase() || "";
-        f.includes("products_slug_key") || f.includes("slug") ? (u = "This slug is already in use. Please choose another one.", G("slug", {
-          type: "manual",
-          message: u
-        })) : (f.includes("products_sku_key") || f.includes("sku")) && (u = "This SKU is already in use.", G("sku", {
-          type: "manual",
-          message: u
-        }));
-      }
-      i ? re(u) : alert(u);
-    } finally {
-      Y(!1), ee(!1);
-    }
-  }, Ge = S ? "bg-muted/60 text-muted-foreground opacity-70" : "", De = xr(te);
-  return /* @__PURE__ */ s("form", { onSubmit: Z(Ce), 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") }),
-    /* @__PURE__ */ s("div", { className: "space-y-2.5 w-full", children: [
-      /* @__PURE__ */ s("div", { className: "rounded-lg border bg-card p-2.5 px-4 shadow-sm flex items-center justify-between gap-3 flex-wrap", children: [
-        /* @__PURE__ */ s("div", { className: "flex items-center gap-6", children: [
-          /* @__PURE__ */ s("div", { className: "flex h-9 items-center gap-2", children: [
-            /* @__PURE__ */ e("span", { className: "text-sm font-bold whitespace-nowrap leading-none pt-0.5", children: "Product Type" }),
-            p.product_type && /* @__PURE__ */ e(Ve, { className: "h-4 w-4 text-destructive" })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "flex h-9 items-center", children: /* @__PURE__ */ s(
-            sr,
-            {
-              onValueChange: (t) => a("product_type", t, {
-                shouldDirty: !0,
-                shouldValidate: !0
-              }),
-              value: O || void 0,
-              children: [
-                /* @__PURE__ */ e(ir, { className: "w-[160px] h-9 text-xs", children: /* @__PURE__ */ e(ar, { placeholder: "Select Type" }) }),
-                /* @__PURE__ */ s(dr, { children: [
-                  /* @__PURE__ */ e(Te, { value: "physical", children: "Physical Product" }),
-                  /* @__PURE__ */ e(Te, { value: "digital", children: "Digital Product" })
-                ] })
-              ]
-            }
-          ) })
-        ] }),
-        /* @__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(H, { variant: "outline", className: "text-xs py-1 font-bold bg-muted/30 leading-none", children: h ? h === "stripe" ? "Stripe" : "Freemius" : "—" })
-          ] }),
-          h && /* @__PURE__ */ e("div", { className: "flex h-9 items-center gap-2", children: xe && ye ? /* @__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(rr, { className: "h-3 w-3" }),
-            "Ready"
-          ] }) : /* @__PURE__ */ s("span", { className: "flex items-center gap-1.5 text-amber-600 text-[10px] font-bold bg-amber-50 px-2 py-1 rounded-full border border-amber-100 uppercase leading-none", children: [
-            /* @__PURE__ */ e(Ve, { className: "h-3 w-3" }),
-            xe ? "Keys Missing" : "Disabled"
-          ] }) }),
-          !ye && h && A[h].missing.length > 0 && /* @__PURE__ */ s(
-            "a",
-            {
-              href: "/cms/payments",
-              className: "hidden xl:flex h-9 items-center gap-1 text-[10px] text-muted-foreground bg-muted/50 px-2 py-1 rounded border border-dashed leading-none hover:text-foreground hover:border-solid",
-              children: [
-                /* @__PURE__ */ e(tr, { className: "h-3 w-3" }),
-                "Missing: ",
-                A[h].missing.join(", "),
-                " — set up payments"
-              ]
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ s(
-        J,
-        {
-          title: "Product Information",
-          hideHeader: !0,
-          children: [
-            i && /* @__PURE__ */ s("div", { className: "flex items-center justify-between text-xs text-muted-foreground pb-2 border-b border-border/40 mb-2.5", children: [
-              /* @__PURE__ */ e("span", { className: "font-semibold text-[11px] uppercase tracking-wider text-muted-foreground/80", children: "Product Settings" }),
-              /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5 min-h-[16px]", children: $e ? /* @__PURE__ */ s(Fe, { children: [
-                /* @__PURE__ */ s("div", { className: "relative flex h-2 w-2", children: [
-                  /* @__PURE__ */ e("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-amber-400 opacity-75" }),
-                  /* @__PURE__ */ e("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-amber-500" })
-                ] }),
-                /* @__PURE__ */ e("span", { className: "text-amber-600 dark:text-amber-400 font-medium", children: "Autosaving settings..." })
-              ] }) : ce ? /* @__PURE__ */ s("span", { className: "text-red-500 font-medium", children: [
-                "Error saving settings: ",
-                ce
-              ] }) : ue ? /* @__PURE__ */ s("span", { className: "text-emerald-600 dark:text-emerald-400 font-medium", children: [
-                "Settings autosaved at ",
-                ue.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", second: "2-digit" })
-              ] }) : /* @__PURE__ */ e("span", { className: "text-muted-foreground/60", children: "Settings autosave in draft mode" }) })
-            ] }),
-            /* @__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(w, { htmlFor: "title", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Title" }),
-                /* @__PURE__ */ e(x, { id: "title", placeholder: "Product title", ...n("title"), className: "h-8 text-sm" }),
-                p.title && /* @__PURE__ */ e("p", { className: "text-destructive text-[11px] leading-none", children: p.title.message })
-              ] }),
-              /* @__PURE__ */ s("div", { className: "col-span-2 space-y-1", children: [
-                /* @__PURE__ */ e(w, { htmlFor: "slug", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Slug" }),
-                /* @__PURE__ */ e(x, { id: "slug", placeholder: "product-slug", ...n("slug"), className: "h-8 text-sm" }),
-                p.slug && /* @__PURE__ */ e("p", { className: "text-destructive text-[11px] leading-none", children: p.slug.message })
-              ] }),
-              /* @__PURE__ */ s("div", { className: "col-span-1 space-y-1", children: [
-                /* @__PURE__ */ e(w, { htmlFor: "sku", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "SKU" }),
-                /* @__PURE__ */ e(x, { id: "sku", placeholder: "SKU", ...n("sku"), className: "h-8 text-sm font-mono" }),
-                p.sku && /* @__PURE__ */ e("p", { className: "text-destructive text-[11px] leading-none", children: p.sku.message })
-              ] }),
-              /* @__PURE__ */ s("div", { className: "col-span-1 space-y-1", children: [
-                /* @__PURE__ */ e(w, { htmlFor: "upc_ean", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "UPC / EAN" }),
-                /* @__PURE__ */ e(x, { 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-12 gap-2.5 mt-2", children: [
-              /* @__PURE__ */ s("div", { className: `${i ? "lg:col-span-3" : "lg:col-span-4"} col-span-2 space-y-1`, children: [
-                /* @__PURE__ */ e(w, { htmlFor: "meta_title", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Meta Title" }),
-                /* @__PURE__ */ e(x, { 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(w, { htmlFor: "meta_description", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Meta Description" }),
-                /* @__PURE__ */ e(x, { id: "meta_description", ...n("meta_description"), placeholder: "SEO description (150-160 chars)", className: "h-8 text-sm" })
-              ] }),
-              /* @__PURE__ */ s("div", { className: `${i ? "lg:col-span-3" : "lg:col-span-4"} col-span-2 space-y-1`, children: [
-                /* @__PURE__ */ e(w, { htmlFor: "custom_canonical", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Canonical URL (optional)" }),
-                /* @__PURE__ */ e(x, { id: "custom_canonical", ...n("custom_canonical"), placeholder: "Blank = self-referencing. Absolute https://… URL or /relative path to override.", className: "h-8 text-sm" })
-              ] })
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        J,
-        {
-          title: "Product Categories",
-          description: "Assign this product to one or more categories.",
-          children: /* @__PURE__ */ e(
-            mr,
-            {
-              categories: Ee,
-              selectedIds: l("category_ids") || [],
-              onChange: (t) => a("category_ids", t, { shouldDirty: !0, shouldValidate: !0 })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ s("section", { className: "rounded-lg border bg-card p-3 shadow-sm space-y-3", children: [
-        v && /* @__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." })
-          ] }) }),
-          /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
-            /* @__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(
-                x,
-                {
-                  id: "stock",
-                  type: "number",
-                  min: "0",
-                  ...n("stock", { valueAsNumber: !0 }),
-                  placeholder: "0",
-                  readOnly: S,
-                  className: `${Ge} h-8 w-20 text-sm text-center font-mono bg-background`
-                }
-              )
-            ] }),
-            S ? /* @__PURE__ */ e(H, { variant: "secondary", className: "text-[11px] py-0 px-2 h-5", children: "Variant pricing" }) : null
-          ] })
-        ] }),
-        v ? /* @__PURE__ */ s("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ s("div", { className: "w-full", children: [
-            /* @__PURE__ */ e(
-              Ie,
-              {
-                idPrefix: "product",
-                currencies: c,
-                prices: K.prices,
-                salePrices: K.salePrices,
-                managedCurrencyCodes: E,
-                onPriceChange: we,
-                onSalePriceChange: Se,
-                onAutoFill: ke,
-                readOnly: S,
-                helperText: S ? "Parent prices stay as a fallback, but active variants define the live shopper price." : void 0,
-                trailing: /* @__PURE__ */ e(
-                  Re,
-                  {
-                    idPrefix: "product",
-                    startAt: l("sale_start_at"),
-                    endAt: l("sale_end_at"),
-                    onChange: (t, d) => a(t, d, { shouldDirty: !0, shouldValidate: !0 }),
-                    error: p.sale_end_at?.message,
-                    bare: !0
-                  }
-                )
-              }
-            ),
-            p.price && /* @__PURE__ */ e("p", { className: "text-destructive text-sm mt-1", children: p.price.message }),
-            p.sale_price && /* @__PURE__ */ e("p", { className: "text-destructive text-sm mt-1", children: p.sale_price.message }),
-            p.stock && /* @__PURE__ */ e("p", { className: "text-destructive text-[10px] font-medium leading-none mt-1", children: p.stock.message })
-          ] }),
-          /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-3 rounded border border-dashed p-2.5 bg-muted/5", children: [
-            /* @__PURE__ */ e("span", { className: "text-xs font-bold uppercase tracking-wider text-muted-foreground", children: S ? "Variations Active" : "Variations" }),
-            /* @__PURE__ */ e(
-              Ae,
-              {
-                type: "button",
-                variant: Q ? "outline" : "default",
-                onClick: () => W((t) => !t),
-                size: "sm",
-                className: "h-7 text-xs px-3",
-                children: Q ? "Hide" : "Manage"
-              }
-            )
-          ] }),
-          Q && /* @__PURE__ */ e("div", { className: "border-t pt-3", children: /* @__PURE__ */ e(
-            ur,
-            {
-              globalAttributes: C,
-              currentLanguageCode: Ye,
-              baseSku: l("sku") || "",
-              basePrice: F || 0,
-              basePrices: N,
-              baseSalePrice: typeof R == "number" ? R : null,
-              baseSalePrices: M,
-              currencies: c,
-              availableVariantImages: De,
-              initialVariationAttributes: r?.variation_attributes,
-              initialVariants: Qe,
-              onChange: Ze
-            }
-          ) })
-        ] }) : /* @__PURE__ */ s(Fe, { children: [
-          /* @__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(w, { 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(x, { id: "freemius_product_id", ...n("freemius_product_id"), className: "h-9" })
-              ] }),
-              /* @__PURE__ */ s("div", { className: "flex-1", children: [
-                /* @__PURE__ */ e(w, { 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(x, { id: "freemius_plan_id", ...n("freemius_plan_id"), className: "h-9" })
-              ] }),
-              Je ? /* @__PURE__ */ e(
-                cr,
-                {
-                  productId: l("freemius_product_id"),
-                  hasOpenDraft: Ke
-                }
-              ) : 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(H, { variant: "outline", className: "font-mono text-xs shadow-sm bg-background", children: [
-                    String(l("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(H, { variant: ve ? "default" : "secondary", className: "text-xs shadow-sm", children: ve ? "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 }) })
-              ] }),
-              /* @__PURE__ */ s("div", { className: "w-full p-4 pt-3 space-y-2", children: [
-                /* @__PURE__ */ e(
-                  Ie,
-                  {
-                    idPrefix: "product",
-                    currencies: c,
-                    prices: K.prices,
-                    salePrices: K.salePrices,
-                    managedCurrencyCodes: E,
-                    onPriceChange: we,
-                    onSalePriceChange: Se,
-                    onAutoFill: ke,
-                    readOnly: !0,
-                    trailing: /* @__PURE__ */ e(
-                      Re,
-                      {
-                        idPrefix: "product",
-                        startAt: l("sale_start_at"),
-                        endAt: l("sale_end_at"),
-                        onChange: (t, d) => a(t, d, { shouldDirty: !0, shouldValidate: !0 }),
-                        error: p.sale_end_at?.message,
-                        bare: !0
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ e("p", { className: "text-[10px] leading-snug text-muted-foreground", children: "Scheduling a sale on a Freemius product generates a time-bounded Freemius coupon so the discount is enforced at Freemius checkout." })
-              ] })
-            ] })
-          ] }),
-          q && /* @__PURE__ */ e("div", { className: "pt-2 border-t", children: q })
-        ] })
-      ] }),
-      /* @__PURE__ */ e(J, { title: "Product Description", hideHeader: !0, children: /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ e(w, { htmlFor: "short_description", className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none", children: "Short Description" }),
-        /* @__PURE__ */ e(x, { id: "short_description", ...n("short_description"), placeholder: "Brief summary for product cards...", className: "h-8 text-sm" })
-      ] }) }) }),
-      /* @__PURE__ */ s(J, { title: "Media Gallery", description: "Drag to reorder. First image is the hero.", children: [
-        /* @__PURE__ */ e(
-          lr,
-          {
-            initialMedia: te,
-            onUpdate: We,
-            mediaPickerNode: y
-          }
-        ),
-        /* @__PURE__ */ e("input", { type: "hidden", ...n("product_media") })
-      ] }),
-      !i && /* @__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__ */ e("p", { className: "text-xs text-muted-foreground", children: "New products start as a draft. Publish it from the top bar once it's ready." }),
-        /* @__PURE__ */ e(Ae, { disabled: B, type: "submit", size: "sm", className: "h-8 text-sm px-5", children: B ? "Saving..." : "Save Changes" })
-      ] })
-    ] })
-  ] });
+var Se = (e) => e.toString().toLowerCase().trim().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "");
+function Ce({ initialData: e, isEdit: y = !1, mediaPickerNode: Ce, availableLanguagesProp: b, globalAttributesProp: we, currenciesProp: Te, translationGroupId: x, targetLanguageId: S, freemiusDashboardNode: Ee, enabledProviders: De, configStatus: C, createAction: Oe, updateAction: ke, availableCategoriesProp: Ae = [], hasOpenDraft: je = !1, onSeoChange: Me }) {
+	let [w, T] = f(!1), [E, D] = f(() => !!e?.variants?.length), O = l.useMemo(() => Te.filter((e) => e.is_active !== !1).sort((e, t) => e.is_default === t.is_default ? e.code.localeCompare(t.code) : e.is_default ? -1 : 1), [Te]), k = l.useMemo(() => O.find((e) => e.is_default) ?? O[0], [O]), A = l.useMemo(() => ee(O), [O]), Ne = ue({
+		resolver: de(n),
+		defaultValues: ve(e, S, b, O, x)
+	}), { register: j, handleSubmit: M, setValue: N, reset: Pe, watch: P, setError: F, formState: { errors: I, dirtyFields: Fe } } = Ne, Ie = re(!0), L = re(null), [Le, R] = f(!1), [Re, z] = f(null), [ze, Be] = f(null), B = P(), Ve = Ne.formState.isDirty, He = B.title, Ue = B.meta_title, V = B.meta_description;
+	d(() => {
+		Me?.({
+			title: He,
+			meta_title: Ue,
+			meta_description: V
+		});
+	}, [
+		He,
+		Ue,
+		V,
+		Me
+	]), d(() => {
+		if (!y) return;
+		if (Ie.current) {
+			Ie.current = !1, L.current = JSON.stringify(B);
+			return;
+		}
+		if (!Ve) return;
+		let e = JSON.stringify(B);
+		if (e === L.current) return;
+		let t = setTimeout(() => {
+			w || (L.current = e, M($)());
+		}, 400);
+		return () => clearTimeout(t);
+	}, [
+		B,
+		y,
+		Ve,
+		w,
+		M
+	]);
+	let We = P("title"), H = P("product_type"), U = H === "digital" ? "freemius" : H === "physical" ? "stripe" : void 0, W = H === "physical", Ge = H === "digital", Ke = U ? De[U] : !1, qe = U ? C[U].hasKeys : !1, Je = !!P("freemius_product_id"), Ye = Number(P("trial_period_days") || 0), Xe = !!P("trial_requires_payment_method"), Ze = P("variants") || [], G = P("price"), K = P("sale_price"), q = P("prices") || {}, J = P("sale_prices") || {}, Y = (Ze?.length || 0) > 0, Qe = P("language_id"), $e = b.find((e) => e.id === Qe)?.code || b.find((e) => e.is_default)?.code || b[0]?.code, X = l.useMemo(() => te({
+		currencies: O,
+		prices: q,
+		salePrices: J,
+		fallbackPrice: G,
+		fallbackSalePrice: K
+	}), [
+		G,
+		K,
+		O,
+		q,
+		J
+	]), et = l.useMemo(() => e?.variants?.map((e) => ({
+		...e,
+		prices: e.prices || {},
+		sale_prices: e.sale_prices || {}
+	})), [e?.variants]);
+	d(() => {
+		if (Fe.title && !y) {
+			let e = Se(We);
+			N("slug", e, { shouldValidate: !0 });
+		}
+	}, [
+		We,
+		Fe.title,
+		N,
+		y
+	]);
+	let [Z, tt] = f(() => ye(e?.product_media)), [Q, nt] = f(/* @__PURE__ */ new Set());
+	d(() => {
+		Pe(ve(e, S, b, O, x)), tt(ye(e?.product_media)), nt(/* @__PURE__ */ new Set()), D(!!e?.variants?.length);
+	}, [
+		b,
+		O,
+		e,
+		Pe,
+		S,
+		x
+	]);
+	let rt = (e) => {
+		let t = new Set(e.map((e) => e.id)), n = Z.filter((e) => !t.has(e.id)), r = new Set(Q);
+		n.forEach((e) => {
+			e.media_id && r.add(e.media_id);
+		}), nt(r), tt(e), N("product_media", be(e), { shouldDirty: !0 }), N("explicitly_removed_media_ids", Array.from(r), { shouldDirty: !0 });
+	};
+	d(() => {
+		N("explicitly_removed_media_ids", Array.from(Q));
+	}, [Q, N]), d(() => {
+		Y && D(!0);
+	}, [Y]), d(() => {
+		j("is_taxable"), j("price"), j("sale_price"), j("payment_provider"), j("trial_requires_payment_method");
+	}, [j]), d(() => {
+		if (!Ge) {
+			N("trial_period_days", 0, {
+				shouldDirty: !1,
+				shouldValidate: !0
+			}), N("trial_requires_payment_method", !1, {
+				shouldDirty: !1,
+				shouldValidate: !0
+			});
+			return;
+		}
+		Ye <= 0 && N("trial_requires_payment_method", !1, {
+			shouldDirty: !1,
+			shouldValidate: !0
+		});
+	}, [
+		Ge,
+		N,
+		Ye
+	]), d(() => {
+		U && N("payment_provider", U, {
+			shouldDirty: !1,
+			shouldValidate: !0
+		});
+	}, [U, N]), d(() => {
+		k && q[k.code] === void 0 && N("prices", {
+			...q,
+			[k.code]: G || 0
+		}, { shouldDirty: !1 });
+	}, [
+		G,
+		k,
+		q,
+		N
+	]);
+	let it = u((e, t) => {
+		let n = {
+			...q,
+			[e]: t
+		};
+		N("prices", n, {
+			shouldDirty: !0,
+			shouldValidate: !0
+		}), e === k?.code && N("price", t, {
+			shouldDirty: !0,
+			shouldValidate: !0
+		});
+	}, [
+		k?.code,
+		q,
+		N
+	]), at = u((e, t) => {
+		let n = {
+			...J,
+			[e]: t
+		};
+		N("sale_prices", n, {
+			shouldDirty: !0,
+			shouldValidate: !0
+		}), e === k?.code && N("sale_price", t, {
+			shouldDirty: !0,
+			shouldValidate: !0
+		});
+	}, [
+		k?.code,
+		J,
+		N
+	]), ot = u(() => {
+		if (!k) return;
+		let e = new Set(A), n = q[k.code] ?? G ?? 0, r = J[k.code] ?? K ?? null, i = O.reduce((r, i) => {
+			if (i.code !== k.code && e.has(i.code)) return r;
+			let a = t({
+				amount: se(n, k.code),
+				fromCurrencyCode: k.code,
+				toCurrencyCode: i.code,
+				currencies: O,
+				applyRounding: !0
+			});
+			return r[i.code] = ce(a, i.code), r;
+		}, {}), a = O.reduce((n, i) => {
+			if (i.code !== k.code && e.has(i.code)) return n;
+			if (typeof r != "number") return (i.code === k.code || !e.has(i.code)) && (n[i.code] = null), n;
+			let a = t({
+				amount: se(r, k.code),
+				fromCurrencyCode: k.code,
+				toCurrencyCode: i.code,
+				currencies: O,
+				applyRounding: !0
+			});
+			return n[i.code] = ce(a, i.code), n;
+		}, {});
+		N("prices", i, {
+			shouldDirty: !0,
+			shouldValidate: !0
+		}), N("sale_prices", a, {
+			shouldDirty: !0,
+			shouldValidate: !0
+		}), N("price", i[k.code] ?? n, {
+			shouldDirty: !0,
+			shouldValidate: !0
+		}), N("sale_price", a[k.code] ?? null, {
+			shouldDirty: !0,
+			shouldValidate: !0
+		});
+	}, [
+		O,
+		k,
+		q,
+		J,
+		N,
+		A,
+		G,
+		K
+	]), st = u(({ variationAttributes: e, variants: t }) => {
+		N("variation_attributes", e, { shouldDirty: !0 }), N("variants", t, {
+			shouldDirty: !0,
+			shouldValidate: !0
+		});
+	}, [N]), $ = async (e) => {
+		T(!0), R(!0), z(null);
+		try {
+			if (!U) {
+				let e = "Select whether this product is physical or digital before saving.";
+				F("product_type", {
+					type: "manual",
+					message: e
+				}), y ? z(e) : alert(e), T(!1), R(!1);
+				return;
+			}
+			let t = W ? 0 : Math.max(0, Number(e.trial_period_days || 0)), n = {
+				...e,
+				product_type: e.product_type,
+				payment_provider: U,
+				freemius_product_id: W ? "" : e.freemius_product_id,
+				freemius_plan_id: W ? "" : e.freemius_plan_id,
+				trial_period_days: t,
+				trial_requires_payment_method: !W && t > 0 && e.trial_requires_payment_method,
+				upc: W ? e.upc : null,
+				is_taxable: W ? e.is_taxable : !1,
+				variation_attributes: W ? e.variation_attributes : [],
+				variants: W ? e.variants : []
+			}, r = ne(n, O);
+			if (y && ke) await ke(r), Be(/* @__PURE__ */ new Date());
+			else if (Oe) await Oe(r);
+			else throw Error("Product form action is not configured.");
+		} catch (e) {
+			if (console.error(e), e.message === "NEXT_REDIRECT") return;
+			let t = e.message || "An error occurred while saving.";
+			if (e.code === "23505") {
+				let n = e.message?.toLowerCase() || "";
+				n.includes("products_slug_key") || n.includes("slug") ? (t = "This slug is already in use. Please choose another one.", F("slug", {
+					type: "manual",
+					message: t
+				})) : (n.includes("products_sku_key") || n.includes("sku")) && (t = "This SKU is already in use.", F("sku", {
+					type: "manual",
+					message: t
+				}));
+			}
+			y ? z(t) : alert(t);
+		} finally {
+			T(!1), R(!1);
+		}
+	}, ct = Y ? "bg-muted/60 text-muted-foreground opacity-70" : "", lt = xe(Z);
+	return /* @__PURE__ */ m("form", {
+		onSubmit: M($),
+		className: "space-y-2.5 pb-4",
+		children: [
+			/* @__PURE__ */ p("input", {
+				type: "hidden",
+				...j("translation_group_id")
+			}),
+			/* @__PURE__ */ p("input", {
+				type: "hidden",
+				...j("payment_provider")
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "space-y-2.5 w-full",
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "rounded-lg border bg-card p-2.5 px-4 shadow-sm flex items-center justify-between gap-3 flex-wrap",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex items-center gap-6",
+							children: [/* @__PURE__ */ m("div", {
+								className: "flex h-9 items-center gap-2",
+								children: [/* @__PURE__ */ p("span", {
+									className: "text-sm font-bold whitespace-nowrap leading-none pt-0.5",
+									children: "Product Type"
+								}), I.product_type && /* @__PURE__ */ p(ie, { className: "h-4 w-4 text-destructive" })]
+							}), /* @__PURE__ */ p("div", {
+								className: "flex h-9 items-center",
+								children: /* @__PURE__ */ m(pe, {
+									onValueChange: (e) => N("product_type", e, {
+										shouldDirty: !0,
+										shouldValidate: !0
+									}),
+									value: H || void 0,
+									children: [/* @__PURE__ */ p(ge, {
+										className: "w-[160px] h-9 text-xs",
+										children: /* @__PURE__ */ p(_e, { placeholder: "Select Type" })
+									}), /* @__PURE__ */ m(me, { children: [/* @__PURE__ */ p(he, {
+										value: "physical",
+										children: "Physical Product"
+									}), /* @__PURE__ */ p(he, {
+										value: "digital",
+										children: "Digital Product"
+									})] })]
+								})
+							})]
+						}), /* @__PURE__ */ m("div", {
+							className: "flex items-center gap-6",
+							children: [
+								/* @__PURE__ */ m("div", {
+									className: "flex h-9 items-center gap-3",
+									children: [/* @__PURE__ */ p("span", {
+										className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-wider leading-none",
+										children: "Payment Provider"
+									}), /* @__PURE__ */ p(h, {
+										variant: "outline",
+										className: "text-xs py-1 font-bold bg-muted/30 leading-none",
+										children: U ? U === "stripe" ? "Stripe" : "Freemius" : "—"
+									})]
+								}),
+								U && /* @__PURE__ */ p("div", {
+									className: "flex h-9 items-center gap-2",
+									children: Ke && qe ? /* @__PURE__ */ m("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__ */ p(ae, { className: "h-3 w-3" }), "Ready"]
+									}) : /* @__PURE__ */ m("span", {
+										className: "flex items-center gap-1.5 text-amber-600 text-[10px] font-bold bg-amber-50 px-2 py-1 rounded-full border border-amber-100 uppercase leading-none",
+										children: [/* @__PURE__ */ p(ie, { className: "h-3 w-3" }), Ke ? "Keys Missing" : "Disabled"]
+									})
+								}),
+								!qe && U && C[U].missing.length > 0 && /* @__PURE__ */ m("a", {
+									href: "/cms/payments",
+									className: "hidden xl:flex h-9 items-center gap-1 text-[10px] text-muted-foreground bg-muted/50 px-2 py-1 rounded border border-dashed leading-none hover:text-foreground hover:border-solid",
+									children: [
+										/* @__PURE__ */ p(oe, { className: "h-3 w-3" }),
+										"Missing: ",
+										C[U].missing.join(", "),
+										" — set up payments"
+									]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ m(v, {
+						title: "Product Information",
+						hideHeader: !0,
+						children: [
+							y && /* @__PURE__ */ m("div", {
+								className: "flex items-center justify-between text-xs text-muted-foreground pb-2 border-b border-border/40 mb-2.5",
+								children: [/* @__PURE__ */ p("span", {
+									className: "font-semibold text-[11px] uppercase tracking-wider text-muted-foreground/80",
+									children: "Product Settings"
+								}), /* @__PURE__ */ p("div", {
+									className: "flex items-center gap-1.5 min-h-[16px]",
+									children: Le ? /* @__PURE__ */ m(le, { children: [/* @__PURE__ */ m("div", {
+										className: "relative flex h-2 w-2",
+										children: [/* @__PURE__ */ p("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-amber-400 opacity-75" }), /* @__PURE__ */ p("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-amber-500" })]
+									}), /* @__PURE__ */ p("span", {
+										className: "text-amber-600 dark:text-amber-400 font-medium",
+										children: "Autosaving settings..."
+									})] }) : Re ? /* @__PURE__ */ m("span", {
+										className: "text-red-500 font-medium",
+										children: ["Error saving settings: ", Re]
+									}) : ze ? /* @__PURE__ */ m("span", {
+										className: "text-emerald-600 dark:text-emerald-400 font-medium",
+										children: ["Settings autosaved at ", ze.toLocaleTimeString([], {
+											hour: "2-digit",
+											minute: "2-digit",
+											second: "2-digit"
+										})]
+									}) : /* @__PURE__ */ p("span", {
+										className: "text-muted-foreground/60",
+										children: "Settings autosave in draft mode"
+									})
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-2.5",
+								children: [
+									/* @__PURE__ */ m("div", {
+										className: "col-span-2 space-y-1",
+										children: [
+											/* @__PURE__ */ p(_, {
+												htmlFor: "title",
+												className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",
+												children: "Title"
+											}),
+											/* @__PURE__ */ p(g, {
+												id: "title",
+												placeholder: "Product title",
+												...j("title"),
+												className: "h-8 text-sm"
+											}),
+											I.title && /* @__PURE__ */ p("p", {
+												className: "text-destructive text-[11px] leading-none",
+												children: I.title.message
+											})
+										]
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "col-span-2 space-y-1",
+										children: [
+											/* @__PURE__ */ p(_, {
+												htmlFor: "slug",
+												className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",
+												children: "Slug"
+											}),
+											/* @__PURE__ */ p(g, {
+												id: "slug",
+												placeholder: "product-slug",
+												...j("slug"),
+												className: "h-8 text-sm"
+											}),
+											I.slug && /* @__PURE__ */ p("p", {
+												className: "text-destructive text-[11px] leading-none",
+												children: I.slug.message
+											})
+										]
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "col-span-1 space-y-1",
+										children: [
+											/* @__PURE__ */ p(_, {
+												htmlFor: "sku",
+												className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",
+												children: "SKU"
+											}),
+											/* @__PURE__ */ p(g, {
+												id: "sku",
+												placeholder: "SKU",
+												...j("sku"),
+												className: "h-8 text-sm font-mono"
+											}),
+											I.sku && /* @__PURE__ */ p("p", {
+												className: "text-destructive text-[11px] leading-none",
+												children: I.sku.message
+											})
+										]
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "col-span-1 space-y-1",
+										children: [/* @__PURE__ */ p(_, {
+											htmlFor: "upc_ean",
+											className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",
+											children: "UPC / EAN"
+										}), /* @__PURE__ */ p(g, {
+											id: "upc_ean",
+											placeholder: "000000000",
+											...j("upc"),
+											className: "h-8 text-sm font-mono",
+											readOnly: Y
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-12 gap-2.5 mt-2",
+								children: [
+									/* @__PURE__ */ m("div", {
+										className: `${y ? "lg:col-span-3" : "lg:col-span-4"} col-span-2 space-y-1`,
+										children: [/* @__PURE__ */ p(_, {
+											htmlFor: "meta_title",
+											className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",
+											children: "Meta Title"
+										}), /* @__PURE__ */ p(g, {
+											id: "meta_title",
+											...j("meta_title"),
+											placeholder: "SEO page title (50-60 chars)",
+											className: "h-8 text-sm"
+										})]
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "lg:col-span-4 col-span-2 space-y-1",
+										children: [/* @__PURE__ */ p(_, {
+											htmlFor: "meta_description",
+											className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",
+											children: "Meta Description"
+										}), /* @__PURE__ */ p(g, {
+											id: "meta_description",
+											...j("meta_description"),
+											placeholder: "SEO description (150-160 chars)",
+											className: "h-8 text-sm"
+										})]
+									}),
+									/* @__PURE__ */ m("div", {
+										className: `${y ? "lg:col-span-3" : "lg:col-span-4"} col-span-2 space-y-1`,
+										children: [/* @__PURE__ */ p(_, {
+											htmlFor: "custom_canonical",
+											className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",
+											children: "Canonical URL (optional)"
+										}), /* @__PURE__ */ p(g, {
+											id: "custom_canonical",
+											...j("custom_canonical"),
+											placeholder: "Blank = self-referencing. Absolute https://… URL or /relative path to override.",
+											className: "h-8 text-sm"
+										})]
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ p(v, {
+						title: "Product Categories",
+						description: "Assign this product to one or more categories.",
+						children: /* @__PURE__ */ p(c, {
+							categories: Ae,
+							selectedIds: P("category_ids") || [],
+							onChange: (e) => N("category_ids", e, {
+								shouldDirty: !0,
+								shouldValidate: !0
+							})
+						})
+					}),
+					/* @__PURE__ */ m("section", {
+						className: "rounded-lg border bg-card p-3 shadow-sm space-y-3",
+						children: [W && /* @__PURE__ */ m("div", {
+							className: "flex items-center justify-between gap-4 flex-wrap border-b border-muted/50 pb-2",
+							children: [/* @__PURE__ */ p("div", {
+								className: "flex items-center gap-4",
+								children: /* @__PURE__ */ m("div", {
+									className: "space-y-0.5",
+									children: [/* @__PURE__ */ p("h2", {
+										className: "text-sm font-bold tracking-tight",
+										children: "Pricing & Inventory"
+									}), /* @__PURE__ */ p("p", {
+										className: "text-[11px] text-muted-foreground leading-none",
+										children: "Manage simple or variant pricing."
+									})]
+								})
+							}), /* @__PURE__ */ m("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ m("div", {
+									className: "flex items-center gap-2 bg-muted/40 rounded-md px-2.5 py-1.5",
+									children: [/* @__PURE__ */ p("span", {
+										className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",
+										children: "Stock"
+									}), /* @__PURE__ */ p(g, {
+										id: "stock",
+										type: "number",
+										min: "0",
+										...j("stock", { valueAsNumber: !0 }),
+										placeholder: "0",
+										readOnly: Y,
+										className: `${ct} h-8 w-20 text-sm text-center font-mono bg-background`
+									})]
+								}), Y ? /* @__PURE__ */ p(h, {
+									variant: "secondary",
+									className: "text-[11px] py-0 px-2 h-5",
+									children: "Variant pricing"
+								}) : null]
+							})]
+						}), W ? /* @__PURE__ */ m("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ m("div", {
+									className: "w-full",
+									children: [
+										/* @__PURE__ */ p(a, {
+											idPrefix: "product",
+											currencies: O,
+											prices: X.prices,
+											salePrices: X.salePrices,
+											managedCurrencyCodes: A,
+											onPriceChange: it,
+											onSalePriceChange: at,
+											onAutoFill: ot,
+											readOnly: Y,
+											helperText: Y ? "Parent prices stay as a fallback, but active variants define the live shopper price." : void 0,
+											trailing: /* @__PURE__ */ p(o, {
+												idPrefix: "product",
+												startAt: P("sale_start_at"),
+												endAt: P("sale_end_at"),
+												onChange: (e, t) => N(e, t, {
+													shouldDirty: !0,
+													shouldValidate: !0
+												}),
+												error: I.sale_end_at?.message,
+												bare: !0
+											})
+										}),
+										I.price && /* @__PURE__ */ p("p", {
+											className: "text-destructive text-sm mt-1",
+											children: I.price.message
+										}),
+										I.sale_price && /* @__PURE__ */ p("p", {
+											className: "text-destructive text-sm mt-1",
+											children: I.sale_price.message
+										}),
+										I.stock && /* @__PURE__ */ p("p", {
+											className: "text-destructive text-[10px] font-medium leading-none mt-1",
+											children: I.stock.message
+										})
+									]
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "flex items-center justify-between gap-3 rounded border border-dashed p-2.5 bg-muted/5",
+									children: [/* @__PURE__ */ p("span", {
+										className: "text-xs font-bold uppercase tracking-wider text-muted-foreground",
+										children: Y ? "Variations Active" : "Variations"
+									}), /* @__PURE__ */ p(fe, {
+										type: "button",
+										variant: E ? "outline" : "default",
+										onClick: () => D((e) => !e),
+										size: "sm",
+										className: "h-7 text-xs px-3",
+										children: E ? "Hide" : "Manage"
+									})]
+								}),
+								E && /* @__PURE__ */ p("div", {
+									className: "border-t pt-3",
+									children: /* @__PURE__ */ p(s, {
+										globalAttributes: we,
+										currentLanguageCode: $e,
+										baseSku: P("sku") || "",
+										basePrice: G || 0,
+										basePrices: q,
+										baseSalePrice: typeof K == "number" ? K : null,
+										baseSalePrices: J,
+										currencies: O,
+										availableVariantImages: lt,
+										initialVariationAttributes: e?.variation_attributes,
+										initialVariants: et,
+										onChange: st
+									})
+								})
+							]
+						}) : /* @__PURE__ */ m(le, { children: [/* @__PURE__ */ m("div", {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ m("div", {
+								className: "flex items-end gap-4 w-full",
+								children: [
+									/* @__PURE__ */ m("div", {
+										className: "flex-1",
+										children: [/* @__PURE__ */ p(_, {
+											htmlFor: "freemius_product_id",
+											className: "text-[11px] uppercase tracking-wider text-muted-foreground font-bold mb-1.5 block",
+											children: "Freemius Product ID"
+										}), /* @__PURE__ */ p(g, {
+											id: "freemius_product_id",
+											...j("freemius_product_id"),
+											className: "h-9"
+										})]
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "flex-1",
+										children: [/* @__PURE__ */ p(_, {
+											htmlFor: "freemius_plan_id",
+											className: "text-[11px] uppercase tracking-wider text-muted-foreground font-bold mb-1.5 block",
+											children: "Freemius Plan ID"
+										}), /* @__PURE__ */ p(g, {
+											id: "freemius_plan_id",
+											...j("freemius_plan_id"),
+											className: "h-9"
+										})]
+									}),
+									Je ? /* @__PURE__ */ p(i, {
+										productId: P("freemius_product_id"),
+										hasOpenDraft: je
+									}) : null
+								]
+							}), /* @__PURE__ */ m("div", {
+								className: "bg-muted/10 border rounded-md overflow-hidden",
+								children: [/* @__PURE__ */ m("div", {
+									className: "flex flex-wrap items-center gap-6 bg-muted/20 border-b p-2.5 px-4",
+									children: [
+										/* @__PURE__ */ m("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ p("span", {
+												className: "text-[11px] font-bold uppercase tracking-wider text-muted-foreground",
+												children: "Free Trial"
+											}), /* @__PURE__ */ m(h, {
+												variant: "outline",
+												className: "font-mono text-xs shadow-sm bg-background",
+												children: [String(P("trial_period_days") || 0), " Days"]
+											})]
+										}),
+										/* @__PURE__ */ m("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ p("span", {
+												className: "text-[11px] font-bold uppercase tracking-wider text-muted-foreground",
+												children: "Card Required"
+											}), /* @__PURE__ */ p(h, {
+												variant: Xe ? "default" : "secondary",
+												className: "text-xs shadow-sm",
+												children: Xe ? "Yes" : "No"
+											})]
+										}),
+										/* @__PURE__ */ p("span", {
+											className: "text-[10px] text-muted-foreground ml-auto",
+											children: "Managed in Freemius dashboard"
+										}),
+										/* @__PURE__ */ p("input", {
+											type: "hidden",
+											...j("trial_period_days", { valueAsNumber: !0 })
+										})
+									]
+								}), /* @__PURE__ */ m("div", {
+									className: "w-full p-4 pt-3 space-y-2",
+									children: [/* @__PURE__ */ p(a, {
+										idPrefix: "product",
+										currencies: O,
+										prices: X.prices,
+										salePrices: X.salePrices,
+										managedCurrencyCodes: A,
+										onPriceChange: it,
+										onSalePriceChange: at,
+										onAutoFill: ot,
+										readOnly: !0,
+										trailing: /* @__PURE__ */ p(o, {
+											idPrefix: "product",
+											startAt: P("sale_start_at"),
+											endAt: P("sale_end_at"),
+											onChange: (e, t) => N(e, t, {
+												shouldDirty: !0,
+												shouldValidate: !0
+											}),
+											error: I.sale_end_at?.message,
+											bare: !0
+										})
+									}), /* @__PURE__ */ p("p", {
+										className: "text-[10px] leading-snug text-muted-foreground",
+										children: "Scheduling a sale on a Freemius product generates a time-bounded Freemius coupon so the discount is enforced at Freemius checkout."
+									})]
+								})]
+							})]
+						}), Ee && /* @__PURE__ */ p("div", {
+							className: "pt-2 border-t",
+							children: Ee
+						})] })]
+					}),
+					/* @__PURE__ */ p(v, {
+						title: "Product Description",
+						hideHeader: !0,
+						children: /* @__PURE__ */ p("div", {
+							className: "space-y-2",
+							children: /* @__PURE__ */ m("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ p(_, {
+									htmlFor: "short_description",
+									className: "text-xs uppercase font-bold text-muted-foreground tracking-wider leading-none",
+									children: "Short Description"
+								}), /* @__PURE__ */ p(g, {
+									id: "short_description",
+									...j("short_description"),
+									placeholder: "Brief summary for product cards...",
+									className: "h-8 text-sm"
+								})]
+							})
+						})
+					}),
+					/* @__PURE__ */ m(v, {
+						title: "Media Gallery",
+						description: "Drag to reorder. First image is the hero.",
+						children: [/* @__PURE__ */ p(r, {
+							initialMedia: Z,
+							onUpdate: rt,
+							mediaPickerNode: Ce
+						}), /* @__PURE__ */ p("input", {
+							type: "hidden",
+							...j("product_media")
+						})]
+					}),
+					!y && /* @__PURE__ */ m("div", {
+						className: "rounded-lg border bg-card p-3 px-4 shadow-sm flex items-center justify-between gap-3 flex-wrap",
+						children: [/* @__PURE__ */ p("p", {
+							className: "text-xs text-muted-foreground",
+							children: "New products start as a draft. Publish it from the top bar once it's ready."
+						}), /* @__PURE__ */ p(fe, {
+							disabled: w,
+							type: "submit",
+							size: "sm",
+							className: "h-8 text-sm px-5",
+							children: w ? "Saving..." : "Save Changes"
+						})]
+					})
+				]
+			})
+		]
+	});
 }
-export {
-  Ur as ProductForm
-};
+//#endregion
+export { Ce as ProductForm };