@reblu/site-blocks 0.15.0 → 0.17.0

package/dist/index.cjs

@@ -28,6 +28,7 @@ __export(src_exports, {
   CheckoutForm: () => CheckoutForm,
   CheckoutLoginPrompt: () => CheckoutLoginPrompt,
   CourseDescription: () => CourseDescription,
+  DATA_REQUEST_TYPES: () => import_site_contracts.DATA_REQUEST_TYPES,
   DEFAULT_INVOICE_COUNTRIES: () => DEFAULT_INVOICE_COUNTRIES,
   DEFAULT_SHOP_ERROR_FALLBACK_MESSAGE: () => DEFAULT_SHOP_ERROR_FALLBACK_MESSAGE,
   DEFAULT_SHOP_ERROR_MESSAGES: () => DEFAULT_SHOP_ERROR_MESSAGES,
@@ -13195,6 +13196,16 @@ var HTML_TO_DOM_OPTIONS = { lowerCaseAttributeNames: false };
 function parse3(html5, options) {
   return (0, import_html_react_parser.domToReact)((0, import_html_react_parser.htmlToDOM)(html5, HTML_TO_DOM_OPTIONS), options);
 }
+function isAllowedImage(src, prefixes) {
+  if (!src) return false;
+  let url;
+  try {
+    url = new URL(src);
+  } catch {
+    return false;
+  }
+  return prefixes.some((prefix) => url.href.startsWith(prefix));
+}
 var HEADING_CLASSES = {
   1: "text-3xl font-bold mt-8 mb-4 first:mt-0",
   2: "text-2xl font-bold mt-7 mb-3 first:mt-0",
@@ -13244,10 +13255,49 @@ function authorAttributes(el) {
 function isExternalHref(href) {
   return !!href && /^(https?:)?\/\//.test(href);
 }
-function buildOptions(headingOffset) {
+function soleImage(p2) {
+  let image = null;
+  for (const child of p2.children) {
+    if (child instanceof import_html_react_parser.Element) {
+      if (child.name !== "img" || image) return null;
+      image = child;
+    } else if (child.type !== "text" || child.data?.trim()) {
+      return null;
+    }
+  }
+  return image;
+}
+function buildOptions(headingOffset, images) {
+  const renderImage = (img) => {
+    if (!images || !isAllowedImage(img.attribs.src, images.allowedUrlPrefixes)) return null;
+    const image = { src: img.attribs.src, alt: img.attribs.alt ?? "" };
+    if (images.render) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: images.render(image) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: image.src,
+        alt: image.alt,
+        loading: "lazy",
+        decoding: "async",
+        className: "rounded-lg w-full h-auto"
+      }
+    );
+  };
   const options = {
     replace: (node) => {
       if (!(node instanceof import_html_react_parser.Element)) return void 0;
+      if (images && node.name === "p") {
+        const img = soleImage(node);
+        if (img) {
+          const rendered = renderImage(img);
+          if (rendered === null) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+          const caption = img.attribs.title?.trim();
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("figure", { className: "my-8", children: [
+            rendered,
+            caption ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("figcaption", { className: "mt-2 text-center text-sm text-muted-foreground", children: caption }) : null
+          ] });
+        }
+      }
       const children2 = () => (0, import_html_react_parser.domToReact)(node.children, options);
       const { name, attribs } = node;
       const author = authorAttributes(node);
@@ -13306,6 +13356,7 @@ function buildOptions(headingOffset) {
           );
         }
         case "img":
+          if (images) return renderImage(node) ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
           if (!attribs.src) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
           return (
             // Plain <img> keeps the block portable — a distributable can't assume a
@@ -13349,10 +13400,15 @@ function buildOptions(headingOffset) {
   };
   return options;
 }
-function MarkdownRenderer({ content, className, headingOffset = 0 }) {
+function MarkdownRenderer({
+  content,
+  className,
+  headingOffset = 0,
+  images
+}) {
   const html5 = markdownToSafeHtml(content);
   if (!html5) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: slotClassName("max-w-none", "", className), "data-slot": "markdown", children: parse3(html5, buildOptions(headingOffset)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: slotClassName("max-w-none", "", className), "data-slot": "markdown", children: parse3(html5, buildOptions(headingOffset, images)) });
 }
 function SafeHtml({ html: html5, className, headingOffset = 0 }) {
   if (!html5) return null;
@@ -13989,12 +14045,18 @@ function safeHref(url) {
     return null;
   }
 }
+function safeLogoSrc(url) {
+  if (typeof url !== "string" || url === "") return null;
+  if (url.startsWith("/")) return url.startsWith("//") || url.startsWith("/\\") ? null : url;
+  return safeHref(url);
+}
 function BadgeContent({ badge, logoClassName }) {
-  if (badge.logoUrl) {
+  const src = safeLogoSrc(badge.logoUrl);
+  if (src) {
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "img",
       {
-        src: badge.logoUrl,
+        src,
         alt: badge.name,
         loading: "lazy",
         className: (0, import_utils11.cn)("h-12 w-auto object-contain", logoClassName)
@@ -14007,11 +14069,14 @@ function TrustBadges({
   badges,
   headings,
   types = DEFAULT_TRUST_BADGE_TYPE_ORDER,
+  heading,
+  headingId = "trust-badges-heading",
   headingLevel = 2,
   newWindowLabel = "(se abre en una ventana nueva)",
   className,
   groupClassName,
   headingClassName,
+  sectionHeadingClassName,
   listClassName,
   logoClassName
 }) {
@@ -14020,46 +14085,66 @@ function TrustBadges({
   const groups = types.flatMap((type) => {
     const items = usable.filter((b2) => b2.type === type).map((b2, index) => ({ b: b2, index })).sort((x2, y2) => (x2.b.sortOrder ?? 0) - (y2.b.sortOrder ?? 0) || x2.index - y2.index).map(({ b: b2 }) => b2);
     if (items.length === 0) return [];
-    const heading = headings && Object.prototype.hasOwnProperty.call(headings, type) ? headings[type] : DEFAULT_TRUST_BADGE_HEADINGS[type];
-    return [{ type, heading, items }];
+    const groupHeading = headings && Object.prototype.hasOwnProperty.call(headings, type) ? headings[type] : DEFAULT_TRUST_BADGE_HEADINGS[type];
+    return [{ type, groupHeading, items }];
   });
   if (groups.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { "data-slot": "trust-badges", className: (0, import_utils11.cn)("space-y-6", className), children: groups.map(({ type, heading, items }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  const hasHeading = heading !== void 0 && heading !== null && heading !== "";
+  const groupHeadingLevel = hasHeading ? nextHeadingLevel(headingLevel) : headingLevel;
+  const content = groups.map(({ type, groupHeading, items }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       "data-slot": "trust-badge-group",
       "data-type": type,
       className: (0, import_utils11.cn)("space-y-3", groupClassName),
       children: [
-        heading ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        groupHeading ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           Heading,
           {
-            level: headingLevel,
-            className: (0, import_utils11.cn)("text-sm font-semibold uppercase tracking-widest", headingClassName),
-            children: heading
+            level: groupHeadingLevel,
+            className: slotClassName(
+              "",
+              "text-sm font-semibold uppercase tracking-widest",
+              headingClassName
+            ),
+            children: groupHeading
           }
         ) : null,
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: (0, import_utils11.cn)("flex flex-wrap items-center gap-6", listClassName), children: items.map((badge) => {
           const href = safeHref(badge.url);
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: href ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-            "a",
-            {
-              href,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "inline-flex",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BadgeContent, { badge, logoClassName }),
-                " ",
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: newWindowLabel })
-              ]
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BadgeContent, { badge, logoClassName }) }, badge.id);
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: href ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("a", { href, target: "_blank", rel: "noopener noreferrer", className: "inline-flex", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BadgeContent, { badge, logoClassName }),
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: newWindowLabel })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BadgeContent, { badge, logoClassName }) }, badge.id);
         }) })
       ]
     },
     type
-  )) });
+  ));
+  if (!hasHeading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { "data-slot": "trust-badges", className: (0, import_utils11.cn)("space-y-6", className), children: content });
+  }
+  const Tag = `h${headingLevel}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    "section",
+    {
+      "data-slot": "trust-badges",
+      "aria-labelledby": headingId,
+      className: (0, import_utils11.cn)("space-y-6", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          Tag,
+          {
+            id: headingId,
+            className: slotClassName("", "text-xl font-semibold", sectionHeadingClassName),
+            children: heading
+          }
+        ),
+        content
+      ]
+    }
+  );
 }
 
 // src/components/page-blocks.tsx
@@ -15490,6 +15575,9 @@ function FullInvoiceFields({
     ] })
   ] });
 }
+
+// src/index.ts
+var import_site_contracts = require("@reblu/site-contracts");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ALLOWED_YOUTUBE_HOSTS,
@@ -15500,6 +15588,7 @@ function FullInvoiceFields({
   CheckoutForm,
   CheckoutLoginPrompt,
   CourseDescription,
+  DATA_REQUEST_TYPES,
   DEFAULT_INVOICE_COUNTRIES,
   DEFAULT_SHOP_ERROR_FALLBACK_MESSAGE,
   DEFAULT_SHOP_ERROR_MESSAGES,