@burdenoff/website-sdk 2026.517.6 → 2026.518.2

package/dist/content/index.mjs

@@ -755,17 +755,309 @@ function BlogPostPage(props) {
           className: "w-full h-full object-cover"
         }
       ) }),
-      /* @__PURE__ */ jsx("div", { className: "prose prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsx(
-        ContentRenderer,
-        {
-          content: post.content,
-          format: post.contentFormat
-        }
-      ) })
+      /* @__PURE__ */ jsx("div", { className: "prose prose-gray dark:prose-invert max-w-none", children: /* @__PURE__ */ jsx(ContentRenderer, { content: post.content, format: post.contentFormat }) })
+    ] })
+  ] });
+}
+var PRESS_KIT_QUERY = `
+  query PublicPressKit($productId: String!, $limit: Int, $offset: Int) {
+    publicPressKitAssets(productId: $productId, limit: $limit, offset: $offset) {
+      items {
+        id
+        category
+        title
+        slug
+        description
+        fileUrl
+        fileName
+        fileSize
+        mimeType
+        thumbnailUrl
+        version
+        tags
+        sortOrder
+        updatedAt
+      }
+      total
+      hasMore
+    }
+  }
+`;
+var CATEGORY_ORDER = [
+  "LOGO",
+  "BANNER",
+  "SCREENSHOT",
+  "BRAND_GUIDE",
+  "BROCHURE",
+  "DOCUMENT",
+  "PRESS_RELEASE"
+];
+var CATEGORY_LABELS = {
+  LOGO: "Logos",
+  BANNER: "Banners",
+  SCREENSHOT: "Screenshots",
+  BRAND_GUIDE: "Brand Guides",
+  BROCHURE: "Brochures",
+  DOCUMENT: "Documents",
+  PRESS_RELEASE: "Press Releases"
+};
+function formatBytes(bytes) {
+  if (bytes == null) return "";
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(0)} KB`;
+  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+function AssetCard({ asset }) {
+  const date = asset.updatedAt ? new Date(asset.updatedAt).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  }) : "";
+  const ext = (asset.mimeType || "file").split("/").pop()?.toUpperCase() || "FILE";
+  const size = formatBytes(asset.fileSize);
+  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",
+      {
+        src: asset.thumbnailUrl,
+        alt: asset.title,
+        className: "w-full h-full object-contain group-hover:scale-105 transition-transform duration-300",
+        loading: "lazy"
+      }
+    ) }) : /* @__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"
+          }
+        )
+      }
+    ) }),
+    /* @__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 }),
+      asset.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3 line-clamp-2", children: asset.description }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-auto flex items-center justify-between pt-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: ext }),
+          size && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            /* @__PURE__ */ jsx("span", { children: size })
+          ] }),
+          date && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\xB7" }),
+            /* @__PURE__ */ jsx("span", { children: date })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: asset.fileUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            download: true,
+            className: "inline-flex items-center gap-1.5 text-sm font-medium text-primary hover:underline",
+            children: [
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "w-4 h-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 PressKitPage(props) {
+  const {
+    productName,
+    heroTitle = "Press & Media Kit",
+    heroSubtitle = "Official logos, brand assets, and media resources. Everything you need to write about us.",
+    mediaContactEmail,
+    brandKitUrl,
+    className = "",
+    seoTitle,
+    seoDescription,
+    seoKeywords
+  } = props;
+  const client = useWebSDK();
+  const config = useWebSDKConfig();
+  const { product } = useProduct();
+  const resolvedProductId = product?.id || config.productId;
+  const contactEmail = mediaContactEmail || product?.contactEmail || void 0;
+  const [assets, setAssets] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [activeCategory, setActiveCategory] = useState("ALL");
+  const fetchAssets = useCallback(async () => {
+    if (!resolvedProductId) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const PAGE_SIZE = 100;
+      const all = [];
+      let offset = 0;
+      for (; ; ) {
+        const result = await client.query(PRESS_KIT_QUERY, {
+          productId: resolvedProductId,
+          limit: PAGE_SIZE,
+          offset
+        });
+        if (result.errors?.length) {
+          setError(result.errors[0]?.message ?? "Failed to load press kit");
+          return;
+        }
+        const page = result.data?.publicPressKitAssets;
+        const items = page?.items || [];
+        all.push(...items);
+        if (!page?.hasMore || items.length === 0) break;
+        offset += PAGE_SIZE;
+      }
+      setAssets(all);
+      setError(null);
+    } catch {
+      setError("Failed to load press kit");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, resolvedProductId]);
+  useEffect(() => {
+    fetchAssets();
+  }, [fetchAssets]);
+  const presentCategories = CATEGORY_ORDER.filter(
+    (c) => assets.some((a) => a.category === c)
+  );
+  const visibleAssets = activeCategory === "ALL" ? assets : assets.filter((a) => a.category === activeCategory);
+  const grouped = (activeCategory === "ALL" ? presentCategories : [activeCategory]).map((cat) => ({
+    cat,
+    items: visibleAssets.filter((a) => a.category === cat).sort((a, b) => a.sortOrder - b.sortOrder)
+  })).filter((g) => g.items.length > 0);
+  return /* @__PURE__ */ jsxs("div", { className: `w-full ${className}`, children: [
+    seoTitle && /* @__PURE__ */ jsx(
+      PageHead,
+      {
+        title: seoTitle,
+        description: seoDescription || heroSubtitle,
+        productName,
+        keywords: seoKeywords
+      }
+    ),
+    /* @__PURE__ */ jsx("section", { className: "py-16 sm:py-20 md:py-24", children: /* @__PURE__ */ jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "text-center max-w-3xl mx-auto", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-3xl sm:text-4xl md:text-5xl font-bold tracking-tight text-foreground", children: heroTitle }),
+      /* @__PURE__ */ jsx("p", { className: "mt-4 text-lg text-muted-foreground", children: heroSubtitle }),
+      (brandKitUrl || contactEmail) && /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-wrap items-center justify-center gap-4", children: [
+        brandKitUrl && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: brandKitUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "inline-flex items-center gap-2 px-6 py-3 rounded-lg bg-primary text-primary-foreground font-medium hover:opacity-90 transition-opacity",
+            children: "Download brand kit"
+          }
+        ),
+        contactEmail && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: `mailto:${contactEmail}`,
+            className: "inline-flex items-center gap-2 px-6 py-3 rounded-lg border font-medium text-foreground hover:bg-muted transition-colors",
+            children: "Media inquiries"
+          }
+        )
+      ] })
+    ] }) }) }),
+    /* @__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",
+      {
+        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
+    )) }) : error ? /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: error }) }) : assets.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+      "Press materials are coming soon. For media inquiries",
+      contactEmail ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        ", contact ",
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: `mailto:${contactEmail}`,
+            className: "text-primary hover:underline",
+            children: contactEmail
+          }
+        )
+      ] }) : " please reach out to our team",
+      "."
+    ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      presentCategories.length > 1 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 mb-10 justify-center", children: ["ALL", ...presentCategories].map((c) => {
+        const active = activeCategory === c;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setActiveCategory(c),
+            className: `px-4 py-2 rounded-full text-sm font-medium transition-colors ${active ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:text-foreground"}`,
+            children: c === "ALL" ? "All" : CATEGORY_LABELS[c] ?? c
+          },
+          c
+        );
+      }) }),
+      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)) })
+      ] }, 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" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+          "For interviews, partnerships, and press inquiries:",
+          " ",
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: `mailto:${contactEmail}`,
+              className: "text-primary hover:underline",
+              children: contactEmail
+            }
+          )
+        ] })
+      ] })
+    ] }) }) })
+  ] });
+}
 
-export { BlogListPage, BlogPostPage, ContentRenderer, useContentPage, useContentPages };
+export { BlogListPage, BlogPostPage, ContentRenderer, PressKitPage, useContentPage, useContentPages };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map