@burdenoff/website-sdk 2026.518.4 → 2026.520.2

package/dist/content/index.mjs

@@ -480,19 +480,21 @@ function BlogCard({
     month: "long",
     day: "numeric"
   }) : "";
+  const [imgError, setImgError] = useState(false);
   return /* @__PURE__ */ jsxs(
     "a",
     {
       href: `${basePath}/${post.slug}`,
       className: "group block bg-card border rounded-xl overflow-hidden hover:shadow-lg hover:border-primary/30 transition-all duration-300",
       children: [
-        post.thumbnail ? /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] overflow-hidden", children: /* @__PURE__ */ jsx(
+        post.thumbnail && !imgError ? /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] overflow-hidden", children: /* @__PURE__ */ jsx(
           "img",
           {
             src: post.thumbnail,
             alt: post.title,
             className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",
-            loading: "lazy"
+            loading: "lazy",
+            onError: () => setImgError(true)
           }
         ) }) : /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsx(
           "svg",
@@ -654,7 +656,12 @@ function BlogListPage(props) {
   ] });
 }
 function BlogPostPage(props) {
-  const { productName, blogListUrl = "/blog", className = "" } = props;
+  const {
+    productName,
+    blogListUrl = "/blog",
+    backLabel = "Back to Blog",
+    className = ""
+  } = props;
   const client = useWebSDK();
   const config = useWebSDKConfig();
   const { product } = useProduct();
@@ -698,12 +705,15 @@ function BlogPostPage(props) {
     return /* @__PURE__ */ jsx("div", { className: `w-full ${className}`, children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-24 text-center", children: [
       /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mb-4", children: "Post not found" }),
       /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-6", children: error || "This blog post doesn't exist or has been removed." }),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs(
         "a",
         {
           href: blogListUrl,
           className: "text-primary hover:underline font-medium",
-          children: "\u2190 Back to Blog"
+          children: [
+            "\u2190 ",
+            backLabel
+          ]
         }
       )
     ] }) });
