@wix/web5-core 1.56.0

package/dist/esm/match/extractProps.js

@@ -0,0 +1,634 @@
+// ---------------------------------------------------------------------------
+// Per-section extraction functions: Part[] → component props
+//
+// Each function maps the semantic Parts produced by matchMarkdown into the
+// exact props shape that the corresponding Section component expects.
+// ---------------------------------------------------------------------------
+
+import { getPartsByType, getPartByRole, getHeading, getImages, getLinks } from '../parts/parts.js';
+
+// ---------------------------------------------------------------------------
+// Shared helpers
+// ---------------------------------------------------------------------------
+
+function str(p) {
+  var _p$content;
+  return (p == null || (_p$content = p.content) == null ? void 0 : _p$content.trim()) ?? '';
+}
+function firstImage(parts) {
+  var _img$meta;
+  const img = getImages(parts)[0] ?? getPartByRole(parts, 'hero-image');
+  return (img == null || (_img$meta = img.meta) == null ? void 0 : _img$meta.src) ?? '';
+}
+function listItemParts(parts) {
+  const lists = getPartsByType(parts, 'list');
+  const items = [];
+  for (const lp of lists) {
+    for (const item of ((_lp$meta = lp.meta) == null ? void 0 : _lp$meta.items) ?? []) {
+      var _lp$meta;
+      items.push(item);
+    }
+  }
+  return items;
+}
+function cardParts(parts) {
+  return getPartsByType(parts, 'card');
+}
+
+/** Collect links from top-level parts AND nested inside list items. */
+function allLinks(parts) {
+  const top = getLinks(parts);
+  if (top.length > 0) {
+    return top;
+  }
+  const nested = [];
+  for (const item of listItemParts(parts)) {
+    for (const p of ((_item$meta = item.meta) == null ? void 0 : _item$meta.parts) ?? []) {
+      var _item$meta;
+      if (p.type === 'link') {
+        nested.push(p);
+      }
+    }
+  }
+  return nested;
+}
+
+// ---------------------------------------------------------------------------
+// Prop types (plain objects, no React)
+// ---------------------------------------------------------------------------
+
+/** @deprecated Use BlogSectionProps */
+
+/** @deprecated Use BlogSectionProps */
+
+/** @deprecated Use BlogSectionProps */
+
+/** @deprecated Use BlogSectionProps */
+
+// ---------------------------------------------------------------------------
+// Extraction functions
+// ---------------------------------------------------------------------------
+
+export function extractHeroSection1Props(parts) {
+  var _trailingListPart$con;
+  const links = allLinks(parts);
+  const trailingListPart = getPartsByType(parts, 'list')[0];
+
+  // Hero: prefer h1 for headline, use smaller heading as badge
+  const h1 = getHeading(parts, 1);
+  const headings = getPartsByType(parts, 'heading');
+  const nonH1 = headings.find(h => h.meta.level !== 1);
+  const headline = h1 ?? getPartByRole(parts, 'title');
+  const badge = h1 ? nonH1 : getPartByRole(parts, 'subtitle');
+  const buttons = links.length > 0 ? links.map((l, i) => {
+    var _l$content, _l$meta;
+    return {
+      id: String(i),
+      text: ((_l$content = l.content) == null ? void 0 : _l$content.trim()) || 'Learn more',
+      variant: i === 0 ? 'primary' : 'secondary',
+      onClick: (_l$meta = l.meta) == null ? void 0 : _l$meta.href
+    };
+  }) : undefined;
+  return {
+    headline: str(headline),
+    badge: str(badge) || undefined,
+    content: str(getPartByRole(parts, 'description')) || undefined,
+    buttons,
+    image: firstImage(parts) || undefined,
+    trailingList: (trailingListPart == null || (_trailingListPart$con = trailingListPart.content) == null ? void 0 : _trailingListPart$con.trim()) || undefined
+  };
+}
+export function extractFeatureSection1Props(parts) {
+  return {
+    title: str(getPartByRole(parts, 'title')),
+    content: str(getPartByRole(parts, 'description')),
+    image: firstImage(parts),
+    buttons: getLinks(parts).length > 0 ? getLinks(parts).map(l => {
+      var _l$content2, _l$meta2;
+      return {
+        text: ((_l$content2 = l.content) == null ? void 0 : _l$content2.trim()) || 'Learn more',
+        onClick: (_l$meta2 = l.meta) == null ? void 0 : _l$meta2.href
+      };
+    }) : undefined
+  };
+}
+export function extractFeatureWithImageProps(parts) {
+  const items = listItemParts(parts);
+  const listItems = items.length > 0 ? items.map(item => {
+    var _item$meta2, _link$content, _link$meta;
+    const nested = ((_item$meta2 = item.meta) == null ? void 0 : _item$meta2.parts) ?? [];
+    const link = nested.find(x => x.type === 'link');
+    const text = nested.find(x => x.type === 'text');
+    return {
+      content: ((text == null ? void 0 : text.content) ?? item.content ?? '').trim() || (link == null || (_link$content = link.content) == null ? void 0 : _link$content.trim()) || '',
+      linkUrl: link == null || (_link$meta = link.meta) == null ? void 0 : _link$meta.href
+    };
+  }) : undefined;
+  return {
+    title: str(getPartByRole(parts, 'title')),
+    content: str(getPartByRole(parts, 'description')),
+    image: firstImage(parts),
+    buttons: getLinks(parts).length > 0 ? getLinks(parts).map(l => {
+      var _l$content3, _l$meta3;
+      return {
+        text: ((_l$content3 = l.content) == null ? void 0 : _l$content3.trim()) || 'Learn more',
+        onClick: (_l$meta3 = l.meta) == null ? void 0 : _l$meta3.href
+      };
+    }) : undefined,
+    listItems
+  };
+}
+export function extractFeatureSection9PlusProps(parts) {
+  var _blockquotePart$conte;
+  const items = listItemParts(parts);
+  const features = [];
+  for (const item of items) {
+    var _item$meta3;
+    const nested = ((_item$meta3 = item.meta) == null ? void 0 : _item$meta3.parts) ?? [];
+    const heading = nested.find(x => x.type === 'heading' || x.role === 'title');
+    const link = nested.find(x => x.type === 'link');
+    const textParts = nested.filter(x => x.type === 'text');
+    let title;
+    let description;
+    if (heading) {
+      var _heading$content, _textParts$, _item$content;
+      title = (_heading$content = heading.content) == null ? void 0 : _heading$content.trim();
+      description = ((_textParts$ = textParts[0]) == null || (_textParts$ = _textParts$.content) == null ? void 0 : _textParts$.trim()) ?? ((_item$content = item.content) == null ? void 0 : _item$content.trim()) ?? '';
+    } else if (link && textParts.length > 0) {
+      var _link$content2;
+      title = (_link$content2 = link.content) == null ? void 0 : _link$content2.trim();
+      description = textParts.map(t => {
+        var _t$content;
+        return (_t$content = t.content) == null ? void 0 : _t$content.trim();
+      }).filter(Boolean).join(' ');
+    } else if (textParts.length > 1) {
+      var _textParts$2;
+      title = (_textParts$2 = textParts[0]) == null || (_textParts$2 = _textParts$2.content) == null ? void 0 : _textParts$2.trim();
+      description = textParts.slice(1).map(t => {
+        var _t$content2;
+        return (_t$content2 = t.content) == null ? void 0 : _t$content2.trim();
+      }).filter(Boolean).join(' ');
+    } else {
+      var _textParts$3, _item$content2;
+      description = ((_textParts$3 = textParts[0]) == null || (_textParts$3 = _textParts$3.content) == null ? void 0 : _textParts$3.trim()) ?? ((_item$content2 = item.content) == null ? void 0 : _item$content2.trim()) ?? '';
+    }
+    if (description) {
+      features.push({
+        title,
+        description
+      });
+    }
+  }
+  const blockquotePart = getPartByRole(parts, 'callout') ?? getPartsByType(parts, 'blockquote')[0];
+  return {
+    title: str(getPartByRole(parts, 'title')),
+    description: str(getPartByRole(parts, 'description')) || undefined,
+    features,
+    blockquote: (blockquotePart == null || (_blockquotePart$conte = blockquotePart.content) == null ? void 0 : _blockquotePart$conte.trim()) || undefined,
+    layoutType: 'grid'
+  };
+}
+export function extractFeatureSection15Props(parts) {
+  const items = listItemParts(parts);
+  const features = [];
+  for (const item of items) {
+    var _item$meta4, _textParts$4, _textParts$5, _item$content3;
+    const nested = ((_item$meta4 = item.meta) == null ? void 0 : _item$meta4.parts) ?? [];
+    const textParts = nested.filter(x => x.type === 'text');
+    const titleText = ((_textParts$4 = textParts[0]) == null || (_textParts$4 = _textParts$4.content) == null ? void 0 : _textParts$4.trim()) ?? '';
+    const descText = textParts.length > 1 ? ((_textParts$5 = textParts[1]) == null || (_textParts$5 = _textParts$5.content) == null ? void 0 : _textParts$5.trim()) ?? '' : ((_item$content3 = item.content) == null ? void 0 : _item$content3.trim()) ?? '';
+    if (titleText || descText) {
+      features.push({
+        title: titleText,
+        description: descText || titleText
+      });
+    }
+  }
+  return {
+    title: str(getPartByRole(parts, 'title')),
+    description: str(getPartByRole(parts, 'description')) || undefined,
+    features,
+    image: firstImage(parts)
+  };
+}
+
+/**
+ * Parse a colon-separated KPI text line like "52 weeks: +7.3%: description"
+ * or "48.8%: description" into structured KPI fields.
+ */
+function parseKpiText(text) {
+  const segments = text.split(/:\s*/);
+  if (segments.length < 2) {
+    return null;
+  }
+  const isValueLike = s => /[0-9%+\-.]/.test(s);
+  if (segments.length >= 3 && isValueLike(segments[1])) {
+    return {
+      timeframe: segments[0].trim(),
+      value: segments[1].trim(),
+      description: segments.slice(2).join(': ').trim()
+    };
+  }
+  if (isValueLike(segments[0])) {
+    return {
+      value: segments[0].trim(),
+      description: segments.slice(1).join(': ').trim()
+    };
+  }
+  return null;
+}
+export function extractKpiSectionProps(parts) {
+  const kpiParts = getPartsByType(parts, 'kpiItem');
+  if (kpiParts.length > 0) {
+    return {
+      title: str(getPartByRole(parts, 'title')),
+      items: kpiParts.map(p => {
+        var _p$meta, _p$meta2, _p$meta3, _p$meta4;
+        return {
+          value: ((_p$meta = p.meta) == null ? void 0 : _p$meta.value) ?? '',
+          description: ((_p$meta2 = p.meta) == null ? void 0 : _p$meta2.label) ?? p.content ?? '',
+          timeframe: ((_p$meta3 = p.meta) == null ? void 0 : _p$meta3.timeframe) || undefined,
+          trend: ((_p$meta4 = p.meta) == null ? void 0 : _p$meta4.trend) ?? 'neutral'
+        };
+      }).filter(i => i.value || i.description)
+    };
+  }
+
+  // Fallback: parse KPI values from list items or text parts
+
+  const items = [];
+  const listItems = listItemParts(parts);
+  if (listItems.length > 0) {
+    for (const item of listItems) {
+      var _item$meta5;
+      const nested = ((_item$meta5 = item.meta) == null ? void 0 : _item$meta5.parts) ?? [];
+      const raw = nested.map(p => {
+        var _p$content2;
+        return (_p$content2 = p.content) == null ? void 0 : _p$content2.trim();
+      }).filter(Boolean).join(': ');
+      const parsed = parseKpiText(raw || item.content || '');
+      if (parsed) {
+        items.push({
+          ...parsed,
+          trend: 'neutral'
+        });
+      }
+    }
+  } else {
+    const textParts = parts.filter(p => p.type === 'text' && p.role !== 'title' && p.role !== 'subtitle');
+    for (const tp of textParts) {
+      const parsed = parseKpiText(tp.content || '');
+      if (parsed) {
+        items.push({
+          ...parsed,
+          trend: 'neutral'
+        });
+      }
+    }
+  }
+  return {
+    title: str(getPartByRole(parts, 'title')),
+    items
+  };
+}
+function cardsOrFallbackPosts(parts, max) {
+  const cards = cardParts(parts);
+  if (cards.length > 0) {
+    const sliced = max ? cards.slice(0, max) : cards;
+    return sliced.map((p, i) => {
+      var _p$meta5, _p$meta6, _p$meta7, _p$meta8, _p$meta9, _p$meta0;
+      return {
+        id: String(i),
+        title: ((_p$meta5 = p.meta) == null ? void 0 : _p$meta5.title) ?? p.content ?? '',
+        description: ((_p$meta6 = p.meta) == null ? void 0 : _p$meta6.description) ?? '',
+        imageUrl: ((_p$meta7 = p.meta) == null ? void 0 : _p$meta7.imageUrl) ?? '',
+        date: ((_p$meta8 = p.meta) == null ? void 0 : _p$meta8.date) ?? '',
+        category: ((_p$meta9 = p.meta) == null ? void 0 : _p$meta9.category) ?? '',
+        onClick: ((_p$meta0 = p.meta) == null ? void 0 : _p$meta0.link) || undefined
+      };
+    });
+  }
+
+  // Fallback 1: derive posts from list items that contain structured content
+  const items = listItemParts(parts);
+  const hasStructured = items.some(item => {
+    var _item$meta6;
+    const nested = ((_item$meta6 = item.meta) == null ? void 0 : _item$meta6.parts) ?? [];
+    return nested.some(x => x.type === 'heading' || x.type === 'link' || x.type === 'image');
+  });
+  if (items.length > 0 && hasStructured) {
+    const sliced = max ? items.slice(0, max) : items;
+    return sliced.map((item, i) => {
+      var _item$meta7, _titleSource$content, _item$content4, _img$meta2, _link$meta2;
+      const nested = ((_item$meta7 = item.meta) == null ? void 0 : _item$meta7.parts) ?? [];
+      const heading = nested.find(x => x.type === 'heading');
+      const link = nested.find(x => x.type === 'link');
+      const img = nested.find(x => x.type === 'image');
+      const texts = nested.filter(x => x.type === 'text');
+      const titleSource = heading ?? link;
+      const descTexts = heading ? texts : texts.slice(link ? 0 : 0);
+      return {
+        id: String(i),
+        title: (titleSource == null || (_titleSource$content = titleSource.content) == null ? void 0 : _titleSource$content.trim()) ?? ((_item$content4 = item.content) == null ? void 0 : _item$content4.trim()) ?? '',
+        description: descTexts.map(t => {
+          var _t$content3;
+          return (_t$content3 = t.content) == null ? void 0 : _t$content3.trim();
+        }).filter(Boolean).join(' ') || '',
+        imageUrl: (img == null || (_img$meta2 = img.meta) == null ? void 0 : _img$meta2.src) ?? '',
+        date: '',
+        category: '',
+        onClick: (link == null || (_link$meta2 = link.meta) == null ? void 0 : _link$meta2.href) || undefined
+      };
+    });
+  }
+
+  // Fallback 2: group sequential link+image+text flat parts into posts
+  // (common for blogSection1 where each post is link paragraph + image paragraph + text paragraph)
+  const links = getLinks(parts);
+  const images = getImages(parts);
+  if (links.length >= 2 && images.length >= 2) {
+    const posts = [];
+    const allParts = parts.filter(p => p.type !== 'heading' && p.type !== 'htmlComment');
+    let linkIdx = 0;
+    for (const p of allParts) {
+      if (p.type === 'link') {
+        var _p$content3, _meta;
+        posts.push({
+          id: String(linkIdx++),
+          title: ((_p$content3 = p.content) == null ? void 0 : _p$content3.trim()) ?? '',
+          description: '',
+          imageUrl: '',
+          date: '',
+          category: '',
+          onClick: ((_meta = p.meta) == null ? void 0 : _meta.href) || undefined
+        });
+      } else if (posts.length > 0) {
+        const last = posts[posts.length - 1];
+        if (p.type === 'image' && !last.imageUrl) {
+          var _meta2;
+          last.imageUrl = ((_meta2 = p.meta) == null ? void 0 : _meta2.src) ?? '';
+        } else if (p.type === 'text' && !last.description) {
+          var _p$content4;
+          last.description = ((_p$content4 = p.content) == null ? void 0 : _p$content4.trim()) ?? '';
+        }
+      }
+    }
+    const sliced = max ? posts.slice(0, max) : posts;
+    return sliced;
+  }
+  return [];
+}
+export function extractBlogSectionProps(parts) {
+  var _getLinks$;
+  const posts = cardsOrFallbackPosts(parts);
+  const postUrls = new Set(posts.map(p => p.imageUrl).filter(Boolean));
+  const sectionImages = getImages(parts).map(i => {
+    var _i$meta;
+    return ((_i$meta = i.meta) == null ? void 0 : _i$meta.src) ?? '';
+  }).filter(u => u && !postUrls.has(u));
+  return {
+    title: str(getPartByRole(parts, 'title')) || undefined,
+    description: str(getPartByRole(parts, 'description')) || undefined,
+    posts,
+    imageUrl: sectionImages[0] || firstImage(parts) || undefined,
+    ...(sectionImages.length > 1 && {
+      images: sectionImages
+    }),
+    buttonText: ((_getLinks$ = getLinks(parts)[0]) == null || (_getLinks$ = _getLinks$.content) == null ? void 0 : _getLinks$.trim()) || undefined
+  };
+}
+
+/** @deprecated Use extractBlogSectionProps */
+export const extractBlogSection1Props = extractBlogSectionProps;
+/** @deprecated Use extractBlogSectionProps */
+export const extractBlogSection3Props = extractBlogSectionProps;
+/** @deprecated Use extractBlogSectionProps */
+export const extractBlogSection4Props = extractBlogSectionProps;
+
+/** @deprecated Use extractBlogSectionProps */
+export const extractFeature8Blog4SectionProps = extractBlogSectionProps;
+export function extractComparisonSection1Props(parts) {
+  var _links$, _links$2, _tipPart$content;
+  const tablePart = getPartByRole(parts, 'table') ?? getPartsByType(parts, 'table')[0];
+  const meta = (tablePart == null ? void 0 : tablePart.meta) ?? {};
+  const rawRows = meta.rows ?? [];
+  const rows = rawRows.map(r => {
+    if (Array.isArray(r)) {
+      return {
+        feature: String(r[0] ?? ''),
+        values: r.slice(1).map(v => typeof v === 'boolean' ? v : String(v ?? ''))
+      };
+    }
+    return {
+      feature: String(r.feature ?? ''),
+      values: (r.values ?? []).map(v => typeof v === 'boolean' ? v : String(v ?? ''))
+    };
+  });
+  const columnLabels = meta.columnLabels ?? meta.columns ?? [];
+  const links = getLinks(parts);
+  const tipPart = getPartByRole(parts, 'callout') ?? getPartsByType(parts, 'blockquote')[0];
+  return {
+    title: str(getPartByRole(parts, 'title')),
+    tagline: str(getPartByRole(parts, 'subtitle')) || undefined,
+    description: str(getPartByRole(parts, 'description')) || undefined,
+    rows,
+    columnLabels,
+    featureColumnLabel: meta.featureColumnLabel || undefined,
+    ctaText: ((_links$ = links[0]) == null || (_links$ = _links$.content) == null ? void 0 : _links$.trim()) || undefined,
+    ctaHref: ((_links$2 = links[0]) == null || (_links$2 = _links$2.meta) == null ? void 0 : _links$2.href) || undefined,
+    tip: (tipPart == null || (_tipPart$content = tipPart.content) == null ? void 0 : _tipPart$content.trim()) || undefined
+  };
+}
+export function extractFeatureCardsSectionProps(parts) {
+  const items = listItemParts(parts);
+  const cards = [];
+  if (items.length > 0) {
+    for (const item of items) {
+      var _item$meta8, _heading$content2, _textPart$content, _item$content5;
+      const nested = ((_item$meta8 = item.meta) == null ? void 0 : _item$meta8.parts) ?? [];
+      const heading = nested.find(x => x.type === 'heading');
+      const textPart = nested.find(x => x.type === 'text');
+      const title = (heading == null || (_heading$content2 = heading.content) == null ? void 0 : _heading$content2.trim()) ?? '';
+      const description = (textPart == null || (_textPart$content = textPart.content) == null ? void 0 : _textPart$content.trim()) ?? ((_item$content5 = item.content) == null ? void 0 : _item$content5.trim()) ?? '';
+      if (title || description) {
+        cards.push({
+          title,
+          description
+        });
+      }
+    }
+    return {
+      cards
+    };
+  }
+
+  // Fallback: group parts by heading boundaries (for repeating h2 > t > blockquote patterns)
+  let current = null;
+  for (const p of parts) {
+    if (p.type === 'heading') {
+      var _p$content5;
+      if (current) {
+        cards.push(current);
+      }
+      current = {
+        title: ((_p$content5 = p.content) == null ? void 0 : _p$content5.trim()) ?? '',
+        description: ''
+      };
+    } else if (current) {
+      if (p.type === 'text' || p.type === 'richText') {
+        var _p$content6;
+        current.description += (current.description ? ' ' : '') + (((_p$content6 = p.content) == null ? void 0 : _p$content6.trim()) ?? '');
+      } else if (p.type === 'blockquote') {
+        var _p$content7;
+        current.calloutText = (_p$content7 = p.content) == null ? void 0 : _p$content7.trim();
+      }
+    }
+  }
+  if (current) {
+    cards.push(current);
+  }
+  return {
+    cards
+  };
+}
+export function extractNextStepsSectionProps(parts) {
+  const items = listItemParts(parts);
+  const steps = [];
+  for (const item of items) {
+    var _item$meta9, _itemLinks$;
+    const nested = ((_item$meta9 = item.meta) == null ? void 0 : _item$meta9.parts) ?? [];
+    const itemLinks = nested.filter(x => x.type === 'link');
+    const text = nested.find(x => x.type === 'text');
+    const content = ((text == null ? void 0 : text.content) || item.content || ((_itemLinks$ = itemLinks[0]) == null ? void 0 : _itemLinks$.content) || '').trim();
+    if (content) {
+      var _itemLinks$2;
+      steps.push({
+        content,
+        href: (_itemLinks$2 = itemLinks[0]) == null || (_itemLinks$2 = _itemLinks$2.meta) == null ? void 0 : _itemLinks$2.href,
+        links: itemLinks.length > 0 ? itemLinks.map(l => {
+          var _l$content4, _l$meta4;
+          return {
+            text: ((_l$content4 = l.content) == null ? void 0 : _l$content4.trim()) || '',
+            href: ((_l$meta4 = l.meta) == null ? void 0 : _l$meta4.href) ?? ''
+          };
+        }) : undefined
+      });
+    }
+  }
+  return {
+    title: str(getPartByRole(parts, 'title')) || 'Next steps',
+    steps
+  };
+}
+export function extractCalloutSectionProps(parts) {
+  const blockquotes = getPartsByType(parts, 'blockquote');
+  const callouts = blockquotes.map(p => {
+    var _p$content8;
+    return (_p$content8 = p.content) == null ? void 0 : _p$content8.trim();
+  }).filter(Boolean);
+  const links = getLinks(parts);
+  return {
+    callouts,
+    relatedLinks: links.length > 0 ? links.map(l => {
+      var _l$content5, _l$meta5;
+      return {
+        text: ((_l$content5 = l.content) == null ? void 0 : _l$content5.trim()) || 'Learn more',
+        url: ((_l$meta5 = l.meta) == null ? void 0 : _l$meta5.href) ?? '#'
+      };
+    }) : undefined
+  };
+}
+export function extractGeneralTextSectionProps(parts) {
+  const texts = parts.filter(p => p.type === 'text' || p.type === 'heading' || p.type === 'richText').map(p => p.content).filter(Boolean);
+  return {
+    markdown: texts.join('\n\n')
+  };
+}
+export function extractErrorSectionProps(parts) {
+  const links = getLinks(parts);
+  return {
+    title: str(getPartByRole(parts, 'title')) || 'Something went wrong',
+    subtitle: str(getPartByRole(parts, 'description')) || undefined,
+    buttons: links.length > 0 ? links.map((l, i) => {
+      var _l$content6;
+      return {
+        text: ((_l$content6 = l.content) == null ? void 0 : _l$content6.trim()) || 'Try again',
+        variant: i === 0 ? 'primary' : 'secondary'
+      };
+    }) : undefined
+  };
+}
+export function extractPersonalizedNarrativeSectionProps(parts) {
+  return {
+    title: str(getPartByRole(parts, 'title')),
+    content: str(getPartByRole(parts, 'description')) || undefined
+  };
+}
+export function extractHeroSection6Props(parts) {
+  const links = getLinks(parts);
+  return {
+    headline: str(getPartByRole(parts, 'title')),
+    tagline: str(getPartByRole(parts, 'subtitle')) || undefined,
+    content: str(getPartByRole(parts, 'description')) || undefined,
+    buttons: links.length > 0 ? links.map((l, i) => {
+      var _l$content7, _l$meta6;
+      return {
+        id: String(i),
+        text: ((_l$content7 = l.content) == null ? void 0 : _l$content7.trim()) || 'Learn more',
+        onClick: (_l$meta6 = l.meta) == null ? void 0 : _l$meta6.href
+      };
+    }) : undefined,
+    backgroundImage: firstImage(parts) || undefined
+  };
+}
+
+// ---------------------------------------------------------------------------
+// Registry: componentName → extractor
+// ---------------------------------------------------------------------------
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+export const SECTION_EXTRACTORS = {
+  HeroCircana1: extractHeroSection1Props,
+  HeroSection1: extractHeroSection1Props,
+  HeroSection6: extractHeroSection6Props,
+  FeatureSection: extractFeatureWithImageProps,
+  FeatureSection1: extractFeatureSection1Props,
+  FeatureSection9Plus: extractFeatureSection9PlusProps,
+  FeatureSection15: extractFeatureSection15Props,
+  KpiSection: extractKpiSectionProps,
+  BlogSection: extractBlogSectionProps,
+  BlogSection1: extractBlogSectionProps,
+  BlogSection1TwoItems: extractBlogSectionProps,
+  BlogSection1FourToEight: extractBlogSectionProps,
+  BlogSection3: extractBlogSectionProps,
+  BlogSection4: extractBlogSectionProps,
+  Feature8Blog4Section: extractBlogSectionProps,
+  Feature8Blog4CircanaSection: extractBlogSectionProps,
+  ComparisonSection1: extractComparisonSection1Props,
+  FeatureCardsSection: extractFeatureCardsSectionProps,
+  NextStepsSection: extractNextStepsSectionProps,
+  CalloutSection: extractCalloutSectionProps,
+  GeneralTextSection: extractGeneralTextSectionProps,
+  ErrorSection: extractErrorSectionProps,
+  PersonalizedNarrativeSection: extractPersonalizedNarrativeSectionProps,
+  GenericEntitySection: extractFeatureWithImageProps
+};
+
+/**
+ * Given a componentName (from parserConfig) and a Part[], returns the typed
+ * props object the corresponding Section component expects.
+ *
+ * Returns undefined if no extractor is registered for the given name.
+ */
+export function extractPropsForSection(componentName, parts) {
+  const fn = SECTION_EXTRACTORS[componentName];
+  if (!fn) {
+    console.warn('[Preview Pipeline] No extractor for "%s"', componentName);
+    return undefined;
+  }
+  const props = fn(parts);
+  console.log('[Preview Pipeline] extractProps(%s) — %d parts → %s', componentName, parts.length, JSON.stringify(props, null, 2));
+  return props;
+}
+//# sourceMappingURL=extractProps.js.map