@nextblock-cms/ecom 0.11.1 → 0.11.2

package/lib/components/ProductCard.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),S=require("./AddToCartButton.cjs.js"),l=require("@nextblock-cms/utils"),v=require("next/link"),w=require("../CurrencyProvider.cjs.js"),n=require("../currency.cjs.js"),q=require("../trials.cjs.js"),A=require("../variation-utils.cjs.js"),T=({product:e,className:b})=>{const{activeCurrencyCode:a,currencies:c}=w.useCurrency(),i=n.resolvePriceRangeForCurrency({entries:e.variants?.length?e.variants:e.product_variants?.length?e.product_variants:[],currencyCode:a,currencies:c}),u=!!(e.has_variants&&i),t=n.resolveEffectivePriceForCurrency({prices:e.prices,salePrices:e.sale_prices,fallbackPrice:e.price,fallbackSalePrice:e.sale_price,saleStartAt:e.sale_start_at,saleEndAt:e.sale_end_at,scheduledPrice:e.scheduled_price,scheduledPrices:e.scheduled_prices,scheduledPriceAt:e.scheduled_price_at,currencyCode:a,currencies:c}),P=u&&i?i.min===i.max?l.formatPrice(i.min,a):`${l.formatPrice(i.min,a)} - ${l.formatPrice(i.max,a)}`:l.formatPrice(t.sale_price??t.price,a),j=e.variants?.length?e.variants:e.product_variants?.length?e.product_variants:[],y=u?j.some(s=>n.resolveEffectivePriceForCurrency({prices:s.prices,salePrices:s.sale_prices,fallbackPrice:s.price,fallbackSalePrice:s.sale_price,saleStartAt:s.sale_start_at,saleEndAt:s.sale_end_at,scheduledPrice:s.scheduled_price,scheduledPrices:s.scheduled_prices,scheduledPriceAt:s.scheduled_price_at,currencyCode:a,currencies:c}).sale_price!=null):t.sale_price!=null,{t:x,lang:N}=l.useTranslations(),p=x("ecommerce.on_sale"),C=p==="ecommerce.on_sale"?"On Sale":p,f=q.getTrialSummary(e),o=e.freemius_plans?.[0]?.freemius_pricing?.[0],d=c.find(s=>s.is_default)?.code||"USD",_=o?.override_monthly_price??o?.api_monthly_price,g=o?.override_annual_price??o?.api_annual_price,m=typeof _=="number"?n.resolvePriceForCurrency({prices:{[d]:l.majorUnitAmountToMinor(_,d)},currencyCode:a,currencies:c}):null,h=typeof g=="number"?n.resolvePriceForCurrency({prices:{[d]:l.majorUnitAmountToMinor(g,d)},currencyCode:a,currencies:c}):null;return r.jsxs("div",{className:l.cn("group relative flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm transition-all hover:shadow-md",b),children:[r.jsxs(v,{href:`/product/${e.slug}`,className:"relative aspect-square overflow-hidden bg-muted",children:[y&&r.jsx("span",{className:"absolute left-3 top-3 z-10 rounded-full bg-destructive px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-destructive-foreground shadow-sm",children:C}),e.image_url?r.jsx("img",{src:e.image_url,alt:e.title,className:"h-full w-full object-cover object-center transition-transform duration-300 group-hover:scale-105"}):r.jsx("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:"No Image"})]}),r.jsxs("div",{className:"flex flex-1 flex-col p-4",children:[e.categories&&e.categories.length>0&&r.jsx("div",{className:"text-[10px] font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400 mb-1",children:e.categories.map(s=>A.resolveTranslatedText(s.name,s.name_translations,N)).join(" • ")}),r.jsx(v,{href:`/product/${e.slug}`,className:"mb-2",children:r.jsx("h3",{className:"line-clamp-1 text-lg font-medium text-foreground group-hover:underline",children:e.title})}),r.jsx("div",{className:"mb-4",children:e.product_type==="digital"&&(m||h)?r.jsxs("div",{className:"flex flex-wrap items-baseline gap-x-3 gap-y-1",children:[m&&r.jsxs("div",{className:"flex items-baseline gap-0.5",children:[r.jsx("span",{className:"text-xl font-bold text-primary",children:l.formatPrice(m.price,a)}),r.jsxs("span",{className:"text-xs font-medium text-muted-foreground lowercase",children:["/ ",x("ecommerce.month")]})]}),h&&r.jsxs("div",{className:"flex items-baseline gap-0.5",children:[r.jsx("span",{className:l.cn("font-bold text-primary",m?"text-lg":"text-xl"),children:l.formatPrice(h.price,a)}),r.jsxs("span",{className:"text-xs font-medium text-muted-foreground lowercase",children:["/ ",x("ecommerce.year")]})]})]}):r.jsxs("div",{className:"flex items-baseline gap-2",children:[r.jsx("span",{className:"text-xl font-bold text-primary",children:P}),!u&&t.sale_price&&r.jsx("span",{className:"text-sm text-muted-foreground line-through",children:l.formatPrice(t.price,a)})]})}),f&&r.jsxs("div",{className:"mb-4 rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs text-emerald-900",children:[r.jsx("div",{className:"font-semibold",children:f.label}),r.jsx("div",{className:"text-emerald-700",children:f.paymentRequirementLabel})]}),r.jsx("div",{className:"mt-auto",children:r.jsx(S.AddToCartButton,{product:{...e,price:e.price,prices:e.prices,sale_price:e.sale_price,sale_prices:e.sale_prices},className:"w-full"})})]})]})};exports.ProductCard=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),k=require("./AddToCartButton.cjs.js"),a=require("@nextblock-cms/utils"),b=require("next/link"),A=require("../CurrencyProvider.cjs.js"),c=require("../currency.cjs.js"),q=require("../trials.cjs.js"),R=require("../variation-utils.cjs.js"),T=({product:e,className:j})=>{const{activeCurrencyCode:l,currencies:i}=A.useCurrency(),t=c.resolvePriceRangeForCurrency({entries:e.variants?.length?e.variants:e.product_variants?.length?e.product_variants:[],currencyCode:l,currencies:i}),u=!!(e.has_variants&&t),n=c.resolveEffectivePriceForCurrency({prices:e.prices,salePrices:e.sale_prices,fallbackPrice:e.price,fallbackSalePrice:e.sale_price,saleStartAt:e.sale_start_at,saleEndAt:e.sale_end_at,scheduledPrice:e.scheduled_price,scheduledPrices:e.scheduled_prices,scheduledPriceAt:e.scheduled_price_at,currencyCode:l,currencies:i}),P=u&&t?t.min===t.max?a.formatPrice(t.min,l):`${a.formatPrice(t.min,l)} - ${a.formatPrice(t.max,l)}`:a.formatPrice(n.sale_price??n.price,l),y=e.variants?.length?e.variants:e.product_variants?.length?e.product_variants:[],N=u?y.some(s=>c.resolveEffectivePriceForCurrency({prices:s.prices,salePrices:s.sale_prices,fallbackPrice:s.price,fallbackSalePrice:s.sale_price,saleStartAt:s.sale_start_at,saleEndAt:s.sale_end_at,scheduledPrice:s.scheduled_price,scheduledPrices:s.scheduled_prices,scheduledPriceAt:s.scheduled_price_at,currencyCode:l,currencies:i}).sale_price!=null):n.sale_price!=null,{t:o,lang:C}=a.useTranslations(),g=o("ecommerce.on_sale"),w=g==="ecommerce.on_sale"?"On Sale":g,h=q.getTrialSummary(e),m=e.freemius_plans?.[0]?.freemius_pricing?.[0],d=i.find(s=>s.is_default)?.code||"USD",_=m?.override_monthly_price??m?.api_monthly_price,p=m?.override_annual_price??m?.api_annual_price,x=typeof _=="number"?c.resolvePriceForCurrency({prices:{[d]:a.majorUnitAmountToMinor(_,d)},currencyCode:l,currencies:i}):null,f=typeof p=="number"?c.resolvePriceForCurrency({prices:{[d]:a.majorUnitAmountToMinor(p,d)},currencyCode:l,currencies:i}):null;return r.jsxs("div",{className:a.cn("group relative flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm transition-all hover:shadow-md",j),children:[r.jsxs(b,{href:`/product/${e.slug}`,className:"relative aspect-square overflow-hidden bg-muted",children:[N&&r.jsx("span",{className:"absolute left-3 top-3 z-10 rounded-full bg-destructive px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-destructive-foreground shadow-sm",children:w}),e.image_url?r.jsx("img",{src:e.image_url,alt:e.title,className:"h-full w-full object-cover object-center transition-transform duration-300 group-hover:scale-105"}):r.jsx("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:"No Image"})]}),r.jsxs("div",{className:"flex flex-1 flex-col p-4",children:[e.categories&&e.categories.length>0&&r.jsx("div",{className:"text-[10px] font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400 mb-1",children:e.categories.map(s=>R.resolveTranslatedText(s.name,s.name_translations,C)).join(" • ")}),r.jsx(b,{href:`/product/${e.slug}`,className:"mb-2",children:r.jsx("h3",{className:"line-clamp-1 text-lg font-medium text-foreground group-hover:underline",children:e.title})}),r.jsx("div",{className:"flex items-center gap-1 mb-2 mt-0.5 text-xs text-muted-foreground min-h-[1.25rem] select-none","aria-label":`Rating: ${e.average_rating??0} out of 5 stars`,children:e.total_reviews&&e.total_reviews>0?r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"flex items-center text-amber-500 mr-1",children:Array.from({length:5}).map((s,v)=>{const S=e.average_rating??0;return r.jsx("svg",{className:a.cn("h-3.5 w-3.5 fill-current",v<Math.round(S)?"text-amber-500":"text-slate-200 dark:text-slate-800"),viewBox:"0 0 20 20",fill:"currentColor",children:r.jsx("path",{d:"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"})},v)})}),r.jsx("span",{className:"font-semibold text-slate-700 dark:text-slate-300",children:Number(e.average_rating).toFixed(1)}),r.jsxs("span",{className:"ml-0.5",children:["(",e.total_reviews,")"]})]}):r.jsx("span",{className:"text-slate-400 dark:text-slate-600",children:o("reviews.no_reviews")})}),r.jsx("div",{className:"mb-4",children:e.product_type==="digital"&&(x||f)?r.jsxs("div",{className:"flex flex-wrap items-baseline gap-x-3 gap-y-1",children:[x&&r.jsxs("div",{className:"flex items-baseline gap-0.5",children:[r.jsx("span",{className:"text-xl font-bold text-primary",children:a.formatPrice(x.price,l)}),r.jsxs("span",{className:"text-xs font-medium text-muted-foreground lowercase",children:["/ ",o("ecommerce.month")]})]}),f&&r.jsxs("div",{className:"flex items-baseline gap-0.5",children:[r.jsx("span",{className:a.cn("font-bold text-primary",x?"text-lg":"text-xl"),children:a.formatPrice(f.price,l)}),r.jsxs("span",{className:"text-xs font-medium text-muted-foreground lowercase",children:["/ ",o("ecommerce.year")]})]})]}):r.jsxs("div",{className:"flex items-baseline gap-2",children:[r.jsx("span",{className:"text-xl font-bold text-primary",children:P}),!u&&n.sale_price&&r.jsx("span",{className:"text-sm text-muted-foreground line-through",children:a.formatPrice(n.price,l)})]})}),h&&r.jsxs("div",{className:"mb-4 rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs text-emerald-900",children:[r.jsx("div",{className:"font-semibold",children:h.label}),r.jsx("div",{className:"text-emerald-700",children:h.paymentRequirementLabel})]}),r.jsx("div",{className:"mt-auto",children:r.jsx(k.AddToCartButton,{product:{...e,price:e.price,prices:e.prices,sale_price:e.sale_price,sale_prices:e.sale_prices},className:"w-full"})})]})]})};exports.ProductCard=T;

package/lib/components/ProductCard.es.js

@@ -1,18 +1,18 @@
 'use client';
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { AddToCartButton as R } from "./AddToCartButton.es.js";
-import { formatPrice as c, useTranslations as T, majorUnitAmountToMinor as b, cn as v } from "@nextblock-cms/utils";
+import { jsxs as s, jsx as a, Fragment as T } from "react/jsx-runtime";
+import { AddToCartButton as F } from "./AddToCartButton.es.js";
+import { formatPrice as i, useTranslations as M, majorUnitAmountToMinor as N, cn as p } from "@nextblock-cms/utils";
 import y from "next/link";