@@ -725,12 +735,15 @@ function BlogPostPage(props) {
       }
     ),
     /* @__PURE__ */ jsxs("article", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16 sm:py-20", children: [
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs(
         "a",
         {
           href: blogListUrl,
           className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground mb-8 transition-colors",
-          children: "\u2190 Back to Blog"
+          children: [
+            "\u2190 ",
+            backLabel
+          ]
         }
       ),
       post.category && /* @__PURE__ */ jsx("span", { className: "inline-block text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-4", children: post.category }),
@@ -783,6 +796,29 @@ var PRESS_KIT_QUERY = `
     }
   }
 `;
+var PRESS_RELEASES_QUERY = `
+  query PublicPressReleases($productId: String!, $limit: Int, $offset: Int) {
+    publicContentPages(productId: $productId, limit: $limit, offset: $offset) {
+      items {
+        id
+        title
+        slug
+        lastUpdated
+        tags
+        seoDescription
+        excerpt
+        thumbnail
+        author
+        publishedAt
+        readingTime
+        featured
+        category
+      }
+      total
+      hasMore
+    }
+  }
+`;
 var CATEGORY_ORDER = [
   "LOGO",
   "BANNER",
@@ -807,7 +843,154 @@ function formatBytes(bytes) {
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(0)} KB`;
   return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
 }
-function AssetCard({ asset }) {
+function isImageAsset(a) {
+  return (a.mimeType || "").startsWith("image/");
+}
+async function downloadAsset(e, asset) {
+  e.preventDefault();
+  const openInTab = () => window.open(asset.fileUrl, "_blank", "noopener,noreferrer");
+  const name = asset.fileName || asset.fileUrl.split("/").pop()?.split("?")[0] || asset.title || "download";
+  try {
+    const res = await fetch(asset.fileUrl, { mode: "cors" });
+    if (!res.ok) {
+      openInTab();
+      return;
+    }
+    const blob = await res.blob();
+    const objUrl = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = objUrl;
+    a.download = name;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    URL.revokeObjectURL(objUrl);
+  } catch {
+    openInTab();
+  }
+}
+function PressKitLightbox({
+  asset,
+  onClose
+}) {
+  useEffect(() => {
+    if (!asset) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    const prevOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      document.body.style.overflow = prevOverflow;
+    };
+  }, [asset, onClose]);
+  if (!asset) return null;
+  const ext = (asset.mimeType || "file").split("/").pop()?.toUpperCase() || "FILE";
+  const size = formatBytes(asset.fileSize);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": `${asset.title} preview`,
+      onClick: onClose,
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 p-4 sm:p-8",
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          onClick: (e) => e.stopPropagation(),
+          className: "relative flex max-h-full w-full max-w-4xl flex-col overflow-hidden rounded-xl border bg-card shadow-2xl",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 border-b p-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("h3", { className: "truncate text-sm font-semibold text-foreground", children: asset.title }),
+                /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                  ext,
+                  size ? ` \xB7 ${size}` : ""
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onClose,
+                  "aria-label": "Close preview",
+                  className: "shrink-0 rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+                  children: /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      className: "h-5 w-5",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      strokeWidth: 2,
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          d: "M6 18L18 6M6 6l12 12"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center overflow-auto bg-muted/20 p-4", children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: asset.fileUrl,
+                alt: asset.title,
+                className: "max-h-[70vh] w-auto max-w-full object-contain"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "flex justify-end border-t p-4", children: /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: asset.fileUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                download: true,
+                onClick: (e) => {
+                  void downloadAsset(e, asset);
+                },
+                className: "inline-flex items-center gap-1.5 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-opacity hover:opacity-90",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      className: "h-4 w-4",
+                      fill: "none",
+                      viewBox: "0 0 24 24",
+                      stroke: "currentColor",
+                      strokeWidth: 2,
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+                        }
+                      )
+                    }
+                  ),
+                  "Download"
+                ]
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+function AssetCard({
+  asset,
+  onPreview
+}) {
   const date = asset.updatedAt ? new Date(asset.updatedAt).toLocaleDateString("en-US", {
     year: "numeric",
     month: "short",
@@ -815,33 +998,55 @@ function AssetCard({ asset }) {
   }) : "";
   const ext = (asset.mimeType || "file").split("/").pop()?.toUpperCase() || "FILE";
   const size = formatBytes(asset.fileSize);
+  const [imgError, setImgError] = useState(false);
+  const thumb = asset.thumbnailUrl && !imgError ? /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] overflow-hidden bg-muted/30", children: /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: asset.thumbnailUrl,
+      alt: asset.title,
+      className: "w-full h-full object-contain group-hover:scale-105 transition-transform duration-300",
+      loading: "lazy",
+      onError: () => setImgError(true)
+    }
+  ) }) : /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "w-12 h-12 text-muted-foreground/20",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 1.5,
+          d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
+        }
+      )
+    }
+  ) });
   return /* @__PURE__ */ jsxs("div", { className: "group flex flex-col bg-card border rounded-xl overflow-hidden hover:shadow-lg hover:border-primary/30 transition-all duration-300", children: [
-    asset.thumbnailUrl ? /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] overflow-hidden bg-muted/30", children: /* @__PURE__ */ jsx(
-      "img",
+    onPreview && isImageAsset(asset) ? /* @__PURE__ */ jsx(
+      "button",
       {
-        src: asset.thumbnailUrl,
-        alt: asset.title,
-        className: "w-full h-full object-contain group-hover:scale-105 transition-transform duration-300",
-        loading: "lazy"
+        type: "button",
+        onClick: () => onPreview(asset),
+        "aria-label": `Preview ${asset.title}`,
+        className: "block w-full text-left cursor-zoom-in",
+        children: thumb
       }
-    ) }) : /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsx(
-      "svg",
+    ) : /* @__PURE__ */ jsx(
+      "a",
       {
-        className: "w-12 h-12 text-muted-foreground/20",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        stroke: "currentColor",
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 1.5,
-            d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
-          }
-        )
+        href: asset.fileUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": `Open ${asset.title}`,
+        className: "block",
+        children: thumb
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 p-5", children: [
       /* @__PURE__ */ jsx("span", { className: "inline-block self-start text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-3", children: CATEGORY_LABELS[asset.category] ?? asset.category }),
       /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-foreground mb-1 line-clamp-2", children: asset.title }),
@@ -865,6 +1070,9 @@ function AssetCard({ asset }) {
             target: "_blank",
             rel: "noopener noreferrer",
             download: true,
+            onClick: (e) => {
+              void downloadAsset(e, asset);
+            },
             className: "inline-flex items-center gap-1.5 text-sm font-medium text-primary hover:underline",
             children: [
               /* @__PURE__ */ jsx(
@@ -893,6 +1101,71 @@ function AssetCard({ asset }) {
     ] })
   ] });
 }
+function PressReleaseCard({
+  release,
+  basePath
+}) {
+  const date = release.publishedAt || release.lastUpdated;
+  const formattedDate = date ? new Date(date).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : "";
+  const [imgError, setImgError] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: `${basePath}/${release.slug}`,
+      className: "group flex flex-col bg-card border rounded-xl overflow-hidden hover:shadow-lg hover:border-primary/30 transition-all duration-300",
+      children: [
+        release.thumbnail && !imgError ? /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] overflow-hidden bg-muted/30", children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: release.thumbnail,
+            alt: release.title,
+            className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",
+            loading: "lazy",
+            onError: () => setImgError(true)
+          }
+        ) }) : /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] bg-muted/50 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "w-12 h-12 text-muted-foreground/20",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 1.5,
+                d: "M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m-1 13a2 2 0 01-2-2V7m3 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 p-5 sm:p-6", children: [
+          release.category && /* @__PURE__ */ jsx("span", { className: "inline-block self-start text-xs font-medium text-primary bg-primary/10 px-2.5 py-1 rounded-full mb-3", children: release.category }),
+          /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground mb-2 group-hover:text-primary transition-colors line-clamp-2", children: release.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4 line-clamp-3", children: release.excerpt || release.seoDescription || "" }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-auto flex items-center gap-3 text-xs text-muted-foreground", children: [
+            release.author && /* @__PURE__ */ jsx("span", { className: "font-medium", children: release.author }),
+            release.author && formattedDate && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            formattedDate && /* @__PURE__ */ jsx("span", { children: formattedDate }),
+            release.readingTime ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                release.readingTime,
+                " min read"
+              ] })
+            ] }) : null
+          ] })
+        ] })
+      ]
+    }
+  );
+}
 function PressKitPage(props) {
   const {
     productName,
@@ -903,7 +1176,10 @@ function PressKitPage(props) {
     className = "",
     seoTitle,
     seoDescription,
-    seoKeywords
+    seoKeywords,
+    showPressReleases = true,
+    pressReleaseBasePath = "/press",
+    pressReleasesTitle = "Press Releases"
   } = props;
   const client = useWebSDK();
   const config = useWebSDKConfig();
@@ -914,6 +1190,9 @@ function PressKitPage(props) {
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
   const [activeCategory, setActiveCategory] = useState("ALL");
+  const [releases, setReleases] = useState([]);
+  const [releasesLoading, setReleasesLoading] = useState(true);
+  const [preview, setPreview] = useState(null);
   const fetchAssets = useCallback(async () => {
     if (!resolvedProductId) {
       setLoading(false);
@@ -951,6 +1230,48 @@ function PressKitPage(props) {
   useEffect(() => {
     fetchAssets();
   }, [fetchAssets]);
+  const fetchReleases = useCallback(async () => {
+    if (!resolvedProductId || !showPressReleases) {
+      setReleasesLoading(false);
+      return;
+    }
+    setReleasesLoading(true);
+    try {
+      const PAGE_SIZE = 100;
+      const MAX_PAGES = 10;
+      const all = [];
+      let offset = 0;
+      for (let pageNum = 0; pageNum < MAX_PAGES; pageNum++) {
+        const result = await client.query(PRESS_RELEASES_QUERY, {
+          productId: resolvedProductId,
+          limit: PAGE_SIZE,
+          offset
+        });
+        if (result.errors?.length) {
+          setReleases([]);
+          return;
+        }
+        const page = result.data?.publicContentPages;
+        const items = page?.items || [];
+        all.push(...items);
+        if (!page?.hasMore || items.length === 0) break;
+        offset += PAGE_SIZE;
+      }
+      const pressOnly = all.filter((p) => p.tags?.includes("press")).sort((a, b) => {
+        const da = new Date(a.publishedAt || a.lastUpdated || 0).getTime();
+        const db = new Date(b.publishedAt || b.lastUpdated || 0).getTime();
+        return db - da;
+      });
+      setReleases(pressOnly);
+    } catch {
+      setReleases([]);
+    } finally {
+      setReleasesLoading(false);
+    }
+  }, [client, resolvedProductId, showPressReleases]);
+  useEffect(() => {
+    fetchReleases();
+  }, [fetchReleases]);
   const presentCategories = CATEGORY_ORDER.filter(
     (c) => assets.some((a) => a.category === c)
   );
@@ -993,6 +1314,31 @@ function PressKitPage(props) {
         )
       ] })
     ] }) }) }),
+    showPressReleases && (releasesLoading || releases.length > 0) && /* @__PURE__ */ jsx("section", { className: "pb-16 sm:pb-20", children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground mb-6", children: pressReleasesTitle }),
+      /* @__PURE__ */ jsx("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: releasesLoading ? [1, 2, 3].map((i) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "bg-card border rounded-xl overflow-hidden animate-pulse",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "aspect-[16/9] bg-muted" }),
+            /* @__PURE__ */ jsxs("div", { className: "p-5 space-y-3", children: [
+              /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-1/4" }),
+              /* @__PURE__ */ jsx("div", { className: "h-5 bg-muted rounded w-3/4" }),
+              /* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-1/2" })
+            ] })
+          ]
+        },
+        i
+      )) : releases.map((r) => /* @__PURE__ */ jsx(
+        PressReleaseCard,
+        {
+          release: r,
+          basePath: pressReleaseBasePath
+        },
+        r.id
+      )) })
+    ] }) }),
     /* @__PURE__ */ jsx("section", { className: "pb-16 sm:pb-20", children: /* @__PURE__ */ jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: loading ? /* @__PURE__ */ jsx("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: [1, 2, 3, 4, 5, 6].map((i) => /* @__PURE__ */ jsxs(
       "div",
       {
@@ -1037,7 +1383,7 @@ function PressKitPage(props) {
       }) }),
       grouped.map((group) => /* @__PURE__ */ jsxs("div", { className: "mb-12", children: [
         /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-foreground mb-5", children: CATEGORY_LABELS[group.cat] ?? group.cat }),
-        /* @__PURE__ */ jsx("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: group.items.map((a) => /* @__PURE__ */ jsx(AssetCard, { asset: a }, a.id)) })
+        /* @__PURE__ */ jsx("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-6", children: group.items.map((a) => /* @__PURE__ */ jsx(AssetCard, { asset: a, onPreview: setPreview }, a.id)) })
       ] }, group.cat)),
       contactEmail && /* @__PURE__ */ jsxs("div", { className: "mt-8 border-t pt-10 text-center", children: [
         /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground mb-2", children: "Media Contact" }),
@@ -1054,7 +1400,8 @@ function PressKitPage(props) {
           )
         ] })
       ] })
-    ] }) }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(PressKitLightbox, { asset: preview, onClose: () => setPreview(null) })
   ] });
 }