@flamingo-stack/openframe-frontend-core 0.0.289 → 0.0.290-snapshot.20260618201839

package/dist/{chunk-OV3ZCU6X.cjs → chunk-Z4GAFSNM.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkKLXCXNLWcjs = require('./chunk-KLXCXNLW.cjs');
+var _chunk2YSC3APIcjs = require('./chunk-2YSC3API.cjs');
 
 
 
@@ -202,7 +202,7 @@ function SlidesViewToggle({
     { key: "browse", label: "Browse", Icon: _lucidereact.LayoutGrid }
   ];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkKLXCXNLWcjs.ToggleGroup,
+    _chunk2YSC3APIcjs.ToggleGroup,
     {
       type: "single",
       value: view,
@@ -214,7 +214,7 @@ function SlidesViewToggle({
       children: options.map(({ key, label, Icon }) => {
         const active = view === key;
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkKLXCXNLWcjs.ToggleGroupItem,
+          _chunk2YSC3APIcjs.ToggleGroupItem,
           {
             value: key,
             "aria-label": label,
@@ -616,4 +616,4 @@ var OGLinkPreview = ({
 
 
 exports.EmbedIframe = EmbedIframe; exports.PdfViewer = PdfViewer; exports.GoogleSheetsViewer = GoogleSheetsViewer; exports.FigmaEmbed = FigmaEmbed; exports.OGLinkErrorBoundary = OGLinkErrorBoundary; exports.OGLinkPreview = OGLinkPreview;
-//# sourceMappingURL=chunk-OV3ZCU6X.cjs.map
+//# sourceMappingURL=chunk-Z4GAFSNM.cjs.map

package/dist/{chunk-OV3ZCU6X.cjs.map → chunk-Z4GAFSNM.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-OV3ZCU6X.cjs","../src/components/embeds/embed-iframe.tsx","../src/components/embeds/pdf-viewer.tsx","../src/components/embeds/google-sheets-viewer.tsx","../src/components/embeds/figma-embed.tsx","../src/components/embeds/og-link-preview.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-OV3ZCU6X.cjs","sourcesContent":[null,"\"use client\"\n\nimport React, { useState, useCallback, useRef, useEffect } from 'react'\n\n/** Loading skeleton for iframe embeds — matches project skeleton pattern */\nfunction EmbedLoadingSkeleton({ height }: { height?: string }) {\n  return (\n    <div\n      className=\"w-full rounded-lg border border-ods-border overflow-hidden bg-ods-skeleton animate-pulse\"\n      style={{ height: height || 'calc(100vh - 250px)' }}\n    >\n      <div className=\"flex flex-col items-center justify-center h-full gap-4\">\n        <div className=\"w-12 h-12 rounded-lg bg-ods-card\" />\n        <div className=\"h-4 w-48 rounded bg-ods-card\" />\n        <div className=\"h-3 w-32 rounded bg-ods-card\" />\n      </div>\n    </div>\n  )\n}\n\nexport interface EmbedIframeProps {\n  /** The URL to embed */\n  src: string\n  /** Accessible title for the iframe */\n  title: string\n  /** Additional class names for the outer container */\n  className?: string\n  /** Container height (CSS value). Defaults to `calc(100vh - 250px)` */\n  height?: string\n  /** iframe `allow` attribute */\n  allow?: string\n  /** iframe `referrerPolicy` attribute */\n  referrerPolicy?: React.IframeHTMLAttributes<HTMLIFrameElement>['referrerPolicy']\n  /** iframe `loading` attribute */\n  loading?: 'eager' | 'lazy'\n  /** iframe `allowFullScreen` attribute */\n  allowFullScreen?: boolean\n}\n\n/**\n * Base iframe wrapper with loading skeleton and proper memory cleanup.\n *\n * Prevents memory leaks by:\n * - Using `key={src}` to force full unmount/remount when src changes\n * - Setting iframe src to about:blank on unmount to release the embedded document\n * - Resetting loaded state when src changes\n */\nexport function EmbedIframe({\n  src,\n  title,\n  className,\n  height,\n  allow,\n  referrerPolicy,\n  loading,\n  allowFullScreen,\n}: EmbedIframeProps) {\n  const [isLoaded, setIsLoaded] = useState(false)\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n  const handleLoad = useCallback(() => setIsLoaded(true), [])\n\n  useEffect(() => {\n    setIsLoaded(false)\n  }, [src])\n\n  useEffect(() => {\n    const iframe = iframeRef.current\n    return () => {\n      if (iframe) {\n        try {\n          iframe.src = 'about:blank'\n        } catch {\n          // Cross-origin iframes may throw — safe to ignore\n        }\n      }\n    }\n  }, [src])\n\n  const resolvedHeight = height || 'calc(100vh - 250px)'\n\n  return (\n    <>\n      {!isLoaded && <EmbedLoadingSkeleton height={resolvedHeight} />}\n      <div\n        className={`w-full rounded-lg border border-ods-border overflow-hidden ${!isLoaded ? 'h-0 overflow-hidden' : ''} ${className || ''}`}\n        style={isLoaded ? { height: resolvedHeight } : undefined}\n      >\n        <iframe\n          key={src}\n          ref={iframeRef}\n          src={src}\n          className=\"w-full h-full border-0\"\n          title={title}\n          onLoad={handleLoad}\n          allow={allow}\n          referrerPolicy={referrerPolicy}\n          loading={loading}\n          allowFullScreen={allow?.includes('fullscreen') ? undefined : allowFullScreen}\n        />\n      </div>\n    </>\n  )\n}\n","\"use client\"\n\nimport React from 'react'\nimport { Button } from '../ui'\nimport { Download, Eye } from 'lucide-react'\nimport { AdobePdfIcon } from '../icons-v2-generated'\nimport { EmbedIframe } from './embed-iframe'\n\nexport interface PdfViewerProps {\n  src: string\n  fileName?: string\n  onPreview?: () => void\n  onDownload?: () => void\n  height?: string\n}\n\nexport function PdfViewer({ src, fileName, onPreview, onDownload, height }: PdfViewerProps) {\n  const displayName = fileName || 'PDF Document'\n\n  if (!src) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n        <AdobePdfIcon className=\"w-16 h-16 text-ods-text-secondary mb-4\" />\n        <p className=\"text-ods-text-secondary\">PDF file not available</p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <AdobePdfIcon className=\"w-5 h-5 shrink-0\" />\n          <h2 className=\"text-xl font-semibold text-ods-text-primary truncate\">{displayName}</h2>\n        </div>\n        <div className=\"flex items-center gap-2 w-full sm:w-auto\">\n          <Button\n            variant=\"outline\"\n            size=\"small-legacy\"\n            href={onPreview ? undefined : src}\n            openInNewTab={!onPreview}\n            onClick={onPreview}\n            leftIcon={<Eye className=\"w-4 h-4\" />}\n            className=\"flex-1 sm:flex-initial\"\n          >\n            Preview\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"small-legacy\"\n            href={onDownload ? undefined : src}\n            openInNewTab={!onDownload}\n            onClick={onDownload}\n            leftIcon={<Download className=\"w-4 h-4\" />}\n            className=\"flex-1 sm:flex-initial\"\n          >\n            Download\n          </Button>\n        </div>\n      </div>\n      <EmbedIframe src={src} title={displayName} height={height} />\n    </div>\n  )\n}\n","\"use client\"\n\nimport React from 'react'\nimport { Button } from '../ui'\nimport { ExternalLink } from 'lucide-react'\nimport { GoogleSheetsIcon } from '../icons-v2-generated'\nimport { EmbedIframe } from './embed-iframe'\nimport { toGoogleSheetsEmbedUrl, toGoogleSheetsOriginalUrl } from '../../utils/embed-url-converters'\n\nexport interface GoogleSheetsViewerProps {\n  externalUrl: string\n  fileName?: string\n  height?: string\n}\n\nexport function GoogleSheetsViewer({ externalUrl, fileName, height }: GoogleSheetsViewerProps) {\n  const displayName = fileName || 'Google Sheet'\n\n  if (!externalUrl) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n        <GoogleSheetsIcon className=\"w-16 h-16 text-ods-text-secondary mb-4\" />\n        <p className=\"text-ods-text-secondary\">Google Sheet URL not configured</p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <GoogleSheetsIcon className=\"w-5 h-5 shrink-0\" />\n          <h2 className=\"text-xl font-semibold text-ods-text-primary truncate\">{displayName}</h2>\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"small-legacy\"\n          href={toGoogleSheetsOriginalUrl(externalUrl)}\n          openInNewTab\n          leftIcon={<GoogleSheetsIcon className=\"w-4 h-4\" />}\n          rightIcon={<ExternalLink className=\"w-4 h-4\" />}\n          className=\"w-full sm:w-auto\"\n        >\n          Open in Google Sheets\n        </Button>\n      </div>\n      <EmbedIframe\n        src={toGoogleSheetsEmbedUrl(externalUrl)}\n        title={displayName}\n        height={height}\n      />\n    </div>\n  )\n}\n","'use client'\n\nimport { useState } from 'react'\nimport { Button, ToggleGroup, ToggleGroupItem } from '../ui'\nimport { FigmaIcon } from '../icons-v2-generated'\nimport { ExternalLink, Play, LayoutGrid } from 'lucide-react'\nimport { toFigmaEmbedUrl, toFigmaOriginalUrl, isFigmaSlidesUrl } from '../../utils/embed-url-converters'\nimport { EmbedIframe } from './embed-iframe'\n\nexport interface FigmaEmbedProps {\n  /** Any Figma URL (design/file/proto/board/slides/deck) or an already-resolved embed URL. */\n  url: string\n  /** Heading shown above the embed. Defaults to \"Figma Design\". */\n  title?: string\n  /**\n   * iframe height (CSS value). The data-room document viewer omits it (full\n   * height, `calc(100vh - 250px)`); inline markdown passes e.g. `\"70vh\"` so the\n   * embed sits naturally inside article content.\n   */\n  height?: string\n  /** iframe loading strategy. Defaults to `\"lazy\"`; the data-room viewer passes `\"eager\"`. */\n  loading?: 'eager' | 'lazy'\n}\n\ntype SlidesView = 'present' | 'browse'\n\n/**\n * Two-state present/browse toggle for Figma Slides. `present` (default) uses\n * Figma's deck viewer (full-bleed slide + `‹ n/N ›` nav bar + keyboard nav);\n * `browse` uses the thumbnail-rail + zoom viewer.\n */\nfunction SlidesViewToggle({\n  view,\n  onChange,\n}: {\n  view: SlidesView\n  onChange: (v: SlidesView) => void\n}) {\n  const options: { key: SlidesView; label: string; Icon: typeof Play }[] = [\n    { key: 'present', label: 'Present', Icon: Play },\n    { key: 'browse', label: 'Browse', Icon: LayoutGrid },\n  ]\n  return (\n    <ToggleGroup\n      type=\"single\"\n      value={view}\n      onValueChange={(v: string) => {\n        if (v && v !== view) onChange(v as SlidesView)\n      }}\n      aria-label=\"Figma slides view mode\"\n      className=\"flex shrink-0 items-center gap-0.5 rounded-lg border border-ods-border bg-ods-card p-0.5\"\n    >\n      {options.map(({ key, label, Icon }) => {\n        const active = view === key\n        return (\n          <ToggleGroupItem\n            key={key}\n            value={key}\n            aria-label={label}\n            className={`flex items-center gap-1.5 rounded-md px-2.5 py-1 text-sm font-medium transition-colors ${\n              active\n                ? 'bg-ods-accent text-ods-text-on-accent'\n                : 'text-ods-text-secondary hover:text-ods-text-primary hover:bg-ods-bg-hover'\n            }`}\n          >\n            <Icon className=\"h-4 w-4 shrink-0\" />\n            {label}\n          </ToggleGroupItem>\n        )\n      })}\n    </ToggleGroup>\n  )\n}\n\n/**\n * Single source of truth for every Figma surface — the data-room document viewer\n * and in-article markdown both render this. A header (icon + title + \"Open in\n * Figma\") over an interactive Figma iframe, built from the canonical\n * `toFigmaEmbedUrl` / `toFigmaOriginalUrl` converters + the shared `<EmbedIframe>`.\n * Only height/loading differ per surface.\n *\n * For Slides decks, a present/browse toggle (default = present) lets viewers flip\n * slides with Figma's native nav bar + keyboard, or switch to the thumbnail-rail\n * browse view.\n */\nexport function FigmaEmbed({ url, title, height, loading = 'lazy' }: FigmaEmbedProps) {\n  const [view, setView] = useState<SlidesView>('present')\n  const isSlides = url ? isFigmaSlidesUrl(url) : false\n  const embedSrc = url ? toFigmaEmbedUrl(url, { slidesView: view }) : null\n  const originalUrl = (() => {\n    if (!url) return null\n    try {\n      const parsed = new URL(toFigmaOriginalUrl(url))\n      const host = parsed.hostname.toLowerCase()\n      const okHost = host === 'figma.com' || host.endsWith('.figma.com')\n      const okProtocol = parsed.protocol === 'https:' || parsed.protocol === 'http:'\n      return okHost && okProtocol ? parsed.toString() : null\n    } catch {\n      return null\n    }\n  })()\n  const heading = title || 'Figma Design'\n\n  return (\n    <div className=\"my-6 space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <FigmaIcon className=\"w-5 h-5 shrink-0\" />\n          <span className=\"font-sans text-base font-semibold text-ods-text-primary truncate\">\n            {heading}\n          </span>\n        </div>\n        <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n          {isSlides && embedSrc && <SlidesViewToggle view={view} onChange={setView} />}\n          {originalUrl && (\n            <Button\n              variant=\"outline\"\n              size=\"small-legacy\"\n              href={originalUrl}\n              openInNewTab\n              leftIcon={<FigmaIcon className=\"w-4 h-4\" />}\n              rightIcon={<ExternalLink className=\"w-4 h-4\" />}\n              className=\"w-full sm:w-auto\"\n            >\n              Open in Figma\n            </Button>\n          )}\n        </div>\n      </div>\n      {embedSrc ? (\n        <EmbedIframe\n          src={embedSrc}\n          title={heading}\n          allow=\"clipboard-write; clipboard-read; fullscreen\"\n          loading={loading}\n          height={height}\n          allowFullScreen\n        />\n      ) : (\n        <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n          <FigmaIcon className=\"w-16 h-16 text-ods-text-secondary mb-4\" />\n          <p className=\"text-ods-text-secondary\">Figma URL not configured</p>\n        </div>\n      )}\n    </div>\n  )\n}\n","\"use client\"\n\nimport React, { useState, useEffect, Component, ReactNode } from 'react'\nimport Image from '../../embed-shims/next-image'\nimport { useImageEdgeColor } from '../../hooks'\n\n/**\n * Open-Graph metadata returned by the consumer's scrape endpoint.\n *\n * The shape MUST match the JSON the OG endpoint serves at `ogEndpointPath`.\n * The hub's `/api/blog/og-scraper` returns exactly these fields — embedders\n * with a different endpoint must return the same shape (or adapt at the\n * route boundary). Keeps the consumer surface trivial: one URL → one card.\n */\nexport interface OGData {\n  title: string\n  description: string\n  image: string\n  originalImage?: string\n  url: string\n  siteName: string\n  type: string\n  favicon: string\n}\n\ninterface ErrorBoundaryProps {\n  children: ReactNode\n  fallback: ReactNode\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean\n}\n\n/**\n * Tiny error boundary tailored for OG link previews — caught errors quietly\n * fall back to the `fallback` prop (typically a plain hyperlink) so a single\n * broken third-party preview can't crash a whole article view.\n *\n * Named `OGLinkErrorBoundary` (not the generic `ErrorBoundary`) because the\n * lib already exports a separate `ErrorBoundary` from\n * `components/features/error-boundary.tsx`. The top-level `components/index.ts`\n * barrel re-exports both `./embeds` and `./features` via `export *`, so a\n * second `ErrorBoundary` here collides as TS2308.\n */\nexport class OGLinkErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(): ErrorBoundaryState {\n    return { hasError: true }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.warn('Link preview error caught by boundary:', error, errorInfo)\n  }\n\n  render() {\n    if (this.state.hasError) return this.props.fallback\n    return this.props.children\n  }\n}\n\n/**\n * Builds a placeholder image URL when the scrape returns no image. Hub passes\n * its own `buildOgPlaceholderUrl` (which resolves CSS-var ODS colors against\n * the platform's brand palette + hits `/api/og-placeholder`); other embedders\n * can omit the prop to disable the placeholder entirely.\n *\n * Receives the post-scrape `title` and `siteName` so the placeholder can echo\n * the actual card content, not a generic graphic.\n */\nexport type BuildPlaceholderUrl = (\n  title: string,\n  siteName: string,\n) => string | null\n\nexport interface OGLinkPreviewProps {\n  /** The external URL to preview. */\n  url: string\n  /** Origin / base URL the OG endpoint is served from. Empty / undefined\n   *  means same-origin (hub-direct use). Embed contexts pass the hub's\n   *  origin here (e.g. `'https://hub.example.com'`) so the fetch hits\n   *  the hub instead of the embedder origin.\n   *\n   *  Pattern matches lib's `useNatsDialogSubscription({apiBaseUrl})` +\n   *  `buildSuggestionUrl({apiBaseUrl})` so all embed-ready surfaces share\n   *  one configuration knob. */\n  apiBaseUrl?: string\n  /** Path of the OG endpoint on the configured base. Default\n   *  `'/api/blog/og-scraper'` matches the hub's route. Override if the\n   *  embedder serves the same `OGData` shape from a different path. */\n  ogEndpointPath?: string\n  /** Optional placeholder-builder. Omit to disable the placeholder image\n   *  (the card then degrades to a favicon+title chip when no scraped image\n   *  is available). The hub injects its `buildOgPlaceholderUrl` here. */\n  buildPlaceholderUrl?: BuildPlaceholderUrl\n  /** Override the scraped title (used by publication cards that already know\n   *  the title locally — e.g. a CMS-managed press link). */\n  fallbackTitle?: string\n  /** Override the scraped description. */\n  fallbackDescription?: string\n  /** Override the scraped image — useful when the scrape returns no image but\n   *  the embedder has a CMS-stored hero image to fall back to. */\n  fallbackImage?: string\n  /** Publication / source name shown alongside the favicon (e.g. \"TechCrunch\"). */\n  publicationName?: string\n  /** Publication logo URL shown alongside the title (defaults to favicon). */\n  publicationLogo?: string\n  /** Card variant. `compact` = horizontal layout (~120px tall) suited for\n   *  in-doc placements; `default` = larger vertical layout for press / hero\n   *  positions. */\n  variant?: 'default' | 'compact'\n  /** Disable the synthesized placeholder image even when `buildPlaceholderUrl`\n   *  is provided — used by the markdown renderer to keep doc cards lighter. */\n  enablePlaceholder?: boolean\n}\n\nfunction getDomain(urlStr: string): string {\n  try { return new URL(urlStr).hostname.replace('www.', '') }\n  catch { return 'External Link' }\n}\n\nfunction domainToTitle(domain: string): string {\n  return domain.split('.')[0].replace(/-/g, ' ').replace(/\\b\\w/g, c => c.toUpperCase())\n}\n\nconst ExternalLinkIcon = ({ size = 16 }: { size?: number }) => (\n  <svg width={size} height={size} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"text-ods-text-secondary group-hover:text-ods-accent transition-colors flex-shrink-0\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\" />\n  </svg>\n)\n\nconst Favicon = ({ src, size = 'w-6 h-6' }: { src: string; size?: string }) => (\n  <img src={src} alt=\"\" className={size} onError={(e) => { (e.target as HTMLImageElement).style.display = 'none' }} />\n)\n\n/**\n * Rich Open-Graph link preview card with skeleton, fallback, and image-edge\n * background detection.\n *\n * Flow:\n *  1. Validate URL early (no network for malformed input, localhost, or\n *     RFC1918 ranges — those render as plain `<a>` tags).\n *  2. `GET ogEndpointPath?url=<encoded>` — embedder serves the shape declared\n *     in `OGData`.\n *  3. Resolve image: scraped og:image → `originalImage` fallback → `fallbackImage`\n *     prop → `buildPlaceholderUrl(title, siteName)`. Each step has its own\n *     error toggle so a 404 / CORS-tainted image gracefully degrades.\n *  4. Extract a letterbox background color from the resolved image via\n *     `useImageEdgeColor`. Same-origin proxy is REQUIRED for cross-origin\n *     images so the `<canvas>` extraction doesn't taint.\n *  5. Render compact (h-[120px] horizontal) or default (vertical w/ aspect-video\n *     hero) variant, with image-less degraded variants for each.\n */\nexport const OGLinkPreview: React.FC<OGLinkPreviewProps> = ({\n  url,\n  apiBaseUrl,\n  ogEndpointPath = '/api/blog/og-scraper',\n  buildPlaceholderUrl,\n  fallbackTitle,\n  fallbackDescription,\n  fallbackImage,\n  publicationName,\n  publicationLogo,\n  variant = 'default',\n  enablePlaceholder = true,\n}) => {\n  const [ogData, setOgData] = useState<OGData | null>(null)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState(false)\n  const [imageError, setImageError] = useState(false)\n  const [originalImageError, setOriginalImageError] = useState(false)\n  const [fallbackImageError, setFallbackImageError] = useState(false)\n\n  let isValidUrl = true\n  let isLocalhost = false\n  try {\n    if (url && typeof url === 'string') {\n      const urlObj = new URL(url)\n      if (['localhost', '127.0.0.1', '0.0.0.0'].includes(urlObj.hostname) ||\n          urlObj.hostname.startsWith('192.168.') || urlObj.hostname.startsWith('10.') || urlObj.hostname.startsWith('172.')) {\n        isLocalhost = true\n      }\n    } else {\n      isValidUrl = false\n    }\n  } catch {\n    isValidUrl = false\n  }\n\n  useEffect(() => {\n    if (!isValidUrl || isLocalhost) return\n\n    const fetchOGData = async () => {\n      try {\n        new URL(url)\n        setLoading(true)\n        // Compose `${base}${path}?url=…`. Empty base → relative path\n        // (same-origin); absolute base → cross-origin embed against the hub.\n        // Plain string concat is safer than `new URL(path, base)` because\n        // the latter resolves `path` against the BASE's pathname when\n        // `path` is relative, producing surprising URLs when the embedder\n        // serves the lib from a subpath.\n        const endpoint = `${apiBaseUrl ?? ''}${ogEndpointPath}?url=${encodeURIComponent(url)}`\n        const response = await fetch(endpoint)\n        if (response.ok) {\n          const data = await response.json()\n          if (data?.title && data.title !== 'Link Preview Unavailable') {\n            setOgData(data)\n          } else {\n            setError(true)\n          }\n        } else {\n          setError(true)\n        }\n      } catch {\n        setError(true)\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchOGData()\n  }, [url, isValidUrl, isLocalhost, apiBaseUrl, ogEndpointPath])\n\n  const isCompact = variant === 'compact'\n  const domain = getDomain(url)\n\n  const effectiveData: OGData | null = ogData ?? (error ? {\n    title: fallbackTitle || domainToTitle(domain),\n    description: fallbackDescription || domain,\n    image: '',\n    url,\n    siteName: publicationName || domain,\n    type: 'website',\n    favicon: `https://www.google.com/s2/favicons?domain=${domain}&sz=32`,\n  } : null)\n\n  // Hub-injected placeholder builder — fires only when the post-scrape image\n  // chain is empty AND `enablePlaceholder` is true. `null` when unprovided.\n  const placeholderImageUrl =\n    enablePlaceholder && buildPlaceholderUrl && effectiveData?.title\n      ? buildPlaceholderUrl(effectiveData.title, effectiveData.siteName || domain)\n      : null\n\n  const resolvedImageUrl = (effectiveData?.image && !imageError)\n    ? effectiveData.image\n    : (effectiveData?.originalImage && !originalImageError)\n      ? effectiveData.originalImage\n      : (fallbackImage && !fallbackImageError)\n        ? fallbackImage\n        : placeholderImageUrl\n\n  const hasImage = !!resolvedImageUrl\n  const isFallbackImage = resolvedImageUrl === fallbackImage\n  const isPlaceholder = resolvedImageUrl === placeholderImageUrl && !isFallbackImage\n  const bgColor = useImageEdgeColor(resolvedImageUrl ?? null, 'var(--ods-bg-secondary)')\n\n  const renderSkeleton = () => isCompact ? (\n    <div className=\"my-4\">\n      <div className=\"flex flex-row border border-ods-border rounded-lg overflow-hidden bg-ods-card h-[120px]\">\n        <div className=\"w-[200px] h-full flex-shrink-0 bg-ods-skeleton animate-pulse\" />\n        <div className=\"flex-1 p-3 flex flex-col justify-center\">\n          <div className=\"bg-ods-skeleton rounded animate-pulse h-4 w-3/4 mb-2\" />\n          <div className=\"bg-ods-skeleton rounded animate-pulse h-3 w-full mb-1\" />\n          <div className=\"bg-ods-skeleton rounded animate-pulse h-3 w-2/3 mb-2\" />\n          <div className=\"bg-ods-skeleton rounded animate-pulse h-3 w-1/3\" />\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div className=\"my-6\">\n      <div className=\"block border border-ods-border rounded-lg overflow-hidden bg-ods-card\">\n        <div className=\"aspect-video w-full bg-ods-skeleton overflow-hidden relative animate-pulse\" />\n        <div className=\"p-4\">\n          <div className=\"flex items-start gap-3\">\n            <div className=\"w-6 h-6 bg-ods-skeleton rounded flex-shrink-0 mt-0.5 animate-pulse\" />\n            <div className=\"flex-1 min-w-0\">\n              <div className=\"h-[2.5rem] leading-[1.25rem] mb-2 overflow-hidden\">\n                <div className=\"bg-ods-skeleton rounded animate-pulse\" style={{ height: '1.25rem', marginBottom: '0.25rem' }} />\n                <div className=\"bg-ods-skeleton rounded animate-pulse w-3/4\" style={{ height: '1.25rem' }} />\n              </div>\n              <div className=\"h-[2.5rem] leading-[1.25rem] mb-2 overflow-hidden\">\n                <div className=\"bg-ods-skeleton rounded animate-pulse\" style={{ height: '1.25rem', marginBottom: '0.25rem' }} />\n                <div className=\"bg-ods-skeleton rounded animate-pulse w-5/6\" style={{ height: '1.25rem' }} />\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <div className=\"bg-ods-skeleton rounded animate-pulse\" style={{ height: '0.75rem', width: '6rem' }} />\n                <div className=\"bg-ods-skeleton rounded animate-pulse\" style={{ height: '0.75rem', width: '5rem' }} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n\n  if (!url || typeof url !== 'string' || !isValidUrl) return renderSkeleton()\n\n  if (isLocalhost) {\n    return (\n      <div className=\"my-6\">\n        <a href={url} target=\"_blank\" rel=\"noopener noreferrer\"\n          className=\"inline-flex items-center gap-2 text-ods-accent hover:text-ods-accent-hover transition-colors\">\n          <span className=\"underline\">{url}</span>\n          <ExternalLinkIcon size={14} />\n        </a>\n      </div>\n    )\n  }\n\n  if (loading) return renderSkeleton()\n  if (!effectiveData) return renderSkeleton()\n\n  const title = fallbackTitle || effectiveData.title\n  // Empty string when the scrape returned nothing — descriptions render\n  // conditionally below. Avoids the legacy `'No description available'` filler\n  // that signaled \"broken card\" to users.\n  const description = fallbackDescription || effectiveData.description || ''\n  const ogDomain = getDomain(effectiveData.url)\n  const faviconSrc = effectiveData.favicon || `https://www.google.com/s2/favicons?domain=${ogDomain}&sz=32`\n  const logoSrc = publicationLogo || faviconSrc\n\n  const handleImageError = () => {\n    if (effectiveData.image && !imageError) setImageError(true)\n    else if (effectiveData.originalImage && !originalImageError) setOriginalImageError(true)\n    else setFallbackImageError(true)\n  }\n\n  const renderImage = () => {\n    if (!resolvedImageUrl) return null\n    if (isPlaceholder) {\n      return (\n        <img src={resolvedImageUrl} alt={title}\n          className=\"absolute inset-0 w-full h-full object-cover rounded-md\" />\n      )\n    }\n    if (isFallbackImage) {\n      return (\n        <Image src={resolvedImageUrl} alt={title} fill\n          className=\"object-contain rounded-md group-hover:scale-105 transition-transform duration-300\"\n          onError={handleImageError}\n          unoptimized={resolvedImageUrl.includes('/render/image/')} />\n      )\n    }\n    return (\n      <img src={resolvedImageUrl} alt={title}\n        className=\"absolute inset-0 w-full h-full object-contain rounded-md group-hover:scale-105 transition-transform duration-300\"\n        onError={handleImageError} />\n    )\n  }\n\n  if (isCompact) {\n    if (!hasImage) {\n      return (\n        <div className=\"my-4\">\n          <a href={effectiveData.url} target=\"_blank\" rel=\"noopener noreferrer\"\n            className=\"flex flex-row items-center gap-3 border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-all duration-200 group px-4 py-3\">\n            <div className=\"w-8 h-8 bg-ods-bg-secondary rounded-lg flex items-center justify-center flex-shrink-0\">\n              <Favicon src={faviconSrc} size=\"w-5 h-5\" />\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <h3 className=\"font-sans text-sm font-semibold text-ods-text-primary group-hover:text-ods-accent transition-colors truncate\">{title}</h3>\n              {description && (\n                <p className=\"font-sans text-xs text-ods-text-secondary truncate\">{description}</p>\n              )}\n            </div>\n            <ExternalLinkIcon size={14} />\n          </a>\n        </div>\n      )\n    }\n    return (\n      <div className=\"my-4\">\n        <a href={effectiveData.url} target=\"_blank\" rel=\"noopener noreferrer\"\n          className=\"flex flex-row border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-colors group h-[120px]\">\n          <div className=\"w-[200px] h-full flex-shrink-0 overflow-hidden relative flex items-center justify-center rounded-lg transition-colors duration-300\" style={{ backgroundColor: bgColor }}>\n            {renderImage()}\n          </div>\n          <div className=\"flex-1 p-3 flex flex-col justify-center min-w-0\">\n            <h3 className=\"font-sans text-sm font-semibold text-ods-text-primary overflow-hidden group-hover:text-ods-accent transition-colors\"\n              style={{ display: '-webkit-box', WebkitLineClamp: 1, WebkitBoxOrient: 'vertical' }}>{title}</h3>\n            {description && (\n              <p className=\"font-sans text-xs text-ods-text-secondary overflow-hidden mt-1\"\n                style={{ display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical' }}>{description}</p>\n            )}\n            <div className=\"text-xs text-ods-text-secondary mt-1 truncate\">{effectiveData.siteName || ogDomain}</div>\n          </div>\n        </a>\n      </div>\n    )\n  }\n\n  if (!hasImage) {\n    return (\n      <div className=\"my-6\">\n        <a href={effectiveData.url} target=\"_blank\" rel=\"noopener noreferrer\"\n          className=\"flex items-center gap-3 border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-all duration-200 group px-4 py-3\">\n          <div className=\"w-10 h-10 bg-ods-bg-secondary rounded-lg flex items-center justify-center flex-shrink-0\">\n            <Favicon src={faviconSrc} />\n          </div>\n          <div className=\"flex-1 min-w-0\">\n            <h3 className=\"font-sans font-semibold text-ods-text-primary text-base group-hover:text-ods-accent transition-colors truncate\">{title}</h3>\n            {description && (\n              <p className=\"font-sans text-sm text-ods-text-secondary truncate\">{description}</p>\n            )}\n          </div>\n          <ExternalLinkIcon />\n        </a>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"my-6\">\n      <a href={effectiveData.url} target=\"_blank\" rel=\"noopener noreferrer\"\n        className=\"block border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-colors group\">\n        <div className=\"aspect-video w-full overflow-hidden relative flex items-center justify-center rounded-lg transition-colors duration-300\" style={{ backgroundColor: bgColor }}>\n          {renderImage()}\n        </div>\n        <div className=\"p-4\">\n          <div className=\"flex items-start gap-3\">\n            <img src={logoSrc} alt={publicationName || ''} className=\"w-6 h-6 rounded object-contain flex-shrink-0 mt-0.5\"\n              onError={(e) => { (e.target as HTMLImageElement).style.display = 'none' }} />\n            <div className=\"flex-1 min-w-0\">\n              <h3 className=\"font-sans font-semibold text-ods-text-primary text-base overflow-hidden group-hover:text-ods-accent transition-colors h-[2.5rem] leading-[1.25rem] mb-2\"\n                style={{ display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical' }}>{title}</h3>\n              {description && (\n                <p className=\"font-sans text-sm text-ods-text-secondary overflow-hidden h-[2.5rem] leading-[1.25rem] mb-2\"\n                  style={{ display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical' }}>{description}</p>\n              )}\n              <div className=\"flex items-center gap-2 text-xs text-ods-text-secondary\">\n                <span className=\"font-medium\">{effectiveData.siteName}</span>\n                <span>•</span>\n                <span className=\"truncate\">{ogDomain}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </a>\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-Z4GAFSNM.cjs","../src/components/embeds/embed-iframe.tsx","../src/components/embeds/pdf-viewer.tsx","../src/components/embeds/google-sheets-viewer.tsx","../src/components/embeds/figma-embed.tsx","../src/components/embeds/og-link-preview.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-Z4GAFSNM.cjs","sourcesContent":[null,"\"use client\"\n\nimport React, { useState, useCallback, useRef, useEffect } from 'react'\n\n/** Loading skeleton for iframe embeds — matches project skeleton pattern */\nfunction EmbedLoadingSkeleton({ height }: { height?: string }) {\n  return (\n    <div\n      className=\"w-full rounded-lg border border-ods-border overflow-hidden bg-ods-skeleton animate-pulse\"\n      style={{ height: height || 'calc(100vh - 250px)' }}\n    >\n      <div className=\"flex flex-col items-center justify-center h-full gap-4\">\n        <div className=\"w-12 h-12 rounded-lg bg-ods-card\" />\n        <div className=\"h-4 w-48 rounded bg-ods-card\" />\n        <div className=\"h-3 w-32 rounded bg-ods-card\" />\n      </div>\n    </div>\n  )\n}\n\nexport interface EmbedIframeProps {\n  /** The URL to embed */\n  src: string\n  /** Accessible title for the iframe */\n  title: string\n  /** Additional class names for the outer container */\n  className?: string\n  /** Container height (CSS value). Defaults to `calc(100vh - 250px)` */\n  height?: string\n  /** iframe `allow` attribute */\n  allow?: string\n  /** iframe `referrerPolicy` attribute */\n  referrerPolicy?: React.IframeHTMLAttributes<HTMLIFrameElement>['referrerPolicy']\n  /** iframe `loading` attribute */\n  loading?: 'eager' | 'lazy'\n  /** iframe `allowFullScreen` attribute */\n  allowFullScreen?: boolean\n}\n\n/**\n * Base iframe wrapper with loading skeleton and proper memory cleanup.\n *\n * Prevents memory leaks by:\n * - Using `key={src}` to force full unmount/remount when src changes\n * - Setting iframe src to about:blank on unmount to release the embedded document\n * - Resetting loaded state when src changes\n */\nexport function EmbedIframe({\n  src,\n  title,\n  className,\n  height,\n  allow,\n  referrerPolicy,\n  loading,\n  allowFullScreen,\n}: EmbedIframeProps) {\n  const [isLoaded, setIsLoaded] = useState(false)\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n  const handleLoad = useCallback(() => setIsLoaded(true), [])\n\n  useEffect(() => {\n    setIsLoaded(false)\n  }, [src])\n\n  useEffect(() => {\n    const iframe = iframeRef.current\n    return () => {\n      if (iframe) {\n        try {\n          iframe.src = 'about:blank'\n        } catch {\n          // Cross-origin iframes may throw — safe to ignore\n        }\n      }\n    }\n  }, [src])\n\n  const resolvedHeight = height || 'calc(100vh - 250px)'\n\n  return (\n    <>\n      {!isLoaded && <EmbedLoadingSkeleton height={resolvedHeight} />}\n      <div\n        className={`w-full rounded-lg border border-ods-border overflow-hidden ${!isLoaded ? 'h-0 overflow-hidden' : ''} ${className || ''}`}\n        style={isLoaded ? { height: resolvedHeight } : undefined}\n      >\n        <iframe\n          key={src}\n          ref={iframeRef}\n          src={src}\n          className=\"w-full h-full border-0\"\n          title={title}\n          onLoad={handleLoad}\n          allow={allow}\n          referrerPolicy={referrerPolicy}\n          loading={loading}\n          allowFullScreen={allow?.includes('fullscreen') ? undefined : allowFullScreen}\n        />\n      </div>\n    </>\n  )\n}\n","\"use client\"\n\nimport React from 'react'\nimport { Button } from '../ui'\nimport { Download, Eye } from 'lucide-react'\nimport { AdobePdfIcon } from '../icons-v2-generated'\nimport { EmbedIframe } from './embed-iframe'\n\nexport interface PdfViewerProps {\n  src: string\n  fileName?: string\n  onPreview?: () => void\n  onDownload?: () => void\n  height?: string\n}\n\nexport function PdfViewer({ src, fileName, onPreview, onDownload, height }: PdfViewerProps) {\n  const displayName = fileName || 'PDF Document'\n\n  if (!src) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n        <AdobePdfIcon className=\"w-16 h-16 text-ods-text-secondary mb-4\" />\n        <p className=\"text-ods-text-secondary\">PDF file not available</p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <AdobePdfIcon className=\"w-5 h-5 shrink-0\" />\n          <h2 className=\"text-xl font-semibold text-ods-text-primary truncate\">{displayName}</h2>\n        </div>\n        <div className=\"flex items-center gap-2 w-full sm:w-auto\">\n          <Button\n            variant=\"outline\"\n            size=\"small-legacy\"\n            href={onPreview ? undefined : src}\n            openInNewTab={!onPreview}\n            onClick={onPreview}\n            leftIcon={<Eye className=\"w-4 h-4\" />}\n            className=\"flex-1 sm:flex-initial\"\n          >\n            Preview\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"small-legacy\"\n            href={onDownload ? undefined : src}\n            openInNewTab={!onDownload}\n            onClick={onDownload}\n            leftIcon={<Download className=\"w-4 h-4\" />}\n            className=\"flex-1 sm:flex-initial\"\n          >\n            Download\n          </Button>\n        </div>\n      </div>\n      <EmbedIframe src={src} title={displayName} height={height} />\n    </div>\n  )\n}\n","\"use client\"\n\nimport React from 'react'\nimport { Button } from '../ui'\nimport { ExternalLink } from 'lucide-react'\nimport { GoogleSheetsIcon } from '../icons-v2-generated'\nimport { EmbedIframe } from './embed-iframe'\nimport { toGoogleSheetsEmbedUrl, toGoogleSheetsOriginalUrl } from '../../utils/embed-url-converters'\n\nexport interface GoogleSheetsViewerProps {\n  externalUrl: string\n  fileName?: string\n  height?: string\n}\n\nexport function GoogleSheetsViewer({ externalUrl, fileName, height }: GoogleSheetsViewerProps) {\n  const displayName = fileName || 'Google Sheet'\n\n  if (!externalUrl) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n        <GoogleSheetsIcon className=\"w-16 h-16 text-ods-text-secondary mb-4\" />\n        <p className=\"text-ods-text-secondary\">Google Sheet URL not configured</p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <GoogleSheetsIcon className=\"w-5 h-5 shrink-0\" />\n          <h2 className=\"text-xl font-semibold text-ods-text-primary truncate\">{displayName}</h2>\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"small-legacy\"\n          href={toGoogleSheetsOriginalUrl(externalUrl)}\n          openInNewTab\n          leftIcon={<GoogleSheetsIcon className=\"w-4 h-4\" />}\n          rightIcon={<ExternalLink className=\"w-4 h-4\" />}\n          className=\"w-full sm:w-auto\"\n        >\n          Open in Google Sheets\n        </Button>\n      </div>\n      <EmbedIframe\n        src={toGoogleSheetsEmbedUrl(externalUrl)}\n        title={displayName}\n        height={height}\n      />\n    </div>\n  )\n}\n","'use client'\n\nimport { useState } from 'react'\nimport { Button, ToggleGroup, ToggleGroupItem } from '../ui'\nimport { FigmaIcon } from '../icons-v2-generated'\nimport { ExternalLink, Play, LayoutGrid } from 'lucide-react'\nimport { toFigmaEmbedUrl, toFigmaOriginalUrl, isFigmaSlidesUrl } from '../../utils/embed-url-converters'\nimport { EmbedIframe } from './embed-iframe'\n\nexport interface FigmaEmbedProps {\n  /** Any Figma URL (design/file/proto/board/slides/deck) or an already-resolved embed URL. */\n  url: string\n  /** Heading shown above the embed. Defaults to \"Figma Design\". */\n  title?: string\n  /**\n   * iframe height (CSS value). The data-room document viewer omits it (full\n   * height, `calc(100vh - 250px)`); inline markdown passes e.g. `\"70vh\"` so the\n   * embed sits naturally inside article content.\n   */\n  height?: string\n  /** iframe loading strategy. Defaults to `\"lazy\"`; the data-room viewer passes `\"eager\"`. */\n  loading?: 'eager' | 'lazy'\n}\n\ntype SlidesView = 'present' | 'browse'\n\n/**\n * Two-state present/browse toggle for Figma Slides. `present` (default) uses\n * Figma's deck viewer (full-bleed slide + `‹ n/N ›` nav bar + keyboard nav);\n * `browse` uses the thumbnail-rail + zoom viewer.\n */\nfunction SlidesViewToggle({\n  view,\n  onChange,\n}: {\n  view: SlidesView\n  onChange: (v: SlidesView) => void\n}) {\n  const options: { key: SlidesView; label: string; Icon: typeof Play }[] = [\n    { key: 'present', label: 'Present', Icon: Play },\n    { key: 'browse', label: 'Browse', Icon: LayoutGrid },\n  ]\n  return (\n    <ToggleGroup\n      type=\"single\"\n      value={view}\n      onValueChange={(v: string) => {\n        if (v && v !== view) onChange(v as SlidesView)\n      }}\n      aria-label=\"Figma slides view mode\"\n      className=\"flex shrink-0 items-center gap-0.5 rounded-lg border border-ods-border bg-ods-card p-0.5\"\n    >\n      {options.map(({ key, label, Icon }) => {\n        const active = view === key\n        return (\n          <ToggleGroupItem\n            key={key}\n            value={key}\n            aria-label={label}\n            className={`flex items-center gap-1.5 rounded-md px-2.5 py-1 text-sm font-medium transition-colors ${\n              active\n                ? 'bg-ods-accent text-ods-text-on-accent'\n                : 'text-ods-text-secondary hover:text-ods-text-primary hover:bg-ods-bg-hover'\n            }`}\n          >\n            <Icon className=\"h-4 w-4 shrink-0\" />\n            {label}\n          </ToggleGroupItem>\n        )\n      })}\n    </ToggleGroup>\n  )\n}\n\n/**\n * Single source of truth for every Figma surface — the data-room document viewer\n * and in-article markdown both render this. A header (icon + title + \"Open in\n * Figma\") over an interactive Figma iframe, built from the canonical\n * `toFigmaEmbedUrl` / `toFigmaOriginalUrl` converters + the shared `<EmbedIframe>`.\n * Only height/loading differ per surface.\n *\n * For Slides decks, a present/browse toggle (default = present) lets viewers flip\n * slides with Figma's native nav bar + keyboard, or switch to the thumbnail-rail\n * browse view.\n */\nexport function FigmaEmbed({ url, title, height, loading = 'lazy' }: FigmaEmbedProps) {\n  const [view, setView] = useState<SlidesView>('present')\n  const isSlides = url ? isFigmaSlidesUrl(url) : false\n  const embedSrc = url ? toFigmaEmbedUrl(url, { slidesView: view }) : null\n  const originalUrl = (() => {\n    if (!url) return null\n    try {\n      const parsed = new URL(toFigmaOriginalUrl(url))\n      const host = parsed.hostname.toLowerCase()\n      const okHost = host === 'figma.com' || host.endsWith('.figma.com')\n      const okProtocol = parsed.protocol === 'https:' || parsed.protocol === 'http:'\n      return okHost && okProtocol ? parsed.toString() : null\n    } catch {\n      return null\n    }\n  })()\n  const heading = title || 'Figma Design'\n\n  return (\n    <div className=\"my-6 space-y-3\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <FigmaIcon className=\"w-5 h-5 shrink-0\" />\n          <span className=\"font-sans text-base font-semibold text-ods-text-primary truncate\">\n            {heading}\n          </span>\n        </div>\n        <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n          {isSlides && embedSrc && <SlidesViewToggle view={view} onChange={setView} />}\n          {originalUrl && (\n            <Button\n              variant=\"outline\"\n              size=\"small-legacy\"\n              href={originalUrl}\n              openInNewTab\n              leftIcon={<FigmaIcon className=\"w-4 h-4\" />}\n              rightIcon={<ExternalLink className=\"w-4 h-4\" />}\n              className=\"w-full sm:w-auto\"\n            >\n              Open in Figma\n            </Button>\n          )}\n        </div>\n      </div>\n      {embedSrc ? (\n        <EmbedIframe\n          src={embedSrc}\n          title={heading}\n          allow=\"clipboard-write; clipboard-read; fullscreen\"\n          loading={loading}\n          height={height}\n          allowFullScreen\n        />\n      ) : (\n        <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n          <FigmaIcon className=\"w-16 h-16 text-ods-text-secondary mb-4\" />\n          <p className=\"text-ods-text-secondary\">Figma URL not configured</p>\n        </div>\n      )}\n    </div>\n  )\n}\n","\"use client\"\n\nimport React, { useState, useEffect, Component, ReactNode } from 'react'\nimport Image from '../../embed-shims/next-image'\nimport { useImageEdgeColor } from '../../hooks'\n\n/**\n * Open-Graph metadata returned by the consumer's scrape endpoint.\n *\n * The shape MUST match the JSON the OG endpoint serves at `ogEndpointPath`.\n * The hub's `/api/blog/og-scraper` returns exactly these fields — embedders\n * with a different endpoint must return the same shape (or adapt at the\n * route boundary). Keeps the consumer surface trivial: one URL → one card.\n */\nexport interface OGData {\n  title: string\n  description: string\n  image: string\n  originalImage?: string\n  url: string\n  siteName: string\n  type: string\n  favicon: string\n}\n\ninterface ErrorBoundaryProps {\n  children: ReactNode\n  fallback: ReactNode\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean\n}\n\n/**\n * Tiny error boundary tailored for OG link previews — caught errors quietly\n * fall back to the `fallback` prop (typically a plain hyperlink) so a single\n * broken third-party preview can't crash a whole article view.\n *\n * Named `OGLinkErrorBoundary` (not the generic `ErrorBoundary`) because the\n * lib already exports a separate `ErrorBoundary` from\n * `components/features/error-boundary.tsx`. The top-level `components/index.ts`\n * barrel re-exports both `./embeds` and `./features` via `export *`, so a\n * second `ErrorBoundary` here collides as TS2308.\n */\nexport class OGLinkErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false }\n  }\n\n  static getDerivedStateFromError(): ErrorBoundaryState {\n    return { hasError: true }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.warn('Link preview error caught by boundary:', error, errorInfo)\n  }\n\n  render() {\n    if (this.state.hasError) return this.props.fallback\n    return this.props.children\n  }\n}\n\n/**\n * Builds a placeholder image URL when the scrape returns no image. Hub passes\n * its own `buildOgPlaceholderUrl` (which resolves CSS-var ODS colors against\n * the platform's brand palette + hits `/api/og-placeholder`); other embedders\n * can omit the prop to disable the placeholder entirely.\n *\n * Receives the post-scrape `title` and `siteName` so the placeholder can echo\n * the actual card content, not a generic graphic.\n */\nexport type BuildPlaceholderUrl = (\n  title: string,\n  siteName: string,\n) => string | null\n\nexport interface OGLinkPreviewProps {\n  /** The external URL to preview. */\n  url: string\n  /** Origin / base URL the OG endpoint is served from. Empty / undefined\n   *  means same-origin (hub-direct use). Embed contexts pass the hub's\n   *  origin here (e.g. `'https://hub.example.com'`) so the fetch hits\n   *  the hub instead of the embedder origin.\n   *\n   *  Pattern matches lib's `useNatsDialogSubscription({apiBaseUrl})` +\n   *  `buildSuggestionUrl({apiBaseUrl})` so all embed-ready surfaces share\n   *  one configuration knob. */\n  apiBaseUrl?: string\n  /** Path of the OG endpoint on the configured base. Default\n   *  `'/api/blog/og-scraper'` matches the hub's route. Override if the\n   *  embedder serves the same `OGData` shape from a different path. */\n  ogEndpointPath?: string\n  /** Optional placeholder-builder. Omit to disable the placeholder image\n   *  (the card then degrades to a favicon+title chip when no scraped image\n   *  is available). The hub injects its `buildOgPlaceholderUrl` here. */\n  buildPlaceholderUrl?: BuildPlaceholderUrl\n  /** Override the scraped title (used by publication cards that already know\n   *  the title locally — e.g. a CMS-managed press link). */\n  fallbackTitle?: string\n  /** Override the scraped description. */\n  fallbackDescription?: string\n  /** Override the scraped image — useful when the scrape returns no image but\n   *  the embedder has a CMS-stored hero image to fall back to. */\n  fallbackImage?: string\n  /** Publication / source name shown alongside the favicon (e.g. \"TechCrunch\"). */\n  publicationName?: string\n  /** Publication logo URL shown alongside the title (defaults to favicon). */\n  publicationLogo?: string\n  /** Card variant. `compact` = horizontal layout (~120px tall) suited for\n   *  in-doc placements; `default` = larger vertical layout for press / hero\n   *  positions. */\n  variant?: 'default' | 'compact'\n  /** Disable the synthesized placeholder image even when `buildPlaceholderUrl`\n   *  is provided — used by the markdown renderer to keep doc cards lighter. */\n  enablePlaceholder?: boolean\n}\n\nfunction getDomain(urlStr: string): string {\n  try { return new URL(urlStr).hostname.replace('www.', '') }\n  catch { return 'External Link' }\n}\n\nfunction domainToTitle(domain: string): string {\n  return domain.split('.')[0].replace(/-/g, ' ').replace(/\\b\\w/g, c => c.toUpperCase())\n}\n\nconst ExternalLinkIcon = ({ size = 16 }: { size?: number }) => (\n  <svg width={size} height={size} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" className=\"text-ods-text-secondary group-hover:text-ods-accent transition-colors flex-shrink-0\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\" />\n  </svg>\n)\n\nconst Favicon = ({ src, size = 'w-6 h-6' }: { src: string; size?: string }) => (\n  <img src={src} alt=\"\" className={size} onError={(e) => { (e.target as HTMLImageElement).style.display = 'none' }} />\n)\n\n/**\n * Rich Open-Graph link preview card with skeleton, fallback, and image-edge\n * background detection.\n *\n * Flow:\n *  1. Validate URL early (no network for malformed input, localhost, or\n *     RFC1918 ranges — those render as plain `<a>` tags).\n *  2. `GET ogEndpointPath?url=<encoded>` — embedder serves the shape declared\n *     in `OGData`.\n *  3. Resolve image: scraped og:image → `originalImage` fallback → `fallbackImage`\n *     prop → `buildPlaceholderUrl(title, siteName)`. Each step has its own\n *     error toggle so a 404 / CORS-tainted image gracefully degrades.\n *  4. Extract a letterbox background color from the resolved image via\n *     `useImageEdgeColor`. Same-origin proxy is REQUIRED for cross-origin\n *     images so the `<canvas>` extraction doesn't taint.\n *  5. Render compact (h-[120px] horizontal) or default (vertical w/ aspect-video\n *     hero) variant, with image-less degraded variants for each.\n */\nexport const OGLinkPreview: React.FC<OGLinkPreviewProps> = ({\n  url,\n  apiBaseUrl,\n  ogEndpointPath = '/api/blog/og-scraper',\n  buildPlaceholderUrl,\n  fallbackTitle,\n  fallbackDescription,\n  fallbackImage,\n  publicationName,\n  publicationLogo,\n  variant = 'default',\n  enablePlaceholder = true,\n}) => {\n  const [ogData, setOgData] = useState<OGData | null>(null)\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState(false)\n  const [imageError, setImageError] = useState(false)\n  const [originalImageError, setOriginalImageError] = useState(false)\n  const [fallbackImageError, setFallbackImageError] = useState(false)\n\n  let isValidUrl = true\n  let isLocalhost = false\n  try {\n    if (url && typeof url === 'string') {\n      const urlObj = new URL(url)\n      if (['localhost', '127.0.0.1', '0.0.0.0'].includes(urlObj.hostname) ||\n          urlObj.hostname.startsWith('192.168.') || urlObj.hostname.startsWith('10.') || urlObj.hostname.startsWith('172.')) {\n        isLocalhost = true\n      }\n    } else {\n      isValidUrl = false\n    }\n  } catch {\n    isValidUrl = false\n  }\n\n  useEffect(() => {\n    if (!isValidUrl || isLocalhost) return\n\n    const fetchOGData = async () => {\n      try {\n        new URL(url)\n        setLoading(true)\n        // Compose `${base}${path}?url=…`. Empty base → relative path\n        // (same-origin); absolute base → cross-origin embed against the hub.\n        // Plain string concat is safer than `new URL(path, base)` because\n        // the latter resolves `path` against the BASE's pathname when\n        // `path` is relative, producing surprising URLs when the embedder\n        // serves the lib from a subpath.\n        const endpoint = `${apiBaseUrl ?? ''}${ogEndpointPath}?url=${encodeURIComponent(url)}`\n        const response = await fetch(endpoint)\n        if (response.ok) {\n          const data = await response.json()\n          if (data?.title && data.title !== 'Link Preview Unavailable') {\n            setOgData(data)\n          } else {\n            setError(true)\n          }\n        } else {\n          setError(true)\n        }\n      } catch {\n        setError(true)\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchOGData()\n  }, [url, isValidUrl, isLocalhost, apiBaseUrl, ogEndpointPath])\n\n  const isCompact = variant === 'compact'\n  const domain = getDomain(url)\n\n  const effectiveData: OGData | null = ogData ?? (error ? {\n    title: fallbackTitle || domainToTitle(domain),\n    description: fallbackDescription || domain,\n    image: '',\n    url,\n    siteName: publicationName || domain,\n    type: 'website',\n    favicon: `https://www.google.com/s2/favicons?domain=${domain}&sz=32`,\n  } : null)\n\n  // Hub-injected placeholder builder — fires only when the post-scrape image\n  // chain is empty AND `enablePlaceholder` is true. `null` when unprovided.\n  const placeholderImageUrl =\n    enablePlaceholder && buildPlaceholderUrl && effectiveData?.title\n      ? buildPlaceholderUrl(effectiveData.title, effectiveData.siteName || domain)\n      : null\n\n  const resolvedImageUrl = (effectiveData?.image && !imageError)\n    ? effectiveData.image\n    : (effectiveData?.originalImage && !originalImageError)\n      ? effectiveData.originalImage\n      : (fallbackImage && !fallbackImageError)\n        ? fallbackImage\n        : placeholderImageUrl\n\n  const hasImage = !!resolvedImageUrl\n  const isFallbackImage = resolvedImageUrl === fallbackImage\n  const isPlaceholder = resolvedImageUrl === placeholderImageUrl && !isFallbackImage\n  const bgColor = useImageEdgeColor(resolvedImageUrl ?? null, 'var(--ods-bg-secondary)')\n\n  const renderSkeleton = () => isCompact ? (\n    <div className=\"my-4\">\n      <div className=\"flex flex-row border border-ods-border rounded-lg overflow-hidden bg-ods-card h-[120px]\">\n        <div className=\"w-[200px] h-full flex-shrink-0 bg-ods-skeleton animate-pulse\" />\n        <div className=\"flex-1 p-3 flex flex-col justify-center\">\n          <div className=\"bg-ods-skeleton rounded animate-pulse h-4 w-3/4 mb-2\" />\n          <div className=\"bg-ods-skeleton rounded animate-pulse h-3 w-full mb-1\" />\n          <div className=\"bg-ods-skeleton rounded animate-pulse h-3 w-2/3 mb-2\" />\n          <div className=\"bg-ods-skeleton rounded animate-pulse h-3 w-1/3\" />\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div className=\"my-6\">\n      <div className=\"block border border-ods-border rounded-lg overflow-hidden bg-ods-card\">\n        <div className=\"aspect-video w-full bg-ods-skeleton overflow-hidden relative animate-pulse\" />\n        <div className=\"p-4\">\n          <div className=\"flex items-start gap-3\">\n            <div className=\"w-6 h-6 bg-ods-skeleton rounded flex-shrink-0 mt-0.5 animate-pulse\" />\n            <div className=\"flex-1 min-w-0\">\n              <div className=\"h-[2.5rem] leading-[1.25rem] mb-2 overflow-hidden\">\n                <div className=\"bg-ods-skeleton rounded animate-pulse\" style={{ height: '1.25rem', marginBottom: '0.25rem' }} />\n                <div className=\"bg-ods-skeleton rounded animate-pulse w-3/4\" style={{ height: '1.25rem' }} />\n              </div>\n              <div className=\"h-[2.5rem] leading-[1.25rem] mb-2 overflow-hidden\">\n                <div className=\"bg-ods-skeleton rounded animate-pulse\" style={{ height: '1.25rem', marginBottom: '0.25rem' }} />\n                <div className=\"bg-ods-skeleton rounded animate-pulse w-5/6\" style={{ height: '1.25rem' }} />\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <div className=\"bg-ods-skeleton rounded animate-pulse\" style={{ height: '0.75rem', width: '6rem' }} />\n                <div className=\"bg-ods-skeleton rounded animate-pulse\" style={{ height: '0.75rem', width: '5rem' }} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n\n  if (!url || typeof url !== 'string' || !isValidUrl) return renderSkeleton()\n\n  if (isLocalhost) {\n    return (\n      <div className=\"my-6\">\n        <a href={url} target=\"_blank\" rel=\"noopener noreferrer\"\n          className=\"inline-flex items-center gap-2 text-ods-accent hover:text-ods-accent-hover transition-colors\">\n          <span className=\"underline\">{url}</span>\n          <ExternalLinkIcon size={14} />\n        </a>\n      </div>\n    )\n  }\n\n  if (loading) return renderSkeleton()\n  if (!effectiveData) return renderSkeleton()\n\n  const title = fallbackTitle || effectiveData.title\n  // Empty string when the scrape returned nothing — descriptions render\n  // conditionally below. Avoids the legacy `'No description available'` filler\n  // that signaled \"broken card\" to users.\n  const description = fallbackDescription || effectiveData.description || ''\n  const ogDomain = getDomain(effectiveData.url)\n  const faviconSrc = effectiveData.favicon || `https://www.google.com/s2/favicons?domain=${ogDomain}&sz=32`\n  const logoSrc = publicationLogo || faviconSrc\n\n  const handleImageError = () => {\n    if (effectiveData.image && !imageError) setImageError(true)\n    else if (effectiveData.originalImage && !originalImageError) setOriginalImageError(true)\n    else setFallbackImageError(true)\n  }\n\n  const renderImage = () => {\n    if (!resolvedImageUrl) return null\n    if (isPlaceholder) {\n      return (\n        <img src={resolvedImageUrl} alt={title}\n          className=\"absolute inset-0 w-full h-full object-cover rounded-md\" />\n      )\n    }\n    if (isFallbackImage) {\n      return (\n        <Image src={resolvedImageUrl} alt={title} fill\n          className=\"object-contain rounded-md group-hover:scale-105 transition-transform duration-300\"\n          onError={handleImageError}\n          unoptimized={resolvedImageUrl.includes('/render/image/')} />\n      )\n    }\n    return (\n      <img src={resolvedImageUrl} alt={title}\n        className=\"absolute inset-0 w-full h-full object-contain rounded-md group-hover:scale-105 transition-transform duration-300\"\n        onError={handleImageError} />\n    )\n  }\n\n  if (isCompact) {\n    if (!hasImage) {\n      return (\n        <div className=\"my-4\">\n          <a href={effectiveData.url} target=\"_blank\" rel=\"noopener noreferrer\"\n            className=\"flex flex-row items-center gap-3 border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-all duration-200 group px-4 py-3\">\n            <div className=\"w-8 h-8 bg-ods-bg-secondary rounded-lg flex items-center justify-center flex-shrink-0\">\n              <Favicon src={faviconSrc} size=\"w-5 h-5\" />\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <h3 className=\"font-sans text-sm font-semibold text-ods-text-primary group-hover:text-ods-accent transition-colors truncate\">{title}</h3>\n              {description && (\n                <p className=\"font-sans text-xs text-ods-text-secondary truncate\">{description}</p>\n              )}\n            </div>\n            <ExternalLinkIcon size={14} />\n          </a>\n        </div>\n      )\n    }\n    return (\n      <div className=\"my-4\">\n        <a href={effectiveData.url} target=\"_blank\" rel=\"noopener noreferrer\"\n          className=\"flex flex-row border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-colors group h-[120px]\">\n          <div className=\"w-[200px] h-full flex-shrink-0 overflow-hidden relative flex items-center justify-center rounded-lg transition-colors duration-300\" style={{ backgroundColor: bgColor }}>\n            {renderImage()}\n          </div>\n          <div className=\"flex-1 p-3 flex flex-col justify-center min-w-0\">\n            <h3 className=\"font-sans text-sm font-semibold text-ods-text-primary overflow-hidden group-hover:text-ods-accent transition-colors\"\n              style={{ display: '-webkit-box', WebkitLineClamp: 1, WebkitBoxOrient: 'vertical' }}>{title}</h3>\n            {description && (\n              <p className=\"font-sans text-xs text-ods-text-secondary overflow-hidden mt-1\"\n                style={{ display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical' }}>{description}</p>\n            )}\n            <div className=\"text-xs text-ods-text-secondary mt-1 truncate\">{effectiveData.siteName || ogDomain}</div>\n          </div>\n        </a>\n      </div>\n    )\n  }\n\n  if (!hasImage) {\n    return (\n      <div className=\"my-6\">\n        <a href={effectiveData.url} target=\"_blank\" rel=\"noopener noreferrer\"\n          className=\"flex items-center gap-3 border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-all duration-200 group px-4 py-3\">\n          <div className=\"w-10 h-10 bg-ods-bg-secondary rounded-lg flex items-center justify-center flex-shrink-0\">\n            <Favicon src={faviconSrc} />\n          </div>\n          <div className=\"flex-1 min-w-0\">\n            <h3 className=\"font-sans font-semibold text-ods-text-primary text-base group-hover:text-ods-accent transition-colors truncate\">{title}</h3>\n            {description && (\n              <p className=\"font-sans text-sm text-ods-text-secondary truncate\">{description}</p>\n            )}\n          </div>\n          <ExternalLinkIcon />\n        </a>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"my-6\">\n      <a href={effectiveData.url} target=\"_blank\" rel=\"noopener noreferrer\"\n        className=\"block border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-colors group\">\n        <div className=\"aspect-video w-full overflow-hidden relative flex items-center justify-center rounded-lg transition-colors duration-300\" style={{ backgroundColor: bgColor }}>\n          {renderImage()}\n        </div>\n        <div className=\"p-4\">\n          <div className=\"flex items-start gap-3\">\n            <img src={logoSrc} alt={publicationName || ''} className=\"w-6 h-6 rounded object-contain flex-shrink-0 mt-0.5\"\n              onError={(e) => { (e.target as HTMLImageElement).style.display = 'none' }} />\n            <div className=\"flex-1 min-w-0\">\n              <h3 className=\"font-sans font-semibold text-ods-text-primary text-base overflow-hidden group-hover:text-ods-accent transition-colors h-[2.5rem] leading-[1.25rem] mb-2\"\n                style={{ display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical' }}>{title}</h3>\n              {description && (\n                <p className=\"font-sans text-sm text-ods-text-secondary overflow-hidden h-[2.5rem] leading-[1.25rem] mb-2\"\n                  style={{ display: '-webkit-box', WebkitLineClamp: 2, WebkitBoxOrient: 'vertical' }}>{description}</p>\n              )}\n              <div className=\"flex items-center gap-2 text-xs text-ods-text-secondary\">\n                <span className=\"font-medium\">{effectiveData.siteName}</span>\n                <span>•</span>\n                <span className=\"truncate\">{ogDomain}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </a>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-LZQ4HSOR.cjs → chunk-ZYBUFVQV.cjs}

@@ -11,7 +11,7 @@
 
 
 
-var _chunkKLXCXNLWcjs = require('./chunk-KLXCXNLW.cjs');
+var _chunk2YSC3APIcjs = require('./chunk-2YSC3API.cjs');
 
 
 
@@ -113,7 +113,7 @@ function ContactForm({
   successRedirectUrl = "/blog#community",
   successToastMessage = "Redirecting you to join our community..."
 } = {}) {
-  const attachments = _chunkKLXCXNLWcjs.useChatAttachments.call(void 0, );
+  const attachments = _chunk2YSC3APIcjs.useChatAttachments.call(void 0, );
   const builtInSubmission = _chunkKBKZYJRIcjs.useContactSubmission.call(void 0, {
     userId,
     successRedirectUrl,
@@ -195,11 +195,11 @@ function ContactForm({
               !showEmail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("email") }),
               !showHelpCategory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("helpCategory") }),
               !showMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("message") }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXCXNLWcjs.HoneypotField, { ...honeypotInputProps }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YSC3APIcjs.HoneypotField, { ...honeypotInputProps }),
               extraTopField,
               showNameEmailRow && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6", children: [
                 showName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKLXCXNLWcjs.Label, { htmlFor: "name", children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2YSC3APIcjs.Label, { htmlFor: "name", children: [
                     "Your Name",
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
                   ] }),
@@ -218,7 +218,7 @@ function ContactForm({
                   errors.name && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "name-error", className: "text-ods-error text-xs font-['DM_Sans'] mt-1", children: errors.name.message })
                 ] }),
                 showEmail && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKLXCXNLWcjs.Label, { htmlFor: "email", children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2YSC3APIcjs.Label, { htmlFor: "email", children: [
                     "Email",
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
                   ] }),
@@ -239,46 +239,46 @@ function ContactForm({
               ] }),
               (showCompanySize || showReferralSource) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6", children: [
                 showCompanySize && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXCXNLWcjs.Label, { htmlFor: "companySize", children: "Company Size" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YSC3APIcjs.Label, { htmlFor: "companySize", children: "Company Size" }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     _reacthookform.Controller,
                     {
                       control,
                       name: "companySize",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKLXCXNLWcjs.Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2YSC3APIcjs.Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkKLXCXNLWcjs.SelectTrigger,
+                          _chunk2YSC3APIcjs.SelectTrigger,
                           {
                             id: "companySize",
                             "aria-label": "Company Size",
                             className: "bg-ods-card border-ods-border text-ods-text-primary h-12 px-3",
-                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXCXNLWcjs.SelectValue, { placeholder: "Select company size" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YSC3APIcjs.SelectValue, { placeholder: "Select company size" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXCXNLWcjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXCXNLWcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YSC3APIcjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YSC3APIcjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
                   errors.companySize && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "companySize-error", className: "text-ods-error text-xs font-['DM_Sans'] mt-1", children: errors.companySize.message })
                 ] }),
                 showReferralSource && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXCXNLWcjs.Label, { htmlFor: "referralSource", children: "How did you hear about us?" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YSC3APIcjs.Label, { htmlFor: "referralSource", children: "How did you hear about us?" }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     _reacthookform.Controller,
                     {
                       control,
                       name: "referralSource",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKLXCXNLWcjs.Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2YSC3APIcjs.Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkKLXCXNLWcjs.SelectTrigger,
+                          _chunk2YSC3APIcjs.SelectTrigger,
                           {
                             id: "referralSource",
                             "aria-label": "Referral Source",
                             className: "bg-ods-card border-ods-border text-ods-text-primary h-12 px-3",
-                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXCXNLWcjs.SelectValue, { placeholder: "Select an option" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YSC3APIcjs.SelectValue, { placeholder: "Select an option" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXCXNLWcjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXCXNLWcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YSC3APIcjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YSC3APIcjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
@@ -286,7 +286,7 @@ function ContactForm({
                 ] })
               ] }),
               showHelpCategory && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKLXCXNLWcjs.Label, { htmlFor: "helpCategory", children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2YSC3APIcjs.Label, { htmlFor: "helpCategory", children: [
                   "Choose your main interest",
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
                 ] }),
@@ -295,29 +295,29 @@ function ContactForm({
                   {
                     control,
                     name: "helpCategory",
-                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKLXCXNLWcjs.Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
+                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2YSC3APIcjs.Select, { onValueChange: field.onChange, defaultValue: field.value, children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkKLXCXNLWcjs.SelectTrigger,
+                        _chunk2YSC3APIcjs.SelectTrigger,
                         {
                           id: "helpCategory",
                           "aria-label": "Help Category",
                           className: "bg-ods-card border-ods-border text-ods-text-primary h-12 px-3",
-                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXCXNLWcjs.SelectValue, { placeholder: "Choose your main interest" })
+                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YSC3APIcjs.SelectValue, { placeholder: "Choose your main interest" })
                         }
                       ),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXCXNLWcjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLXCXNLWcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YSC3APIcjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YSC3APIcjs.SelectItem, { value: opt, children: opt }, opt)) })
                     ] })
                   }
                 ),
                 errors.helpCategory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "helpCategory-error", className: "text-ods-error text-xs font-['DM_Sans'] mt-1", children: errors.helpCategory.message })
               ] }),
               showMessage && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col flex-grow", children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkKLXCXNLWcjs.Label, { htmlFor: "message", children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2YSC3APIcjs.Label, { htmlFor: "message", children: [
                   "Your Message",
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkKLXCXNLWcjs.Textarea,
+                  _chunk2YSC3APIcjs.Textarea,
                   {
                     id: "message",
                     ...register("message"),
@@ -331,7 +331,7 @@ function ContactForm({
               ] }),
               attachmentsEnabled && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkKLXCXNLWcjs.ChatAttachmentChipStrip,