-import { useCurrency as L } from "../CurrencyProvider.es.js";
-import { resolvePriceRangeForCurrency as E, resolveEffectivePriceForCurrency as N, resolvePriceForCurrency as P } from "../currency.es.js";
-import { getTrialSummary as $ } from "../trials.es.js";
-import { resolveTranslatedText as F } from "../variation-utils.es.js";
-const G = ({ product: e, className: C }) => {
-  const { activeCurrencyCode: l, currencies: n } = L(), i = E({
+import { useCurrency as $ } from "../CurrencyProvider.es.js";
+import { resolvePriceRangeForCurrency as E, resolveEffectivePriceForCurrency as P, resolvePriceForCurrency as w } from "../currency.es.js";
+import { getTrialSummary as B } from "../trials.es.js";
+import { resolveTranslatedText as q } from "../variation-utils.es.js";
+const K = ({ product: e, className: C }) => {
+  const { activeCurrencyCode: l, currencies: n } = $(), t = E({
     entries: e.variants?.length ? e.variants : e.product_variants?.length ? e.product_variants : [],
     currencyCode: l,
     currencies: n
-  }), f = !!(e.has_variants && i), t = N({
+  }), f = !!(e.has_variants && t), c = P({
     prices: e.prices,
     salePrices: e.sale_prices,
     fallbackPrice: e.price,
@@ -24,82 +24,106 @@ const G = ({ product: e, className: C }) => {
     scheduledPriceAt: e.scheduled_price_at,
     currencyCode: l,
     currencies: n
-  }), w = f && i ? i.min === i.max ? c(i.min, l) : `${c(i.min, l)} - ${c(
-    i.max,
+  }), S = f && t ? t.min === t.max ? i(t.min, l) : `${i(t.min, l)} - ${i(
+    t.max,
     l
-  )}` : c(t.sale_price ?? t.price, l), S = e.variants?.length ? e.variants : e.product_variants?.length ? e.product_variants : [], j = f ? S.some(
-    (a) => N({
-      prices: a.prices,
-      salePrices: a.sale_prices,
-      fallbackPrice: a.price,
-      fallbackSalePrice: a.sale_price,
-      saleStartAt: a.sale_start_at,
-      saleEndAt: a.sale_end_at,
-      scheduledPrice: a.scheduled_price,
-      scheduledPrices: a.scheduled_prices,
-      scheduledPriceAt: a.scheduled_price_at,
+  )}` : i(c.sale_price ?? c.price, l), k = e.variants?.length ? e.variants : e.product_variants?.length ? e.product_variants : [], j = f ? k.some(
+    (r) => P({
+      prices: r.prices,
+      salePrices: r.sale_prices,
+      fallbackPrice: r.price,
+      fallbackSalePrice: r.sale_price,
+      saleStartAt: r.sale_start_at,
+      saleEndAt: r.sale_end_at,
+      scheduledPrice: r.scheduled_price,
+      scheduledPrices: r.scheduled_prices,
+      scheduledPriceAt: r.scheduled_price_at,
       currencyCode: l,
       currencies: n
     }).sale_price != null
-  ) : t.sale_price != null, { t: p, lang: k } = T(), x = p("ecommerce.on_sale"), A = x === "ecommerce.on_sale" ? "On Sale" : x, h = $(e), o = e.freemius_plans?.[0]?.freemius_pricing?.[0], m = n.find((a) => a.is_default)?.code || "USD", _ = o?.override_monthly_price ?? o?.api_monthly_price, g = o?.override_annual_price ?? o?.api_annual_price, d = typeof _ == "number" ? P({
+  ) : c.sale_price != null, { t: o, lang: A } = M(), g = o("ecommerce.on_sale"), R = g === "ecommerce.on_sale" ? "On Sale" : g, x = B(e), m = e.freemius_plans?.[0]?.freemius_pricing?.[0], d = n.find((r) => r.is_default)?.code || "USD", _ = m?.override_monthly_price ?? m?.api_monthly_price, v = m?.override_annual_price ?? m?.api_annual_price, h = typeof _ == "number" ? w({
     prices: {
-      [m]: b(
+      [d]: N(
         _,
-        m
+        d
       )
     },
     currencyCode: l,
     currencies: n
-  }) : null, u = typeof g == "number" ? P({
+  }) : null, u = typeof v == "number" ? w({
     prices: {
-      [m]: b(
-        g,
-        m
+      [d]: N(
+        v,
+        d
       )
     },
     currencyCode: l,
     currencies: n
   }) : null;
-  return /* @__PURE__ */ s("div", { className: v("group relative flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm transition-all hover:shadow-md", C), children: [
+  return /* @__PURE__ */ s("div", { className: p("group relative flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm transition-all hover:shadow-md", C), children: [
     /* @__PURE__ */ s(y, { href: `/product/${e.slug}`, className: "relative aspect-square overflow-hidden bg-muted", children: [
-      j && /* @__PURE__ */ r("span", { className: "absolute left-3 top-3 z-10 rounded-full bg-destructive px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-destructive-foreground shadow-sm", children: A }),
-      e.image_url ? /* @__PURE__ */ r(
+      j && /* @__PURE__ */ a("span", { className: "absolute left-3 top-3 z-10 rounded-full bg-destructive px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-destructive-foreground shadow-sm", children: R }),
+      e.image_url ? /* @__PURE__ */ a(
         "img",
         {
           src: e.image_url,
           alt: e.title,
           className: "h-full w-full object-cover object-center transition-transform duration-300 group-hover:scale-105"
         }
-      ) : /* @__PURE__ */ r("div", { className: "flex h-full items-center justify-center text-muted-foreground", children: "No Image" })
+      ) : /* @__PURE__ */ a("div", { className: "flex h-full items-center justify-center text-muted-foreground", children: "No Image" })
     ] }),
     /* @__PURE__ */ s("div", { className: "flex flex-1 flex-col p-4", children: [
-      e.categories && e.categories.length > 0 && /* @__PURE__ */ r("div", { className: "text-[10px] font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400 mb-1", children: e.categories.map((a) => F(a.name, a.name_translations, k)).join(" • ") }),
-      /* @__PURE__ */ r(y, { href: `/product/${e.slug}`, className: "mb-2", children: /* @__PURE__ */ r("h3", { className: "line-clamp-1 text-lg font-medium text-foreground group-hover:underline", children: e.title }) }),
-      /* @__PURE__ */ r("div", { className: "mb-4", children: e.product_type === "digital" && (d || u) ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [
-        d && /* @__PURE__ */ s("div", { className: "flex items-baseline gap-0.5", children: [
-          /* @__PURE__ */ r("span", { className: "text-xl font-bold text-primary", children: c(d.price, l) }),
+      e.categories && e.categories.length > 0 && /* @__PURE__ */ a("div", { className: "text-[10px] font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400 mb-1", children: e.categories.map((r) => q(r.name, r.name_translations, A)).join(" • ") }),
+      /* @__PURE__ */ a(y, { href: `/product/${e.slug}`, className: "mb-2", children: /* @__PURE__ */ a("h3", { className: "line-clamp-1 text-lg font-medium text-foreground group-hover:underline", children: e.title }) }),
+      /* @__PURE__ */ a("div", { className: "flex items-center gap-1 mb-2 mt-0.5 text-xs text-muted-foreground min-h-[1.25rem] select-none", "aria-label": `Rating: ${e.average_rating ?? 0} out of 5 stars`, children: e.total_reviews && e.total_reviews > 0 ? /* @__PURE__ */ s(T, { children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center text-amber-500 mr-1", children: Array.from({ length: 5 }).map((r, b) => {
+          const L = e.average_rating ?? 0;
+          return /* @__PURE__ */ a(
+            "svg",
+            {
+              className: p(
+                "h-3.5 w-3.5 fill-current",
+                b < Math.round(L) ? "text-amber-500" : "text-slate-200 dark:text-slate-800"
+              ),
+              viewBox: "0 0 20 20",
+              fill: "currentColor",
+              children: /* @__PURE__ */ a("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" })
+            },
+            b
+          );
+        }) }),
+        /* @__PURE__ */ a("span", { className: "font-semibold text-slate-700 dark:text-slate-300", children: Number(e.average_rating).toFixed(1) }),
+        /* @__PURE__ */ s("span", { className: "ml-0.5", children: [
+          "(",
+          e.total_reviews,
+          ")"
+        ] })
+      ] }) : /* @__PURE__ */ a("span", { className: "text-slate-400 dark:text-slate-600", children: o("reviews.no_reviews") }) }),
+      /* @__PURE__ */ a("div", { className: "mb-4", children: e.product_type === "digital" && (h || u) ? /* @__PURE__ */ s("div", { className: "flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [
+        h && /* @__PURE__ */ s("div", { className: "flex items-baseline gap-0.5", children: [
+          /* @__PURE__ */ a("span", { className: "text-xl font-bold text-primary", children: i(h.price, l) }),
           /* @__PURE__ */ s("span", { className: "text-xs font-medium text-muted-foreground lowercase", children: [
             "/ ",
-            p("ecommerce.month")
+            o("ecommerce.month")
           ] })
         ] }),
         u && /* @__PURE__ */ s("div", { className: "flex items-baseline gap-0.5", children: [
-          /* @__PURE__ */ r("span", { className: v("font-bold text-primary", d ? "text-lg" : "text-xl"), children: c(u.price, l) }),
+          /* @__PURE__ */ a("span", { className: p("font-bold text-primary", h ? "text-lg" : "text-xl"), children: i(u.price, l) }),
           /* @__PURE__ */ s("span", { className: "text-xs font-medium text-muted-foreground lowercase", children: [
             "/ ",
-            p("ecommerce.year")
+            o("ecommerce.year")
           ] })
         ] })
       ] }) : /* @__PURE__ */ s("div", { className: "flex items-baseline gap-2", children: [
-        /* @__PURE__ */ r("span", { className: "text-xl font-bold text-primary", children: w }),
-        !f && t.sale_price && /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground line-through", children: c(t.price, l) })
+        /* @__PURE__ */ a("span", { className: "text-xl font-bold text-primary", children: S }),
+        !f && c.sale_price && /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground line-through", children: i(c.price, l) })
       ] }) }),
-      h && /* @__PURE__ */ s("div", { className: "mb-4 rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs text-emerald-900", children: [
-        /* @__PURE__ */ r("div", { className: "font-semibold", children: h.label }),
-        /* @__PURE__ */ r("div", { className: "text-emerald-700", children: h.paymentRequirementLabel })
+      x && /* @__PURE__ */ s("div", { className: "mb-4 rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-xs text-emerald-900", children: [
+        /* @__PURE__ */ a("div", { className: "font-semibold", children: x.label }),
+        /* @__PURE__ */ a("div", { className: "text-emerald-700", children: x.paymentRequirementLabel })
       ] }),
-      /* @__PURE__ */ r("div", { className: "mt-auto", children: /* @__PURE__ */ r(
-        R,
+      /* @__PURE__ */ a("div", { className: "mt-auto", children: /* @__PURE__ */ a(
+        F,
         {
           product: {
             ...e,
@@ -115,5 +139,5 @@ const G = ({ product: e, className: C }) => {
   ] });
 };
 export {
-  G as ProductCard
+  K as ProductCard
 };

package/lib/components/ProductDetailsLayout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),R=require("lucide-react"),T=require("@nextblock-cms/ui/badge"),z=require("@nextblock-cms/ui/button"),W=require("@nextblock-cms/ui/label"),H=require("@nextblock-cms/ui/separator"),q=require("@nextblock-cms/utils"),Q=require("../product-context.cjs.js"),Y=require("./ProductGallery.cjs.js"),Z=require("./AddToCartButton.cjs.js"),ee=require("./SubscriptionSelector.cjs.js"),te=require("./SimpleTiptapRenderer.cjs.js"),h=require("../variation-utils.cjs.js"),se=require("../CurrencyProvider.cjs.js"),$=require("../currency.cjs.js"),re=require("../types.cjs.js"),ae=require("../trials.cjs.js");function I(l,v,t,o){const y={kind:"product-field",field:v,input:t,label:o},p=typeof window<"u"?window.location.origin:process.env.NEXT_PUBLIC_URL||process.env.TARGET_URL||(process.env.VERCEL_URL?`https://${process.env.VERCEL_URL}`:"")||"http://localhost:3000";let x=(typeof window<"u"?window.location.origin:process.env.NEXT_PUBLIC_URL||process.env.TARGET_URL||(process.env.VERCEL_URL?`https://${process.env.VERCEL_URL}`:"")||"http://localhost:3000").replace(/\/+$/,"");try{(x.startsWith("http://")||x.startsWith("https://"))&&(x=new URL(x).hostname)}catch{}const k=process.env.NEXTBLOCK_VERCEL_PROJECT_ID||process.env.VERCEL_PROJECT_ID,w=process.env.NEXTBLOCK_VERCEL_WORKSPACE_ID||process.env.VERCEL_ORG_ID,n={origin:x,editUrl:`${p}/cms/products/${l.id}/edit`,data:{parentType:"product",parentId:l.id,slug:l.slug,languageId:l.language_id,draftId:null,target:y}};return k&&(n.projectId=k),w&&(n.workspaceId=w),{"data-vercel-edit-info":JSON.stringify(n),"data-vercel-edit-target":JSON.stringify(y),"data-nextblock-visual-edit":`product:${v}`}}const ie=({visualEditingEnabled:l=!1,descriptionNode:v})=>{const t=Q.useProduct(),{t:o,lang:y}=q.useTranslations(),{activeCurrencyCode:p,currencies:P}=se.useCurrency(),x=l?I(t,"title","plain-text","Product title"):void 0,k=l?I(t,"short_description","plain-text","Short description"):void 0,w=l?I(t,"description_json","tiptap","Product description"):void 0,n=(r,u,i)=>{const B=o(r,i);return B===r?u:B},C=t.images&&t.images.length>0?t.images:t.image_url?[{url:t.image_url,alt:t.title}]:[],b=t.custom_props?.provider==="freemius"||re.isDigitalProduct(t),A=ae.getTrialSummary(t),a=!b&&!!(t.has_variants&&t.attributes?.length&&t.variants?.length),g=t.attributes||[],d=t.variants||[],[_,E]=m.useState(()=>h.chooseInitialVariantSelections(g,d)),[S,L]=m.useState(1);m.useEffect(()=>{L(1)},[t.id]),m.useEffect(()=>{a&&E(h.chooseInitialVariantSelections(g,d))},[g,a,t.id,d]);const f=m.useMemo(()=>a?h.normalizeSelectionsToAvailableVariants(g,d,_):_,[g,a,_,d]);m.useEffect(()=>{JSON.stringify(f)!==JSON.stringify(_)&&E(f)},[f,_]);const s=m.useMemo(()=>a?h.findMatchingVariant(d,f):null,[a,f,d]),V=$.resolveEffectivePriceForCurrency({prices:t.prices,salePrices:t.sale_prices,fallbackPrice:t.price,fallbackSalePrice:t.sale_price,saleStartAt:t.sale_start_at,saleEndAt:t.sale_end_at,scheduledPrice:t.scheduled_price,scheduledPrices:t.scheduled_prices,scheduledPriceAt:t.scheduled_price_at,currencyCode:p,currencies:P}),O=a&&s?$.resolveEffectivePriceForCurrency({prices:s.prices,salePrices:s.sale_prices,fallbackPrice:s.price,fallbackSalePrice:s.sale_price,saleStartAt:s.sale_start_at,saleEndAt:s.sale_end_at,scheduledPrice:s.scheduled_price,scheduledPrices:s.scheduled_prices,scheduledPriceAt:s.scheduled_price_at,currencyCode:p,currencies:P}):null,j=O?.price??V.price,N=O?.sale_price??V.sale_price,c=a?s?.stock_quantity??0:t.stock??0,D=m.useMemo(()=>{if(!s?.image_url)return C;const r={url:s.image_url,alt:`${t.title} ${s.label}`},u=C.filter(i=>i.url!==s.image_url);return[r,...u]},[C,t.title,s]),M=typeof N=="number"&&j>0?Math.round((j-N)/j*100):0,F=a&&s?{...t,sku:s.sku,price:s.price,prices:s.prices,sale_price:typeof s.sale_price=="number"?s.sale_price:null,sale_prices:s.sale_prices,image_url:s.image_url||t.image_url,stock:s.stock_quantity,variant_id:s.id,variant_label:s.label,selected_options:s.selected_options,currency_code:p}:{...t,currency_code:p},J=(r,u)=>{E(i=>h.normalizeSelectionsToAvailableVariants(g,d,{...i,[r]:u}))},G=n("ecommerce.in_stock",`${c} in stock`,{count:String(c)}),U=n("ecommerce.out_of_stock","Out of stock"),K=n("ecommerce.select_options","Select Options"),X=n("ecommerce.variant_selection_required","Select one term from every dropdown to resolve a variation.");return e.jsxs("div",{className:"w-full animate-in fade-in slide-in-from-bottom-4 duration-700 ease-out",children:[e.jsx("div",{className:"container mx-auto px-4 md:px-6 py-12",children:e.jsxs("div",{className:"grid gap-12 lg:grid-cols-[2fr_3fr] items-start",children:[e.jsx("div",{className:"w-full max-w-2xl mx-auto lg:max-w-none",children:e.jsx(Y.ProductGallery,{images:D,className:"w-full"})}),e.jsxs("div",{className:"flex flex-col gap-4 pb-2 max-w-xl mx-auto lg:mx-0 lg:max-w-none",children:[e.jsx("div",{className:"space-y-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h1",{className:"text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight text-foreground leading-[1.1] lg:mt-0",...x,children:t.title}),t.categories&&t.categories.length>0&&e.jsx("div",{className:"flex flex-wrap items-center gap-1.5 text-xs font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400",children:t.categories.map((r,u)=>{const i=h.resolveTranslatedText(r.name,r.name_translations,y);return e.jsxs(m.Fragment,{children:[u>0&&e.jsx("span",{className:"text-muted-foreground/30",children:"•"}),e.jsx("span",{children:i})]},r.id)})}),e.jsx("div",{className:"prose prose-neutral dark:prose-invert max-w-none text-muted-foreground leading-relaxed text-left",...k,children:t.short_description?e.jsx("div",{className:"text-lg mb-4 leading-relaxed",dangerouslySetInnerHTML:{__html:t.short_description}}):l?e.jsx("p",{className:"text-lg mb-4 italic text-muted-foreground",children:"Add a short product description."}):null}),e.jsxs("div",{className:"flex items-center gap-3",children:[typeof N=="number"&&e.jsx(T.Badge,{variant:"destructive",className:"px-2.5 py-1 text-xs font-bold uppercase tracking-wide animate-pulse shadow-sm",children:o("ecommerce.sale_badge",{percent:String(M)})}),!b&&c>0&&c<10&&e.jsx(T.Badge,{variant:"outline",className:"text-amber-600 border-amber-200 bg-amber-50",children:o("ecommerce.low_stock",{count:String(c)})}),A&&e.jsx(T.Badge,{variant:"secondary",className:"border border-emerald-200 bg-emerald-50 text-emerald-800",children:A.label})]})]})}),e.jsxs("div",{className:"p-5 rounded-2xl bg-card/60 border border-border/80 shadow-md backdrop-blur-md space-y-4",children:[b?e.jsx(ee.SubscriptionSelector,{product:t}):e.jsxs("div",{className:"space-y-3.5",children:[e.jsxs("div",{className:"flex items-center justify-between gap-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("span",{className:"text-[10px] font-bold text-muted-foreground uppercase tracking-widest",children:n("ecommerce.price","Price")}),e.jsxs("div",{className:"flex items-baseline gap-2.5",children:[e.jsx("span",{className:"text-3xl font-extrabold text-foreground",children:q.formatPrice(N??j,p)}),typeof N=="number"&&e.jsx("span",{className:"text-lg text-muted-foreground line-through decoration-destructive/20 decoration-1",children:q.formatPrice(j,p)})]})]}),!b&&(s||!a)&&e.jsxs("div",{className:"text-right space-y-1",children:[e.jsxs("span",{className:"text-[10px] font-bold text-muted-foreground uppercase tracking-widest block",children:[!a&&t.sku&&e.jsxs("span",{className:"mr-2 font-normal lowercase normal-case text-muted-foreground/70",children:["SKU: ",t.sku]}),n("ecommerce.status","Status")]}),e.jsx("div",{className:(c??0)>0?"text-emerald-600 dark:text-emerald-400 font-semibold text-sm":"text-destructive font-semibold text-sm",children:(c??0)>0?G:U})]})]}),a&&e.jsx("div",{className:"space-y-3",children:e.jsx("div",{className:"grid gap-3 sm:grid-cols-2",children:g.map(r=>{const u=h.getAvailableTermIdsForAttribute(d,r.id,f);return e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(W.Label,{htmlFor:`attribute-${r.id}`,className:"text-[11px] font-semibold text-muted-foreground uppercase tracking-wider",children:r.name}),s?.sku&&e.jsx("span",{className:"text-[10px] text-muted-foreground font-mono",children:s.sku})]}),e.jsx("select",{id:`attribute-${r.id}`,className:"flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",value:f[r.id]||"",onChange:i=>J(r.id,i.target.value),children:r.terms.map(i=>e.jsx("option",{value:i.id,disabled:!u.has(i.id),children:i.value},i.id))})]},r.id)})})}),a&&!s&&e.jsx("p",{className:"text-xs text-muted-foreground italic pt-1",children:X}),e.jsxs("div",{className:"flex items-center gap-3 pt-1",children:[!b&&(c??0)>0&&e.jsxs("div",{className:"flex items-center border rounded-lg h-12 bg-background border-input select-none",children:[e.jsx("button",{type:"button",onClick:()=>L(r=>Math.max(1,r-1)),className:"px-3 h-full flex items-center justify-center text-muted-foreground hover:text-foreground active:scale-95 transition-all text-lg font-medium",disabled:S<=1,children:"-"}),e.jsx("span",{className:"w-8 text-center text-sm font-semibold",children:S}),e.jsx("button",{type:"button",onClick:()=>L(r=>c!==null&&r>=c?r:r+1),className:"px-3 h-full flex items-center justify-center text-muted-foreground hover:text-foreground active:scale-95 transition-all text-lg font-medium",disabled:c!==null&&S>=c,children:"+"})]}),a&&(!s||(c??0)<=0)?e.jsx(z.Button,{disabled:!0,className:"flex-1 h-12 text-md font-bold shadow-md",children:s?U:K}):e.jsx(Z.AddToCartButton,{product:F,quantity:S,className:"flex-1 h-12 text-md font-bold shadow-md transition-all hover:shadow-lg active:scale-[0.98]"})]})]}),e.jsx(H.Separator,{className:"opacity-60 my-0.5"}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 text-center text-[11px] font-medium text-muted-foreground pt-1",children:[e.jsx("div",{className:"flex items-center justify-center gap-2",children:b?e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(R.Download,{className:"h-3.5 w-3.5"}),o("ecommerce.instant_digital_delivery")]}):e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(R.Package,{className:"h-3.5 w-3.5"}),o("ecommerce.free_shipping")]})}),e.jsx("div",{className:"flex items-center justify-center gap-2",children:e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(R.ShieldCheck,{className:"h-3.5 w-3.5"}),o("ecommerce.secure_checkout")]})})]})]})]})]})}),e.jsx("div",{className:"min-w-0 w-full",...v?void 0:w,children:v||(t.description_json?e.jsx("div",{className:"container mx-auto px-4 md:px-6 pb-12 prose prose-neutral dark:prose-invert max-w-none leading-relaxed",children:e.jsx(te.SimpleTiptapRenderer,{content:t.description_json})}):e.jsx("div",{className:"container mx-auto px-4 md:px-6 pb-12",children:e.jsx("p",{className:"italic text-sm text-muted-foreground",children:o("ecommerce.no_description")})}))})]})};exports.ProductDetailsLayout=ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),q=require("lucide-react"),A=require("@nextblock-cms/ui/badge"),W=require("@nextblock-cms/ui/button"),H=require("@nextblock-cms/ui/label"),Q=require("@nextblock-cms/ui/separator"),C=require("@nextblock-cms/utils"),Y=require("../product-context.cjs.js"),Z=require("./ProductGallery.cjs.js"),ee=require("./AddToCartButton.cjs.js"),te=require("./SubscriptionSelector.cjs.js"),se=require("./SimpleTiptapRenderer.cjs.js"),h=require("../variation-utils.cjs.js"),re=require("../CurrencyProvider.cjs.js"),M=require("../currency.cjs.js"),ae=require("../types.cjs.js"),ie=require("../trials.cjs.js");function I(o,f,w,t){const c={kind:"product-field",field:f,input:w,label:t},E=typeof window<"u"?window.location.origin:process.env.NEXT_PUBLIC_URL||process.env.TARGET_URL||(process.env.VERCEL_URL?`https://${process.env.VERCEL_URL}`:"")||"http://localhost:3000";let m=(typeof window<"u"?window.location.origin:process.env.NEXT_PUBLIC_URL||process.env.TARGET_URL||(process.env.VERCEL_URL?`https://${process.env.VERCEL_URL}`:"")||"http://localhost:3000").replace(/\/+$/,"");try{(m.startsWith("http://")||m.startsWith("https://"))&&(m=new URL(m).hostname)}catch{}const k=process.env.NEXTBLOCK_VERCEL_PROJECT_ID||process.env.VERCEL_PROJECT_ID,S=process.env.NEXTBLOCK_VERCEL_WORKSPACE_ID||process.env.VERCEL_ORG_ID,b={origin:m,editUrl:`${E}/cms/products/${o.id}/edit`,data:{parentType:"product",parentId:o.id,slug:o.slug,languageId:o.language_id,draftId:null,target:c}};return k&&(b.projectId=k),S&&(b.workspaceId=S),{"data-vercel-edit-info":JSON.stringify(b),"data-vercel-edit-target":JSON.stringify(c),"data-nextblock-visual-edit":`product:${f}`}}const ce=({visualEditingEnabled:o=!1,descriptionNode:f,reviewsNode:w})=>{const t=Y.useProduct(),{t:c,lang:E}=C.useTranslations(),{activeCurrencyCode:p,currencies:m}=re.useCurrency(),k=o?I(t,"title","plain-text","Product title"):void 0,S=o?I(t,"short_description","plain-text","Short description"):void 0,b=o?I(t,"description_json","tiptap","Product description"):void 0,v=(r,l,i)=>{const $=c(r,i);return $===r?l:$},L=t.images&&t.images.length>0?t.images:t.image_url?[{url:t.image_url,alt:t.title}]:[],_=t.custom_props?.provider==="freemius"||ae.isDigitalProduct(t),V=ie.getTrialSummary(t),a=!_&&!!(t.has_variants&&t.attributes?.length&&t.variants?.length),x=t.attributes||[],d=t.variants||[],[j,R]=u.useState(()=>h.chooseInitialVariantSelections(x,d)),[P,T]=u.useState(1);u.useEffect(()=>{T(1)},[t.id]),u.useEffect(()=>{a&&R(h.chooseInitialVariantSelections(x,d))},[x,a,t.id,d]);const g=u.useMemo(()=>a?h.normalizeSelectionsToAvailableVariants(x,d,j):j,[x,a,j,d]);u.useEffect(()=>{JSON.stringify(g)!==JSON.stringify(j)&&R(g)},[g,j]);const s=u.useMemo(()=>a?h.findMatchingVariant(d,g):null,[a,g,d]),O=M.resolveEffectivePriceForCurrency({prices:t.prices,salePrices:t.sale_prices,fallbackPrice:t.price,fallbackSalePrice:t.sale_price,saleStartAt:t.sale_start_at,saleEndAt:t.sale_end_at,scheduledPrice:t.scheduled_price,scheduledPrices:t.scheduled_prices,scheduledPriceAt:t.scheduled_price_at,currencyCode:p,currencies:m}),U=a&&s?M.resolveEffectivePriceForCurrency({prices:s.prices,salePrices:s.sale_prices,fallbackPrice:s.price,fallbackSalePrice:s.sale_price,saleStartAt:s.sale_start_at,saleEndAt:s.sale_end_at,scheduledPrice:s.scheduled_price,scheduledPrices:s.scheduled_prices,scheduledPriceAt:s.scheduled_price_at,currencyCode:p,currencies:m}):null,N=U?.price??O.price,y=U?.sale_price??O.sale_price,n=a?s?.stock_quantity??0:t.stock??0,D=u.useMemo(()=>{if(!s?.image_url)return L;const r={url:s.image_url,alt:`${t.title} ${s.label}`},l=L.filter(i=>i.url!==s.image_url);return[r,...l]},[L,t.title,s]),F=typeof y=="number"&&N>0?Math.round((N-y)/N*100):0,J=a&&s?{...t,sku:s.sku,price:s.price,prices:s.prices,sale_price:typeof s.sale_price=="number"?s.sale_price:null,sale_prices:s.sale_prices,image_url:s.image_url||t.image_url,stock:s.stock_quantity,variant_id:s.id,variant_label:s.label,selected_options:s.selected_options,currency_code:p}:{...t,currency_code:p},G=(r,l)=>{R(i=>h.normalizeSelectionsToAvailableVariants(x,d,{...i,[r]:l}))},z=v("ecommerce.in_stock",`${n} in stock`,{count:String(n)}),B=v("ecommerce.out_of_stock","Out of stock"),K=v("ecommerce.select_options","Select Options"),X=v("ecommerce.variant_selection_required","Select one term from every dropdown to resolve a variation.");return e.jsxs("div",{className:"w-full animate-in fade-in slide-in-from-bottom-4 duration-700 ease-out",children:[e.jsx("div",{className:"container mx-auto px-4 md:px-6 py-12",children:e.jsxs("div",{className:"grid gap-12 lg:grid-cols-[2fr_3fr] items-start",children:[e.jsx("div",{className:"w-full max-w-2xl mx-auto lg:max-w-none",children:e.jsx(Z.ProductGallery,{images:D,className:"w-full"})}),e.jsxs("div",{className:"flex flex-col gap-4 pb-2 max-w-xl mx-auto lg:mx-0 lg:max-w-none",children:[e.jsx("div",{className:"space-y-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx("h1",{className:"text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight text-foreground leading-[1.1] lg:mt-0",...k,children:t.title}),e.jsx("div",{className:"flex items-center gap-2 mt-2",children:e.jsxs("a",{href:"#reviews-section",className:"flex items-center gap-1.5 group hover:opacity-85 transition-opacity",children:[e.jsx("div",{className:"flex items-center text-amber-500",children:Array.from({length:5}).map((r,l)=>e.jsx("svg",{className:C.cn("h-4 w-4 fill-current",l<Math.round(t.average_rating||0)?"text-amber-500":"text-slate-300 dark:text-slate-700"),viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{d:"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"})},l))}),t.total_reviews&&t.total_reviews>0?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-sm font-semibold text-slate-700 dark:text-slate-300",children:t.average_rating?.toFixed(1)}),e.jsxs("span",{className:"text-sm text-muted-foreground underline decoration-dotted group-hover:text-primary",children:["(",t.total_reviews===1?c("reviews.review_count_one",{count:t.total_reviews}):c("reviews.review_count_other",{count:t.total_reviews}),")"]})]}):e.jsx("span",{className:"text-xs text-muted-foreground group-hover:text-primary underline decoration-dotted",children:c("reviews.be_the_first")})]})}),t.categories&&t.categories.length>0&&e.jsx("div",{className:"flex flex-wrap items-center gap-1.5 text-xs font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400",children:t.categories.map((r,l)=>{const i=h.resolveTranslatedText(r.name,r.name_translations,E);return e.jsxs(u.Fragment,{children:[l>0&&e.jsx("span",{className:"text-muted-foreground/30",children:"•"}),e.jsx("span",{children:i})]},r.id)})}),e.jsx("div",{className:"prose prose-neutral dark:prose-invert max-w-none text-muted-foreground leading-relaxed text-left",...S,children:t.short_description?e.jsx("div",{className:"text-lg mb-4 leading-relaxed",dangerouslySetInnerHTML:{__html:t.short_description}}):o?e.jsx("p",{className:"text-lg mb-4 italic text-muted-foreground",children:"Add a short product description."}):null}),e.jsxs("div",{className:"flex items-center gap-3",children:[typeof y=="number"&&e.jsx(A.Badge,{variant:"destructive",className:"px-2.5 py-1 text-xs font-bold uppercase tracking-wide animate-pulse shadow-sm",children:c("ecommerce.sale_badge",{percent:String(F)})}),!_&&n>0&&n<10&&e.jsx(A.Badge,{variant:"outline",className:"text-amber-600 border-amber-200 bg-amber-50",children:c("ecommerce.low_stock",{count:String(n)})}),V&&e.jsx(A.Badge,{variant:"secondary",className:"border border-emerald-200 bg-emerald-50 text-emerald-800",children:V.label})]})]})}),e.jsxs("div",{className:"p-5 rounded-2xl bg-card/60 border border-border/80 shadow-md backdrop-blur-md space-y-4",children:[_?e.jsx(te.SubscriptionSelector,{product:t}):e.jsxs("div",{className:"space-y-3.5",children:[e.jsxs("div",{className:"flex items-center justify-between gap-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("span",{className:"text-[10px] font-bold text-muted-foreground uppercase tracking-widest",children:v("ecommerce.price","Price")}),e.jsxs("div",{className:"flex items-baseline gap-2.5",children:[e.jsx("span",{className:"text-3xl font-extrabold text-foreground",children:C.formatPrice(y??N,p)}),typeof y=="number"&&e.jsx("span",{className:"text-lg text-muted-foreground line-through decoration-destructive/20 decoration-1",children:C.formatPrice(N,p)})]})]}),!_&&(s||!a)&&e.jsxs("div",{className:"text-right space-y-1",children:[e.jsxs("span",{className:"text-[10px] font-bold text-muted-foreground uppercase tracking-widest block",children:[!a&&t.sku&&e.jsxs("span",{className:"mr-2 font-normal lowercase normal-case text-muted-foreground/70",children:["SKU: ",t.sku]}),v("ecommerce.status","Status")]}),e.jsx("div",{className:(n??0)>0?"text-emerald-600 dark:text-emerald-400 font-semibold text-sm":"text-destructive font-semibold text-sm",children:(n??0)>0?z:B})]})]}),a&&e.jsx("div",{className:"space-y-3",children:e.jsx("div",{className:"grid gap-3 sm:grid-cols-2",children:x.map(r=>{const l=h.getAvailableTermIdsForAttribute(d,r.id,g);return e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(H.Label,{htmlFor:`attribute-${r.id}`,className:"text-[11px] font-semibold text-muted-foreground uppercase tracking-wider",children:r.name}),s?.sku&&e.jsx("span",{className:"text-[10px] text-muted-foreground font-mono",children:s.sku})]}),e.jsx("select",{id:`attribute-${r.id}`,className:"flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",value:g[r.id]||"",onChange:i=>G(r.id,i.target.value),children:r.terms.map(i=>e.jsx("option",{value:i.id,disabled:!l.has(i.id),children:i.value},i.id))})]},r.id)})})}),a&&!s&&e.jsx("p",{className:"text-xs text-muted-foreground italic pt-1",children:X}),e.jsxs("div",{className:"flex items-center gap-3 pt-1",children:[!_&&(n??0)>0&&e.jsxs("div",{className:"flex items-center border rounded-lg h-12 bg-background border-input select-none",children:[e.jsx("button",{type:"button",onClick:()=>T(r=>Math.max(1,r-1)),className:"px-3 h-full flex items-center justify-center text-muted-foreground hover:text-foreground active:scale-95 transition-all text-lg font-medium",disabled:P<=1,children:"-"}),e.jsx("span",{className:"w-8 text-center text-sm font-semibold",children:P}),e.jsx("button",{type:"button",onClick:()=>T(r=>n!==null&&r>=n?r:r+1),className:"px-3 h-full flex items-center justify-center text-muted-foreground hover:text-foreground active:scale-95 transition-all text-lg font-medium",disabled:n!==null&&P>=n,children:"+"})]}),a&&(!s||(n??0)<=0)?e.jsx(W.Button,{disabled:!0,className:"flex-1 h-12 text-md font-bold shadow-md",children:s?B:K}):e.jsx(ee.AddToCartButton,{product:J,quantity:P,className:"flex-1 h-12 text-md font-bold shadow-md transition-all hover:shadow-lg active:scale-[0.98]"})]})]}),e.jsx(Q.Separator,{className:"opacity-60 my-0.5"}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 text-center text-[11px] font-medium text-muted-foreground pt-1",children:[e.jsx("div",{className:"flex items-center justify-center gap-2",children:_?e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(q.Download,{className:"h-3.5 w-3.5"}),c("ecommerce.instant_digital_delivery")]}):e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(q.Package,{className:"h-3.5 w-3.5"}),c("ecommerce.free_shipping")]})}),e.jsx("div",{className:"flex items-center justify-center gap-2",children:e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(q.ShieldCheck,{className:"h-3.5 w-3.5"}),c("ecommerce.secure_checkout")]})})]})]})]})]})}),e.jsx("div",{className:"min-w-0 w-full",...f?void 0:b,children:f||(t.description_json?e.jsx("div",{className:"container mx-auto px-4 md:px-6 pb-12 prose prose-neutral dark:prose-invert max-w-none leading-relaxed",children:e.jsx(se.SimpleTiptapRenderer,{content:t.description_json})}):e.jsx("div",{className:"container mx-auto px-4 md:px-6 pb-12",children:e.jsx("p",{className:"italic text-sm text-muted-foreground",children:c("ecommerce.no_description")})}))}),w&&e.jsx("div",{id:"reviews-section",className:"border-t border-border mt-12 pt-12",children:w})]})};exports.ProductDetailsLayout=ce;

package/lib/components/ProductDetailsLayout.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 interface ProductDetailsLayoutProps {
     visualEditingEnabled?: boolean;
     descriptionNode?: React.ReactNode;
+    reviewsNode?: React.ReactNode;
 }
 export declare const ProductDetailsLayout: React.FC<ProductDetailsLayoutProps>;
 export {};

package/lib/components/ProductDetailsLayout.es.js

@@ -1,89 +1,90 @@
 'use client';
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import Q, { useState as B, useEffect as R, useMemo as T } from "react";
-import { Download as Y, Package as Z, ShieldCheck as ee } from "lucide-react";
-import { Badge as I } from "@nextblock-cms/ui/badge";
-import { Button as te } from "@nextblock-cms/ui/button";
-import { Label as re } from "@nextblock-cms/ui/label";
-import { Separator as se } from "@nextblock-cms/ui/separator";
-import { useTranslations as ae, formatPrice as D } from "@nextblock-cms/utils";
-import { useProduct as ie } from "../product-context.es.js";
-import { ProductGallery as ce } from "./ProductGallery.es.js";
-import { AddToCartButton as ne } from "./AddToCartButton.es.js";
-import { SubscriptionSelector as le } from "./SubscriptionSelector.es.js";
-import { SimpleTiptapRenderer as oe } from "./SimpleTiptapRenderer.es.js";
-import { chooseInitialVariantSelections as F, normalizeSelectionsToAvailableVariants as J, findMatchingVariant as de, resolveTranslatedText as me, getAvailableTermIdsForAttribute as pe } from "../variation-utils.es.js";
-import { useCurrency as ue } from "../CurrencyProvider.es.js";
-import { resolveEffectivePriceForCurrency as M } from "../currency.es.js";
-import { isDigitalProduct as fe } from "../types.es.js";
-import { getTrialSummary as ge } from "../trials.es.js";
-function A(o, x, e, d) {
-  const y = {
+import { jsxs as a, jsx as t, Fragment as Y } from "react/jsx-runtime";
+import Z, { useState as D, useEffect as T, useMemo as I } from "react";
+import { Download as ee, Package as te, ShieldCheck as re } from "lucide-react";
+import { Badge as A } from "@nextblock-cms/ui/badge";
+import { Button as se } from "@nextblock-cms/ui/button";
+import { Label as ae } from "@nextblock-cms/ui/label";
+import { Separator as ie } from "@nextblock-cms/ui/separator";
+import { useTranslations as ce, cn as le, formatPrice as F } from "@nextblock-cms/utils";
+import { useProduct as ne } from "../product-context.es.js";
+import { ProductGallery as oe } from "./ProductGallery.es.js";
+import { AddToCartButton as de } from "./AddToCartButton.es.js";
+import { SubscriptionSelector as me } from "./SubscriptionSelector.es.js";
+import { SimpleTiptapRenderer as pe } from "./SimpleTiptapRenderer.es.js";
+import { chooseInitialVariantSelections as M, normalizeSelectionsToAvailableVariants as J, findMatchingVariant as ue, resolveTranslatedText as fe, getAvailableTermIdsForAttribute as he } from "../variation-utils.es.js";
+import { useCurrency as ge } from "../CurrencyProvider.es.js";
+import { resolveEffectivePriceForCurrency as G } from "../currency.es.js";
+import { isDigitalProduct as xe } from "../types.es.js";
+import { getTrialSummary as ve } from "../trials.es.js";
+function V(d, g, w, e) {
+  const l = {
     kind: "product-field",
-    field: x,
-    input: e,
-    label: d
-  }, u = typeof window < "u" ? window.location.origin : process.env.NEXT_PUBLIC_URL || process.env.TARGET_URL || (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "") || "http://localhost:3000";
-  let f = (typeof window < "u" ? window.location.origin : process.env.NEXT_PUBLIC_URL || process.env.TARGET_URL || (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "") || "http://localhost:3000").replace(/\/+$/, "");
+    field: g,
+    input: w,
+    label: e
+  }, C = typeof window < "u" ? window.location.origin : process.env.NEXT_PUBLIC_URL || process.env.TARGET_URL || (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "") || "http://localhost:3000";
+  let p = (typeof window < "u" ? window.location.origin : process.env.NEXT_PUBLIC_URL || process.env.TARGET_URL || (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "") || "http://localhost:3000").replace(/\/+$/, "");
   try {
-    (f.startsWith("http://") || f.startsWith("https://")) && (f = new URL(f).hostname);
+    (p.startsWith("http://") || p.startsWith("https://")) && (p = new URL(p).hostname);
   } catch {
   }
-  const k = process.env.NEXTBLOCK_VERCEL_PROJECT_ID || process.env.VERCEL_PROJECT_ID, w = process.env.NEXTBLOCK_VERCEL_WORKSPACE_ID || process.env.VERCEL_ORG_ID, l = {
-    origin: f,
-    editUrl: `${u}/cms/products/${o.id}/edit`,
+  const k = process.env.NEXTBLOCK_VERCEL_PROJECT_ID || process.env.VERCEL_PROJECT_ID, S = process.env.NEXTBLOCK_VERCEL_WORKSPACE_ID || process.env.VERCEL_ORG_ID, _ = {
+    origin: p,
+    editUrl: `${C}/cms/products/${d.id}/edit`,
     data: {
       parentType: "product",
-      parentId: o.id,
-      slug: o.slug,
-      languageId: o.language_id,
+      parentId: d.id,
+      slug: d.slug,
+      languageId: d.language_id,
       draftId: null,
-      target: y
+      target: l
     }
   };
-  return k && (l.projectId = k), w && (l.workspaceId = w), {
-    "data-vercel-edit-info": JSON.stringify(l),
-    "data-vercel-edit-target": JSON.stringify(y),
-    "data-nextblock-visual-edit": `product:${x}`
+  return k && (_.projectId = k), S && (_.workspaceId = S), {
+    "data-vercel-edit-info": JSON.stringify(_),
+    "data-vercel-edit-target": JSON.stringify(l),
+    "data-nextblock-visual-edit": `product:${g}`
   };
 }
-const Ve = ({
-  visualEditingEnabled: o = !1,
-  descriptionNode: x
+const je = ({
+  visualEditingEnabled: d = !1,
+  descriptionNode: g,
+  reviewsNode: w
 }) => {
-  const e = ie(), { t: d, lang: y } = ae(), { activeCurrencyCode: u, currencies: P } = ue(), f = o ? A(
+  const e = ne(), { t: l, lang: C } = ce(), { activeCurrencyCode: u, currencies: p } = ge(), k = d ? V(
     e,
     "title",
     "plain-text",
     "Product title"
-  ) : void 0, k = o ? A(
+  ) : void 0, S = d ? V(
     e,
     "short_description",
     "plain-text",
     "Short description"
-  ) : void 0, w = o ? A(
+  ) : void 0, _ = d ? V(
     e,
     "description_json",
     "tiptap",
     "Product description"
-  ) : void 0, l = (s, p, c) => {
-    const $ = d(s, c);
-    return $ === s ? p : $;
-  }, C = e.images && e.images.length > 0 ? e.images : e.image_url ? [{ url: e.image_url, alt: e.title }] : [], v = e.custom_props?.provider === "freemius" || fe(e), V = ge(e), i = !v && !!(e.has_variants && e.attributes?.length && e.variants?.length), g = e.attributes || [], m = e.variants || [], [_, L] = B(() => F(g, m)), [S, E] = B(1);
-  R(() => {
-    E(1);
-  }, [e.id]), R(() => {
-    i && L(F(g, m));
-  }, [g, i, e.id, m]);
-  const h = T(() => i ? J(
-    g,
+  ) : void 0, x = (s, o, c) => {
+    const B = l(s, c);
+    return B === s ? o : B;
+  }, L = e.images && e.images.length > 0 ? e.images : e.image_url ? [{ url: e.image_url, alt: e.title }] : [], v = e.custom_props?.provider === "freemius" || xe(e), O = ve(e), i = !v && !!(e.has_variants && e.attributes?.length && e.variants?.length), f = e.attributes || [], m = e.variants || [], [b, E] = D(() => M(f, m)), [P, R] = D(1);
+  T(() => {
+    R(1);
+  }, [e.id]), T(() => {
+    i && E(M(f, m));
+  }, [f, i, e.id, m]);
+  const h = I(() => i ? J(
+    f,
     m,
-    _
-  ) : _, [g, i, _, m]);
-  R(() => {
-    JSON.stringify(h) !== JSON.stringify(_) && L(h);
-  }, [h, _]);
-  const r = T(() => i ? de(m, h) : null, [i, h, m]), O = M({
+    b
+  ) : b, [f, i, b, m]);
+  T(() => {
+    JSON.stringify(h) !== JSON.stringify(b) && E(h);
+  }, [h, b]);
+  const r = I(() => i ? ue(m, h) : null, [i, h, m]), U = G({
     prices: e.prices,
     salePrices: e.sale_prices,
     fallbackPrice: e.price,
@@ -94,8 +95,8 @@ const Ve = ({
     scheduledPrices: e.scheduled_prices,
     scheduledPriceAt: e.scheduled_price_at,
     currencyCode: u,
-    currencies: P
-  }), U = i && r ? M({
+    currencies: p
+  }), j = i && r ? G({
     prices: r.prices,
     salePrices: r.sale_prices,
     fallbackPrice: r.price,
@@ -106,20 +107,20 @@ const Ve = ({
     scheduledPrices: r.scheduled_prices,
     scheduledPriceAt: r.scheduled_price_at,
     currencyCode: u,
-    currencies: P
-  }) : null, b = U?.price ?? O.price, N = U?.sale_price ?? O.sale_price, n = i ? r?.stock_quantity ?? 0 : e.stock ?? 0, G = T(() => {
+    currencies: p
+  }) : null, N = j?.price ?? U.price, y = j?.sale_price ?? U.sale_price, n = i ? r?.stock_quantity ?? 0 : e.stock ?? 0, K = I(() => {
     if (!r?.image_url)
-      return C;
+      return L;
     const s = {
       url: r.image_url,
       alt: `${e.title} ${r.label}`
-    }, p = C.filter(
+    }, o = L.filter(
       (c) => c.url !== r.image_url
     );
-    return [s, ...p];
-  }, [C, e.title, r]), K = typeof N == "number" && b > 0 ? Math.round(
-    (b - N) / b * 100
-  ) : 0, X = i && r ? {
+    return [s, ...o];
+  }, [L, e.title, r]), X = typeof y == "number" && N > 0 ? Math.round(
+    (N - y) / N * 100
+  ) : 0, q = i && r ? {
     ...e,
     sku: r.sku,
     price: r.price,
@@ -135,48 +136,78 @@ const Ve = ({
   } : {
     ...e,
     currency_code: u
-  }, q = (s, p) => {
-    L(
-      (c) => J(g, m, {
+  }, z = (s, o) => {
+    E(
+      (c) => J(f, m, {
         ...c,
-        [s]: p
+        [s]: o
       })
     );
-  }, W = l(
+  }, W = x(
     "ecommerce.in_stock",
     `${n} in stock`,
     { count: String(n) }
-  ), j = l(
+  ), $ = x(
     "ecommerce.out_of_stock",
     "Out of stock"
-  ), z = l(
+  ), H = x(
     "ecommerce.select_options",
     "Select Options"
-  ), H = l(
+  ), Q = x(
     "ecommerce.variant_selection_required",
     "Select one term from every dropdown to resolve a variation."
   );
   return /* @__PURE__ */ a("div", { className: "w-full animate-in fade-in slide-in-from-bottom-4 duration-700 ease-out", children: [
     /* @__PURE__ */ t("div", { className: "container mx-auto px-4 md:px-6 py-12", children: /* @__PURE__ */ a("div", { className: "grid gap-12 lg:grid-cols-[2fr_3fr] items-start", children: [
-      /* @__PURE__ */ t("div", { className: "w-full max-w-2xl mx-auto lg:max-w-none", children: /* @__PURE__ */ t(ce, { images: G, className: "w-full" }) }),
+      /* @__PURE__ */ t("div", { className: "w-full max-w-2xl mx-auto lg:max-w-none", children: /* @__PURE__ */ t(oe, { images: K, className: "w-full" }) }),
       /* @__PURE__ */ a("div", { className: "flex flex-col gap-4 pb-2 max-w-xl mx-auto lg:mx-0 lg:max-w-none", children: [
         /* @__PURE__ */ t("div", { className: "space-y-6", children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
           /* @__PURE__ */ t(
             "h1",
             {
               className: "text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight text-foreground leading-[1.1] lg:mt-0",
-              ...f,
+              ...k,
               children: e.title
             }
           ),
-          e.categories && e.categories.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-1.5 text-xs font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400", children: e.categories.map((s, p) => {
-            const c = me(
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mt-2", children: /* @__PURE__ */ a(
+            "a",
+            {
+              href: "#reviews-section",
+              className: "flex items-center gap-1.5 group hover:opacity-85 transition-opacity",
+              children: [
+                /* @__PURE__ */ t("div", { className: "flex items-center text-amber-500", children: Array.from({ length: 5 }).map((s, o) => /* @__PURE__ */ t(
+                  "svg",
+                  {
+                    className: le(
+                      "h-4 w-4 fill-current",
+                      o < Math.round(e.average_rating || 0) ? "text-amber-500" : "text-slate-300 dark:text-slate-700"
+                    ),
+                    viewBox: "0 0 20 20",
+                    fill: "currentColor",
+                    children: /* @__PURE__ */ t("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" })
+                  },
+                  o
+                )) }),
+                e.total_reviews && e.total_reviews > 0 ? /* @__PURE__ */ a(Y, { children: [
+                  /* @__PURE__ */ t("span", { className: "text-sm font-semibold text-slate-700 dark:text-slate-300", children: e.average_rating?.toFixed(1) }),
+                  /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground underline decoration-dotted group-hover:text-primary", children: [
+                    "(",
+                    e.total_reviews === 1 ? l("reviews.review_count_one", { count: e.total_reviews }) : l("reviews.review_count_other", { count: e.total_reviews }),
+                    ")"
+                  ] })
+                ] }) : /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground group-hover:text-primary underline decoration-dotted", children: l("reviews.be_the_first") })
+              ]
+            }
+          ) }),
+          e.categories && e.categories.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-1.5 text-xs font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400", children: e.categories.map((s, o) => {
+            const c = fe(
               s.name,
               s.name_translations,
-              y
+              C
             );
-            return /* @__PURE__ */ a(Q.Fragment, { children: [
-              p > 0 && /* @__PURE__ */ t("span", { className: "text-muted-foreground/30", children: "•" }),
+            return /* @__PURE__ */ a(Z.Fragment, { children: [
+              o > 0 && /* @__PURE__ */ t("span", { className: "text-muted-foreground/30", children: "•" }),
               /* @__PURE__ */ t("span", { children: c })
             ] }, s.id);
           }) }),
@@ -184,7 +215,7 @@ const Ve = ({
             "div",
             {
               className: "prose prose-neutral dark:prose-invert max-w-none text-muted-foreground leading-relaxed text-left",
-              ...k,
+              ...S,
               children: e.short_description ? /* @__PURE__ */ t(
                 "div",
                 {
@@ -193,51 +224,51 @@ const Ve = ({
                     __html: e.short_description
                   }
                 }
-              ) : o ? /* @__PURE__ */ t("p", { className: "text-lg mb-4 italic text-muted-foreground", children: "Add a short product description." }) : null
+              ) : d ? /* @__PURE__ */ t("p", { className: "text-lg mb-4 italic text-muted-foreground", children: "Add a short product description." }) : null
             }
           ),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-            typeof N == "number" && /* @__PURE__ */ t(
-              I,
+            typeof y == "number" && /* @__PURE__ */ t(
+              A,
               {
                 variant: "destructive",
                 className: "px-2.5 py-1 text-xs font-bold uppercase tracking-wide animate-pulse shadow-sm",
-                children: d("ecommerce.sale_badge", {
-                  percent: String(K)
+                children: l("ecommerce.sale_badge", {
+                  percent: String(X)
                 })
               }
             ),
             !v && n > 0 && n < 10 && /* @__PURE__ */ t(
-              I,
+              A,
               {
                 variant: "outline",
                 className: "text-amber-600 border-amber-200 bg-amber-50",
-                children: d("ecommerce.low_stock", {
+                children: l("ecommerce.low_stock", {
                   count: String(n)
                 })
               }
             ),
-            V && /* @__PURE__ */ t(
-              I,
+            O && /* @__PURE__ */ t(
+              A,
               {
                 variant: "secondary",
                 className: "border border-emerald-200 bg-emerald-50 text-emerald-800",
-                children: V.label
+                children: O.label
               }
             )
           ] })
         ] }) }),
         /* @__PURE__ */ a("div", { className: "p-5 rounded-2xl bg-card/60 border border-border/80 shadow-md backdrop-blur-md space-y-4", children: [
-          v ? /* @__PURE__ */ t(le, { product: e }) : /* @__PURE__ */ a("div", { className: "space-y-3.5", children: [
+          v ? /* @__PURE__ */ t(me, { product: e }) : /* @__PURE__ */ a("div", { className: "space-y-3.5", children: [
             /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-4", children: [
               /* @__PURE__ */ a("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ t("span", { className: "text-[10px] font-bold text-muted-foreground uppercase tracking-widest", children: l("ecommerce.price", "Price") }),
+                /* @__PURE__ */ t("span", { className: "text-[10px] font-bold text-muted-foreground uppercase tracking-widest", children: x("ecommerce.price", "Price") }),
                 /* @__PURE__ */ a("div", { className: "flex items-baseline gap-2.5", children: [
-                  /* @__PURE__ */ t("span", { className: "text-3xl font-extrabold text-foreground", children: D(
-                    N ?? b,
+                  /* @__PURE__ */ t("span", { className: "text-3xl font-extrabold text-foreground", children: F(
+                    y ?? N,
                     u
                   ) }),
-                  typeof N == "number" && /* @__PURE__ */ t("span", { className: "text-lg text-muted-foreground line-through decoration-destructive/20 decoration-1", children: D(b, u) })
+                  typeof y == "number" && /* @__PURE__ */ t("span", { className: "text-lg text-muted-foreground line-through decoration-destructive/20 decoration-1", children: F(N, u) })
                 ] })
               ] }),
               !v && (r || !i) && /* @__PURE__ */ a("div", { className: "text-right space-y-1", children: [
@@ -246,13 +277,13 @@ const Ve = ({
                     "SKU: ",
                     e.sku
                   ] }),
-                  l("ecommerce.status", "Status")
+                  x("ecommerce.status", "Status")
                 ] }),
-                /* @__PURE__ */ t("div", { className: (n ?? 0) > 0 ? "text-emerald-600 dark:text-emerald-400 font-semibold text-sm" : "text-destructive font-semibold text-sm", children: (n ?? 0) > 0 ? W : j })
+                /* @__PURE__ */ t("div", { className: (n ?? 0) > 0 ? "text-emerald-600 dark:text-emerald-400 font-semibold text-sm" : "text-destructive font-semibold text-sm", children: (n ?? 0) > 0 ? W : $ })
               ] })
             ] }),
-            i && /* @__PURE__ */ t("div", { className: "space-y-3", children: /* @__PURE__ */ t("div", { className: "grid gap-3 sm:grid-cols-2", children: g.map((s) => {
-              const p = pe(
+            i && /* @__PURE__ */ t("div", { className: "space-y-3", children: /* @__PURE__ */ t("div", { className: "grid gap-3 sm:grid-cols-2", children: f.map((s) => {
+              const o = he(
                 m,
                 s.id,
                 h
@@ -260,7 +291,7 @@ const Ve = ({
               return /* @__PURE__ */ a("div", { className: "space-y-1", children: [
                 /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ t(
-                    re,
+                    ae,
                     {
                       htmlFor: `attribute-${s.id}`,
                       className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-wider",
@@ -275,7 +306,7 @@ const Ve = ({
                     id: `attribute-${s.id}`,
                     className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
                     value: h[s.id] || "",
-                    onChange: (c) => q(
+                    onChange: (c) => z(
                       s.id,
                       c.target.value
                     ),
@@ -283,7 +314,7 @@ const Ve = ({
                       "option",
                       {
                         value: c.id,
-                        disabled: !p.has(c.id),
+                        disabled: !o.has(c.id),
                         children: c.value
                       },
                       c.id
@@ -292,70 +323,71 @@ const Ve = ({
                 )
               ] }, s.id);
             }) }) }),
-            i && !r && /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground italic pt-1", children: H }),
+            i && !r && /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground italic pt-1", children: Q }),
             /* @__PURE__ */ a("div", { className: "flex items-center gap-3 pt-1", children: [
               !v && (n ?? 0) > 0 && /* @__PURE__ */ a("div", { className: "flex items-center border rounded-lg h-12 bg-background border-input select-none", children: [
                 /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
-                    onClick: () => E((s) => Math.max(1, s - 1)),
+                    onClick: () => R((s) => Math.max(1, s - 1)),
                     className: "px-3 h-full flex items-center justify-center text-muted-foreground hover:text-foreground active:scale-95 transition-all text-lg font-medium",
-                    disabled: S <= 1,
+                    disabled: P <= 1,
                     children: "-"
                   }
                 ),
-                /* @__PURE__ */ t("span", { className: "w-8 text-center text-sm font-semibold", children: S }),
+                /* @__PURE__ */ t("span", { className: "w-8 text-center text-sm font-semibold", children: P }),
                 /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
-                    onClick: () => E(
+                    onClick: () => R(
                       (s) => n !== null && s >= n ? s : s + 1
                     ),
                     className: "px-3 h-full flex items-center justify-center text-muted-foreground hover:text-foreground active:scale-95 transition-all text-lg font-medium",
-                    disabled: n !== null && S >= n,
+                    disabled: n !== null && P >= n,
                     children: "+"
                   }
                 )
               ] }),
               i && (!r || (n ?? 0) <= 0) ? /* @__PURE__ */ t(
-                te,
+                se,
                 {
                   disabled: !0,
                   className: "flex-1 h-12 text-md font-bold shadow-md",
-                  children: r ? j : z
+                  children: r ? $ : H
                 }
               ) : /* @__PURE__ */ t(
-                ne,
+                de,
                 {
-                  product: X,
-                  quantity: S,
+                  product: q,
+                  quantity: P,
                   className: "flex-1 h-12 text-md font-bold shadow-md transition-all hover:shadow-lg active:scale-[0.98]"
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ t(se, { className: "opacity-60 my-0.5" }),
+          /* @__PURE__ */ t(ie, { className: "opacity-60 my-0.5" }),
           /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-4 text-center text-[11px] font-medium text-muted-foreground pt-1", children: [
             /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-2", children: v ? /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ t(Y, { className: "h-3.5 w-3.5" }),
-              d("ecommerce.instant_digital_delivery")
+              /* @__PURE__ */ t(ee, { className: "h-3.5 w-3.5" }),
+              l("ecommerce.instant_digital_delivery")
             ] }) : /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ t(Z, { className: "h-3.5 w-3.5" }),
-              d("ecommerce.free_shipping")
+              /* @__PURE__ */ t(te, { className: "h-3.5 w-3.5" }),
+              l("ecommerce.free_shipping")
             ] }) }),
             /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-2", children: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ t(ee, { className: "h-3.5 w-3.5" }),
-              d("ecommerce.secure_checkout")
+              /* @__PURE__ */ t(re, { className: "h-3.5 w-3.5" }),
+              l("ecommerce.secure_checkout")
             ] }) })
           ] })
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ t("div", { className: "min-w-0 w-full", ...x ? void 0 : w, children: x || (e.description_json ? /* @__PURE__ */ t("div", { className: "container mx-auto px-4 md:px-6 pb-12 prose prose-neutral dark:prose-invert max-w-none leading-relaxed", children: /* @__PURE__ */ t(oe, { content: e.description_json }) }) : /* @__PURE__ */ t("div", { className: "container mx-auto px-4 md:px-6 pb-12", children: /* @__PURE__ */ t("p", { className: "italic text-sm text-muted-foreground", children: d("ecommerce.no_description") }) })) })
+    /* @__PURE__ */ t("div", { className: "min-w-0 w-full", ...g ? void 0 : _, children: g || (e.description_json ? /* @__PURE__ */ t("div", { className: "container mx-auto px-4 md:px-6 pb-12 prose prose-neutral dark:prose-invert max-w-none leading-relaxed", children: /* @__PURE__ */ t(pe, { content: e.description_json }) }) : /* @__PURE__ */ t("div", { className: "container mx-auto px-4 md:px-6 pb-12", children: /* @__PURE__ */ t("p", { className: "italic text-sm text-muted-foreground", children: l("ecommerce.no_description") }) })) }),
+    w && /* @__PURE__ */ t("div", { id: "reviews-section", className: "border-t border-border mt-12 pt-12", children: w })
   ] });
 };
 export {
-  Ve as ProductDetailsLayout
+  je as ProductDetailsLayout
 };

package/lib/pages/cms/products/actions.d.ts

@@ -7,6 +7,8 @@ export declare function getProducts(options?: {
     data: never[] | {
         id: string;
         title: string;
+        average_rating: number;
+        total_reviews: number;
         sku: string;
         upc: string | null;
         price: number;
@@ -79,6 +81,7 @@ export declare function getProducts(options?: {
     count: number | null;
 }>;
 export declare function getProduct(id: string): Promise<{
+    average_rating: number;
     created_at: string | null;
     description_json: import('../../../../../../db/src/index.ts').Json | null;
     freemius_plan_id: string | null;
@@ -106,6 +109,7 @@ export declare function getProduct(id: string): Promise<{
     status: string;
     stock: number | null;
     title: string;
+    total_reviews: number;
     translation_group_id: string;
     trial_period_days: number;
     trial_requires_payment_method: boolean;

package/lib/product-actions.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("@nextblock-cms/utils/server"),P=require("./shared-inventory.cjs.js"),b=require("@nextblock-cms/utils"),g=e=>Math.round(e*100);function y(e){return Object.entries(e||{}).reduce((t,[r,i])=>(typeof i=="number"&&Number.isFinite(i)&&i>=0&&(t[b.normalizeCurrencyCode(r)]=g(i)),t),{})}function E(e){return(e||[]).map(t=>({id:t.id,sku:t.sku,upc:t.upc??null,price:g(t.price),sale_price:typeof t.sale_price=="number"&&!isNaN(t.sale_price)?g(t.sale_price):null,prices:y(t.prices),sale_prices:y(t.sale_prices),sale_start_at:t.sale_start_at??null,sale_end_at:t.sale_end_at??null,stock_quantity:t.stock_quantity,main_media_id:t.main_media_id??null,attribute_term_ids:t.attribute_term_ids}))}function j(e,t){const i=e.product_type==="digital"&&e.payment_provider==="freemius"?Math.max(0,Number(e.trial_period_days??0)):0;return{id:t,product_type:e.product_type,payment_provider:e.payment_provider,title:e.title,slug:e.slug,sku:e.sku,upc:e.upc??null,stock:e.stock,status:e.status,short_description:e.short_description??null,description_json:e.description_json??null,metadata:{},price:g(e.price),sale_price:typeof e.sale_price=="number"&&!isNaN(e.sale_price)?g(e.sale_price):null,prices:y(e.prices),sale_prices:y(e.sale_prices),sale_start_at:e.sale_start_at??null,sale_end_at:e.sale_end_at??null,freemius_plan_id:e.freemius_plan_id??null,freemius_product_id:e.freemius_product_id??null,trial_period_days:i,trial_requires_payment_method:i>0?e.trial_requires_payment_method??!1:!1,is_taxable:e.is_taxable,language_id:e.language_id,translation_group_id:e.translation_group_id||void 0,variants:E(e.variants)}}async function S(e,t,r){const{error:i}=await e.from("products").update({is_taxable:r,updated_at:new Date().toISOString()}).eq("id",t);if(i)throw i}async function x(e,t,r){const i=new Date().toISOString(),{data:c}=await e.from("products").select("sku, sale_price, sale_prices").eq("id",t).maybeSingle(),s=c?.sku??r.sku,{data:a}=await e.from("products").select("id").eq("sku",s),d=(a??[]).map(o=>o.id);d.length===0&&d.push(t);const{error:n}=await e.from("products").update({sale_price:c?.sale_price??null,sale_prices:c?.sale_prices??null,sale_start_at:r.sale_start_at??null,sale_end_at:r.sale_end_at??null,updated_at:i}).in("id",d);if(n)throw n;const _=r.variants??[];if(_.length===0)return;const{data:l}=await e.from("product_variants").select("sku, sale_price, sale_prices").eq("product_id",t),u=new Map((l??[]).map(o=>[o.sku,o]));for(const o of _){const p=u.get(o.sku);if(!p)continue;const{error:m}=await e.from("product_variants").update({sale_price:p.sale_price??null,sale_prices:p.sale_prices??null,sale_start_at:o.sale_start_at??null,sale_end_at:o.sale_end_at??null,updated_at:i}).eq("sku",o.sku).in("product_id",d);if(m)throw m}}async function C(e,{page:t=1,limit:r=10,search:i="",languageId:c,categoryId:s}={}){const a=(t-1)*r,d=a+r-1;let n=e.from("products").select("id, title, sku, upc, price, prices, sale_price, sale_prices, sale_start_at, sale_end_at, scheduled_price, scheduled_prices, scheduled_price_at, is_taxable, product_type, payment_provider, short_description, stock, status, slug, language_id, translation_group_id, freemius_product_id, freemius_plan_id, trial_period_days, trial_requires_payment_method, product_media(media(file_path, object_key)), product_variants(id, price, prices, sale_price, sale_prices, sale_start_at, sale_end_at, scheduled_price, scheduled_prices, scheduled_price_at), freemius_plans(id, name, title, freemius_pricing(id, license_quota, api_monthly_price, api_annual_price, api_lifetime_price, override_monthly_price, override_annual_price, override_lifetime_price, is_active)), product_categories(category:categories(id, name, slug, description, name_translations, description_translations))",{count:"exact"}).range(a,d).order("created_at",{ascending:!1});if(c&&(n=n.eq("language_id",c)),s){const{data:_,error:l}=await e.from("product_categories").select("product_id").eq("category_id",s);if(l)return{data:[],error:l,count:0};const u=(_||[]).map(o=>o.product_id).filter(Boolean);if(u.length===0)return{data:[],error:null,count:0};n=n.in("id",u)}return i&&(n=n.or(`title.ilike.%${i}%,sku.ilike.%${i}%`)),n}async function M(e,t){return e.from("products").select(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("@nextblock-cms/utils/server"),P=require("./shared-inventory.cjs.js"),b=require("@nextblock-cms/utils/utils"),g=e=>Math.round(e*100);function y(e){return Object.entries(e||{}).reduce((t,[r,i])=>(typeof i=="number"&&Number.isFinite(i)&&i>=0&&(t[b.normalizeCurrencyCode(r)]=g(i)),t),{})}function E(e){return(e||[]).map(t=>({id:t.id,sku:t.sku,upc:t.upc??null,price:g(t.price),sale_price:typeof t.sale_price=="number"&&!isNaN(t.sale_price)?g(t.sale_price):null,prices:y(t.prices),sale_prices:y(t.sale_prices),sale_start_at:t.sale_start_at??null,sale_end_at:t.sale_end_at??null,stock_quantity:t.stock_quantity,main_media_id:t.main_media_id??null,attribute_term_ids:t.attribute_term_ids}))}function j(e,t){const i=e.product_type==="digital"&&e.payment_provider==="freemius"?Math.max(0,Number(e.trial_period_days??0)):0;return{id:t,product_type:e.product_type,payment_provider:e.payment_provider,title:e.title,slug:e.slug,sku:e.sku,upc:e.upc??null,stock:e.stock,status:e.status,short_description:e.short_description??null,description_json:e.description_json??null,metadata:{},price:g(e.price),sale_price:typeof e.sale_price=="number"&&!isNaN(e.sale_price)?g(e.sale_price):null,prices:y(e.prices),sale_prices:y(e.sale_prices),sale_start_at:e.sale_start_at??null,sale_end_at:e.sale_end_at??null,freemius_plan_id:e.freemius_plan_id??null,freemius_product_id:e.freemius_product_id??null,trial_period_days:i,trial_requires_payment_method:i>0?e.trial_requires_payment_method??!1:!1,is_taxable:e.is_taxable,language_id:e.language_id,translation_group_id:e.translation_group_id||void 0,variants:E(e.variants)}}async function S(e,t,r){const{error:i}=await e.from("products").update({is_taxable:r,updated_at:new Date().toISOString()}).eq("id",t);if(i)throw i}async function x(e,t,r){const i=new Date().toISOString(),{data:c}=await e.from("products").select("sku, sale_price, sale_prices").eq("id",t).maybeSingle(),s=c?.sku??r.sku,{data:a}=await e.from("products").select("id").eq("sku",s),d=(a??[]).map(o=>o.id);d.length===0&&d.push(t);const{error:n}=await e.from("products").update({sale_price:c?.sale_price??null,sale_prices:c?.sale_prices??null,sale_start_at:r.sale_start_at??null,sale_end_at:r.sale_end_at??null,updated_at:i}).in("id",d);if(n)throw n;const _=r.variants??[];if(_.length===0)return;const{data:l}=await e.from("product_variants").select("sku, sale_price, sale_prices").eq("product_id",t),u=new Map((l??[]).map(o=>[o.sku,o]));for(const o of _){const p=u.get(o.sku);if(!p)continue;const{error:m}=await e.from("product_variants").update({sale_price:p.sale_price??null,sale_prices:p.sale_prices??null,sale_start_at:o.sale_start_at??null,sale_end_at:o.sale_end_at??null,updated_at:i}).eq("sku",o.sku).in("product_id",d);if(m)throw m}}async function C(e,{page:t=1,limit:r=10,search:i="",languageId:c,categoryId:s}={}){const a=(t-1)*r,d=a+r-1;let n=e.from("products").select("id, title, average_rating, total_reviews, sku, upc, price, prices, sale_price, sale_prices, sale_start_at, sale_end_at, scheduled_price, scheduled_prices, scheduled_price_at, is_taxable, product_type, payment_provider, short_description, stock, status, slug, language_id, translation_group_id, freemius_product_id, freemius_plan_id, trial_period_days, trial_requires_payment_method, product_media(media(file_path, object_key)), product_variants(id, price, prices, sale_price, sale_prices, sale_start_at, sale_end_at, scheduled_price, scheduled_prices, scheduled_price_at), freemius_plans(id, name, title, freemius_pricing(id, license_quota, api_monthly_price, api_annual_price, api_lifetime_price, override_monthly_price, override_annual_price, override_lifetime_price, is_active)), product_categories(category:categories(id, name, slug, description, name_translations, description_translations))",{count:"exact"}).range(a,d).order("created_at",{ascending:!1});if(c&&(n=n.eq("language_id",c)),s){const{data:_,error:l}=await e.from("product_categories").select("product_id").eq("category_id",s);if(l)return{data:[],error:l,count:0};const u=(_||[]).map(o=>o.product_id).filter(Boolean);if(u.length===0)return{data:[],error:null,count:0};n=n.in("id",u)}return i&&(n=n.or(`title.ilike.%${i}%,sku.ilike.%${i}%`)),n}async function M(e,t){return e.from("products").select(`
       *,
       languages (
         code
@@ -166,7 +166,7 @@
           description_translations
         )
       )
-    `).eq("slug",t);if(c)return{data:null,error:c};if(!i||i.length===0)return{data:null,error:{message:"Product not found",code:"PGRST116"}};let s=null;return r&&(s=i.find(a=>(Array.isArray(a.languages)?a.languages[0]:a.languages)?.code===r)),s||(s=i.find(a=>(Array.isArray(a.languages)?a.languages[0]:a.languages)?.is_default)),s||(s=i.find(a=>(Array.isArray(a.languages)?a.languages[0]:a.languages)?.code==="en")),s||(s=i[0]),{data:s,error:null}}async function A(e,t){const{data:r,error:i}=await e.rpc("upsert_product_with_variants",{product_payload:j(t)});if(i||!r)throw i||new Error("Failed to create product");if(t.product_media&&t.product_media.length>0){const s=t.product_media.map((a,d)=>({product_id:r,media_id:a.media_id,sort_order:d}));await e.from("product_media").insert(s)}else t.media_id&&await e.from("product_media").insert({product_id:r,media_id:t.media_id,sort_order:0});await S(e,r,t.is_taxable),await x(e,r,t),await P.syncSharedInventoryForSavedProduct(r,t),t.category_ids!==void 0&&await q(e,r,t.category_ids);const{data:c}=await e.from("products").select("*").eq("id",r).single();return c}async function R(e,t,r){const{data:i}=await e.from("product_media").select("media_id").eq("product_id",t),c=i?.map(o=>o.media_id)||[],{data:s,error:a}=await e.rpc("upsert_product_with_variants",{product_payload:j(r,t)});if(a||!s)throw a||new Error("Failed to update product");if(r.product_media){if(await e.from("product_media").delete().eq("product_id",t),r.product_media.length>0){const o=r.product_media.map((p,m)=>({product_id:t,media_id:p.media_id,sort_order:m}));await e.from("product_media").insert(o)}}else r.media_id&&(await e.from("product_media").delete().eq("product_id",t),await e.from("product_media").insert({product_id:t,media_id:r.media_id,sort_order:0}));await S(e,s,r.is_taxable),await x(e,s,r);const d=r.product_media?r.product_media.map(o=>o.media_id):r.media_id?[r.media_id]:[],n=r.explicitly_removed_media_ids||[],_=c.filter(o=>!d.includes(o)),l=Array.from(new Set([..._,...n]));if(l.length>0)for(const o of l){const{count:p}=await e.from("product_media").select("*",{count:"exact",head:!0}).eq("media_id",o);if(p&&p>0)continue;const{count:m}=await e.from("posts").select("*",{count:"exact",head:!0}).eq("feature_image_id",o);if(m&&m>0)continue;const{count:h}=await e.from("logos").select("*",{count:"exact",head:!0}).eq("media_id",o);if(h&&h>0)continue;const{count:w}=await e.from("product_variants").select("*",{count:"exact",head:!0}).eq("main_media_id",o);if(w&&w>0)continue;const{data:f}=await e.from("media").select("object_key, variants").eq("id",o).single();if(f){const v=[f.object_key];f.variants&&Array.isArray(f.variants)&&f.variants.forEach(k=>{k.objectKey&&v.push(k.objectKey)}),await F.deleteMediaFiles(v),await e.from("media").delete().eq("id",o)}}await P.syncSharedInventoryForSavedProduct(s,r),r.category_ids!==void 0&&await q(e,t,r.category_ids);const{data:u}=await e.from("products").select("*").eq("id",s).single();return u}async function I(e,t){const{error:r}=await e.from("products").delete().eq("id",t);if(r)throw r;return!0}async function N(e,t,r){const{data:i,error:c}=await e.from("products").select("*").eq("id",r).single();if(c||!i)throw new Error(c?.message||"Source product not found");const{data:s,error:a}=await e.from("products").select("language_id").eq("id",t).single();if(a||!s)throw new Error(a?.message||"Target product not found");const{error:d}=await e.from("products").update({title:i.title,short_description:i.short_description,description_json:i.description_json}).eq("id",t);if(d)throw d;const{data:n,error:_}=await e.from("blocks").select("*").eq("product_id",r).order("order",{ascending:!0});if(_)throw _;if(await e.from("blocks").delete().eq("product_id",t),n&&n.length>0){const u=n.map(p=>{const{id:m,created_at:h,updated_at:w,...f}=p;return{...f,product_id:t,language_id:s.language_id}}),{error:o}=await e.from("blocks").insert(u);if(o)throw o}await e.from("product_drafts").delete().eq("product_id",t),await e.from("product_media").delete().eq("product_id",t);const{data:l}=await e.from("product_media").select("media_id, sort_order").eq("product_id",r);if(l&&l.length>0){const u=l.map(o=>({product_id:t,media_id:o.media_id,sort_order:o.sort_order}));await e.from("product_media").insert(u)}return{success:!0}}async function $(e,t,r,i=[],c=[]){const{data:s}=await e.from("languages").select("id").eq("code",r).single();if(!s)return{data:[],error:"Language not found"};const a=[];t.length>0&&a.push(`translation_group_id.in.(${t.join(",")})`),i.length>0&&a.push(`sku.in.(${i.map(_=>`"${_}"`).join(",")})`),c.length>0&&a.push(`id.in.(${c.join(",")})`);let d=e.from("products").select(`
+    `).eq("slug",t);if(c)return{data:null,error:c};if(!i||i.length===0)return{data:null,error:{message:"Product not found",code:"PGRST116"}};let s=null;return r&&(s=i.find(a=>(Array.isArray(a.languages)?a.languages[0]:a.languages)?.code===r)),s||(s=i.find(a=>(Array.isArray(a.languages)?a.languages[0]:a.languages)?.is_default)),s||(s=i.find(a=>(Array.isArray(a.languages)?a.languages[0]:a.languages)?.code==="en")),s||(s=i[0]),{data:s,error:null}}async function A(e,t){const{data:r,error:i}=await e.rpc("upsert_product_with_variants",{product_payload:j(t)});if(i||!r)throw i||new Error("Failed to create product");if(t.product_media&&t.product_media.length>0){const s=t.product_media.map((a,d)=>({product_id:r,media_id:a.media_id,sort_order:d}));await e.from("product_media").insert(s)}else t.media_id&&await e.from("product_media").insert({product_id:r,media_id:t.media_id,sort_order:0});await S(e,r,t.is_taxable),await x(e,r,t),await P.syncSharedInventoryForSavedProduct(r,t),t.category_ids!==void 0&&await v(e,r,t.category_ids);const{data:c}=await e.from("products").select("*").eq("id",r).single();return c}async function R(e,t,r){const{data:i}=await e.from("product_media").select("media_id").eq("product_id",t),c=i?.map(o=>o.media_id)||[],{data:s,error:a}=await e.rpc("upsert_product_with_variants",{product_payload:j(r,t)});if(a||!s)throw a||new Error("Failed to update product");if(r.product_media){if(await e.from("product_media").delete().eq("product_id",t),r.product_media.length>0){const o=r.product_media.map((p,m)=>({product_id:t,media_id:p.media_id,sort_order:m}));await e.from("product_media").insert(o)}}else r.media_id&&(await e.from("product_media").delete().eq("product_id",t),await e.from("product_media").insert({product_id:t,media_id:r.media_id,sort_order:0}));await S(e,s,r.is_taxable),await x(e,s,r);const d=r.product_media?r.product_media.map(o=>o.media_id):r.media_id?[r.media_id]:[],n=r.explicitly_removed_media_ids||[],_=c.filter(o=>!d.includes(o)),l=Array.from(new Set([..._,...n]));if(l.length>0)for(const o of l){const{count:p}=await e.from("product_media").select("*",{count:"exact",head:!0}).eq("media_id",o);if(p&&p>0)continue;const{count:m}=await e.from("posts").select("*",{count:"exact",head:!0}).eq("feature_image_id",o);if(m&&m>0)continue;const{count:h}=await e.from("logos").select("*",{count:"exact",head:!0}).eq("media_id",o);if(h&&h>0)continue;const{count:w}=await e.from("product_variants").select("*",{count:"exact",head:!0}).eq("main_media_id",o);if(w&&w>0)continue;const{data:f}=await e.from("media").select("object_key, variants").eq("id",o).single();if(f){const q=[f.object_key];f.variants&&Array.isArray(f.variants)&&f.variants.forEach(k=>{k.objectKey&&q.push(k.objectKey)}),await F.deleteMediaFiles(q),await e.from("media").delete().eq("id",o)}}await P.syncSharedInventoryForSavedProduct(s,r),r.category_ids!==void 0&&await v(e,t,r.category_ids);const{data:u}=await e.from("products").select("*").eq("id",s).single();return u}async function I(e,t){const{error:r}=await e.from("products").delete().eq("id",t);if(r)throw r;return!0}async function N(e,t,r){const{data:i,error:c}=await e.from("products").select("*").eq("id",r).single();if(c||!i)throw new Error(c?.message||"Source product not found");const{data:s,error:a}=await e.from("products").select("language_id").eq("id",t).single();if(a||!s)throw new Error(a?.message||"Target product not found");const{error:d}=await e.from("products").update({title:i.title,short_description:i.short_description,description_json:i.description_json}).eq("id",t);if(d)throw d;const{data:n,error:_}=await e.from("blocks").select("*").eq("product_id",r).order("order",{ascending:!0});if(_)throw _;if(await e.from("blocks").delete().eq("product_id",t),n&&n.length>0){const u=n.map(p=>{const{id:m,created_at:h,updated_at:w,...f}=p;return{...f,product_id:t,language_id:s.language_id}}),{error:o}=await e.from("blocks").insert(u);if(o)throw o}await e.from("product_drafts").delete().eq("product_id",t),await e.from("product_media").delete().eq("product_id",t);const{data:l}=await e.from("product_media").select("media_id, sort_order").eq("product_id",r);if(l&&l.length>0){const u=l.map(o=>({product_id:t,media_id:o.media_id,sort_order:o.sort_order}));await e.from("product_media").insert(u)}return{success:!0}}async function $(e,t,r,i=[],c=[]){const{data:s}=await e.from("languages").select("id").eq("code",r).single();if(!s)return{data:[],error:"Language not found"};const a=[];t.length>0&&a.push(`translation_group_id.in.(${t.join(",")})`),i.length>0&&a.push(`sku.in.(${i.map(_=>`"${_}"`).join(",")})`),c.length>0&&a.push(`id.in.(${c.join(",")})`);let d=e.from("products").select(`
       id, 
       title, 
       sku, 
@@ -234,4 +234,4 @@
         )
       ),
       translation_group_id
-    `).eq("language_id",s.id).eq("status","active");return a.length>0&&(d=d.or(a.join(","))),await d.order("id")}async function q(e,t,r){const{data:i}=await e.from("products").select("translation_group_id").eq("id",t).single();if(!i||!i.translation_group_id){if(await e.from("product_categories").delete().eq("product_id",t),r.length>0){const a=r.map(d=>({product_id:t,category_id:d}));await e.from("product_categories").insert(a)}return}const{data:c}=await e.from("products").select("id").eq("translation_group_id",i.translation_group_id),s=c&&c.length>0?c.map(a=>a.id):[t];if(await e.from("product_categories").delete().in("product_id",s),r.length>0){const a=[];for(const d of s)for(const n of r)a.push({product_id:d,category_id:n});await e.from("product_categories").insert(a)}}exports.copyProductFromLanguage=N;exports.createProduct=A;exports.deleteProduct=I;exports.fetchTranslatedProductsForCartInternal=$;exports.getProduct=M;exports.getProductBySlug=T;exports.getProducts=C;exports.syncCategoriesForTranslationGroup=q;exports.updateProduct=R;
+    `).eq("language_id",s.id).eq("status","active");return a.length>0&&(d=d.or(a.join(","))),await d.order("id")}async function v(e,t,r){const{data:i}=await e.from("products").select("translation_group_id").eq("id",t).single();if(!i||!i.translation_group_id){if(await e.from("product_categories").delete().eq("product_id",t),r.length>0){const a=r.map(d=>({product_id:t,category_id:d}));await e.from("product_categories").insert(a)}return}const{data:c}=await e.from("products").select("id").eq("translation_group_id",i.translation_group_id),s=c&&c.length>0?c.map(a=>a.id):[t];if(await e.from("product_categories").delete().in("product_id",s),r.length>0){const a=[];for(const d of s)for(const n of r)a.push({product_id:d,category_id:n});await e.from("product_categories").insert(a)}}exports.copyProductFromLanguage=N;exports.createProduct=A;exports.deleteProduct=I;exports.fetchTranslatedProductsForCartInternal=$;exports.getProduct=M;exports.getProductBySlug=T;exports.getProducts=C;exports.syncCategoriesForTranslationGroup=v;exports.updateProduct=R;

package/lib/product-actions.d.ts

@@ -1,5 +1,5 @@
 import { SupabaseClient } from '@supabase/supabase-js';
-import { Database } from '../../../db/src/index.ts';
+import { Database } from '../../../db/src/lib/supabase/types.ts';
 import { ProductFormValues } from './product-schema';
 export declare function getProducts(supabase: SupabaseClient<Database>, { page, limit, search, languageId, categoryId, }?: {
     page?: number;
@@ -10,6 +10,8 @@ export declare function getProducts(supabase: SupabaseClient<Database>, { page,
 }): Promise<import('@supabase/postgrest-js').PostgrestResponseFailure | import('@supabase/postgrest-js').PostgrestResponseSuccess<{
     id: string;
     title: string;
+    average_rating: number;
+    total_reviews: number;
     sku: string;
     upc: string | null;
     price: number;
@@ -88,6 +90,7 @@ export declare function getProducts(supabase: SupabaseClient<Database>, { page,
     count: number;
 }>;
 export declare function getProduct(supabase: SupabaseClient<Database>, id: string): Promise<import('@supabase/postgrest-js').PostgrestSingleResponse<{
+    average_rating: number;
     created_at: string | null;
     description_json: import('../../../db/src/index.ts').Json | null;
     freemius_plan_id: string | null;
@@ -115,6 +118,7 @@ export declare function getProduct(supabase: SupabaseClient<Database>, id: strin
     status: string;
     stock: number | null;
     title: string;
+    total_reviews: number;
     translation_group_id: string;
     trial_period_days: number;
     trial_requires_payment_method: boolean;
@@ -210,6 +214,7 @@ export declare function getProductBySlug(supabase: SupabaseClient<Database>, slu
     error: null;
 }>;
 export declare function createProduct(supabase: SupabaseClient<Database>, data: ProductFormValues): Promise<{
+    average_rating: number;
     created_at: string | null;
     description_json: import('../../../db/src/index.ts').Json | null;
     freemius_plan_id: string | null;
@@ -237,6 +242,7 @@ export declare function createProduct(supabase: SupabaseClient<Database>, data:
     status: string;
     stock: number | null;
     title: string;
+    total_reviews: number;
     translation_group_id: string;
     trial_period_days: number;
     trial_requires_payment_method: boolean;
@@ -244,6 +250,7 @@ export declare function createProduct(supabase: SupabaseClient<Database>, data:
     updated_at: string | null;
 } | null>;
 export declare function updateProduct(supabase: SupabaseClient<Database>, id: string, data: ProductFormValues): Promise<{
+    average_rating: number;
     created_at: string | null;
     description_json: import('../../../db/src/index.ts').Json | null;
     freemius_plan_id: string | null;
@@ -271,6 +278,7 @@ export declare function updateProduct(supabase: SupabaseClient<Database>, id: st
     status: string;
     stock: number | null;
     title: string;
+    total_reviews: number;
     translation_group_id: string;
     trial_period_days: number;
     trial_requires_payment_method: boolean;

package/lib/product-actions.es.js

@@ -1,6 +1,6 @@
 import { deleteMediaFiles as b } from "@nextblock-cms/utils/server";
-import { syncSharedInventoryForSavedProduct as v } from "./shared-inventory.es.js";
-import { normalizeCurrencyCode as E } from "@nextblock-cms/utils";
+import { syncSharedInventoryForSavedProduct as k } from "./shared-inventory.es.js";
+import { normalizeCurrencyCode as E } from "@nextblock-cms/utils/utils";
 const g = (e) => Math.round(e * 100);
 function h(e) {
   return Object.entries(e || {}).reduce(
@@ -105,7 +105,7 @@ async function R(e, {
 } = {}) {
   const a = (t - 1) * i, d = a + i - 1;
   let n = e.from("products").select(
-    "id, title, sku, upc, price, prices, sale_price, sale_prices, sale_start_at, sale_end_at, scheduled_price, scheduled_prices, scheduled_price_at, is_taxable, product_type, payment_provider, short_description, stock, status, slug, language_id, translation_group_id, freemius_product_id, freemius_plan_id, trial_period_days, trial_requires_payment_method, product_media(media(file_path, object_key)), product_variants(id, price, prices, sale_price, sale_prices, sale_start_at, sale_end_at, scheduled_price, scheduled_prices, scheduled_price_at), freemius_plans(id, name, title, freemius_pricing(id, license_quota, api_monthly_price, api_annual_price, api_lifetime_price, override_monthly_price, override_annual_price, override_lifetime_price, is_active)), product_categories(category:categories(id, name, slug, description, name_translations, description_translations))",
+    "id, title, average_rating, total_reviews, sku, upc, price, prices, sale_price, sale_prices, sale_start_at, sale_end_at, scheduled_price, scheduled_prices, scheduled_price_at, is_taxable, product_type, payment_provider, short_description, stock, status, slug, language_id, translation_group_id, freemius_product_id, freemius_plan_id, trial_period_days, trial_requires_payment_method, product_media(media(file_path, object_key)), product_variants(id, price, prices, sale_price, sale_prices, sale_start_at, sale_end_at, scheduled_price, scheduled_prices, scheduled_price_at), freemius_plans(id, name, title, freemius_pricing(id, license_quota, api_monthly_price, api_annual_price, api_lifetime_price, override_monthly_price, override_annual_price, override_lifetime_price, is_active)), product_categories(category:categories(id, name, slug, description, name_translations, description_translations))",
     { count: "exact" }
   ).range(a, d).order("created_at", { ascending: !1 });
   if (c && (n = n.eq("language_id", c)), s) {
@@ -320,7 +320,7 @@ async function $(e, t) {
     media_id: t.media_id,
     sort_order: 0
   });
-  await x(e, i, t.is_taxable), await P(e, i, t), await v(i, t), t.category_ids !== void 0 && await S(e, i, t.category_ids);
+  await x(e, i, t.is_taxable), await P(e, i, t), await k(i, t), t.category_ids !== void 0 && await S(e, i, t.category_ids);
   const { data: c } = await e.from("products").select("*").eq("id", i).single();
   return c;
 }
@@ -358,12 +358,12 @@ async function D(e, t, i) {
       const { data: f } = await e.from("media").select("object_key, variants").eq("id", o).single();
       if (f) {
         const q = [f.object_key];
-        f.variants && Array.isArray(f.variants) && f.variants.forEach((k) => {
-          k.objectKey && q.push(k.objectKey);
+        f.variants && Array.isArray(f.variants) && f.variants.forEach((v) => {
+          v.objectKey && q.push(v.objectKey);
         }), await b(q), await e.from("media").delete().eq("id", o);
       }
     }
-  await v(s, i), i.category_ids !== void 0 && await S(e, t, i.category_ids);
+  await k(s, i), i.category_ids !== void 0 && await S(e, t, i.category_ids);
   const { data: u } = await e.from("products").select("*").eq("id", s).single();
   return u;
 }

package/lib/shared-inventory.d.ts

@@ -1,5 +1,5 @@
 import { SupabaseClient } from '@supabase/supabase-js';
-import { Database } from '../../../db/src/index.ts';
+import { Database } from '../../../db/src/lib/supabase/types.ts';
 import { ProductFormValues } from './product-schema';
 export type InventoryUsageType = 'product' | 'variant' | 'mixed';
 export interface InventoryItem {

package/lib/types.d.ts

@@ -66,6 +66,8 @@ export interface Product {
     id: string;
     title: string;
     slug: string;
+    average_rating?: number;
+    total_reviews?: number;
     categories?: Category[];
     sku: string;
     upc?: string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextblock-cms/ecom",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "publishConfig": {
     "access": "public"
   },
@@ -10,9 +10,9 @@
   },
   "type": "module",
   "dependencies": {
-    "@nextblock-cms/db": "^0.11.1",
-    "@nextblock-cms/ui": "^0.11.1",
-    "@nextblock-cms/utils": "^0.11.1",
+    "@nextblock-cms/db": "^0.11.2",
+    "@nextblock-cms/ui": "^0.11.2",
+    "@nextblock-cms/utils": "^0.11.2",
     "@freemius/checkout": "^1.4.1",
     "@freemius/sdk": "^0.3.0",
     "@hookform/resolvers": "^5.2.2",