@sprintup-cms/sdk 1.8.14 → 1.8.16

package/dist/next/index.js

@@ -485,18 +485,19 @@ function ProductListBlock({ block }) {
       title && /* @__PURE__ */ jsx("h2", { className: "text-2xl md:text-3xl font-semibold tracking-tight", children: title }),
       subtitle && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-2", children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: `grid gap-6 grid-cols-1 ${gridCols}`, children: products.map((product) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg overflow-hidden group hover:shadow-md transition-shadow", children: [
-      /* @__PURE__ */ jsxs("div", { className: "aspect-square relative bg-muted overflow-hidden", children: [
-        product.image ? /* @__PURE__ */ jsx("img", { src: product.image, alt: product.name, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" }) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-muted-foreground/30", children: /* @__PURE__ */ jsx("svg", { className: "w-12 h-12", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" }) }) }),
-        product.badge && /* @__PURE__ */ jsx("span", { className: "absolute top-3 left-3 text-xs px-2 py-1 rounded bg-primary text-primary-foreground", children: product.badge })
-      ] }),
+    /* @__PURE__ */ jsx("div", { className: `grid gap-6 grid-cols-1 ${gridCols}`, children: products.map((product) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg overflow-hidden group hover:shadow-md transition-shadow bg-card", children: [
+      product.image && /* @__PURE__ */ jsx("div", { className: "aspect-video relative bg-muted overflow-hidden", children: /* @__PURE__ */ jsx("img", { src: product.image, alt: product.name, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" }) }),
       /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-2", children: [
-        product.category && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground uppercase tracking-wide", children: product.category }),
-        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm line-clamp-2", children: product.name }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          product.category && /* @__PURE__ */ jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-primary/10 text-primary font-medium", children: product.category }),
+          product.badge && /* @__PURE__ */ jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: product.badge })
+        ] }),
+        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base line-clamp-2", children: product.name }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-1", children: [
-          showPrice && /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
-            currency,
-            typeof product.price === "number" ? product.price.toFixed(2) : product.price
+          showPrice && product.price > 0 && /* @__PURE__ */ jsxs("span", { className: "font-bold text-lg", children: [
+            typeof product.price === "number" ? product.price.toFixed(2) : product.price,
+            " ",
+            currency
           ] }),
           showRating && product.rating && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
             /* @__PURE__ */ jsx("svg", { className: "w-3.5 h-3.5 fill-yellow-400 text-yellow-400", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) }),
@@ -614,15 +615,13 @@ function CMSBlocks({ blocks, pageType, className = "", custom = {} }) {
   }) });
 }
 function normaliseProductServer(raw) {
-  if (raw.id !== void 0 && raw.price !== void 0) return raw;
   const firstPlan = Array.isArray(raw.plans) && raw.plans.length > 0 ? raw.plans[0] : null;
   const courseCount = Array.isArray(raw.courses) ? raw.courses.length : void 0;
-  const image = raw.image && !raw.image.startsWith("data:") ? raw.image : raw.thumbnail ?? void 0;
   return {
     id: raw._id ?? raw.id ?? String(Math.random()),
     name: raw.name ?? "Unnamed",
     price: firstPlan?.price ?? raw.price ?? 0,
-    image,
+    color: raw.primaryColor ?? raw.color ?? void 0,
     rating: raw.rating ?? void 0,
     category: raw.type ? raw.type.replace(/-/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()) : void 0,
     badge: courseCount ? `${courseCount} course${courseCount !== 1 ? "s" : ""}` : raw.duration ? `${raw.duration} min` : void 0
@@ -633,7 +632,7 @@ function ServerProductListBlock({ block }) {
   const { title, subtitle, columns = 3, showPrice = true, showRating = true, limit = 6, currency = "$" } = cfg;
   const cols = parseInt(String(columns), 10);
   const gridCols = cols === 2 ? "sm:grid-cols-2" : cols === 4 ? "sm:grid-cols-2 lg:grid-cols-4" : "sm:grid-cols-2 lg:grid-cols-3";
-  const rawProducts = Array.isArray(cfg.prefetchedProducts) ? cfg.prefetchedProducts : [];
+  const rawProducts = Array.isArray(block._resolvedProducts) ? block._resolvedProducts : Array.isArray(cfg.prefetchedProducts) ? cfg.prefetchedProducts : [];
   const products = rawProducts.map(normaliseProductServer).slice(0, Number(limit));
   if (products.length === 0) {
     return /* @__PURE__ */ jsx("section", { className: "py-12", children: /* @__PURE__ */ jsx("div", { className: "max-w-6xl mx-auto px-4", children: /* @__PURE__ */ jsx("div", { className: "text-center py-12 border border-dashed border-border rounded-lg bg-muted/10", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No products available" }) }) }) });
@@ -643,18 +642,32 @@ function ServerProductListBlock({ block }) {
       title && /* @__PURE__ */ jsx("h2", { className: "text-2xl md:text-3xl font-semibold tracking-tight", children: title }),
       subtitle && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-2", children: subtitle })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: `grid gap-6 grid-cols-1 ${gridCols}`, children: products.map((product) => /* @__PURE__ */ jsxs("div", { className: "border rounded-lg overflow-hidden group hover:shadow-md transition-shadow", children: [
-      /* @__PURE__ */ jsxs("div", { className: "aspect-square relative bg-muted overflow-hidden", children: [
-        product.image ? /* @__PURE__ */ jsx("img", { src: product.image, alt: product.name, className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" }) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-muted-foreground/30", children: /* @__PURE__ */ jsx("svg", { className: "w-12 h-12", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" }) }) }),
-        product.badge && /* @__PURE__ */ jsx("span", { className: "absolute top-3 left-3 text-xs px-2 py-1 rounded bg-primary text-primary-foreground", children: product.badge })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-2", children: [
-        product.category && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground uppercase tracking-wide", children: product.category }),
-        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm line-clamp-2", children: product.name }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-1", children: [
-          showPrice && /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
-            currency,
-            typeof product.price === "number" ? product.price.toFixed(2) : product.price
+    /* @__PURE__ */ jsx("div", { className: `grid gap-6 grid-cols-1 ${gridCols}`, children: products.map((product) => /* @__PURE__ */ jsxs("div", { className: "border rounded-xl overflow-hidden group hover:shadow-lg transition-shadow bg-card flex flex-col", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-2 w-full",
+          style: { backgroundColor: product.color ?? "#6366f1" }
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "p-5 flex flex-col gap-3 flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+          product.category && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "text-xs px-2 py-0.5 rounded-full font-medium text-white",
+              style: { backgroundColor: product.color ?? "#6366f1" },
+              children: product.category
+            }
+          ),
+          product.badge && /* @__PURE__ */ jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: product.badge })
+        ] }),
+        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base line-clamp-2 flex-1", children: product.name }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-auto pt-2 border-t border-border", children: [
+          showPrice && product.price > 0 && /* @__PURE__ */ jsxs("span", { className: "font-bold text-lg", children: [
+            typeof product.price === "number" ? product.price.toFixed(2) : product.price,
+            " ",
+            currency
           ] }),
           showRating && product.rating && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
             /* @__PURE__ */ jsx("svg", { className: "w-3.5 h-3.5 fill-yellow-400 text-yellow-400", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) }),
@@ -682,6 +695,27 @@ async function generateMetadata({ params }) {
     }
   };
 }
+async function resolveProductListBlocks(blocks) {
+  return Promise.all(blocks.map(async (block) => {
+    if (block.type !== "product-list") return block;
+    const cfg = block.content ?? block.data ?? {};
+    if (Array.isArray(cfg.prefetchedProducts) && cfg.prefetchedProducts.length > 0) return block;
+    const endpoint = cfg.endpoint;
+    if (!endpoint) return block;
+    try {
+      const headers = { "Accept": "application/json" };
+      const token = cfg.token ?? cfg.apiToken;
+      if (token) headers["Authorization"] = `Bearer ${token}`;
+      const res = await fetch(endpoint, { headers, next: { revalidate: cfg.refreshInterval || 300 } });
+      if (!res.ok) return block;
+      const json = await res.json();
+      const items = Array.isArray(json) ? json : json.products ?? json.data ?? json.items ?? json.result ?? [];
+      return { ...block, _resolvedProducts: items };
+    } catch {
+      return block;
+    }
+  }));
+}
 async function CMSCatchAllPage({ params }) {
   const { slug } = await params;
   const slugStr = slug.join("/");
@@ -704,6 +738,7 @@ async function CMSCatchAllPage({ params }) {
   if (page.pageTypeId) {
     pageType = await client.getPageType(page.pageTypeId);
   }
+  const resolvedBlocks = await resolveProductListBlocks(page.blocks ?? []);
   return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-background", children: [
     isPreview && /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-50 flex items-center justify-between px-4 py-2.5 bg-amber-500 text-white text-sm font-medium shadow", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -725,11 +760,11 @@ async function CMSCatchAllPage({ params }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("article", { className: "max-w-5xl mx-auto px-6 py-12", children: page.blocks?.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      page.blocks.map(
+    /* @__PURE__ */ jsx("article", { className: "max-w-5xl mx-auto px-6 py-12", children: resolvedBlocks.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      resolvedBlocks.map(
         (block, idx) => block.type === "product-list" ? /* @__PURE__ */ jsx(ServerProductListBlock, { block }, block.id ?? idx) : null
       ),
-      /* @__PURE__ */ jsx(CMSBlocks, { blocks: page.blocks.filter((b) => b.type !== "product-list"), pageType })
+      /* @__PURE__ */ jsx(CMSBlocks, { blocks: resolvedBlocks.filter((b) => b.type !== "product-list"), pageType })
     ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-24 text-muted-foreground border-2 border-dashed border-border rounded-xl", children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm", children: "No content added yet." }),
       isPreview && /* @__PURE__ */ jsx("p", { className: "text-xs mt-1 opacity-60", children: "Add blocks in the CMS editor to see them here." })