+                  _chunk2YSC3APIcjs.ChatAttachmentChipStrip,
                   {
                     attachments: attachments.attachments,
                     onRemove: attachments.removeAttachment,
@@ -340,7 +340,7 @@ function ContactForm({
                 ),
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkKLXCXNLWcjs.ChatAttachmentAddButton,
+                    _chunk2YSC3APIcjs.ChatAttachmentAddButton,
                     {
                       attachmentsEnabled: true,
                       attachmentsCount: attachments.attachments.length,
@@ -376,4 +376,4 @@ function ContactForm({
 
 
 exports.ContactForm = ContactForm;
-//# sourceMappingURL=chunk-LZQ4HSOR.cjs.map
+//# sourceMappingURL=chunk-ZYBUFVQV.cjs.map

package/dist/{chunk-LZQ4HSOR.cjs.map → chunk-ZYBUFVQV.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-LZQ4HSOR.cjs","../src/components/contact/contact-form.tsx","../src/schemas/contact-schema.ts"],"names":[],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-LZQ4HSOR.cjs","sourcesContent":[null,"'use client'\n\n/**\n * `<ContactForm />` — the canonical contact form used by every public\n * surface (TMCG join, case-study pitch, generic /contact, Help Center\n * ticket creation, etc.).\n *\n * Self-contained inside the lib — host-specific values (user id for\n * tracking, platform-specific contact reasons, reddit-click attribution\n * id) flow IN via props. The hub passes them via a thin\n * `<ContactForm>` wrapper that resolves them from `useAuth` /\n * `getAppConfig` / `getStoredRedditClickId`. Other embedders pass\n * whatever they have (or omit).\n *\n * Field-hide + custom-submit + extra-top-field knobs let one form\n * serve both contact and ticket-creation flows without forking:\n *   - Contact page: rendered with all fields visible, built-in submit\n *     flow to `/api/contact` via `useContactSubmission`.\n *   - Ticket page: hides name/email/companySize/referralSource/\n *     helpCategory; supplies `extraTopField` (a Subject input) +\n *     `onCustomSubmit` wired to `useTicketActions.submitTicket`.\n */\n\nimport { useState, type ReactNode } from 'react'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  ContactSchema,\n  type ContactFormData,\n  companySizeOptions,\n  referralSourceOptions,\n  defaultHelpCategoryOptions,\n} from '../../schemas/contact-schema'\nimport { SECTION_HEADING_CLASS } from '../layout/page-heading'\nimport {\n  Button,\n  type ButtonProps,\n  Input,\n  Textarea,\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n  Label,\n} from '../ui'\nimport { useContactSubmission } from '../../hooks/use-contact-submission'\nimport { useHumanitySignals } from '../../hooks/use-humanity-signals'\nimport { HoneypotField } from '../ui/honeypot-field'\nimport {\n  ChatAttachmentAddButton,\n  ChatAttachmentChipStrip,\n} from '../chat/chat-attachment-bar'\nimport { useChatAttachments } from '../chat/hooks/use-chat-attachments'\nimport type { ChatAttachment } from '../chat/utils/chat-attachment-markdown'\n\n/**\n * Fields the caller can suppress. Six values — every primary form\n * field plus `name` and `email` (newly hideable so ticket-creation\n * surfaces can hide them; they still need to validate, so the caller\n * MUST supply pre-filled values via `defaultValues` when hiding them).\n */\nexport type ContactFormHideableField =\n  | 'name'\n  | 'email'\n  | 'companySize'\n  | 'referralSource'\n  | 'helpCategory'\n  | 'message'\n\nexport interface ContactFormProps {\n  /** Host-side user id passed to `useContactSubmission` for attribution.\n   *  Hub wrapper passes `useAuth().user?.id`; lib's Help Center surface\n   *  passes `useChatIdentity().user?.id`. Omit for anon flows. */\n  userId?: string\n  /** Platform-specific help-category dropdown options. Hub wrapper\n   *  passes `getAppConfig().contact.contactReasons`. Defaults to the\n   *  lib's `defaultHelpCategoryOptions`. */\n  helpCategoryOptions?: readonly string[]\n  /** Reddit click attribution id. Caller resolves from wherever they\n   *  stash it (hub: sessionStorage via `getStoredRedditClickId`). When\n   *  set, it's spread into the submission payload. */\n  rdtCid?: string\n  /** Called after a successful submit so the caller can clear their\n   *  attribution storage (hub wrapper calls `clearStoredRedditClickId`).\n   *  Fires for BOTH the built-in and custom submit paths. */\n  onSubmitSuccess?: () => void\n\n  prefilledReason?: string\n  prefilledMessage?: string\n  hideFields?: ContactFormHideableField[]\n  /** Authoritative pre-fill for any field the caller hides. Merged\n   *  into react-hook-form's `defaultValues` AFTER the legacy\n   *  `prefilledReason` / `prefilledMessage` props (caller-supplied\n   *  wins). REQUIRED when hiding `name` / `email` / `helpCategory` —\n   *  those fields are still validated by Zod even when not rendered. */\n  defaultValues?: Partial<ContactFormData>\n  /** Optional custom submit handler. When provided, the form bypasses\n   *  the built-in `useContactSubmission` flow (no /api/contact call,\n   *  no success-redirect, no built-in toast) — the caller owns the\n   *  entire side-effect chain. Reset + `onSubmitSuccess` still fire\n   *  on a successful await.\n   *\n   *  Receives the schema-validated form payload PLUS the ready\n   *  attachments array (empty when `attachmentsEnabled === false` or\n   *  the user hasn't picked any). Caller forwards `attachments` to\n   *  whichever sink owns the upload (e.g. `actions.submitTicket`'s\n   *  `attachments` field for HubSpot Note engagements). */\n  onCustomSubmit?: (data: ContactFormData, attachments: ChatAttachment[]) => Promise<void>\n  /** Turn on the attachments bar (file `+` button + chip strip) using\n   *  the same lib primitives the chat composer uses\n   *  (`<ChatAttachmentAddButton>` + `<ChatAttachmentChipStrip>` +\n   *  `useChatAttachments`). When `false` (the default), the form\n   *  doesn't render the bar AND the attachments array passed to\n   *  `onCustomSubmit` is always empty. */\n  attachmentsEnabled?: boolean\n  /** Render slot for an EXTRA field at the very top of the form,\n   *  ABOVE the name/email row. Use this for ticket surfaces that need\n   *  a Subject input — the field is NOT part of `ContactSchema`, so\n   *  the caller manages its own state + validation and reads the\n   *  value back inside `onCustomSubmit`. */\n  extraTopField?: ReactNode\n\n  title?: string\n  subtitle?: string\n  footerText?: string\n  noBorder?: boolean\n  noPadding?: boolean\n  buttonVariant?: ButtonProps['variant']\n  buttonClassName?: string\n  /** Submit-button label. Defaults to \"Send Message\". Override for\n   *  ticket surfaces (e.g. \"Open ticket\"). */\n  submitLabel?: string\n  /** Success-state submit-button label (shown briefly after submit on\n   *  the built-in flow). Defaults to \"Message Sent!\". Has no effect\n   *  when `onCustomSubmit` is provided — the caller owns success UX. */\n  submitSuccessLabel?: string\n  successRedirectUrl?: string\n  successToastMessage?: string\n}\n\nexport function ContactForm({\n  userId,\n  helpCategoryOptions = defaultHelpCategoryOptions,\n  rdtCid,\n  onSubmitSuccess,\n  prefilledReason,\n  prefilledMessage,\n  hideFields = [],\n  defaultValues: defaultValuesProp,\n  onCustomSubmit,\n  extraTopField,\n  attachmentsEnabled = false,\n  title = 'Hit Us Up',\n  subtitle,\n  footerText = 'We typically respond within 24 hours. We respect your privacy – no spam, ever.',\n  noBorder = false,\n  noPadding = false,\n  buttonVariant = 'accent',\n  buttonClassName = '',\n  submitLabel = 'Send Message',\n  submitSuccessLabel = 'Message Sent!',\n  successRedirectUrl = '/blog#community',\n  successToastMessage = 'Redirecting you to join our community...',\n}: ContactFormProps = {}) {\n  // Attachments staging — same hook the chat composer + ticket\n  // detail-drawer composer use. Files upload to Supabase as soon as\n  // the user picks them; `readyAttachments` is the wire-shape array\n  // ready for the next submit. `hasInflightUploads` disables Send\n  // until every upload settles.\n  const attachments = useChatAttachments()\n  // Built-in contact-API flow. Hook is called unconditionally (rules\n  // of hooks); we just don't dispatch its `submit` when the caller\n  // passes `onCustomSubmit`. The hook owns its own toast + redirect\n  // chain so bypassing it cleanly hands all side-effects to the caller.\n  const builtInSubmission = useContactSubmission({\n    userId,\n    successRedirectUrl,\n    successToastMessage,\n  })\n  // Independent in-flight tracker for the custom path — we can't reuse\n  // `builtInSubmission.isSubmitting` because that hook never sees a\n  // request when `onCustomSubmit` is active.\n  const [customSubmitting, setCustomSubmitting] = useState(false)\n\n  // Invisible bot-protection signals (honeypot + timing). Spread into the\n  // submit payload for BOTH the built-in and custom paths; reset on success.\n  const { honeypotInputProps, getSignals, resetSignals } = useHumanitySignals()\n\n  const isSubmitting = onCustomSubmit ? customSubmitting : builtInSubmission.isSubmitting\n  // `isSuccess` only ever fires on the built-in path; custom callers\n  // own their own UX (no \"Message Sent!\" button-label flicker).\n  const isSuccess = onCustomSubmit ? false : builtInSubmission.isSuccess\n\n  const {\n    register,\n    handleSubmit,\n    control,\n    formState: { errors },\n    reset,\n  } = useForm<ContactFormData>({\n    resolver: zodResolver(ContactSchema),\n    defaultValues: {\n      ...(prefilledReason && { helpCategory: prefilledReason }),\n      ...(prefilledMessage && { message: prefilledMessage }),\n      // Caller-supplied defaults win over the legacy `prefilled*` props\n      // (they're the authoritative seed for hidden fields).\n      ...defaultValuesProp,\n    },\n  })\n\n  const handleFormSubmit = async (data: ContactFormData) => {\n    if (isSubmitting) return\n    if (attachmentsEnabled && attachments.hasInflightUploads) return\n    try {\n      const payload = { ...data, ...(rdtCid && { rdt_cid: rdtCid }), ...getSignals() }\n      const readyAttachments = attachmentsEnabled ? attachments.readyAttachments : []\n      if (onCustomSubmit) {\n        setCustomSubmitting(true)\n        try {\n          await onCustomSubmit(payload, readyAttachments)\n        } finally {\n          setCustomSubmitting(false)\n        }\n      } else {\n        await builtInSubmission.submit(payload)\n      }\n      onSubmitSuccess?.()\n      reset()\n      resetSignals()\n      if (attachmentsEnabled) attachments.clear()\n    } catch {\n      // Error toast is owned by the active flow:\n      //  - built-in: `useContactSubmission` toasts inside `submit()`.\n      //  - custom:   the caller toasts inside `onCustomSubmit`.\n      // Either way we swallow here so a thrown error doesn't crash the\n      // form tree (react-hook-form's onSubmit handler rejects upward).\n    }\n  }\n\n  const showName = !hideFields.includes('name')\n  const showEmail = !hideFields.includes('email')\n  const showNameEmailRow = showName || showEmail\n  const showCompanySize = !hideFields.includes('companySize')\n  const showReferralSource = !hideFields.includes('referralSource')\n  const showHelpCategory = !hideFields.includes('helpCategory')\n  const showMessage = !hideFields.includes('message')\n\n  return (\n    <div\n      className={`h-full flex flex-col ${!noBorder ? 'border border-ods-border rounded-2xl md:rounded-3xl' : ''} ${!noPadding ? 'p-6 md:p-8 lg:p-10' : ''}`}\n    >\n      {(title || subtitle) && (\n        <div className=\"mb-6 md:mb-8\">\n          {title && (\n            <h2 className={`${SECTION_HEADING_CLASS} mb-3 md:mb-4`}>\n              {title}\n            </h2>\n          )}\n          {subtitle && (\n            <p className=\"font-['DM_Sans'] font-medium text-[16px] md:text-[18px] leading-[24px] text-ods-text-primary\">\n              {subtitle}\n            </p>\n          )}\n        </div>\n      )}\n\n      <form\n        onSubmit={handleSubmit(handleFormSubmit, (validationErrors) => {\n          // When validation fails on a HIDDEN field (e.g. ticket form\n          // hides name/email/helpCategory and seeds them via\n          // `defaultValues`), there's no visible error UI for the user\n          // — the submit button just appears dead. Log so the broken\n          // defaultValues wiring is at least discoverable in DevTools.\n          // eslint-disable-next-line no-console\n          console.warn(\n            '[ContactForm] submit blocked by validation:',\n            Object.fromEntries(\n              Object.entries(validationErrors).map(([k, v]) => [k, v?.message ?? v]),\n            ),\n          )\n        })}\n        className=\"flex flex-col flex-grow space-y-4 md:space-y-6\"\n      >\n        {/* Hidden inputs for fields that are required by `ContactSchema`\n            but suppressed from the visible UI via `hideFields`. Without\n            these, `register('name')` never runs, react-hook-form skips\n            the field at submit time, and Zod's required-string check\n            fails silently — the user clicks Submit and NOTHING visible\n            happens (no error, no network call). The caller-supplied\n            `defaultValues` seed the values; the hidden inputs just tell\n            RHF to include them in the submit payload. */}\n        {!showName && <input type=\"hidden\" {...register('name')} />}\n        {!showEmail && <input type=\"hidden\" {...register('email')} />}\n        {!showHelpCategory && <input type=\"hidden\" {...register('helpCategory')} />}\n        {!showMessage && <input type=\"hidden\" {...register('message')} />}\n\n        {/* Invisible honeypot — real users never fill it; bots that fill every field trip it. */}\n        <HoneypotField {...honeypotInputProps} />\n\n        {/* Extra top field (e.g. Subject for ticket forms). Rendered\n            outside the schema-driven layout so the caller fully owns\n            label / placeholder / state. */}\n        {extraTopField}\n\n        {showNameEmailRow && (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6\">\n            {showName && (\n              <div className=\"flex flex-col\">\n                <Label htmlFor=\"name\">\n                  Your Name<span className=\"text-ods-accent\">*</span>\n                </Label>\n                <Input\n                  id=\"name\"\n                  type=\"text\"\n                  {...register('name')}\n                  placeholder=\"Jane Doe\"\n                  aria-invalid={!!errors.name}\n                  aria-describedby=\"name-error\"\n                  className=\"bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3 h-12\"\n                />\n                {errors.name && (\n                  <span id=\"name-error\" className=\"text-ods-error text-xs font-['DM_Sans'] mt-1\">\n                    {errors.name.message}\n                  </span>\n                )}\n              </div>\n            )}\n            {showEmail && (\n              <div className=\"flex flex-col\">\n                <Label htmlFor=\"email\">\n                  Email<span className=\"text-ods-accent\">*</span>\n                </Label>\n                <Input\n                  id=\"email\"\n                  type=\"email\"\n                  {...register('email')}\n                  placeholder=\"jane@company.com\"\n                  aria-invalid={!!errors.email}\n                  aria-describedby=\"email-error\"\n                  className=\"bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3 h-12\"\n                />\n                {errors.email && (\n                  <span id=\"email-error\" className=\"text-ods-error text-xs font-['DM_Sans'] mt-1\">\n                    {errors.email.message}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {(showCompanySize || showReferralSource) && (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6\">\n            {showCompanySize && (\n              <div className=\"flex flex-col\">\n                <Label htmlFor=\"companySize\">Company Size</Label>\n                <Controller\n                  control={control}\n                  name=\"companySize\"\n                  render={({ field }) => (\n                    <Select onValueChange={field.onChange} defaultValue={field.value}>\n                      <SelectTrigger\n                        id=\"companySize\"\n                        aria-label=\"Company Size\"\n                        className=\"bg-ods-card border-ods-border text-ods-text-primary h-12 px-3\"\n                      >\n                        <SelectValue placeholder=\"Select company size\" />\n                      </SelectTrigger>\n                      <SelectContent>\n                        {companySizeOptions.map((opt) => (\n                          <SelectItem key={opt} value={opt}>\n                            {opt}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n                />\n                {errors.companySize && (\n                  <span id=\"companySize-error\" className=\"text-ods-error text-xs font-['DM_Sans'] mt-1\">\n                    {errors.companySize.message}\n                  </span>\n                )}\n              </div>\n            )}\n            {showReferralSource && (\n              <div className=\"flex flex-col\">\n                <Label htmlFor=\"referralSource\">How did you hear about us?</Label>\n                <Controller\n                  control={control}\n                  name=\"referralSource\"\n                  render={({ field }) => (\n                    <Select onValueChange={field.onChange} defaultValue={field.value}>\n                      <SelectTrigger\n                        id=\"referralSource\"\n                        aria-label=\"Referral Source\"\n                        className=\"bg-ods-card border-ods-border text-ods-text-primary h-12 px-3\"\n                      >\n                        <SelectValue placeholder=\"Select an option\" />\n                      </SelectTrigger>\n                      <SelectContent>\n                        {referralSourceOptions.map((opt) => (\n                          <SelectItem key={opt} value={opt}>\n                            {opt}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n                />\n                {errors.referralSource && (\n                  <span id=\"referralSource-error\" className=\"text-ods-error text-xs font-['DM_Sans'] mt-1\">\n                    {errors.referralSource.message}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {showHelpCategory && (\n          <div className=\"flex flex-col\">\n            <Label htmlFor=\"helpCategory\">\n              Choose your main interest<span className=\"text-ods-accent\">*</span>\n            </Label>\n            <Controller\n              control={control}\n              name=\"helpCategory\"\n              render={({ field }) => (\n                <Select onValueChange={field.onChange} defaultValue={field.value}>\n                  <SelectTrigger\n                    id=\"helpCategory\"\n                    aria-label=\"Help Category\"\n                    className=\"bg-ods-card border-ods-border text-ods-text-primary h-12 px-3\"\n                  >\n                    <SelectValue placeholder=\"Choose your main interest\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {helpCategoryOptions.map((opt) => (\n                      <SelectItem key={opt} value={opt}>\n                        {opt}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              )}\n            />\n            {errors.helpCategory && (\n              <span id=\"helpCategory-error\" className=\"text-ods-error text-xs font-['DM_Sans'] mt-1\">\n                {errors.helpCategory.message}\n              </span>\n            )}\n          </div>\n        )}\n\n        {showMessage && (\n          <div className=\"flex flex-col flex-grow\">\n            <Label htmlFor=\"message\">\n              Your Message<span className=\"text-ods-accent\">*</span>\n            </Label>\n            <Textarea\n              id=\"message\"\n              {...register('message')}\n              placeholder=\"Share your current challenges or questions about open-source alternatives...\"\n              aria-invalid={!!errors.message}\n              aria-describedby=\"message-error\"\n              className=\"bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary h-full flex-grow\"\n            />\n            {errors.message && (\n              <span id=\"message-error\" className=\"text-ods-error text-xs font-['DM_Sans'] mt-1\">\n                {errors.message.message}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Attachments — only renders when `attachmentsEnabled` is on.\n            Uses the SAME chip strip + add button + staging hook the\n            chat composer and ticket-drawer composer use, so the visual\n            chip styling + upload-progress UX are identical everywhere\n            attachments appear. */}\n        {attachmentsEnabled && (\n          <div className=\"flex flex-col gap-2\">\n            <ChatAttachmentChipStrip\n              attachments={attachments.attachments}\n              onRemove={attachments.removeAttachment}\n              disabled={isSubmitting}\n            />\n            <div className=\"flex items-center gap-2\">\n              <ChatAttachmentAddButton\n                attachmentsEnabled\n                attachmentsCount={attachments.attachments.length}\n                onAddFiles={attachments.addFiles}\n                disabled={isSubmitting}\n              />\n              <span className=\"text-xs text-ods-text-secondary\">\n                Attach files (optional)\n              </span>\n            </div>\n          </div>\n        )}\n\n        <div className=\"flex flex-col md:flex-row gap-4 md:gap-6 items-center justify-end w-full pt-2 mt-auto\">\n          {footerText && (\n            <p className=\"font-['DM_Sans'] text-ods-text-secondary text-xs md:text-sm leading-relaxed text-center md:text-left\">\n              {footerText}\n            </p>\n          )}\n          <Button\n            type=\"submit\"\n            loading={isSubmitting}\n            disabled={\n              isSubmitting ||\n              isSuccess ||\n              (attachmentsEnabled && attachments.hasInflightUploads)\n            }\n            variant={buttonVariant}\n            className={`w-full md:w-auto ${buttonClassName}`}\n          >\n            {isSuccess ? submitSuccessLabel : submitLabel}\n          </Button>\n        </div>\n      </form>\n    </div>\n  )\n}\n","import { z } from 'zod';\n\n// Dropdown option constants — re-exported by `<ContactForm>` consumers\n// that want to surface their own custom Select widgets keyed on the\n// same allowed-value set.\nexport const companySizeOptions = [\n  '1-10',\n  '11-50',\n  '51-200',\n  '201-500',\n  '501-1000',\n  '1001+',\n] as const;\n\nexport const referralSourceOptions = [\n  'Google',\n  'LinkedIn',\n  'Twitter/X',\n  'Reddit',\n  'Friend / Colleague',\n  'Other',\n] as const;\n\n// Default fallback options — used when the embedder doesn't supply\n// platform-specific help-category options via the `helpCategoryOptions`\n// prop on `<ContactForm>`.\nexport const defaultHelpCategoryOptions = [\n  'Open-Source Alternatives',\n  'Vendor Cost Reduction',\n  'MSP Best Practices',\n  'Partnerships',\n  'Press',\n  'Other',\n] as const;\n\n// Reusable LinkedIn URL validator — the single source of truth. Every\n// public form schema, every admin update schema, every HubSpot push\n// validator MUST reference this so validation rules cannot drift\n// across boundaries.\n//\n// Host validation parses the URL and checks the hostname suffix so an\n// adversarial input like `https://evil.com/linkedin.com/x` is rejected\n// (substring match would have accepted it — CodeQL alert\n// \"Incomplete URL substring sanitization\").\nexport const LinkedInUrlSchema = z\n  .string()\n  .url({ message: 'Please enter a valid LinkedIn URL' })\n  .refine(\n    (url) => {\n      try {\n        const host = new URL(url).hostname.toLowerCase()\n        return host === 'linkedin.com' || host.endsWith('.linkedin.com')\n      } catch {\n        return false\n      }\n    },\n    {\n      message: 'Please enter a valid LinkedIn profile URL',\n    },\n  )\n  .optional()\n  .or(z.literal(''));\n\n/**\n * Base schema — fields shared by every contact-style form (main contact\n * form, TMCG join, data-room request, case-study pitch, etc.). Any\n * field that exists on a form but NOT on this schema is silently\n * stripped by `safeParse` — that's exactly the bug the LinkedIn field\n * hit historically.\n */\nexport const ContactBaseSchema = z.object({\n  name: z\n    .string()\n    .min(2, { message: 'Name must be at least 2 characters' })\n    .max(255, { message: 'Name is too long' }),\n  email: z\n    .string()\n    .email({ message: 'Please enter a valid email address' })\n    .max(255),\n  linkedin_url: LinkedInUrlSchema,\n  helpCategory: z\n    .string()\n    .min(1, { message: 'Please select what we can help you with' })\n    .max(255, { message: 'Help category is too long' }),\n  message: z\n    .string()\n    .min(10, { message: 'Message must be at least 10 characters' })\n    .max(5000, { message: 'Message is too long (5,000 character limit)' }),\n  rdt_cid: z.string().optional(),\n});\n\n// Public POST /api/contact validator — base + dropdown fields used by\n// the generic contact form. Other form-specific schemas extend\n// `ContactBaseSchema`.\nexport const ContactSchema = ContactBaseSchema.extend({\n  companySize: z\n    .string()\n    .optional()\n    .refine((val) => !val || companySizeOptions.includes(val as (typeof companySizeOptions)[number]), {\n      message: 'Please select a valid company size',\n    }),\n  referralSource: z\n    .string()\n    .optional()\n    .refine((val) => !val || referralSourceOptions.includes(val as (typeof referralSourceOptions)[number]), {\n      message: 'Please select a valid referral source',\n    }),\n});\n\nexport type ContactFormData = z.infer<typeof ContactSchema>;\n\nexport interface ContactApiResponse {\n  success: boolean;\n  error?: string;\n}\n"]}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-ZYBUFVQV.cjs","../src/components/contact/contact-form.tsx","../src/schemas/contact-schema.ts"],"names":[],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-ZYBUFVQV.cjs","sourcesContent":[null,"'use client'\n\n/**\n * `<ContactForm />` — the canonical contact form used by every public\n * surface (TMCG join, case-study pitch, generic /contact, Help Center\n * ticket creation, etc.).\n *\n * Self-contained inside the lib — host-specific values (user id for\n * tracking, platform-specific contact reasons, reddit-click attribution\n * id) flow IN via props. The hub passes them via a thin\n * `<ContactForm>` wrapper that resolves them from `useAuth` /\n * `getAppConfig` / `getStoredRedditClickId`. Other embedders pass\n * whatever they have (or omit).\n *\n * Field-hide + custom-submit + extra-top-field knobs let one form\n * serve both contact and ticket-creation flows without forking:\n *   - Contact page: rendered with all fields visible, built-in submit\n *     flow to `/api/contact` via `useContactSubmission`.\n *   - Ticket page: hides name/email/companySize/referralSource/\n *     helpCategory; supplies `extraTopField` (a Subject input) +\n *     `onCustomSubmit` wired to `useTicketActions.submitTicket`.\n */\n\nimport { useState, type ReactNode } from 'react'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport {\n  ContactSchema,\n  type ContactFormData,\n  companySizeOptions,\n  referralSourceOptions,\n  defaultHelpCategoryOptions,\n} from '../../schemas/contact-schema'\nimport { SECTION_HEADING_CLASS } from '../layout/page-heading'\nimport {\n  Button,\n  type ButtonProps,\n  Input,\n  Textarea,\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectItem,\n  Label,\n} from '../ui'\nimport { useContactSubmission } from '../../hooks/use-contact-submission'\nimport { useHumanitySignals } from '../../hooks/use-humanity-signals'\nimport { HoneypotField } from '../ui/honeypot-field'\nimport {\n  ChatAttachmentAddButton,\n  ChatAttachmentChipStrip,\n} from '../chat/chat-attachment-bar'\nimport { useChatAttachments } from '../chat/hooks/use-chat-attachments'\nimport type { ChatAttachment } from '../chat/utils/chat-attachment-markdown'\n\n/**\n * Fields the caller can suppress. Six values — every primary form\n * field plus `name` and `email` (newly hideable so ticket-creation\n * surfaces can hide them; they still need to validate, so the caller\n * MUST supply pre-filled values via `defaultValues` when hiding them).\n */\nexport type ContactFormHideableField =\n  | 'name'\n  | 'email'\n  | 'companySize'\n  | 'referralSource'\n  | 'helpCategory'\n  | 'message'\n\nexport interface ContactFormProps {\n  /** Host-side user id passed to `useContactSubmission` for attribution.\n   *  Hub wrapper passes `useAuth().user?.id`; lib's Help Center surface\n   *  passes `useChatIdentity().user?.id`. Omit for anon flows. */\n  userId?: string\n  /** Platform-specific help-category dropdown options. Hub wrapper\n   *  passes `getAppConfig().contact.contactReasons`. Defaults to the\n   *  lib's `defaultHelpCategoryOptions`. */\n  helpCategoryOptions?: readonly string[]\n  /** Reddit click attribution id. Caller resolves from wherever they\n   *  stash it (hub: sessionStorage via `getStoredRedditClickId`). When\n   *  set, it's spread into the submission payload. */\n  rdtCid?: string\n  /** Called after a successful submit so the caller can clear their\n   *  attribution storage (hub wrapper calls `clearStoredRedditClickId`).\n   *  Fires for BOTH the built-in and custom submit paths. */\n  onSubmitSuccess?: () => void\n\n  prefilledReason?: string\n  prefilledMessage?: string\n  hideFields?: ContactFormHideableField[]\n  /** Authoritative pre-fill for any field the caller hides. Merged\n   *  into react-hook-form's `defaultValues` AFTER the legacy\n   *  `prefilledReason` / `prefilledMessage` props (caller-supplied\n   *  wins). REQUIRED when hiding `name` / `email` / `helpCategory` —\n   *  those fields are still validated by Zod even when not rendered. */\n  defaultValues?: Partial<ContactFormData>\n  /** Optional custom submit handler. When provided, the form bypasses\n   *  the built-in `useContactSubmission` flow (no /api/contact call,\n   *  no success-redirect, no built-in toast) — the caller owns the\n   *  entire side-effect chain. Reset + `onSubmitSuccess` still fire\n   *  on a successful await.\n   *\n   *  Receives the schema-validated form payload PLUS the ready\n   *  attachments array (empty when `attachmentsEnabled === false` or\n   *  the user hasn't picked any). Caller forwards `attachments` to\n   *  whichever sink owns the upload (e.g. `actions.submitTicket`'s\n   *  `attachments` field for HubSpot Note engagements). */\n  onCustomSubmit?: (data: ContactFormData, attachments: ChatAttachment[]) => Promise<void>\n  /** Turn on the attachments bar (file `+` button + chip strip) using\n   *  the same lib primitives the chat composer uses\n   *  (`<ChatAttachmentAddButton>` + `<ChatAttachmentChipStrip>` +\n   *  `useChatAttachments`). When `false` (the default), the form\n   *  doesn't render the bar AND the attachments array passed to\n   *  `onCustomSubmit` is always empty. */\n  attachmentsEnabled?: boolean\n  /** Render slot for an EXTRA field at the very top of the form,\n   *  ABOVE the name/email row. Use this for ticket surfaces that need\n   *  a Subject input — the field is NOT part of `ContactSchema`, so\n   *  the caller manages its own state + validation and reads the\n   *  value back inside `onCustomSubmit`. */\n  extraTopField?: ReactNode\n\n  title?: string\n  subtitle?: string\n  footerText?: string\n  noBorder?: boolean\n  noPadding?: boolean\n  buttonVariant?: ButtonProps['variant']\n  buttonClassName?: string\n  /** Submit-button label. Defaults to \"Send Message\". Override for\n   *  ticket surfaces (e.g. \"Open ticket\"). */\n  submitLabel?: string\n  /** Success-state submit-button label (shown briefly after submit on\n   *  the built-in flow). Defaults to \"Message Sent!\". Has no effect\n   *  when `onCustomSubmit` is provided — the caller owns success UX. */\n  submitSuccessLabel?: string\n  successRedirectUrl?: string\n  successToastMessage?: string\n}\n\nexport function ContactForm({\n  userId,\n  helpCategoryOptions = defaultHelpCategoryOptions,\n  rdtCid,\n  onSubmitSuccess,\n  prefilledReason,\n  prefilledMessage,\n  hideFields = [],\n  defaultValues: defaultValuesProp,\n  onCustomSubmit,\n  extraTopField,\n  attachmentsEnabled = false,\n  title = 'Hit Us Up',\n  subtitle,\n  footerText = 'We typically respond within 24 hours. We respect your privacy – no spam, ever.',\n  noBorder = false,\n  noPadding = false,\n  buttonVariant = 'accent',\n  buttonClassName = '',\n  submitLabel = 'Send Message',\n  submitSuccessLabel = 'Message Sent!',\n  successRedirectUrl = '/blog#community',\n  successToastMessage = 'Redirecting you to join our community...',\n}: ContactFormProps = {}) {\n  // Attachments staging — same hook the chat composer + ticket\n  // detail-drawer composer use. Files upload to Supabase as soon as\n  // the user picks them; `readyAttachments` is the wire-shape array\n  // ready for the next submit. `hasInflightUploads` disables Send\n  // until every upload settles.\n  const attachments = useChatAttachments()\n  // Built-in contact-API flow. Hook is called unconditionally (rules\n  // of hooks); we just don't dispatch its `submit` when the caller\n  // passes `onCustomSubmit`. The hook owns its own toast + redirect\n  // chain so bypassing it cleanly hands all side-effects to the caller.\n  const builtInSubmission = useContactSubmission({\n    userId,\n    successRedirectUrl,\n    successToastMessage,\n  })\n  // Independent in-flight tracker for the custom path — we can't reuse\n  // `builtInSubmission.isSubmitting` because that hook never sees a\n  // request when `onCustomSubmit` is active.\n  const [customSubmitting, setCustomSubmitting] = useState(false)\n\n  // Invisible bot-protection signals (honeypot + timing). Spread into the\n  // submit payload for BOTH the built-in and custom paths; reset on success.\n  const { honeypotInputProps, getSignals, resetSignals } = useHumanitySignals()\n\n  const isSubmitting = onCustomSubmit ? customSubmitting : builtInSubmission.isSubmitting\n  // `isSuccess` only ever fires on the built-in path; custom callers\n  // own their own UX (no \"Message Sent!\" button-label flicker).\n  const isSuccess = onCustomSubmit ? false : builtInSubmission.isSuccess\n\n  const {\n    register,\n    handleSubmit,\n    control,\n    formState: { errors },\n    reset,\n  } = useForm<ContactFormData>({\n    resolver: zodResolver(ContactSchema),\n    defaultValues: {\n      ...(prefilledReason && { helpCategory: prefilledReason }),\n      ...(prefilledMessage && { message: prefilledMessage }),\n      // Caller-supplied defaults win over the legacy `prefilled*` props\n      // (they're the authoritative seed for hidden fields).\n      ...defaultValuesProp,\n    },\n  })\n\n  const handleFormSubmit = async (data: ContactFormData) => {\n    if (isSubmitting) return\n    if (attachmentsEnabled && attachments.hasInflightUploads) return\n    try {\n      const payload = { ...data, ...(rdtCid && { rdt_cid: rdtCid }), ...getSignals() }\n      const readyAttachments = attachmentsEnabled ? attachments.readyAttachments : []\n      if (onCustomSubmit) {\n        setCustomSubmitting(true)\n        try {\n          await onCustomSubmit(payload, readyAttachments)\n        } finally {\n          setCustomSubmitting(false)\n        }\n      } else {\n        await builtInSubmission.submit(payload)\n      }\n      onSubmitSuccess?.()\n      reset()\n      resetSignals()\n      if (attachmentsEnabled) attachments.clear()\n    } catch {\n      // Error toast is owned by the active flow:\n      //  - built-in: `useContactSubmission` toasts inside `submit()`.\n      //  - custom:   the caller toasts inside `onCustomSubmit`.\n      // Either way we swallow here so a thrown error doesn't crash the\n      // form tree (react-hook-form's onSubmit handler rejects upward).\n    }\n  }\n\n  const showName = !hideFields.includes('name')\n  const showEmail = !hideFields.includes('email')\n  const showNameEmailRow = showName || showEmail\n  const showCompanySize = !hideFields.includes('companySize')\n  const showReferralSource = !hideFields.includes('referralSource')\n  const showHelpCategory = !hideFields.includes('helpCategory')\n  const showMessage = !hideFields.includes('message')\n\n  return (\n    <div\n      className={`h-full flex flex-col ${!noBorder ? 'border border-ods-border rounded-2xl md:rounded-3xl' : ''} ${!noPadding ? 'p-6 md:p-8 lg:p-10' : ''}`}\n    >\n      {(title || subtitle) && (\n        <div className=\"mb-6 md:mb-8\">\n          {title && (\n            <h2 className={`${SECTION_HEADING_CLASS} mb-3 md:mb-4`}>\n              {title}\n            </h2>\n          )}\n          {subtitle && (\n            <p className=\"font-['DM_Sans'] font-medium text-[16px] md:text-[18px] leading-[24px] text-ods-text-primary\">\n              {subtitle}\n            </p>\n          )}\n        </div>\n      )}\n\n      <form\n        onSubmit={handleSubmit(handleFormSubmit, (validationErrors) => {\n          // When validation fails on a HIDDEN field (e.g. ticket form\n          // hides name/email/helpCategory and seeds them via\n          // `defaultValues`), there's no visible error UI for the user\n          // — the submit button just appears dead. Log so the broken\n          // defaultValues wiring is at least discoverable in DevTools.\n          // eslint-disable-next-line no-console\n          console.warn(\n            '[ContactForm] submit blocked by validation:',\n            Object.fromEntries(\n              Object.entries(validationErrors).map(([k, v]) => [k, v?.message ?? v]),\n            ),\n          )\n        })}\n        className=\"flex flex-col flex-grow space-y-4 md:space-y-6\"\n      >\n        {/* Hidden inputs for fields that are required by `ContactSchema`\n            but suppressed from the visible UI via `hideFields`. Without\n            these, `register('name')` never runs, react-hook-form skips\n            the field at submit time, and Zod's required-string check\n            fails silently — the user clicks Submit and NOTHING visible\n            happens (no error, no network call). The caller-supplied\n            `defaultValues` seed the values; the hidden inputs just tell\n            RHF to include them in the submit payload. */}\n        {!showName && <input type=\"hidden\" {...register('name')} />}\n        {!showEmail && <input type=\"hidden\" {...register('email')} />}\n        {!showHelpCategory && <input type=\"hidden\" {...register('helpCategory')} />}\n        {!showMessage && <input type=\"hidden\" {...register('message')} />}\n\n        {/* Invisible honeypot — real users never fill it; bots that fill every field trip it. */}\n        <HoneypotField {...honeypotInputProps} />\n\n        {/* Extra top field (e.g. Subject for ticket forms). Rendered\n            outside the schema-driven layout so the caller fully owns\n            label / placeholder / state. */}\n        {extraTopField}\n\n        {showNameEmailRow && (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6\">\n            {showName && (\n              <div className=\"flex flex-col\">\n                <Label htmlFor=\"name\">\n                  Your Name<span className=\"text-ods-accent\">*</span>\n                </Label>\n                <Input\n                  id=\"name\"\n                  type=\"text\"\n                  {...register('name')}\n                  placeholder=\"Jane Doe\"\n                  aria-invalid={!!errors.name}\n                  aria-describedby=\"name-error\"\n                  className=\"bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3 h-12\"\n                />\n                {errors.name && (\n                  <span id=\"name-error\" className=\"text-ods-error text-xs font-['DM_Sans'] mt-1\">\n                    {errors.name.message}\n                  </span>\n                )}\n              </div>\n            )}\n            {showEmail && (\n              <div className=\"flex flex-col\">\n                <Label htmlFor=\"email\">\n                  Email<span className=\"text-ods-accent\">*</span>\n                </Label>\n                <Input\n                  id=\"email\"\n                  type=\"email\"\n                  {...register('email')}\n                  placeholder=\"jane@company.com\"\n                  aria-invalid={!!errors.email}\n                  aria-describedby=\"email-error\"\n                  className=\"bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3 h-12\"\n                />\n                {errors.email && (\n                  <span id=\"email-error\" className=\"text-ods-error text-xs font-['DM_Sans'] mt-1\">\n                    {errors.email.message}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {(showCompanySize || showReferralSource) && (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6\">\n            {showCompanySize && (\n              <div className=\"flex flex-col\">\n                <Label htmlFor=\"companySize\">Company Size</Label>\n                <Controller\n                  control={control}\n                  name=\"companySize\"\n                  render={({ field }) => (\n                    <Select onValueChange={field.onChange} defaultValue={field.value}>\n                      <SelectTrigger\n                        id=\"companySize\"\n                        aria-label=\"Company Size\"\n                        className=\"bg-ods-card border-ods-border text-ods-text-primary h-12 px-3\"\n                      >\n                        <SelectValue placeholder=\"Select company size\" />\n                      </SelectTrigger>\n                      <SelectContent>\n                        {companySizeOptions.map((opt) => (\n                          <SelectItem key={opt} value={opt}>\n                            {opt}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n                />\n                {errors.companySize && (\n                  <span id=\"companySize-error\" className=\"text-ods-error text-xs font-['DM_Sans'] mt-1\">\n                    {errors.companySize.message}\n                  </span>\n                )}\n              </div>\n            )}\n            {showReferralSource && (\n              <div className=\"flex flex-col\">\n                <Label htmlFor=\"referralSource\">How did you hear about us?</Label>\n                <Controller\n                  control={control}\n                  name=\"referralSource\"\n                  render={({ field }) => (\n                    <Select onValueChange={field.onChange} defaultValue={field.value}>\n                      <SelectTrigger\n                        id=\"referralSource\"\n                        aria-label=\"Referral Source\"\n                        className=\"bg-ods-card border-ods-border text-ods-text-primary h-12 px-3\"\n                      >\n                        <SelectValue placeholder=\"Select an option\" />\n                      </SelectTrigger>\n                      <SelectContent>\n                        {referralSourceOptions.map((opt) => (\n                          <SelectItem key={opt} value={opt}>\n                            {opt}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n                />\n                {errors.referralSource && (\n                  <span id=\"referralSource-error\" className=\"text-ods-error text-xs font-['DM_Sans'] mt-1\">\n                    {errors.referralSource.message}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n\n        {showHelpCategory && (\n          <div className=\"flex flex-col\">\n            <Label htmlFor=\"helpCategory\">\n              Choose your main interest<span className=\"text-ods-accent\">*</span>\n            </Label>\n            <Controller\n              control={control}\n              name=\"helpCategory\"\n              render={({ field }) => (\n                <Select onValueChange={field.onChange} defaultValue={field.value}>\n                  <SelectTrigger\n                    id=\"helpCategory\"\n                    aria-label=\"Help Category\"\n                    className=\"bg-ods-card border-ods-border text-ods-text-primary h-12 px-3\"\n                  >\n                    <SelectValue placeholder=\"Choose your main interest\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {helpCategoryOptions.map((opt) => (\n                      <SelectItem key={opt} value={opt}>\n                        {opt}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              )}\n            />\n            {errors.helpCategory && (\n              <span id=\"helpCategory-error\" className=\"text-ods-error text-xs font-['DM_Sans'] mt-1\">\n                {errors.helpCategory.message}\n              </span>\n            )}\n          </div>\n        )}\n\n        {showMessage && (\n          <div className=\"flex flex-col flex-grow\">\n            <Label htmlFor=\"message\">\n              Your Message<span className=\"text-ods-accent\">*</span>\n            </Label>\n            <Textarea\n              id=\"message\"\n              {...register('message')}\n              placeholder=\"Share your current challenges or questions about open-source alternatives...\"\n              aria-invalid={!!errors.message}\n              aria-describedby=\"message-error\"\n              className=\"bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary h-full flex-grow\"\n            />\n            {errors.message && (\n              <span id=\"message-error\" className=\"text-ods-error text-xs font-['DM_Sans'] mt-1\">\n                {errors.message.message}\n              </span>\n            )}\n          </div>\n        )}\n\n        {/* Attachments — only renders when `attachmentsEnabled` is on.\n            Uses the SAME chip strip + add button + staging hook the\n            chat composer and ticket-drawer composer use, so the visual\n            chip styling + upload-progress UX are identical everywhere\n            attachments appear. */}\n        {attachmentsEnabled && (\n          <div className=\"flex flex-col gap-2\">\n            <ChatAttachmentChipStrip\n              attachments={attachments.attachments}\n              onRemove={attachments.removeAttachment}\n              disabled={isSubmitting}\n            />\n            <div className=\"flex items-center gap-2\">\n              <ChatAttachmentAddButton\n                attachmentsEnabled\n                attachmentsCount={attachments.attachments.length}\n                onAddFiles={attachments.addFiles}\n                disabled={isSubmitting}\n              />\n              <span className=\"text-xs text-ods-text-secondary\">\n                Attach files (optional)\n              </span>\n            </div>\n          </div>\n        )}\n\n        <div className=\"flex flex-col md:flex-row gap-4 md:gap-6 items-center justify-end w-full pt-2 mt-auto\">\n          {footerText && (\n            <p className=\"font-['DM_Sans'] text-ods-text-secondary text-xs md:text-sm leading-relaxed text-center md:text-left\">\n              {footerText}\n            </p>\n          )}\n          <Button\n            type=\"submit\"\n            loading={isSubmitting}\n            disabled={\n              isSubmitting ||\n              isSuccess ||\n              (attachmentsEnabled && attachments.hasInflightUploads)\n            }\n            variant={buttonVariant}\n            className={`w-full md:w-auto ${buttonClassName}`}\n          >\n            {isSuccess ? submitSuccessLabel : submitLabel}\n          </Button>\n        </div>\n      </form>\n    </div>\n  )\n}\n","import { z } from 'zod';\n\n// Dropdown option constants — re-exported by `<ContactForm>` consumers\n// that want to surface their own custom Select widgets keyed on the\n// same allowed-value set.\nexport const companySizeOptions = [\n  '1-10',\n  '11-50',\n  '51-200',\n  '201-500',\n  '501-1000',\n  '1001+',\n] as const;\n\nexport const referralSourceOptions = [\n  'Google',\n  'LinkedIn',\n  'Twitter/X',\n  'Reddit',\n  'Friend / Colleague',\n  'Other',\n] as const;\n\n// Default fallback options — used when the embedder doesn't supply\n// platform-specific help-category options via the `helpCategoryOptions`\n// prop on `<ContactForm>`.\nexport const defaultHelpCategoryOptions = [\n  'Open-Source Alternatives',\n  'Vendor Cost Reduction',\n  'MSP Best Practices',\n  'Partnerships',\n  'Press',\n  'Other',\n] as const;\n\n// Reusable LinkedIn URL validator — the single source of truth. Every\n// public form schema, every admin update schema, every HubSpot push\n// validator MUST reference this so validation rules cannot drift\n// across boundaries.\n//\n// Host validation parses the URL and checks the hostname suffix so an\n// adversarial input like `https://evil.com/linkedin.com/x` is rejected\n// (substring match would have accepted it — CodeQL alert\n// \"Incomplete URL substring sanitization\").\nexport const LinkedInUrlSchema = z\n  .string()\n  .url({ message: 'Please enter a valid LinkedIn URL' })\n  .refine(\n    (url) => {\n      try {\n        const host = new URL(url).hostname.toLowerCase()\n        return host === 'linkedin.com' || host.endsWith('.linkedin.com')\n      } catch {\n        return false\n      }\n    },\n    {\n      message: 'Please enter a valid LinkedIn profile URL',\n    },\n  )\n  .optional()\n  .or(z.literal(''));\n\n/**\n * Base schema — fields shared by every contact-style form (main contact\n * form, TMCG join, data-room request, case-study pitch, etc.). Any\n * field that exists on a form but NOT on this schema is silently\n * stripped by `safeParse` — that's exactly the bug the LinkedIn field\n * hit historically.\n */\nexport const ContactBaseSchema = z.object({\n  name: z\n    .string()\n    .min(2, { message: 'Name must be at least 2 characters' })\n    .max(255, { message: 'Name is too long' }),\n  email: z\n    .string()\n    .email({ message: 'Please enter a valid email address' })\n    .max(255),\n  linkedin_url: LinkedInUrlSchema,\n  helpCategory: z\n    .string()\n    .min(1, { message: 'Please select what we can help you with' })\n    .max(255, { message: 'Help category is too long' }),\n  message: z\n    .string()\n    .min(10, { message: 'Message must be at least 10 characters' })\n    .max(5000, { message: 'Message is too long (5,000 character limit)' }),\n  rdt_cid: z.string().optional(),\n});\n\n// Public POST /api/contact validator — base + dropdown fields used by\n// the generic contact form. Other form-specific schemas extend\n// `ContactBaseSchema`.\nexport const ContactSchema = ContactBaseSchema.extend({\n  companySize: z\n    .string()\n    .optional()\n    .refine((val) => !val || companySizeOptions.includes(val as (typeof companySizeOptions)[number]), {\n      message: 'Please select a valid company size',\n    }),\n  referralSource: z\n    .string()\n    .optional()\n    .refine((val) => !val || referralSourceOptions.includes(val as (typeof referralSourceOptions)[number]), {\n      message: 'Please select a valid referral source',\n    }),\n});\n\nexport type ContactFormData = z.infer<typeof ContactSchema>;\n\nexport interface ContactApiResponse {\n  success: boolean;\n  error?: string;\n}\n"]}