@nextblock-cms/ecom 0.8.6 → 0.8.7

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

@@ -0,0 +1,702 @@
+'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 { 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 { 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 { CurrencyPriceFields as Ie } from "./CurrencyPriceFields.es.js";
+import { SaleScheduleFields as je } 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 }) {
+  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
+    ] }),
+    /* @__PURE__ */ e("div", { className: C ? "" : "pt-1", children: h })
+  ] });
+}
+function ur(r, a, x) {
+  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;
+}
+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 : {
+    [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" ? {
+    [T]: r.sale_price / 100
+  } : {}, U = r?.product_type || "", I = r?.payment_provider || (r?.product_type ? cr(r.product_type) : "stripe");
+  return {
+    ...Be({
+      product_type: U || "physical",
+      payment_provider: I,
+      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: R,
+      sale_price: typeof r?.sale_price == "number" ? r.sale_price / 100 : null,
+      sale_prices: z,
+      stock: r?.stock || 0,
+      meta_title: r?.meta_title || "",
+      meta_description: r?.meta_description || "",
+      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: ur(
+        r,
+        a,
+        x
+      ),
+      translation_group_id: r?.translation_group_id || C || void 0,
+      product_media: r?.product_media?.map((y) => ({
+        media_id: y.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 || {}
+      })) || []
+    }, h),
+    product_type: U,
+    payment_provider: I
+  };
+}
+function Ue(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) : [];
+}
+function mr(r) {
+  return r.map((a) => ({ media_id: a.media_id }));
+}
+function pr(r) {
+  return r.map((a) => ({
+    media_id: a.media_id,
+    file_path: a.file_path,
+    alt: a.alt
+  }));
+}
+const hr = (r) => r.toString().toLowerCase().trim().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "");
+function Tr({
+  initialData: r,
+  isEdit: a = !1,
+  mediaPickerNode: x,
+  availableLanguagesProp: h,
+  globalAttributesProp: C,
+  currenciesProp: W,
+  translationGroupId: T,
+  targetLanguageId: R,
+  freemiusDashboardNode: z,
+  enabledProviders: U,
+  configStatus: I,
+  createAction: Z,
+  updateAction: y,
+  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)),
+    [W]
+  ), l = q.useMemo(
+    () => c.find((t) => t.is_default) ?? c[0],
+    [c]
+  ), K = q.useMemo(
+    () => lr(c),
+    [c]
+  ), me = sr({
+    resolver: De(tr),
+    defaultValues: ze(
+      r,
+      R,
+      h,
+      c,
+      T
+    )
+  }), {
+    register: n,
+    handleSubmit: ee,
+    setValue: d,
+    reset: pe,
+    watch: o,
+    setError: $,
+    formState: { errors: f, dirtyFields: he }
+  } = me, fe = Ve(!0), re = Ve(null), [Ke, H] = A(!1), [ge, J] = A(null), [_e, $e] = A(null), te = o(), xe = me.formState.isDirty;
+  k(() => {
+    if (!a) return;
+    if (fe.current) {
+      fe.current = !1, re.current = JSON.stringify(te);
+      return;
+    }
+    if (!xe) return;
+    const t = JSON.stringify(te);
+    if (t === re.current) return;
+    const i = setTimeout(() => {
+      B || (re.current = t, ee(Fe)());
+    }, 1e3);
+    return () => clearTimeout(i);
+  }, [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(
+    () => nr({
+      currencies: c,
+      prices: v,
+      salePrices: V,
+      fallbackPrice: M,
+      fallbackSalePrice: j
+    }),
+    [M, j, c, v, V]
+  ), Le = q.useMemo(
+    () => r?.variants?.map((t) => ({
+      ...t,
+      prices: t.prices || {},
+      sale_prices: t.sale_prices || {}
+    })),
+    [r?.variants]
+  );
+  k(() => {
+    if (he.title && !a) {
+      const t = hr(ye);
+      d("slug", t, { shouldValidate: !0 });
+    }
+  }, [ye, he.title, d, a]);
+  const [de, Pe] = A(
+    () => Ue(r?.product_media)
+  ), [ie, Se] = A(/* @__PURE__ */ new Set());
+  k(() => {
+    pe(
+      ze(
+        r,
+        R,
+        h,
+        c,
+        T
+      )
+    ), Pe(Ue(r?.product_media)), Se(/* @__PURE__ */ new Set()), D(!!r?.variants?.length);
+  }, [
+    h,
+    c,
+    r,
+    pe,
+    R,
+    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);
+    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), {
+      shouldDirty: !0
+    });
+  };
+  k(() => {
+    d("explicitly_removed_media_ids", Array.from(ie));
+  }, [ie, d]), 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, {
+        shouldDirty: !1,
+        shouldValidate: !0
+      });
+      return;
+    }
+    ve <= 0 && d("trial_requires_payment_method", !1, {
+      shouldDirty: !1,
+      shouldValidate: !0
+    });
+  }, [be, d, ve]), k(() => {
+    p && d("payment_provider", p, {
+      shouldDirty: !1,
+      shouldValidate: !0
+    });
+  }, [p, d]), k(() => {
+    l && v[l.code] === void 0 && d(
+      "prices",
+      {
+        ...v,
+        [l.code]: M || 0
+      },
+      { shouldDirty: !1 }
+    );
+  }, [M, l, v, d]);
+  const we = Y(
+    (t, i) => {
+      const u = {
+        ...v,
+        [t]: i
+      };
+      d("prices", u, { shouldDirty: !0, shouldValidate: !0 }), t === l?.code && d("price", i, { shouldDirty: !0, shouldValidate: !0 });
+    },
+    [l?.code, v, d]
+  ), ke = Y(
+    (t, i) => {
+      const u = {
+        ...V,
+        [t]: i
+      };
+      d("sale_prices", u, {
+        shouldDirty: !0,
+        shouldValidate: !0
+      }), t === l?.code && d("sale_price", i, { shouldDirty: !0, shouldValidate: !0 });
+    },
+    [l?.code, V, d]
+  ), Ce = Y(() => {
+    if (!l)
+      return;
+    const t = new Set(K), i = v[l.code] ?? M ?? 0, u = V[l.code] ?? j ?? null, g = c.reduce((w, _) => {
+      if (_.code !== l.code && t.has(_.code))
+        return w;
+      const oe = Re({
+        amount: Oe(i, l.code),
+        fromCurrencyCode: l.code,
+        toCurrencyCode: _.code,
+        currencies: c,
+        applyRounding: !0
+      });
+      return w[_.code] = qe(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({
+          amount: Oe(u, l.code),
+          fromCurrencyCode: l.code,
+          toCurrencyCode: _.code,
+          currencies: c,
+          applyRounding: !0
+        });
+        return w[_.code] = qe(oe, _.code), w;
+      },
+      {}
+    );
+    d("prices", g, { shouldDirty: !0, shouldValidate: !0 }), d("sale_prices", m, {
+      shouldDirty: !0,
+      shouldValidate: !0
+    }), d("price", g[l.code] ?? i, {
+      shouldDirty: !0,
+      shouldValidate: !0
+    }), d("sale_price", m[l.code] ?? null, {
+      shouldDirty: !0,
+      shouldValidate: !0
+    });
+  }, [
+    c,
+    l,
+    v,
+    V,
+    d,
+    K,
+    M,
+    j
+  ]), We = Y(
+    ({
+      variationAttributes: t,
+      variants: i
+    }) => {
+      d("variation_attributes", t, { shouldDirty: !0 }), d("variants", i, { shouldDirty: !0, shouldValidate: !0 });
+    },
+    [d]
+  ), Fe = async (t) => {
+    E(!0), H(!0), J(null);
+    try {
+      if (!p) {
+        const m = "Select whether this product is physical or digital before saving.";
+        $("product_type", {
+          type: "manual",
+          message: m
+        }), a ? J(m) : alert(m), E(!1), H(!1);
+        return;
+      }
+      if (t.status === "active" && (!se || !ae)) {
+        const m = `${p === "stripe" ? "Stripe" : "Freemius"} must be enabled and fully configured before this product can be published.`;
+        $("product_type", {
+          type: "manual",
+          message: m
+        }), a ? J(m) : alert(m), E(!1), H(!1);
+        return;
+      }
+      const i = b ? 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 : []
+      }, g = Be(
+        u,
+        c
+      );
+      if (a && y)
+        await y(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")
+        return;
+      let u = i.message || "An error occurred while saving.";
+      if (i.code === "23505") {
+        const g = i.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
+        })) : (g.includes("products_sku_key") || g.includes("sku")) && (u = "This SKU is already in use.", $("sku", {
+          type: "manual",
+          message: u
+        }));
+      }
+      a ? J(u) : alert(u);
+    } finally {
+      E(!1), H(!1);
+    }
+  }, Ze = S ? "bg-muted/60 text-muted-foreground opacity-70" : "", Ge = pr(de);
+  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") }),
+    /* @__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" }),
+            f.product_type && /* @__PURE__ */ e(Ae, { className: "h-4 w-4 text-destructive" })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "flex h-9 items-center", children: /* @__PURE__ */ s(
+            le,
+            {
+              onValueChange: (t) => d("product_type", t, {
+                shouldDirty: !0,
+                shouldValidate: !0
+              }),
+              value: O || void 0,
+              children: [
+                /* @__PURE__ */ e(ne, { className: "w-[160px] h-9 text-xs", children: /* @__PURE__ */ e(ce, { placeholder: "Select Type" }) }),
+                /* @__PURE__ */ s(ue, { children: [
+                  /* @__PURE__ */ e(F, { value: "physical", children: "Physical Product" }),
+                  /* @__PURE__ */ e(F, { 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(L, { 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" }),
+            "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(Ae, { className: "h-3 w-3" }),
+            se ? "Keys Missing" : "Disabled"
+          ] }) }),
+          !ae && p && I[p].missing.length > 0 && /* @__PURE__ */ s("div", { 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", children: [
+            /* @__PURE__ */ e(rr, { className: "h-3 w-3" }),
+            "Missing: ",
+            I[p].missing.join(", ")
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ s(
+        Q,
+        {
+          title: "Product Information",
+          hideHeader: !0,
+          children: [
+            a && /* @__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: Ke ? /* @__PURE__ */ s(Me, { 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..." })
+              ] }) : ge ? /* @__PURE__ */ s("span", { className: "text-red-500 font-medium", children: [
+                "Error saving settings: ",
+                ge
+              ] }) : _e ? /* @__PURE__ */ s("span", { className: "text-emerald-600 dark:text-emerald-400 font-medium", children: [
+                "Settings autosaved at ",
+                _e.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(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" }),
+                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" }),
+                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" }),
+                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__ */ 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: `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" })
+              ] }),
+              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: [
+                  /* @__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" }),
+                    /* @__PURE__ */ e(F, { value: "active", children: "Active" }),
+                    /* @__PURE__ */ e(F, { value: "archived", children: "Archived" })
+                  ] })
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        Q,
+        {
+          title: "Product Categories",
+          description: "Assign this product to one or more categories.",
+          children: /* @__PURE__ */ e(
+            or,
+            {
+              categories: Ee,
+              selectedIds: o("category_ids") || [],
+              onChange: (t) => d("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: [
+          /* @__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(
+                P,
+                {
+                  id: "stock",
+                  type: "number",
+                  min: "0",
+                  ...n("stock", { valueAsNumber: !0 }),
+                  placeholder: "0",
+                  readOnly: S,
+                  className: `${Ze} h-8 w-20 text-sm text-center font-mono bg-background`
+                }
+              )
+            ] }),
+            S ? /* @__PURE__ */ e(L, { variant: "secondary", className: "text-[11px] py-0 px-2 h-5", children: "Variant pricing" }) : null
+          ] })
+        ] }),
+        b ? /* @__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,
+                managedCurrencyCodes: K,
+                onPriceChange: we,
+                onSalePriceChange: ke,
+                onAutoFill: Ce,
+                readOnly: S,
+                helperText: S ? "Parent prices stay as a fallback, but active variants define the live shopper price." : void 0,
+                trailing: /* @__PURE__ */ e(
+                  je,
+                  {
+                    idPrefix: "product",
+                    startAt: o("sale_start_at"),
+                    endAt: o("sale_end_at"),
+                    onChange: (t, i) => d(t, i, { shouldDirty: !0, shouldValidate: !0 }),
+                    error: f.sale_end_at?.message,
+                    bare: !0
+                  }
+                )
+              }
+            ),
+            f.price && /* @__PURE__ */ e("p", { className: "text-destructive text-sm mt-1", children: f.price.message }),
+            f.sale_price && /* @__PURE__ */ e("p", { className: "text-destructive text-sm mt-1", children: f.sale_price.message }),
+            f.stock && /* @__PURE__ */ e("p", { className: "text-destructive text-[10px] font-medium leading-none mt-1", children: f.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(
+              Te,
+              {
+                type: "button",
+                variant: G ? "outline" : "default",
+                onClick: () => D((t) => !t),
+                size: "sm",
+                className: "h-7 text-xs px-3",
+                children: G ? "Hide" : "Manage"
+              }
+            )
+          ] }),
+          G && /* @__PURE__ */ e("div", { className: "border-t pt-3", children: /* @__PURE__ */ e(
+            ir,
+            {
+              globalAttributes: C,
+              currentLanguageCode: Ye,
+              baseSku: o("sku") || "",
+              basePrice: M || 0,
+              basePrices: v,
+              baseSalePrice: typeof j == "number" ? j : null,
+              baseSalePrices: V,
+              currencies: c,
+              availableVariantImages: Ge,
+              initialVariationAttributes: r?.variation_attributes,
+              initialVariants: Le,
+              onChange: We
+            }
+          ) })
+        ] }) : /* @__PURE__ */ s(Me, { 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(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__ */ 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" })
+              ] }),
+              He ? /* @__PURE__ */ e(dr, { 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: [
+                    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("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: X.prices,
+                    salePrices: X.salePrices,
+                    managedCurrencyCodes: K,
+                    onPriceChange: we,
+                    onSalePriceChange: ke,
+                    onAutoFill: Ce,
+                    readOnly: !0,
+                    trailing: /* @__PURE__ */ e(
+                      je,
+                      {
+                        idPrefix: "product",
+                        startAt: o("sale_start_at"),
+                        endAt: o("sale_end_at"),
+                        onChange: (t, i) => d(t, i, { shouldDirty: !0, shouldValidate: !0 }),
+                        error: f.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." })
+              ] })
+            ] })
+          ] }),
+          z && /* @__PURE__ */ e("div", { className: "pt-2 border-t", children: z })
+        ] })
+      ] }),
+      /* @__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__ */ s(Q, { title: "Media Gallery", description: "Drag to reorder. First image is the hero.", children: [
+        /* @__PURE__ */ e(
+          ar,
+          {
+            initialMedia: de,
+            onUpdate: Qe,
+            mediaPickerNode: x
+          }
+        ),
+        /* @__PURE__ */ e("input", { type: "hidden", ...n("product_media") })
+      ] }),
+      !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__ */ 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" }),
+              /* @__PURE__ */ e(F, { value: "active", children: "Active" }),
+              /* @__PURE__ */ e(F, { value: "archived", children: "Archived" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(Te, { disabled: B, type: "submit", size: "sm", className: "h-8 text-sm px-5", children: B ? "Saving..." : "Save Changes" })
+      ] })
+    ] })
+  ] });
+}
+export {
+  Tr as ProductForm
+};