@nextblock-cms/ecom 0.20.3 → 0.21.1

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

@@ -1,160 +1,157 @@
-'use client';
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useState as c, useEffect as P, useMemo as u } from "react";
-import { X as $, ChevronsUpDown as O, Search as Q, Loader2 as T, Check as q } from "lucide-react";
-import { cn as A } from "@nextblock-cms/utils";
-import { Badge as B, Popover as R, PopoverTrigger as z, Button as w, PopoverContent as D, Input as E, Checkbox as F } from "@nextblock-cms/ui";
-import { createCategoryAction as M } from "../server-actions.es.js";
-import { toast as h } from "sonner";
-function W({
-  categories: m = [],
-  selectedIds: o = [],
-  onChange: d,
-  placeholder: N = "Select categories..."
-}) {
-  const [f, C] = c(!1), [l, p] = c(""), [n, g] = c(m), [x, b] = c(!1);
-  P(() => {
-    g(m);
-  }, [m]);
-  const y = u(() => n.filter((e) => o.includes(e.id)), [n, o]), v = u(() => {
-    if (!l) return n;
-    const e = l.toLowerCase();
-    return n.filter(
-      (t) => t.name.toLowerCase().includes(e) || t.slug.toLowerCase().includes(e)
-    );
-  }, [n, l]), s = l.trim(), k = u(() => {
-    if (!s) return !1;
-    const e = s.toLowerCase();
-    return !n.some((t) => t.name.toLowerCase() === e);
-  }, [n, s]), L = async () => {
-    if (s) {
-      b(!0);
-      try {
-        const e = await M({ name: s });
-        if (e.success && e.category) {
-          const t = {
-            id: e.category.id,
-            name: e.category.name,
-            slug: e.category.slug
-          };
-          g((i) => [...i, t]), d([...o, t.id]), p(""), h.success(`Category "${t.name}" created successfully.`);
-        } else
-          h.error(e.error || "Failed to create category.");
-      } catch (e) {
-        h.error(e.message || "An error occurred while creating category.");
-      } finally {
-        b(!1);
-      }
-    }
-  }, j = (e) => {
-    const t = o.includes(e) ? o.filter((i) => i !== e) : [...o, e];
-    d(t);
-  }, S = (e, t) => {
-    t.stopPropagation(), d(o.filter((i) => i !== e));
-  };
-  return /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-1.5 min-h-[32px] p-1 border rounded-md bg-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", children: y.length === 0 ? /* @__PURE__ */ r("span", { className: "text-xs text-muted-foreground self-center px-2 py-1 select-none", children: "No categories selected." }) : y.map((e) => /* @__PURE__ */ a(
-      B,
-      {
-        variant: "secondary",
-        className: "pl-2 pr-1.5 py-0.5 text-xs flex items-center gap-1 bg-amber-500/10 text-amber-800 dark:text-amber-300 border border-amber-500/20 rounded-full",
-        children: [
-          e.name,
-          /* @__PURE__ */ r(
-            "button",
-            {
-              type: "button",
-              onClick: (t) => S(e.id, t),
-              className: "rounded-full p-0.5 text-muted-foreground hover:bg-amber-500/20 hover:text-amber-950 dark:hover:text-amber-50 transition-colors cursor-pointer",
-              "aria-label": `Remove ${e.name}`,
-              children: /* @__PURE__ */ r($, { className: "h-3 w-3" })
-            }
-          )
-        ]
-      },
-      e.id
-    )) }),
-    /* @__PURE__ */ a(R, { open: f, onOpenChange: C, children: [
-      /* @__PURE__ */ r(z, { asChild: !0, children: /* @__PURE__ */ a(
-        w,
-        {
-          variant: "outline",
-          role: "combobox",
-          "aria-expanded": f,
-          className: "w-full justify-between h-8 text-xs font-normal",
-          children: [
-            /* @__PURE__ */ r("span", { className: "truncate", children: o.length > 0 ? `${o.length} categor${o.length === 1 ? "y" : "ies"} selected` : N }),
-            /* @__PURE__ */ r(O, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ a(D, { className: "w-(--radix-popover-trigger-width) p-0", align: "start", children: [
-        /* @__PURE__ */ a("div", { className: "flex items-center border-b px-3", children: [
-          /* @__PURE__ */ r(Q, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-          /* @__PURE__ */ r(
-            E,
-            {
-              className: "flex h-9 w-full rounded-md bg-transparent py-2 text-xs outline-none border-0 focus-visible:ring-0 focus-visible:ring-offset-0",
-              placeholder: "Search categories...",
-              value: l,
-              onChange: (e) => p(e.target.value)
-            }
-          )
-        ] }),
-        k && /* @__PURE__ */ r("div", { className: "border-b border-border/50 p-1", children: /* @__PURE__ */ a(
-          w,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            className: "w-full justify-start text-xs h-8 text-amber-600 dark:text-amber-400 hover:text-amber-700 hover:bg-amber-500/10 cursor-pointer",
-            onClick: L,
-            disabled: x,
-            children: [
-              x ? /* @__PURE__ */ r(T, { className: "mr-2 h-3 w-3 animate-spin" }) : /* @__PURE__ */ r("span", { className: "font-bold mr-1.5", children: "+" }),
-              'Create category "',
-              s,
-              '"'
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ r("div", { className: "max-h-60 overflow-y-auto p-1", children: v.length === 0 ? /* @__PURE__ */ r("p", { className: "py-4 text-center text-xs text-muted-foreground", children: "No categories found." }) : /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5", children: v.map((e) => {
-          const t = o.includes(e.id);
-          return /* @__PURE__ */ a(
-            "div",
-            {
-              onClick: () => j(e.id),
-              className: A(
-                "relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-xs outline-none hover:bg-accent hover:text-accent-foreground text-left transition-colors",
-                t && "bg-accent/40 font-medium"
-              ),
-              children: [
-                /* @__PURE__ */ r("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center pointer-events-none", children: /* @__PURE__ */ r(
-                  F,
-                  {
-                    checked: t,
-                    tabIndex: -1,
-                    "aria-label": `Toggle ${e.name}`,
-                    className: "h-3.5 w-3.5"
-                  }
-                ) }),
-                /* @__PURE__ */ a("span", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ r("span", { children: e.name }),
-                  /* @__PURE__ */ a("span", { className: "font-mono text-[9px] text-muted-foreground leading-none", children: [
-                    "/",
-                    e.slug
-                  ] })
-                ] }),
-                t && /* @__PURE__ */ r("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ r(q, { className: "h-3.5 w-3.5 text-primary" }) })
-              ]
-            },
-            e.id
-          );
-        }) }) })
-      ] })
-    ] })
-  ] });
+"use client";
+import { createCategoryAction as e } from "../server-actions.es.js";
+import { useEffect as t, useMemo as n, useState as r } from "react";
+import { Check as i, ChevronsUpDown as a, Loader2 as o, Search as s, X as c } from "lucide-react";
+import { cn as l } from "@nextblock-cms/utils";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { toast as f } from "sonner";
+import { Badge as p, Button as m, Checkbox as h, Input as g, Popover as _, PopoverContent as v, PopoverTrigger as y } from "@nextblock-cms/ui";
+//#region src/lib/pages/cms/products/components/ProductCategorySelector.tsx
+function b({ categories: b = [], selectedIds: x = [], onChange: S, placeholder: C = "Select categories..." }) {
+	let [w, T] = r(!1), [E, D] = r(""), [O, k] = r(b), [A, j] = r(!1);
+	t(() => {
+		k(b);
+	}, [b]);
+	let M = n(() => O.filter((e) => x.includes(e.id)), [O, x]), N = n(() => {
+		if (!E) return O;
+		let e = E.toLowerCase();
+		return O.filter((t) => t.name.toLowerCase().includes(e) || t.slug.toLowerCase().includes(e));
+	}, [O, E]), P = E.trim(), F = n(() => {
+		if (!P) return !1;
+		let e = P.toLowerCase();
+		return !O.some((t) => t.name.toLowerCase() === e);
+	}, [O, P]), I = async () => {
+		if (P) {
+			j(!0);
+			try {
+				let t = await e({ name: P });
+				if (t.success && t.category) {
+					let e = {
+						id: t.category.id,
+						name: t.category.name,
+						slug: t.category.slug
+					};
+					k((t) => [...t, e]), S([...x, e.id]), D(""), f.success(`Category "${e.name}" created successfully.`);
+				} else f.error(t.error || "Failed to create category.");
+			} catch (e) {
+				f.error(e.message || "An error occurred while creating category.");
+			} finally {
+				j(!1);
+			}
+		}
+	}, L = (e) => {
+		S(x.includes(e) ? x.filter((t) => t !== e) : [...x, e]);
+	}, R = (e, t) => {
+		t.stopPropagation(), S(x.filter((t) => t !== e));
+	};
+	return /* @__PURE__ */ d("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ u("div", {
+			className: "flex flex-wrap gap-1.5 min-h-[32px] p-1 border rounded-md bg-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+			children: M.length === 0 ? /* @__PURE__ */ u("span", {
+				className: "text-xs text-muted-foreground self-center px-2 py-1 select-none",
+				children: "No categories selected."
+			}) : M.map((e) => /* @__PURE__ */ d(p, {
+				variant: "secondary",
+				className: "pl-2 pr-1.5 py-0.5 text-xs flex items-center gap-1 bg-amber-500/10 text-amber-800 dark:text-amber-300 border border-amber-500/20 rounded-full",
+				children: [e.name, /* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: (t) => R(e.id, t),
+					className: "rounded-full p-0.5 text-muted-foreground hover:bg-amber-500/20 hover:text-amber-950 dark:hover:text-amber-50 transition-colors cursor-pointer",
+					"aria-label": `Remove ${e.name}`,
+					children: /* @__PURE__ */ u(c, { className: "h-3 w-3" })
+				})]
+			}, e.id))
+		}), /* @__PURE__ */ d(_, {
+			open: w,
+			onOpenChange: T,
+			children: [/* @__PURE__ */ u(y, {
+				asChild: !0,
+				children: /* @__PURE__ */ d(m, {
+					variant: "outline",
+					role: "combobox",
+					"aria-expanded": w,
+					className: "w-full justify-between h-8 text-xs font-normal",
+					children: [/* @__PURE__ */ u("span", {
+						className: "truncate",
+						children: x.length > 0 ? `${x.length} categor${x.length === 1 ? "y" : "ies"} selected` : C
+					}), /* @__PURE__ */ u(a, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+				})
+			}), /* @__PURE__ */ d(v, {
+				className: "w-(--radix-popover-trigger-width) p-0",
+				align: "start",
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "flex items-center border-b px-3",
+						children: [/* @__PURE__ */ u(s, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ u(g, {
+							className: "flex h-9 w-full rounded-md bg-transparent py-2 text-xs outline-none border-0 focus-visible:ring-0 focus-visible:ring-offset-0",
+							placeholder: "Search categories...",
+							value: E,
+							onChange: (e) => D(e.target.value)
+						})]
+					}),
+					F && /* @__PURE__ */ u("div", {
+						className: "border-b border-border/50 p-1",
+						children: /* @__PURE__ */ d(m, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							className: "w-full justify-start text-xs h-8 text-amber-600 dark:text-amber-400 hover:text-amber-700 hover:bg-amber-500/10 cursor-pointer",
+							onClick: I,
+							disabled: A,
+							children: [
+								A ? /* @__PURE__ */ u(o, { className: "mr-2 h-3 w-3 animate-spin" }) : /* @__PURE__ */ u("span", {
+									className: "font-bold mr-1.5",
+									children: "+"
+								}),
+								"Create category \"",
+								P,
+								"\""
+							]
+						})
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "max-h-60 overflow-y-auto p-1",
+						children: N.length === 0 ? /* @__PURE__ */ u("p", {
+							className: "py-4 text-center text-xs text-muted-foreground",
+							children: "No categories found."
+						}) : /* @__PURE__ */ u("div", {
+							className: "flex flex-col gap-0.5",
+							children: N.map((e) => {
+								let t = x.includes(e.id);
+								return /* @__PURE__ */ d("div", {
+									onClick: () => L(e.id),
+									className: l("relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-xs outline-none hover:bg-accent hover:text-accent-foreground text-left transition-colors", t && "bg-accent/40 font-medium"),
+									children: [
+										/* @__PURE__ */ u("span", {
+											className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center pointer-events-none",
+											children: /* @__PURE__ */ u(h, {
+												checked: t,
+												tabIndex: -1,
+												"aria-label": `Toggle ${e.name}`,
+												className: "h-3.5 w-3.5"
+											})
+										}),
+										/* @__PURE__ */ d("span", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ u("span", { children: e.name }), /* @__PURE__ */ d("span", {
+												className: "font-mono text-[9px] text-muted-foreground leading-none",
+												children: ["/", e.slug]
+											})]
+										}),
+										t && /* @__PURE__ */ u("span", {
+											className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
+											children: /* @__PURE__ */ u(i, { className: "h-3.5 w-3.5 text-primary" })
+										})
+									]
+								}, e.id);
+							})
+						})
+					})
+				]
+			})]
+		})]
+	});
 }
-export {
-  W as ProductCategorySelector
-};
+//#endregion
+export { b as ProductCategorySelector };

package/lib/pages/cms/products/components/ProductForm.cjs

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